/* Lato-Bold */
@font-face {
font-family: 'Lato-Bold';
font-style: normal;
font-weight: normal;
src: url('/792624235/Handler/Static/Content/Themes/Material/fonts/Lato-Bold.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* Lato-Light */
@font-face {
font-family: 'Lato-Light';
font-style: normal;
font-weight: normal;
src: url('/1986869258/Handler/Static/Content/Themes/Material/fonts/Lato-Light.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* Lato-Regular */
@font-face {
font-family: 'Lato-Regular';
font-style: normal;
font-weight: normal;
src: url('/446629839/Handler/Static/Content/Themes/Material/fonts/Lato-Regular.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* Lora-Bold */
@font-face {
font-family: 'Lora-Bold';
font-style: normal;
font-weight: normal;
src: url('/-1600867756/Handler/Static/Content/Themes/Material/fonts/Lora-Bold.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* Lora-Regular */
@font-face {
font-family: 'Lora-Regular';
font-style: normal;
font-weight: normal;
src: url('/1488118412/Handler/Static/Content/Themes/Material/fonts/Lora-Regular.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* Montserrat-Bold */
@font-face {
font-family: 'Montserrat-Bold';
font-style: normal;
font-weight: normal;
src: url('/921363086/Handler/Static/Content/Themes/Material/fonts/Montserrat-Bold.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* Montserrat-Regular */
@font-face {
font-family: 'Montserrat-Regular';
font-style: normal;
font-weight: normal;
src: url('/114335283/Handler/Static/Content/Themes/Material/fonts/Montserrat-Regular.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* OpenSans-Bold */
@font-face {
font-family: 'OpenSans-Bold';
font-style: normal;
font-weight: normal;
src: url('/-51989936/Handler/Static/Content/Themes/Material/fonts/OpenSans-Bold.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* OpenSans-Light */
@font-face {
font-family: 'OpenSans-Light';
font-style: normal;
font-weight: normal;
src: url('/304305962/Handler/Static/Content/Themes/Material/fonts/OpenSans-Light.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* OpenSans-Regular */
@font-face {
font-family: 'OpenSans-Regular';
font-style: normal;
font-weight: normal;
src: url('/-370500050/Handler/Static/Content/Themes/Material/fonts/OpenSans-Regular.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* Oswald-Bold */
@font-face {
font-family: 'Oswald-Bold';
font-style: normal;
font-weight: normal;
src: url('/-379566668/Handler/Static/Content/Themes/Material/fonts/Oswald-Bold.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* Oswald-Light */
@font-face {
font-family: 'Oswald-Light';
font-style: normal;
font-weight: normal;
src: url('/801886870/Handler/Static/Content/Themes/Material/fonts/Oswald-Light.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* Oswald-Regular */
@font-face {
font-family: 'Oswald-Regular';
font-style: normal;
font-weight: normal;
src: url('/649408227/Handler/Static/Content/Themes/Material/fonts/Oswald-Regular.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* PT_Sans-Web-Bold */
@font-face {
font-family: 'PT_Sans-Web-Bold';
font-style: normal;
font-weight: normal;
src: url('/-803798993/Handler/Static/Content/Themes/Material/fonts/PT_Sans-Web-Bold.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* PT_Sans-Web-Regular */
@font-face {
font-family: 'PT_Sans-Web-Regular';
font-style: normal;
font-weight: normal;
src: url('/-1450043657/Handler/Static/Content/Themes/Material/fonts/PT_Sans-Web-Regular.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* Raleway-Bold */
@font-face {
font-family: 'Raleway-Bold';
font-style: normal;
font-weight: normal;
src: url('/-1833831513/Handler/Static/Content/Themes/Material/fonts/Raleway-Bold.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* Raleway-Light */
@font-face {
font-family: 'Raleway-Light';
font-style: normal;
font-weight: normal;
src: url('/-468085285/Handler/Static/Content/Themes/Material/fonts/Raleway-Light.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* Raleway-Medium */
@font-face {
font-family: 'Raleway-Medium';
font-style: normal;
font-weight: normal;
src: url('/-1833700441/Handler/Static/Content/Themes/Material/fonts/Raleway-Medium.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* Raleway-Regular */
@font-face {
font-family: 'Raleway-Regular';
font-style: normal;
font-weight: normal;
src: url('/-1791870972/Handler/Static/Content/Themes/Material/fonts/Raleway-Regular.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* Roboto-Bold */
@font-face {
font-family: 'Roboto-Bold';
font-style: normal;
font-weight: normal;
src: url('/2082474614/Handler/Static/Content/Themes/Material/fonts/Roboto-Bold.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* Roboto-Light */
@font-face {
font-family: 'Roboto-Light';
font-style: normal;
font-weight: normal;
src: url('/-1007798262/Handler/Static/Content/Themes/Material/fonts/Roboto-Light.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* Roboto-Regular */
@font-face {
font-family: 'Roboto-Regular';
font-style: normal;
font-weight: normal;
src: url('/-263809573/Handler/Static/Content/Themes/Material/fonts/Roboto-Regular.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* RobotoSlab-Bold */
@font-face {
font-family: 'RobotoSlab-Bold';
font-style: normal;
font-weight: normal;
src: url('/1319546023/Handler/Static/Content/Themes/Material/fonts/RobotoSlab-Bold.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* RobotoSlab-Light */
@font-face {
font-family: 'RobotoSlab-Light';
font-style: normal;
font-weight: normal;
src: url('/962922440/Handler/Static/Content/Themes/Material/fonts/RobotoSlab-Light.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* RobotoSlab-Regular */
@font-face {
font-family: 'RobotoSlab-Regular';
font-style: normal;
font-weight: normal;
src: url('/2082212465/Handler/Static/Content/Themes/Material/fonts/RobotoSlab-Regular.ttf') format('truetype') /* Safari, Android, iOS */;
}
/* RobotoSlab-Thin */
@font-face {
font-family: 'RobotoSlab-Thin';
font-style: normal;
font-weight: normal;
src: url('/694583060/Handler/Static/Content/Themes/Material/fonts/RobotoSlab-Thin.ttf') format('truetype') /* Safari, Android, iOS */;
}
/*!
* Bootstrap v3.1.1 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.shopping-cart__product__images__item img{
width: 100%;
}
.shopping-cart__product__images__item {
max-width: 200px;
}
.category-page-expanding-list .card-header-icon{
display: none;
}
.category-page-expanding-list img{
width: 100%;
}
.quantityBox__container{
margin-bottom: 1rem;
}
.shopping-cart__product__images {
min-width: 150px;
}
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn:active,
.btn.active {
background-image: none;
}
.btn-default {
background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #dbdbdb;
text-shadow: 0 1px 0 #fff;
border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
background-color: #e0e0e0;
}
.btn-default:active,
.btn-default.active {
background-color: #e0e0e0;
border-color: #dbdbdb;
}
.btn-primary {
background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #2b669a;
}
.btn-primary:hover,
.btn-primary:focus {
background-color: #2d6ca2;
background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
background-color: #2d6ca2;
border-color: #2b669a;
}
.btn-success {
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #3e8f3e;
}
.btn-success:hover,
.btn-success:focus {
background-color: #419641;
background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
background-color: #419641;
border-color: #3e8f3e;
}
.btn-info {
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #28a4c9;
}
.btn-info:hover,
.btn-info:focus {
background-color: #2aabd2;
background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
background-color: #2aabd2;
border-color: #28a4c9;
}
.btn-warning {
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
background-color: #eb9316;
background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
background-color: #eb9316;
border-color: #e38d13;
}
.btn-danger {
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #b92c28;
}
.btn-danger:hover,
.btn-danger:focus {
background-color: #c12e2a;
background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
background-color: #c12e2a;
border-color: #b92c28;
}
.thumbnail,
.img-thumbnail {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-color: #e8e8e8;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
background-color: #357ebd;
}
.navbar-default {
background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}
.navbar-default .navbar-nav > .active > a {
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
}
.navbar-brand,
.navbar-nav > li > a {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
.navbar-inverse {
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navbar-inverse .navbar-nav > .active > a {
background-image: -webkit-linear-gradient(top, #222222 0%, #282828 100%);
background-image: linear-gradient(to bottom, #222222 0%, #282828 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
.alert {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.alert-success {
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
border-color: #b2dba1;
}
.alert-info {
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
border-color: #9acfea;
}
.alert-warning {
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
border-color: #f5e79e;
}
.alert-danger {
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
border-color: #dca7a7;
}
.progress {
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
}
.progress-bar {
background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
}
.progress-bar-success {
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
}
.progress-bar-info {
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
}
.progress-bar-warning {
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
}
.progress-bar-danger {
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
}
.list-group {
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
text-shadow: 0 -1px 0 #3071a9;
background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
border-color: #3278b3;
}
.panel {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.panel-default > .panel-heading {
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
}
.panel-primary > .panel-heading {
background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
}
.panel-success > .panel-heading {
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
}
.panel-info > .panel-heading {
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
}
.panel-warning > .panel-heading {
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
}
.panel-danger > .panel-heading {
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
}
.well {
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
border-color: #dcdcdc;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}
.sy_validation {
position: relative;
float: left;
width: 100%;
}
.sy_validation .sy_val_title {
position: relative;
float: left;
width: 50%;
text-align: left;
font-size: 20px;
}
.sy_validation .sy_action_list {
position: relative;
float: right;
height: 30px;
z-index: 2;
}
.sy_validation .sy_action_list .sy_val_return_to_product {
position: relative;
float: left;
padding: 8px;
color: #fff;
background: #22A8E5;
text-decoration: none;
margin-top: 15px;
margin-right: 15px;
}
.sy_validation .sy_action_list .sy_val_action {
position: relative;
float: left;
background-color: #22A8E5;
width: 50px;
height: 50px;
margin-top: 5px;
margin-right: 15px;
text-align: center;
line-height: 50px;
}
.sy_validation .sy_action_list .sy_val_action img {
max-width: 60%;
max-height: 60%;
vertical-align: middle;
}
.sy_validation .sy_action_list .sy_val_action .sy_val_action_number {
position: absolute;
width: 20px;
height: 20px;
background: #292929;
line-height: 20px;
color: #fff;
top: -10px;
right: -10px;
}
.sy_validation .sy_val_content {
position: relative;
float: left;
width: 100%;
background: #eee;
min-height: 400px;
box-sizing: border-box;
padding: 20px;
padding-top:35px;
}
.sy_sms_bkg, .sy_email_bkg, .sy_print_bkg {
background-repeat: no-repeat;
background-position: center;
background-size: 70%;
}
.sy_val_actions {
position: relative;
float: left;
width: 74%;
}
.sy_val_action_row {
position: relative;
float: left;
width: 100%;
margin-top: 10px;
background: #fff;
height: 70px;
box-sizing: border-box;
padding-left: 80px;
}
.sy_val_action_row:first-child { margin-top:0px;}
.sy_val_error_row {
position: relative;
float: left;
width: 100%;
text-align: center;
padding: 7px;
background: #A40B00;
color: #fff;
text-decoration: none;
box-sizing: border-box;
}
.sy_val_action_row .sy_val_action_icon {
position: absolute;
left: 0px;
width: 70px;
height: 70px;
background-color: #22A8E5;
background-size: 75%;
background-repeat: no-repeat;
background-position: center;
}
.sy_val_action_row .sy_val_action_details {
position: relative;
float: left;
width: 50%;
margin-top: 8px;
}
.sy_val_content .sy_val_actions .sy_val_total {
position: relative;
float: right;
padding: 20px;
text-align: center;
background: #fff;
margin-top: 10px;
color: #22A8E5;
}
.sy_val_content .sy_val_actions .sy_val_total h4 {
margin: 0px;
}
.sy_val_content .sy_val_actions .sy_val_total h2 {
margin: 0px;
margin-top: 5px;
}
.sy_val_content .sy_val_action_details .title, .sy_val_action_row .sy_val_action_details .trigger {
position: relative;
float: left;
width: 100%;
height: 26px;
line-height: 26px;
font-size: 13px;
}
.sy_val_action_row .sy_val_action_details .trigger .fa {
color: #22A8E5;
margin-right: 10px;
font-size: 18px;
display:inline-block;
}
.sy_val_action_row .sy_val_cost_details {
position: relative;
float: right;
}
.sy_val_action_row .sy_val_cost_box {
position: relative;
float: left;
width: 70px;
height: 70px;
text-align: center;
box-sizing: border-box;
padding: 5px;
padding-top: 15px;
}
.sy_val_action_row .sy_val_cost_box .title {
display: block;
margin-bottom: 10px;
}
.sy_val_action_row .sy_val_cost_box .value {
font-weight: bold;
}
.sy_val_action_row .sy_val_cost_messages {
background: #ccc;
}
.sy_val_action_row .sy_val_cost_units {}
.sy_val_action_row .sy_val_cost_unit {
background: #292929;
color: #fff;
}
.sy_val_action_row .sy_val_cost_total {
color: #22A8E5;
}
.sy_val_ctr {
position: relative;
float: right;
background: #fff;
padding: 30px;
box-sizing: border-box;
width: 25%;
min-height: 394px;
}
.sy_val_ctr .sy_val_credits {
position: relative;
float: left;
width: 100%;
}
.sy_val_ctr .sy_val_credits_row {
position: relative;
float: left;
width: 100%;
margin-bottom: 20px;
}
.sy_val_ctr .sy_val_credits_row.sy_val_initial {}
.sy_val_ctr .sy_val_credits_row.sy_val_max {}
.sy_val_ctr .sy_val_credits_row.sy_val_available {}
.sy_val_ctr .sy_val_credits_row .title {
position: relative;
float: left;
width: 100%;
font-size: 13px;
font-weight: bold;
margin-bottom: 4px;
}
.sy_val_ctr .sy_val_credits_row .credits {
position: relative;
float: left;
width: 100%;
text-align: center;
background: #efefef;
box-sizing: border-box;
padding: 10px;
font-size: 18px;
font-weight: bold;
color: #22A8E5;
}
.sy_val_ctr .sy_val_submit_btn {
position: relative;
float: left;
width: 100%;
text-align: center;
padding: 10px;
color: #fff;
text-decoration: none;
border: none;
background: #22A8E5;
box-sizing: border-box;
font-size: 14px;
margin-top: 30px;
}
.sy_val_not_enough_cr { display:none;}
.sy_val_buy_credits { display:none; }
.sy_val_ctr .sy_val_not_enough .credits {
border: solid 2px #A40B00;
color: #A40B00;
}
.sy_val_ctr .sy_val_not_enough .sy_val_not_enough_cr {
display: block;
position: relative;
float: left;
width: 100%;
text-align: center;
font-size: 14px;
padding: 7px;
color: #fff;
box-sizing: border-box;
background: #A40B00;
}
.sy_val_ctr .sy_val_not_enough .sy_val_buy_credits {
display: block;
position: relative;
float: left;
width: 100%;
text-align: center;
font-size: 14px;
padding: 10px;
color: #fff;
box-sizing: border-box;
background: #A40B00;
margin-top:10px;
text-decoration:none;}
.sy_val_info {
font-size: 13px;
line-height: 18px;
position:relative;
float:left;
width:100%;
}
.sy_val_progress_box {
position: relative;
float: left;
width: 100%;
box-sizing: border-box;
}
.sy_val_progress_box .sy_val_progress {
position: relative;
float: left;
width: 100%;
background: #fff;
box-sizing: border-box;
padding: 5px;
height: 40px;
}
.sy_val_progress_box .sy_val_progress div {
position: relative;
float: left;
height: 30px;
line-height: 30px;
text-align: right;
font-size: 16px;
box-sizing: border-box;
padding-right: 0px;
overflow: hidden;
background: #22A8E5;
color: #fff;
min-width:0px;
min-width:50px;
padding-right:10px;
}
.sy_val_progress_box .sy_val_progress span {
position:relative;
float:right;
z-index:2;
}
.sy_val_progress_box .sy_val_abort {
position: absolute;
right: 0px;
width: 9.5%;
height: 40px;
line-height: 37px;
text-align: center;
font-size: 14px;
text-decoration: none;
color: #fff;
background: #A40B00;
}
.sy_val_failed_count {
position: relative;
float: left;
width: 100%;
color: #A40B00;
font-weight: bold;
}
.sy_val_failed_count span {
display: block;
margin-bottom: 10px;
}
.sy_val_failed_count a {
display: block;
padding: 10px;
background: #A40B00;
text-align: center;
color: #fff;
}
.sy_val_credits h2 {
color: #22A8E5;
}
.sy_val_credits ul {
position: relative;
float: left;
width: 100%;
padding: 10px;
background: #efefef;
box-sizing: border-box;
}
.sy_val_credits li {
margin-bottom: 5px;
font-size: 12px;
}
.sy_post_validation {
width: 40%;
}
.sy_post_validation .sy_val_action_row .sy_val_action_details {
width: 100%;
}
.sy_val_statistics {
position: relative;
float: left;
width: 33%;
margin-left: 1%;
height: 0px;
padding-bottom: 34%;
background: #fff;
}
.sy_val_statistics .sy_val_canvas {
position: absolute;
top: 50px;
left: 20px;
right: 20px;
bottom: 62px;
box-sizing: border-box;
border-bottom: solid 1px #292929;
}
.sy_val_statistics .sy_val_stats {
position: absolute;
left: 10%;
right: 10%;
bottom: 20px;
}
.sy_val_statistics .sy_val_stat {
position: relative;
float: left;
width: 30%;
margin-left: 1.6%;
margin-right: 1.6%;
text-align: center;
}
.sy_val_statistics .sy_val_canvas .StatBar {
position: absolute;
bottom: -24px;
width: 20%;
border-bottom: solid 24px #292929;
}
.sy_val_statistics .sy_val_canvas .StatBar span {
position: absolute;
top: -20px;
left: 0px;
right: 0px;
text-align: center;
font-size: 14px;
}
.sy_val_statistics .sy_val_canvas .StatBar span em {
display: block;
font-style: normal;
font-size: 11px;
margin-top: 10px;
color: #fff;
}
.sy_val_statistics .sy_val_canvas .StatBar1 {
left:10%;
height:100%;
background:#22A8E5;
}
.sy_val_statistics .sy_val_canvas .StatBar2 {
left:40%;
height:60%;
background:#4CAF50;
}
.sy_val_statistics .sy_val_canvas .StatBar3 {
left:70%;
height:40%;
background:#A40B00;
}
.sy_val_statistics .sy_val_canvas .stat_line {
width: 100%;
position: absolute;
border-bottom: solid 1px rgba(0,0,0,.1);
z-index: 1;
color: #919191;
font-size: 10px;
}
.sy_val_statistics .sy_val_canvas .stat_line_25 {
bottom:25%;
}
.sy_val_statistics .sy_val_canvas .stat_line_50 {
bottom:50%;
}
.sy_val_statistics .sy_val_canvas .stat_line_75 {
bottom:75%;
}
.sy_val_statistics .sy_val_canvas .stat_line_100 {
bottom:100%;
}
.loading_fx {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: 0px;
}
.loading_fx li {
position: relative;
float: left;
width: 1%;
height: 30px;
opacity: 0;
-webkit-transition: opacity .5s ease-in;
-moz-transition: opacity .5s ease-in;
-o-transition: opacity .5s ease-in;
transition: opacity .5s ease-in;
background: #00325B;
}
.loading_fx li.lightUp {
opacity:.8;
}
#floatingCirclesG{
position:absolute;
left: 50%;
top: 50%;
margin-left: -64px;
margin-top: -64px;
width:128px;
height:128px;
-moz-transform:scale(0.6);
-webkit-transform:scale(0.6);
-ms-transform:scale(0.6);
-o-transform:scale(0.6);
transform:scale(0.6);
}
.f_circleG{
position:absolute;
background-color:#EBEBEB;
height:23px;
width:23px;
-moz-border-radius:12px;
-moz-animation-name:f_fadeG;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-webkit-border-radius:12px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-ms-border-radius:12px;
-ms-animation-name:f_fadeG;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-o-border-radius:12px;
-o-animation-name:f_fadeG;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
border-radius:12px;
animation-name:f_fadeG;
animation-duration:1.04s;
animation-iteration-count:infinite;
animation-direction:normal;
}
#frotateG_01{
left:0;
top:52px;
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}
#frotateG_02{
left:15px;
top:15px;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}
#frotateG_03{
left:52px;
top:0;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}
#frotateG_04{
right:15px;
top:15px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}
#frotateG_05{
right:0;
top:52px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}
#frotateG_06{
right:15px;
bottom:15px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}
#frotateG_07{
left:52px;
bottom:0;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}
#frotateG_08{
left:15px;
bottom:15px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}
@-moz-keyframes f_fadeG{
0%{
background-color:#4EA2CC}
100%{
background-color:#EBEBEB}
}
@-webkit-keyframes f_fadeG{
0%{
background-color:#4EA2CC}
100%{
background-color:#EBEBEB}
}
@-ms-keyframes f_fadeG{
0%{
background-color:#4EA2CC}
100%{
background-color:#EBEBEB}
}
@-o-keyframes f_fadeG{
0%{
background-color:#4EA2CC}
100%{
background-color:#EBEBEB}
}
@keyframes f_fadeG{
0%{
background-color:#4EA2CC}
100%{
background-color:#EBEBEB}
}
.external-upload-wrapper {
position: relative;
float: left;
width: 100%;
}
.external-upload-wrapper .product-list {
position: relative;
float: right;
width: 29%;
padding: 20px;
box-sizing: border-box;
background: #eee;
}
.external-upload-wrapper .product-list h4 {
font-size: 20px;
font-weight: normal;
border-bottom: solid 1px #ccc;
padding-bottom: 10px;
margin-bottom: 10px;
}
.external-upload-wrapper .product-list ul {
}
.external-upload-wrapper .product-list ul li {
}
.external-upload-wrapper .product-wrapper {
position: relative;
float: left;
width: 100%;
box-sizing: border-box;
padding: 10px;
border: solid 1px #ccc;
background: #fff;
margin-bottom: 10px;
}
.external-upload-wrapper .product-wrapper .thumbnail {
position: relative;
float: right;
width: 39%;
max-height: 120px;
}
.external-upload-wrapper .product-wrapper .thumbnail img {
position: relative;
float: left;
max-width: 100%;
max-height: 100%;
}
.external-upload-wrapper .product-wrapper .price {
position: relative;
float: left;
width: 58%;
margin-bottom: 5px;
text-align: left;
font-size: 20px;
}
.external-upload-wrapper .product-wrapper .title {
position: relative;
float: left;
width: 58%;
margin-bottom: 5px;
font-size: 18px;
color: #22A8E5;
}
.external-upload-wrapper .product-wrapper .shortdescription {
position: relative;
float: left;
width: 58%;
margin-bottom: 10px;
}
.external-upload-wrapper .product-wrapper .use-product {
position: relative;
float: left;
width: 58%;
}
.external-upload-wrapper .product-wrapper .use-product a {
position: relative;
float: left;
padding: 7px;
background: #22A8E5;
color: #fff;
text-decoration: none;
padding-left: 15px;
padding-right: 15px;
}
.external-upload-wrapper .artwork-wrapper {
position: relative;
float: left;
width: 70%;
padding: 20px;
box-sizing: border-box;
background: #eee;
}
.external-upload-wrapper .artwork-wrapper h4 {
font-size: 20px;
font-weight: normal;
border-bottom: solid 1px #ccc;
padding-bottom: 10px;
margin-bottom: 10px;
}
.external-upload-wrapper .artwork-wrapper .page_nav {
height: 60px;
line-height: 60px;
top: 50%;
position: absolute;
padding: 0px;
background: transparent;
border: none;
margin-top: -30px;
outline:none;
}
.external-upload-wrapper .artwork-wrapper .page_nav .fa {
display: block;
font-size: 70px;
margin: 0px;
line-height: 50px;
}
.external-upload-wrapper .artwork-wrapper .page_next {
right: 0px;
}
.external-upload-wrapper .artwork-wrapper .page_prev {
left:0px;
}
.external-upload-wrapper .artwork-wrapper .preview-container {
position: relative;
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
box-sizing: border-box;
padding: 30px;
text-align: center;
}
.external-upload-wrapper .artwork-wrapper .preview-container img {
box-shadow:rgba(0,0,0,.5) 1px 1px 5px;
max-width:100%;
}
@media only screen and (max-width: 767px) {
.external-upload-wrapper .product-list, .external-upload-wrapper .artwork-wrapper {
width:100%;
margin-bottom:10px;
}
}.DTV2 .DT_bigpicture {
margin: 0;
width: 100%;
border: solid 4px #E9E9E9;
border-bottom: solid 2px #E9E9E9;
}
.DTV2 .DT_thumbs {
position: relative;
float: left;
width: 100%;
box-sizing: border-box;
border: solid 2px #e9e9e9;
border-top: 0px;
}
.DTV2 .fulldescription {
background: none;
border: none;
margin-bottom: 10px;
margin-top: 10px;
padding: 0px;
}
.DTV2 .DT_product-essential {
width: 50%;
}
.DTV2 .DT_product-collateral {
width: 47%;
}
.countdown_timer {
position: relative;
float: left;
width: 100%;
background: #313743;
box-sizing: border-box;
padding: 4%;
font-size: 20px;
color: #fff;
line-height: 30px;
margin-bottom: 20px;
margin-top: 10px;
text-align:center;
}
.countdown_timer .ctleft {
position: relative;
float: left;
width: 49%;
}
.countdown_timer .ctright {
position: relative;
float: right;
width: 49%;
}
.countdown_timer .ct1 {
position: relative;
float: left;
margin-right:10px;
width: 100%;
font-size: 14px;
}
.countdown_timer .ct2 {
position: relative;
margin-right:10px;
font-weight:bold;
display:inline-block;
}
.countdown_timer .ct3 {
position: relative;
margin-right:10px;
font-weight:bold;
display:inline-block;
}
.countdown_timer .ct4 {
position: relative;
display:inline-block;
}
.countdown_timer .ct2 span, .countdown_timer .ct3 span, .countdown_timer .ct4 span {
margin-right:5px;
font-weight:bold;
}
.countdown_timer .ct5 {
position: relative;
float: right;
width: 100%;
font-size: 14px;
}
.countdown_timer .ct6 {
position: relative;
font-weight:bold;
}
.related_products_slider .item-box {
position: relative;
float: left;
width: 100%;
box-sizing: border-box;
padding: 5px;
border: none;
height: 0px;
padding-bottom: 70%;
}
.related_products_slider .item-box .item {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: block;
}
.DTV2.DT_product-details-page .productvariantaddtocartbutton {
position: relative;
float: right;
padding: 9px;
padding-left: 18px;
padding-right: 18px;
text-transform: uppercase;
color: #fff;
border: 0;
margin-right: 0px;
margin-bottom: 0px;
width: 100%;
box-sizing: border-box;
font-size: 16px;
height: auto;
margin-top: 30px;
}
.related_products_slider .picture {
position: absolute;
top: 0px;
left: 5px;
right: 5px;
bottom: 40px;
background: #ccc;
overflow: hidden;
}
.related_products_slider .picture img {
width: 100%;
opacity: 0;
}
.related_products_slider .picture div {
display: block!important;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-size: cover!important;
background-position: center!important;
}
.related_products_slider .product-title {
padding: 2px 0;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
position: absolute;
width: 100%;
bottom: 0px;
text-align: center;
font-size: 16px;
font-weight: bold;
box-sizing: border-box;
}
.related_products_slider .item-box {
padding-bottom: 84%;
}
@media only screen and (max-width: 767px) {
.DTV2 .DT_product-essential, .DTV2 .DT_product-collateral {
width: 100%;
}
}
.thumb360 .fa {
display: inline-block;
font-size: 60px;
color: #22a8e5;
margin: 0px;
margin-bottom: 10px;
}
.thumb360 .thumb360_inner {
position: absolute;
font-size: 21px;
width: 100px;
text-align: center;
height: 120px;
line-height: 24px;
left: 50%;
top: 50%;
margin-left: -50px;
margin-top: -60px;
}
/* Delivery Countdown V2 */
.DT_product-description_lower {
position:relative;
float:left;
width:100%;
}
.DTV3 .DT_product-essential {
width:50%;
padding:0px;
padding-right:20px;
box-sizing:border-box;
}
.DTV3 .DT_product-collateral {
width:50%;
padding:0px;
}
.DTV3 .DT_bigpicture {
width: 80%;
float: right;
margin: 0;
border: 0px;
}
.DTV3 .DT_thumbs {
width: 15.5%;
padding-bottom: 80%;
height: 0;
box-sizing: border-box;
}
.DTV3 .DT_prev_button {
position: absolute;
left: 50%;
top: 0px;
font-size: 16px;
cursor: pointer;
margin-left: -5px;
}
.DTV3 .DT_next_button {
position: absolute;
left: 50%;
top:initial;
bottom: 0px;
font-size: 16px;
cursor: pointer;
margin-left: -5px;
right:initial;
}
.DTV3 .DT_thumb_carousel_body {
position: absolute;
float: left;
width: 100%;
overflow: hidden;
top: 20px;
bottom: 20px;
}
.DTV3 .DT_thumb_carousel {
position: absolute;
top: 0px;
float: left;
left: 0;
width: 100%;
}
.DTV3 .DT_thumb {
position: relative;
float: left;
width: 100%;
margin: 0px;
border: solid 1px #E9E9E9;
box-sizing: border-box;
}
.DTV3 .fulldescription {
background: none;
border: none;
margin-bottom: 20px;
margin-top: 20px;
padding: 0px;
}
.DTV3 .overview .shortdescription {
margin-bottom: 20px;
border-bottom: solid 1px #eee;
padding-bottom: 20px;
margin-top: 10px;
}
.DTV3 .DT_product-collateral .productvariantaddtocartbutton,
.DTV3 .DT_product-collateral .overview .add-info .quantityBox,
.DTV3 .DT_product-collateral .add-info label {
width: auto;
padding: 10px;
height: auto;
font-size: 14px;
box-sizing: border-box;
margin: 0px;
position: relative;
float: left;
height: 36px;
margin-right: -1px;
line-height: 13px;
text-align: center;
min-width: 50px;
}
.DTV3 .DT_product-collateral .overview .add-info .quantityBox,
.DTV3 .DT_product-collateral .add-info label {
border:solid 1px #ccc;
}
.DTV3 .DT_product-collateral .overview .add-info .quantityBox {
border-left:none;
margin-right:10px;
}
.DTV3 .DT_product-collateral .add-info label {
border-right:none;
color: #4e4e4e;
font-weight: normal;
text-transform: uppercase;
}
.DTV3 .DT_product-collateral .add-info label:after {
content: '';
position: absolute;
top: 5px;
bottom: 5px;
right: 1px;
border-left: solid 1px #ccc;
}
.DTV3 .countdown_timer {
position: relative;
float: left;
width: 100%;
padding: 20px;
box-sizing: border-box;
background: #3f434a;
color: #fff;
font-size: 16px;
text-align:left;
}
.DTV3 .countdown_timer .ctleft {
position: relative;
float: left;
width: 50%;
box-sizing: border-box;
padding-left: 7%;
}
.DTV3 .countdown_timer .ctleft .ct1 {
position: relative;
font-size: 14px;
width: 100%;
margin-bottom: 10px;
}
.DTV3 .countdown_timer .ctleft .ct2,
.DTV3 .countdown_timer .ctleft .ct3,
.DTV3 .countdown_timer .ctleft .ct4 {
position: relative;
position: relative;
float: left;
width: 33%;
margin-right: 0px;
}
.DTV3 .countdown_timer .ctleft .ct2 span,
.DTV3 .countdown_timer .ctleft .ct3 span,
.DTV3 .countdown_timer .ctleft .ct4 span {
font-size: 30px;
}
.DTV3 .countdown_timer .ctright {
position: relative;
float: left;
width: 50%;
box-sizing: border-box;
padding-left: 7%;
border-left: solid 1px #fff;
}
.DTV3 .countdown_timer .ctright .ct5 {
float: left;
width: 100%;
margin-bottom: 10px;
font-size: 14px;
}
.DTV3 .countdown_timer .ctright .ct6 {
position: relative;
float: left;
width: 100%;
font-size: 30px;
}
.DTV3 .thumb360 .thumb360_inner {
font-size: 12px;
}
.DTV3 .thumb360 .thumb360_inner {
position: absolute;
font-size: 12px;
width: 100%;
text-align: center;
height: 100%;
line-height: 12px;
left: 50%;
top: 50%;
margin-left: 0px;
margin-top: 0px;
transform: translate(-50%,-50%);
}
.DTV3 .thumb360 .fa {
display: inline-block;
font-size: 30px;
color: #22a8e5;
margin: 0;
margin-bottom: 5px;
}
@media only screen and (max-width: 1200px) and (min-width: 960px) { }
@media only screen and (max-width: 959px) {
.DTV3 .DT_product-collateral,
.DTV3 .DT_product-essential {
width:100%;
}
.DTV3 .countdown_timer .ctleft,
.DTV3 .countdown_timer .ctright {
padding-left: 4%;
}
}
@media only screen and (max-width: 767px) {
.DTV3 .countdown_timer .ctleft,
.DTV3 .countdown_timer .ctright {
width:100%;
border-left:none;
padding:0px;
text-align:center;
}
.DTV3 .countdown_timer .ctleft {
border-bottom: solid 1px #ccc;
margin-bottom:20px;
padding-bottom:20px;
}
.DTV3 .countdown_timer .ctleft .ct2,
.DTV3 .countdown_timer .ctleft .ct3,
.DTV3 .countdown_timer .ctleft .ct4 {
width: auto;
float: none;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
}
@media only screen and (max-width: 479px) {
.DTV3 .countdown_timer .ctleft .ct2, .DTV3 .countdown_timer .ctleft .ct3, .DTV3 .countdown_timer .ctleft .ct4 {
margin-left: 5px;
margin-right: 5px;
}
}
.imageContainer_v2 {
display: block;
position: fixed;
width: 90%!important;
height: 90%!important;
top: 50%!important;
left: 50%!important;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
max-width: 1200px;
max-height: 800px;
min-width: 500px;
min-height: 500px;
background: #eee;
z-index: 10000000;
box-shadow: rgba(0,0,0,.5) 1px 1px 5px;
border: solid 1px #fff;
}
#ImageUploader .imageContainer_v2 {
position: absolute;
width: 100%!important;
height: 100%!important;
transform: none;
top: 0px!important;
left: 0px!important;
margin: 0px;
text-align: center;
}
#imageImportDlg {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
top: 0;
max-height: none!important;
}
.imageContainer_v2 {
display:block;
}
.imageContainer_v2 .logo {
display: block;
position: absolute;
left: 2%;
top: 18px;
}
.imageContainer_v2 .ImgSearch {
display: block;
position: absolute;
right: 2%;
top: 18px;
}
.imageContainer_v2 .ImgPlugPhotos, .imageContainer_v2 .deposit-select-image-data {
display: block;
position: absolute;
width: 96%;
max-width: none;
left: 2%;
top: 80px;
bottom: 100px;
margin: 0px!important;
background: #212c36!important;
height:auto!important;
}
.ImgPlugImageSelect {
width: 20%;
height: 23.5%!important;
position: relative;
background: #121518;
margin: 0px;
border: solid 1px #212c36;
}
.depositPhotos .ImgPlugPhotos {
padding: 1px!important;
overflow:hidden!important;
}
.selectedImg {
border: none;
}
.ImgPlugImageSelect .fake_img {
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
opacity:1;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
display:block!important;
}
.ImgPlugImageSelect:hover .fake_img {
opacity:0;
}
.selected_box {
display: block!important;
position: absolute;
top: 5px;
right: 5px;
color: #fff;
font-size: 16px;
width: 23px;
background: #212c36;
height: 23px;
padding-left: 4px;
border-radius: 0px;
line-height: 24px;
}
.selectedImg .selected_box {
background: rgb(205, 42, 99);
}
.selected_box .fa {
display:inline-block;
}
.selected_box .fa-check {
display:none;
}
.selected_box .fa-square-o {
display:inline-block;
}
.selectedImg .selected_box .fa-check {
display:inline-block;
}
.selectedImg .selected_box .fa-square-o {
display:none;
}
.ImgPlugImageSelect img {
opacity: 0;
-webkit-transition: opacity .2s linear;
-moz-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
width: auto!important;
height: auto!important;
max-height: 96%;
max-width: 96%;
top: 50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
position:absolute;
}
.ImgPlugImageSelect:hover img {
opacity:1;
}
.imageContainer_v2 .ImgPlugPaging {
display: block;
position: absolute;
bottom: 112px;
width: 94%;
left: 3%;
}
.imageContainer_v2 .ImgPlugPaging span {
display:inline-block;
}
.imageContainer_v2 .ImgPlugFooter {
display: block;
position: absolute;
bottom: 109px;
width: 50%;
left: 0;
color: #fff;
left: 25%;
}
.imageContainer_v2 .upload {
display: block;
position: absolute;
bottom: 0px;
width: 100%;
left: 0px;
height: 50px;
background: #212c36;
}
.imageContainer_v2.depositPhotos .upload #uploadButton {
display: block;
position: absolute;
top: -43px;
left: 50%;
margin-left: -100px!important;
padding: 11px;
background: #cd2a63!important;
width:200px!important;
}
.imageContainer_v2.depositPhotos .upload #uploadButton:hover {
background: #9c1e4a!important;
}
#imageImportDlg #cancel, #imageImportDlg #back {
background: #eaeaea!important;
padding: 8px;
padding-left: 10px;
padding-right: 10px;
margin-top: 10px;
color: #212c36!important;
float:right;
margin-right:12px;
}
.ui-dialog-titlebar-close {
display:none;
}
.imageContainer_v2 .ImgSearch #btnSearch {
margin-bottom: 5px;
margin-top: 5px;
border-radius: 5px;
text-transform: uppercase;
padding: 7px;
padding-left: 10px;
padding-right: 10px;
}
.imageContainer_v2 .ImgPlugPhotos,
.imageContainer_v2 .ImgSearch,
.imageContainer_v2 .ImgSearch .ddSort,
.imageContainer_v2 .ImgSearch #search,
.imageContainer_v2 .ImgSearch #btnSearch
{
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s
}
.imageContainer_v2.nosearch .ImgPlugPhotos {
content:'';
}
.imageContainer_v2.nosearch .ImgSearch {
content:'';
}
.imageContainer_v2.nosearch .ImgSearch .ddSort {
font-size: 18px;
padding: 10px;
}
.imageContainer_v2.nosearch .ImgSearch #search {
font-size: 18px;
padding: 10px;
}
.imageContainer_v2.nosearch .ImgSearch #btnSearch {
font-size: 18px;
padding: 10px;
margin-top: 0px;
}
.imageContainer_v2.nosearch .ImgPlugPhotos {
opacity:0;
}
.imageContainer_v2.nosearch .ImgSearch {
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
z-index:2;
min-width: 60%;
text-align:center;
}
.imageContainer_v2.nosearch .ImgSearch .intro_text {
display: block!important;
position: absolute;
top: -61px;
width: 100%;
font-size: 20px;
color: #212c36;
border-bottom: solid 1px #ccc;
padding-bottom: 20px;
}
.imageContainer_v2.nosearch .ImgPlugPaging {
display:none;
}
.imageContainer_v2 .ImgPlugPaging {
display: block;
position: absolute;
bottom: 105px;
width: 95%;
left: 2.5%;
}
.imageContainer_v2 .ImgPlugPaging .btn-me {
font-size: 17px;
background: none!important;
}
.deposit-select-image-data #startUploadBtn {
position: absolute;
bottom: -40px;
left: 50%;
width: 200px;
margin-left: -100px;
background: #cd2a63!important;
}
.deposit-select-image-data #startUploadBtn:hover {
background: #9c1e4a!important;
}
.imageContainer_v2.depositPhotos .deposit-select-image-data .dp-media-container {
background: transparent;
border-radius: 0;
position: absolute;
top: 30px;
bottom: 0;
max-height: none;
min-height: 0;
margin-bottom: 0;
border: solid 7px #212c36;
left: 0px;
right: 0px;
}
.depositPhotos .deposit-select-image-data h5 {
font-size: 14px;
margin-bottom: 7px;
color: #fff;
}
.depositPhotos .deposit-select-image-data .dp-media-container .ImgPlugImageSelect {
width: auto;
height: auto!important;
position: relative;
background: #121518;
margin: 0;
border: solid 1px #212c36;
max-width: 90%;
max-height: 400px;
float: none;
display: inline-block;
}
.depositPhotos .deposit-select-image-data .ImageArea {
position: relative;
float: left;
width: 50%;
background: #fff;
margin-top: -16px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: -16px;
text-align:center;
}
.depositPhotos .depositphoto-item .dp-media-size, .depositPhotos .depositphoto-item .dp-media-license {
text-align: left;
position: relative;
float: right;
width: 47%;
margin-bottom: 23px;
border-bottom: solid 1px #ccc;
padding-bottom: 20px;
margin-left: 0px;
}
.depositPhotos .deposit-select-image-data .dp-media-size h4, .depositPhotos .deposit-select-image-data .dp-media-license h4 {
float: left!important;
margin: 0;
width: 30%;
text-align: right;
box-sizing: border-box;
padding-right: 20px;
font-size: 14px;
padding-top: 3px;
font-weight: bold;
}
.dp-media-license div, .dp-media-size div {
float: left;
margin-left: 3px;
position: relative;
width: 66%;
}
.depositPhotos .depositphoto-item {
overflow:hidden;
}
.depositPhotos .deposit-select-image-data .depositphoto-item {
clear: both;
background: #e5e5e5;
border-radius: 0px;
padding: 16px 0;
margin: 10px!important;
}
#ImageUploader .imageContainer_v2 .ImgPlugPhotos, #ImageUploader .imageContainer_v2 .deposit-select-image-data {
top: 65px;
bottom: 90px;
}
#ImageUploader .imageContainer_v2 .ImgPlugPaging {
display: block;
position: absolute;
bottom: 85px;
width: 92%;
left: 3%;
}
#ImageUploader .imageContainer_v2 .ImgPlugPaging .btn-me {
font-size: 13px;
}
#ImageUploader .imageContainer_v2 .upload #uploadButton {
top: -43px;
}
#ImageUploader .imageContainer_v2 .ImgPlugFooter {
bottom: 95px;
}
#ImageUploader .depositPhotos .deposit-select-image-data #startUploadBtn {
position: absolute;
bottom: -38px;
right: -2px;
z-index: 9;
border: none;
padding: 11px;
color: #fff;
}
#imagedialog .depositPhotos .deposit-select-image-data #startUploadBtn {
position: absolute;
bottom: -42px;
right: -2px;
z-index: 9;
border: none;
padding: 11px;
color: #fff;
}
#ImageUploader .depositPhotos .deposit-select-image-data h5 {
margin-top: 7px;
}
#imagedialog .depositPhotos .deposit-select-image-data h5 {
font-size: 13px;
margin-bottom: 7px;
text-align: center;
margin-top: 7px;
}
.depositPhotos .logo {
text-align: left;
}
.depositPhotos .dp-media-container {
max-height:none!important;
}
.depositPhotos .upload #cancel, .depositPhotos .upload #back {
margin-top: 11px;
margin-right: 10px;
float:right;
}
.imageContainer_v2.nosearch .ImgPlugPaging {
display:none!important;}
.imageContainer_v2.depositPhotos {
margin-top: 0px;
}
.imageContainer_v2.depositPhotos .ImgSearch #search {
width: 40%;
}
.imageContainer_v2.depositPhotos #uploadButton {
display:none!important;
}
.imageContainer_v2 #addImagesButton {
display:none;
}
.imageContainer_v2.depositPhotos #addImagesButton {
display: inline-block;
position: absolute;
top: initial;
left: 50%;
bottom: 58px;
margin-left: -100px;
padding: 11px;
background: #cd2a63!important;
width: 200px;
z-index: 3;
border: none;
color: #fff;
}
#imagedialog .imageContainer_v2.depositPhotos #addImagesButton {
display: inline-block;
position: absolute;
top: initial;
left: 50%;
bottom: 56px;
margin-left: -100px;
padding: 7px;
background: #cd2a63!important;
width: 200px;
z-index: 3;
border: none;
color: #fff;
}.ajaxSigninPopup {
z-index: 999999;
max-width: 400px;
height: auto;
position: fixed;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: white;
color: #333;
font-family: Calibri;
font-size: 16px;
padding: 10px;
text-align: center;
border-radius: 2px;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
padding-top: 53px;
letter-spacing: 0;
}
.ajaxSigninPopup .aj-close-popup {
position: absolute;
top: 11px;
right: 10px;
color: black;
font-size: 17px;
display: block;
}
.ajaxSigninPopup button {
display: inline-block;
height: 38px;
padding: 0 30px;
color: #555;
text-align: center;
font-size: 11px;
font-weight: 600;
line-height: 38px;
letter-spacing: .1rem;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
background-color: #FFF;
border-radius: 4px;
border-style: solid;
border-width: 1px;
border-color: #1876D1;
cursor: pointer;
box-sizing: border-box;
margin: 3px 0;
transition: 250ms all ease;
}
.ajaxSigninPopup button:hover {
background: #f2f2f2;
}
.ajaxSigninPopup a {
display: block;
margin-top: 19px;
}
.ajaxSigninPopup i {
cursor: pointer;
}.cf_imageView_container {
position: relative;
display: inline-block !important;
width: 100%;
min-height: 150px;
text-align: center;
}
.cf_imageView_loading {
background: #fff url(/-1609108919/Handler/Static/content/images/slimbox/loading.gif) no-repeat center center;
width: 40px;
height: 40px !important;
border-radius: 100px;
box-sizing: border-box;
}
#previewImageContainer img {
width: 100%;
height: auto;
}
.cf_imageViewer_row {
vertical-align: middle;
position: relative;
}
.cf_imageViewer_prev {
left: 1rem;
top: 50%;
}
.cf_imageViewer_next {
right: 1rem;
top: 50%;
}
.cf_imageViewer_prev:before {
content: "\f104";
font-family: "Font Awesome 5 Pro";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
font-size: 57px;
margin-top: -10px;
display: inline-block;
color: #fff;
text-shadow: rgba(0, 0, 0, .5) 1px 1px 4px;
}
.cf_imageViewer_next:before {
content: "\f105";
font-family: "Font Awesome 5 Pro";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
font-size: 57px;
margin-top: -10px;
display: inline-block;
color: #fff;
text-shadow: rgba(0, 0, 0, .5) 1px 1px 4px;
}
.cf_imageViewer_navigation {
cursor: pointer;
width: 21px;
height: 31px;
display: inline-block;
vertical-align: middle;
position: absolute;
margin-top: -15px;
opacity: 0.7;
}
.cf_imageViewer_navigation:hover {
opacity: 1;
}
.cf_imageViewer_image {
display: inline-block;
vertical-align: middle;
}
.cf_imageViewer_pageCounter {
padding: 10px;
font-family: sans-serif;
text-shadow: rgba(0, 0, 0, .5) 1px 1px 4px;
}
.privatemessagesend {
box-sizing: border-box;
position: relative;
float: left;
width: 100%;
max-width: 100%;
padding: 20px;
background: #f7f7f7;
border: solid 1px #eee;
}
.privatemessagesend .title {
box-sizing: border-box;
font-size: 16px;
padding-bottom: 10px;
border-bottom: solid 1px #ccc;
}
.privatemessagesend .wrapper {
box-sizing:border-box;
}
.privatemessagesend input[type=text] {
box-sizing: border-box;
position: relative;
width: 100%;
}
.privatemessagesend textarea {
box-sizing: border-box;
width: 100%;
min-height: 200px;
}
.privatemessagesend .submitpmbutton, .privatemessagesend .cancelpmbutton {
box-sizing: border-box;
float: right;
margin-left: 4px;
background: #22a8e5;
color: #fff;
padding: 7px;
border: none;
}
.privatemessagesend .toolbar {
box-sizing: border-box;
position: relative;
float: left;
width: 100%;
}
.privatemessagesend .toolbar .button {
box-sizing: border-box;
position: relative;
float: left;
}
[draggable] {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
/* Required to make elements draggable in old WebKit */
-khtml-user-drag: element;
-webkit-user-drag: element;
}
.advnav ul li a.over {
border: 2px dashed #000;
}
nav.advnav {
position: relative;
float: left;
width: 100%;
height: 50px;
background: #212121;
z-index: 2;
}
.advnav_menu_button {
position: relative;
float: left;
width: auto;
display: inline-block;
white-space: nowrap;
box-sizing: border-box;
}
.advnav_menu_button a {
height: 50px;
line-height: 50px;
padding-left: 15px;
padding-right: 15px;
display: block;
color: #fff;
text-decoration: none;
min-width: 75px;
box-sizing: border-box;
}
.advnav_menu_button.focused {
background:#006CD1;
}
.advnav_child_container {
position: absolute;
top: 50px;
left: 0px;
min-width: 100%;
background: #333;
padding: 0px;
box-sizing: border-box;
display: none;
padding-bottom: 50px;
}
.advnavlive .advnav_child_container {
padding-bottom: 0px;
}
.advnav_child_container .advnav_child_container {
left: 100%;
margin-left: 1px;
top: 1px;
z-index: 2;
}
.advnav_menu_button.focused > .advnav_child_container {
display: block;
}
.advnav_menu_button:hover > .advnav_child_container {
display: block;
}
.advnav_menu_button a:hover {
background:rgba(0,0,0,.2);
}
.add_entry_button {
position: absolute;
left:0px;
width: 100%;
bottom:0px;
height: 50px;
background: #E98A00;
color: #fff;
border: none;
box-sizing: border-box;
cursor: pointer;
min-width: 75px;
border: solid 1px #333333;
}
.advnav_menu_button .advnav_menu_button {
min-width: 100%;
}
/* Dropdown type setup */
/* THUMB */
.advnav_menu_button.thumb > .advnav_child_container {
}
.advnav_menu_button.thumb .advnav_menu_button {
min-width: 0px;
}
.advnav_menu_button.thumb > .advnav_child_container .advnav_child_container {
display: none;
}
.advnav_menu_button.thumb > .advnav_child_container > .advnav_menu_button a {
position: relative;
float: left;
width: 200px;
height: 0px;
padding-bottom: 200px;
overflow: hidden;
}
.advnav_menu_button.thumb > .advnav_child_container > .advnav_menu_button a .advnav_item_title {
position: absolute;
bottom: 10px;
text-align: center;
left: 10px;
right: 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.advnav_menu_button.thumb > .advnav_child_container > .advnav_menu_button a .advnav_thumb {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 50px;
display: block!important;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.advnav_menu_button.columns .advnav_menu_button a .advnav_descr {}
/* Columns */
.advnav_menu_button.columns .advnav_child_container .advnav_child_container {
display: none;
}
.advnav_menu_button.columns .advnav_child_container .advnav_child_container .advnav_child_container .add_entry_button { display: none;}
.advnav_menu_button.columns .advnav_child_container .advnav_child_container .advnav_child_container{
padding-bottom: 0px;}
.advnav_menu_button.columns .advnav_menu_button {
position: relative;
float: left;
width: 200px;
min-width: 0px;
}
.advnav_menu_button.columns > .advnav_child_container .advnav_child_container {
left: 0px;
position: relative;
float: left;
width: 100%!important;
display: block!important;
margin: 0px;
}
.advnav_menu_button.columns > .advnav_child_container > .advnav_menu_button > a {
position: relative;
float: left;
width: 200px;
height: 0px;
padding-bottom: 200px
}
.advnav_menu_button.columns .advnav_menu_button a {
text-align:center;
}
.advnav_menu_button.columns > .advnav_child_container > .advnav_menu_button > a .advnav_item_title {
position: absolute;
bottom: 10px;
text-align: center;
left: 10px;
right: 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.advnav_menu_button.columns > .advnav_child_container > .advnav_menu_button > a > .advnav_thumb {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 50px;
display: block!important;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.advnav_menu_button.columns .advnav_menu_button a .advnav_descr {}
#advnav_parrent_container > .add_entry_button {
position: relative;
float: left;
height: 50px;
line-height: 50px;
padding-left: 15px;
padding-right: 15px;
display: block;
color: #fff;
width: auto;
left: 0px;
bottom: 0px;
}
#adv_nav_options {
padding: 0;
font-family: sans-serif;
font-size: 12px;
left: 0;
width: auto;
right: 0px;
position: fixed;
bottom: 0;
z-index: 10001;
color: #29353a;
box-shadow: 0 6px 12px 0 #222;
height: 249px;
box-sizing: border-box;
padding: 20px;
background: #fcfcfc;
}
#advnav_controls {
position: relative;
float: left;
width: 100%;
line-height: 30px;
}
#advnav_controls .buttons {
float:right;
}
#advnav_controls h1 {
float: left;
font-size: 18px;
font-weight: bold;
margin: 0px;
}
#adv_nav_options button, #adv_nav_options input[type="submit"] {
display: inline-block;
height: 34px;
padding: 0 17px;
color: white;
text-align: center;
line-height: 20px;
text-decoration: none;
white-space: nowrap;
background: #29353e;
border-radius: 3px;
cursor: pointer;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
-moz-transition: .3s all ease;
-o-transition: .3s all ease;
-webkit-transition: .3s all ease;
transition: .3s all ease;
position: relative;
border: 0;
margin-right: 10px;
padding-top: 7px;
padding-bottom: 7px;
}
#advnav_controls button#save_advnav {
background: #e98a00;
}
#advnav_controls button#disable_advnav {
margin-right:0px;
}
#advnav_controls button .fa {
display: inline-block;
margin: 0px;
}
#advnav_itemsettings {
}
#advnav_item_temp {
position: fixed;
top: initial;
right: 0;
bottom: 250px;
width: 100%;
box-shadow: rgba(0,0,0,.3) -3px 0 3px;
padding: 10px;
background: #333;
z-index: 99999;
box-sizing: border-box;
min-height: 50px;
}
#advnav_item_temp .advnav_menu_button a {
height: 30px;
line-height: 30px;
min-width: auto;
}
#advnav_item_temp .advnav_menu_button {
margin-right: 5px;
}
#advnav_item_temp .advnav_menu_button .advnav_child_container {
display: none;
}
#advnav_item_temp .advnav_menu_button {
border: solid 1px #fff;
}
#advnav_itemsettings .advnav_target { display:none;}
#advnav_itemsettings .advnav_row {
position: relative;
float: left;
width: 19%;
margin-bottom: 10px;
box-sizing: border-box;
padding: 1%;
margin-right: 1.25%;
border: solid 1px #ccc;
height: 140px;
margin-top: 10px;
}
#advnav_itemsettings label {
position: relative;
float: left;
width: 100%;
margin-bottom:5px;
}
#advnav_itemsettings input[type=text], #advnav_itemsettings select, #advnav_itemsettings input[type="file"] {
height: 34px;
padding: 6px 10px;
background-color: #fff;
border: 1px solid #D1D1D1;
border-radius: 4px;
box-shadow: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
width:100%;
margin-bottom: 10px;
}
#advnav_itemsettings textarea {
height: 100px;
padding: 6px 10px;
background-color: #fff;
border: 1px solid #D1D1D1;
border-radius: 4px;
box-shadow: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
width:100%;
}
#advnav_image_preview img {
max-height: 93px;
max-width:80%;
}
#advnav_image_preview button.delete {
display: block;
position: absolute;
top: 0px;
right: 0px;
color: #fff;
}
#advnav_image_preview button.delete .fa {
display: inline-block;
margin: 0px;
font-size: 19px;
}
#advnav_image_preview {
position: relative;
float: left;
width: 100%;
}
#advnav_mobile_menu, #advnav_mobile_menu_toggle {
display:none;
}
#advnav_mobile_menu_toggle {
position: fixed;
top: 0px;
right: 0px;
width: 40px;
height: 40px;
border: none;
background: #29353e;
z-index:10;
}
#advnav_mobile_menu_toggle span {
width: 20px;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -1px;
margin-left: -10px;
background: #fff;
}
#advnav_mobile_menu_toggle span:before {
content: '';
position: absolute;
width: 20px;
height: 2px;
top: -8px;
background: #fff;
left: 0px;
}
#advnav_mobile_menu_toggle span:after {
content: '';
position: absolute;
width: 20px;
height: 2px;
top: 8px;
background: #fff;
left: 0px;
}
#advnav_mobile_menu_toggle.active span {
background:transparent;
}
#advnav_mobile_menu_toggle.active span:before {
top:0px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
#advnav_mobile_menu_toggle.active span:after {
top:0px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
#advnav_mobile_menu {
position: fixed;
z-index: 9;
top: 0;
left: 0;
right: 0;
bottom: 0;
box-sizing: border-box;
padding: 40px;
background: #fff;
overflow: hidden;
overflow-y: scroll;
border-top: solid 40px #f1f1f1;
}
#advnav_mobile_menu .advnav_mobile_menu_button {
display:block;
position:relative;
float:left;
width:100%;
}
#advnav_mobile_menu .advnav_mobile_menu_button a {
display: block;
position: relative;
float: left;
width: 100%;
padding: 10px;
font-size:20px;
}
#advnav_mobile_menu .advnav_mobile_menu_button button.expand {
display: block;
position: absolute;
top: 12px;
right: 10px;
width: 20px;
height: 20px;
border: none;
background: transparent;
cursor:pointer;
}
#advnav_mobile_menu .advnav_mobile_menu_button button.expand span {
position: absolute;
width: 12px;
height: 2px;
background: #29353e;
top: 9px;
left: 4px;
}
#advnav_mobile_menu .advnav_mobile_menu_button button.expand span:after {
content: '';
position: absolute;
width: 12px;
height: 2px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
background: #29353e;
left: 0px;
}
#advnav_mobile_menu .advnav_mobile_menu_button.exp > button.expand span:after {
display:none;
}
#advnav_mobile_menu .advnav_mobile_menu_button .advnav_mobile_child {
position: relative;
float: left;
width: 95%;
margin-left: 5%;
}
#advnav_mobile_menu .advnav_mobile_menu_button .advnav_mobile_child {
display: none;
}
#advnav_mobile_menu .advnav_mobile_menu_button .advnav_mobile_child > .advnav_mobile_menu_button {
font-size:18px;
}
#advnav_mobile_menu .advnav_mobile_menu_button.exp .advnav_mobile_child {
display: block;
}
@media only screen and (max-width: 767px) {
#advnav_mobile_menu, #advnav_mobile_menu_toggle {
display:block;
}
.advanced-nav-parentcontainer {
display:none;
}
}
#advnav_mobile_menu {
display:none;
}
#advnav_mobile_menu.active {
display:block;
}.modalSaveQuote {
display:block;
}
.modalSaveQuote .q_row {
display:block;
}
.modalSaveQuote .q_row label {
display: block;
margin-top: 10px;
}
.modalSaveQuote .q_row input {
display: block;
width: 100%;
box-sizing: border-box;
padding: 6px;
margin-top: 5px;
border: solid 1px #ccc;
border-radius: 4px;
}
.modalSaveQuote .q_row textarea {
display: block;
width: 100%;
box-sizing: border-box;
padding: 6px;
margin-top: 5px;
border: solid 1px #ccc;
border-radius: 4px;
height: 70px;
max-height: 70px;
min-height:70px;
background: #eee;
}
.modalSaveQuote .q_quote {
display:block;
}
.modalSaveQuote .q_email {
display:block;
}
.modalSaveQuote .q_url {
display:block;
}
.modalSaveQuote #copyurl {
float: right;
padding: 5px;
margin-top: 5px;
}
.modalSaveQuote #copyurl .fa {
display:inline-block;
}
.modalSaveQuote #infobox {
float:left;
}
.imageContainer.imagesearch {
position: relative;
min-height: 405px !important;
padding: 10px;
}
.imageContainer.imagesearch * {
box-sizing: border-box;
}
.imageContainer.imagesearch .searchbar,
.imageContainer.imagesearch .SearchImageCount {
position: relative;
float: left;
width: 100%;
padding: 0.5%;
}
.imageContainer.imagesearch .SearchImageCount {
text-align: right;
margin-top: 3px;
margin-bottom: 4px;
font-size: 10px;
color: #676767;
}
.imageContainer.imagesearch .searchbar #imageSearchBar {
position: relative;
width: 70%;
float: left;
border: solid 1px #eee;
height: 36px;
margin: 0px;
padding-left: 10px;
}
.imageContainer.imagesearch .searchbar #imageSearchTrigger {
position: relative;
float: left;
width: 30%;
font-size: 12px;
height: 36px;
margin: 0px;
}
.imageContainer.imagesearch #imagesearchResults {
position: relative;
float: left;
width: 100%;
}
.imageContainer.imagesearch #imagesearchResults .imageSearchItem {
position: relative;
float: left;
width: 24%;
height: 0px;
padding-bottom: 21%;
margin: 0.5%;
border: solid 1px #ccc;
}
.imageContainer.imagesearch #imagesearchResults .imageSearchItem span {
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
background-position: center;
background-size: cover;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
opacity: 1;
}
.imageContainer.imagesearch #imagesearchResults .imageSearchItem:hover span {
opacity: 0;
}
.imageContainer.imagesearch #imagesearchResults .imageSearchItem img {
position: absolute;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
opacity: 0;
}
.imageContainer.imagesearch #imagesearchResults .imageSearchItem:hover img {
opacity: 1;
}
.imageContainer.imagesearch .imagesearchpageButtons {
display: block;
position: absolute;
bottom: 0px;
left: 10px;
right: 10px;
width: auto;
bottom: 10px;
}
.imageContainer.imagesearch .imagesearchpageButtons .pages_info {
width: 34%;
float: left;
line-height: 36px;
text-align: center;
background: #eee;
}
.imageContainer.imagesearch .imagesearchpageButtons button {
height: 36px;
margin: 0px;
}
.imageContainer.imagesearch .imagesearchpageButtons button:disabled {
opacity: .5;
}
button.tt.btn.btn-default.btn-me.dialogInit.imgPlugImageSearch {
white-space: unset;
line-height: 12px;
font-size: 10px;
text-transform: uppercase;
}
button.tt.btn.btn-default.btn-me.dialogInit.imgPlugImageSearch .fa {
display: block;
margin: 5px !important;
font-size: 20px;
}.modal {
display: none;
overflow: auto;
overflow-y: scroll;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #ffffff;
border: 1px solid #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: none;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000000;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.42857143px;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 20px;
}
.modal-body img {
vertical-align: middle;
border: 0;
max-width: 100% !important;
page-break-inside: avoid;
}
.modal-footer {
margin-top: 15px;
padding: 19px 20px 20px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}.product-details-attribute-combination {
position:relative;
float:left;
width:100%;
}
.product-details-attribute-combination .picture {
}
.product-details-attribute-combination .picture .bigpicture {
position: relative;
float: left;
width: 99%;
margin-left:0.5%;
}
.product-details-attribute-combination .picture .bigpicture img {
}
.product-details-attribute-combination .picture .thumbs {
position:relative;
float:left;
width:100%;
}
.product-details-attribute-combination .picture .thumbs .thumb {
position: relative;
float: left;
width: 24%;
padding-bottom:24%;
height:0px;
overflow:hidden;
margin:0.5%;
}
.product-details-attribute-combination .picture .thumbs .thumb img {
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
max-height: 100%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.product-details-page .error .errorIcon,
.product-details-page .information .infoIcon,
.warning-box .errorIcon {
float: left;
width: 25px;
display: inline-block;
font-size: 20px;
}
.product-details-page .error .errorIcon .fa,
.product-details-page .information .infoIcon .fa,
.warning-box .errorIcon .fa {
display: inline-block;
}
.product-details-page .error .errors,
.product-details-page .information .informations,
.warning-box .warning-text {
display: inline-block;
}
.product-details-page .error,
.product-details-page .information,
.warning-box {
line-height: 20px;
border-radius: 5px;
}
.product-details-page .error,
.warning-box {
color: #9e0000;
}
.product-details-page .information{
color: #0C46A0;
}a.postcoder-fill-your-address-btn {
text-decoration: underline;
}.addToCartQuantityBox{
width: 60px;
}/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
*
* Version: 1.3.4 (11/11/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url(/1246205403/Handler/Static/Content/Themes/Base/images/fancybox/fancybox.png);
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url(/1246205403/Handler/Static/Content/Themes/Base/images/fancybox/fancybox.png) -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url(/-525012430/Handler/Static/Content/Themes/Base/images/fancybox/blank.gif);
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url(/1246205403/Handler/Static/Content/Themes/Base/images/fancybox/fancybox.png);
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url(/1246205403/Handler/Static/Content/Themes/Base/images/fancybox/fancybox.png);
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url(/-829320068/Handler/Static/Content/Themes/Base/images/fancybox/fancybox-x.png);
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url(/1246205403/Handler/Static/Content/Themes/Base/images/fancybox/fancybox.png);
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url(/-40963512/Handler/Static/Content/Themes/Base/images/fancybox/fancybox-y.png);
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url(/1246205403/Handler/Static/Content/Themes/Base/images/fancybox/fancybox.png);
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url(/-829320068/Handler/Static/Content/Themes/Base/images/fancybox/fancybox-x.png);
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url(/1246205403/Handler/Static/Content/Themes/Base/images/fancybox/fancybox.png);
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url(/-40963512/Handler/Static/Content/Themes/Base/images/fancybox/fancybox-y.png);
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url(/1246205403/Handler/Static/Content/Themes/Base/images/fancybox/fancybox.png);
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url(/-915243625/Handler/Static/Content/Themes/Base/images/fancybox/fancy_title_over.png);
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url(/1246205403/Handler/Static/Content/Themes/Base/images/fancybox/fancybox.png) -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url(/-829320068/Handler/Static/Content/Themes/Base/images/fancybox/fancybox-x.png) 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url(/1246205403/Handler/Static/Content/Themes/Base/images/fancybox/fancybox.png) -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
.multipart-iframe-fullscreen{
position: fixed;
width: 100%;
height: 100%;
top: 0px; left: 0px; right: 0px; bottom: 0px;
margin-left: 0px;
background: White;
z-index: 1000;
}
.multipart-megaedit-iframe{
min-width: 400px;
min-height: 900px;
width: 100%;
height: 100%;
overflow: hidden;
}@charset "UTF-8";
/* ========================================================================== Helpers ========================================================================= */
/**
* The helpers/ folder (sometimes called utils/) gathers all Sass tools and helpers
* we’ll use across the project. Got a function? A mixin? Put it in there. This folder
* also contains a _variables.scss file (sometimes _config.scss) which holds all global
* variables for the project (for typography, color schemes, and so on).
*/
/* Generated by Brackets Swatcher */
/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@import url("https://fonts.googleapis.com/css?family=Roboto");
.u-full-width { width: 100%; box-sizing: border-box; }
.u-max-full-width { max-width: 100%; box-sizing: border-box; }
.u-pull-right { float: right; }
.u-pull-left { float: left; }
.float-right { float: right; }
/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
.row__container:after, .row:after, .u-cf { content: ""; display: table; clear: both; }
/* ============================================================================= Non-Semantic Helper Classes ========================================================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/* ============================================================================= Print Styles ========================================================================== */
@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
/* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
/* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
/* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3, footer h4, footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .enter-address-title { orphans: 3; widows: 3; }
h2, h3, footer h4, footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .enter-address-title { page-break-after: avoid; } }
/* Define up some good-lookin' beziers
===================================================*/
.is-word-break-all { word-break: break-all; }
/* Gives a card depth effect.
===================================================*/
/* Gives a card depth effect.
===================================================*/
/* Function to access variables
===========================================*/
/* Change Text Color Based on Color
===================================================*/
/* ========================================================================== Base ========================================================================= */
/**
* The base/ folder holds what we might call the boilerplate stuff for your project.
* In there, you might find the reset (or Normalize.css, or whatever), probably some
* stuff dealing with typography, and, depending on the project, maybe some other files.
*/
/* Variables
=========================================*/
/* Function to access variables =========================================*/
.t-button, .t-reset { margin: 0; font-size: 100%; }
.t-button, .t-reset, .t-widget, .t-widget .t-input, .t-widget .text-box { font-size: 100%; }
.t-editor, .t-grid table { border-collapse: separate; }
.t-editor, .t-grid-content table, .t-grid-footer table, .t-grid-header table { table-layout: fixed; }
.t-floatwrap:after, .t-slider-items:after { content: ""; clear: both; visibility: hidden; }
.t-reset { padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none; }
.t-button, .t-input, .t-widget { border-width: 1px; border-style: solid; }
.t-floatwrap:after { display: block; height: 0; overflow: hidden; }
.t-floatwrap { display: block; }
.t-link { cursor: pointer; outline: 0; }
.t-grid-header span.t-link { cursor: default; }
html body .t-button { text-decoration: none; }
.t-button { display: inline-block; padding: 2px 6px; font-family: inherit; line-height: 1.435; text-align: center; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
* html .t-button { display: inline; zoom: 1; overflow: visible; margin-right: 4px; }
* html a.t-button { line-height: 1.6; padding-left: 7px; padding-right: 7px; }
button.t-button::-moz-focus-inner, .t-grid .t-button::-moz-focus-inner, input.t-button::-moz-focus-inner { padding: 1px 0; border: 0; }
.t-button-expand { margin-left: 0 !important; margin-right: 0 !important; }
a.t-button-expand { display: block; }
button.t-button-expand, .t-grid .t-button-expand.t-button { width: 100%; }
body .t-button-icon { padding-left: 4px; padding-right: 4px; }
* html a.t-button-icon { padding-left: 5px; padding-right: 5px; }
.t-button-icontext { line-height: 1.453; padding-right: 8px; overflow: visible; }
.t-button-icontext .t-icon { margin: 0 3px 0 -3px; vertical-align: top; }
* html .t-button-icontext .t-icon { margin-right: 4px; }
html body .t-button-bare { background: 0 0 !important; border-width: 0; }
.t-editor-button .t-tool-icon, .t-icon { background-color: transparent; background-repeat: no-repeat; }
.t-header .t-link { text-decoration: none; }
.t-state-disabled, .t-state-disabled .t-link { cursor: default; outline: 0; }
.t-state-error { border-style: ridge; }
.t-editor-button .t-tool-icon, .t-icon, .t-sprite { display: inline-block; width: 16px; height: 16px; overflow: hidden; font-size: 0; line-height: 0; text-indent: -3333px; text-align: center; vertical-align: middle; }
* html .t-editor-button .t-tool-icon, * html .t-icon, * html .t-sprite { display: inline; zoom: 1; }
* html .t-icon, .t-sprite { text-indent: 0; }
.t-image { border: 0; }
.t-state-empty { font-style: italic; }
.t-menu .t-group, .t-popup { -moz-box-shadow: 2px 2px 2px #aaa; -webkit-box-shadow: 2px 2px 2px #aaa; box-shadow: 2px 2px 2px #aaa; }
.t-expand { background-position: 0 -160px; }
.t-collapse { background-position: 0 -176px; }
.t-rtl .t-expand { background-position: -64px -160px; }
.t-plus, .t-plus-disabled { background-position: 0 -256px; }
.t-minus, .t-minus-disabled { background-position: -16px -256px; }
.t-rtl .t-plus, .t-rtl .t-plus-disabled { background-position: 0 -272px; }
.t-rtl .t-minus, .t-rtl .t-minus-disabled { background-position: -16px -272px; }
.t-arrow-up { background-position: -16px -160px; }
.t-arrow-down { background-position: -16px -176px; }
.t-state-disabled .t-arrow-up { background-position: -32px -160px; }
.t-state-disabled .t-arrow-down { background-position: -32px -176px; }
.t-state-hover .t-arrow-up { background-position: -48px -160px; }
.t-state-hover .t-arrow-down { background-position: -48px -176px; }
.t-numerictextbox .t-arrow-up { background-position: -16px -162px; }
.t-numerictextbox .t-arrow-down { background-position: -16px -178px; }
.t-arrow-up-small { background-position: 0 -304px; }
.t-arrow-down-small { background-position: -16px -304px; }
.t-arrow-first { background-position: 0 -192px; }
.t-arrow-prev { background-position: -16px -192px; }
.t-arrow-next { background-position: -32px -192px; }
.t-arrow-last { background-position: -48px -192px; }
.t-state-disabled .t-arrow-first { background-position: 0 -208px; }
.t-state-disabled .t-arrow-prev { background-position: -16px -208px; }
.t-state-disabled .t-arrow-next { background-position: -32px -208px; }
.t-state-disabled .t-arrow-last { background-position: -48px -208px; }
.t-state-hover .t-arrow-first { background-position: 0 -224px; }
.t-state-hover .t-arrow-prev { background-position: -16px -224px; }
.t-state-hover .t-arrow-next { background-position: -32px -224px; }
.t-state-hover .t-arrow-last { background-position: -48px -224px; }
.t-filter { background-position: 0 -240px; }
.t-clear-filter { background-position: -16px -240px; }
.t-refresh { background-position: -32px -240px; }
.t-icon-calendar { background-position: -48px -240px; }
.t-icon-clock { background-position: -64px -336px; }
.t-edit { background-position: 0 -336px; }
.t-delete { background-position: -16px -336px; }
.t-insert, .t-update { background-position: -32px -336px; }
.t-cancel { background-position: -48px -336px; }
.t-group-delete { background-position: 0 -288px; }
.t-maximize { background-position: -16px -288px; }
.t-restore { background-position: -32px -288px; }
.t-close { background-position: -64px -288px; }
.t-insert-top { background-position: 0 -320px; }
.t-insert-middle { background-position: -16px -320px; }
.t-insert-bottom { background-position: -32px -320px; }
.t-add { background-position: -48px -320px; }
.t-denied { background-position: -64px -320px; }
.t-autocomplete, .t-input { padding: 2px 1px 3px; }
div.t-window { display: inline-block; zoom: 1; z-index: 10001; position: absolute; border-width: 0; border-width: 5px\9; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 5px 2px #aaa; -webkit-box-shadow: 0 0 5px 2px #aaa; box-shadow: 0 0 5px 2px #aaa; }
:root .t-window { border-width: 0; }
.t-window-titlebar { padding: .4em 0; font-size: 1.2em; line-height: 1.2em; white-space: nowrap; border-bottom-width: 1px; border-bottom-style: solid; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.t-window-title { cursor: default; position: absolute; text-overflow: ellipsis; overflow: hidden; left: .5em; right: .5em; }
.t-window-title .t-image { margin: 0 5px 0 0; vertical-align: middle; }
div.t-window-content { padding: .4em .5em; overflow: auto; position: relative; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.t-window-titlebar .t-window-actions { position: absolute; right: .5em; top: 0; padding-top: .3em; white-space: nowrap; }
.t-window-titlebar .t-link { width: 16px; height: 16px; padding: 2px; text-decoration: none; vertical-align: middle; display: inline-block; zoom: 1; opacity: .7; filter: alpha(opacity=70); }
.t-window-titlebar .t-state-hover { border-width: 1px; border-style: solid; padding: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; opacity: 1; filter: alpha(opacity=100); }
.t-window-actions .t-icon { margin: 0; vertical-align: top; }
.t-window .t-resize-handle { position: absolute; z-index: 1; background-color: #fff; opacity: 0; filter: alpha(opacity=0); zoom: 1; line-height: 6px; font-size: 0; }
.t-resize-n { top: -3px; left: 0; width: 100%; height: 6px; cursor: n-resize; }
.t-resize-e { top: 0; right: -3px; width: 6px; height: 100%; cursor: e-resize; }
.t-resize-s { bottom: -3px; left: 0; width: 100%; height: 6px; cursor: s-resize; }
.t-resize-w { top: 0; left: -3px; width: 6px; height: 100%; cursor: w-resize; }
.t-resize-se { bottom: -3px; right: -3px; width: 16px; height: 16px; cursor: se-resize; }
.t-resize-ne, .t-resize-nw, .t-resize-sw { width: 6px; height: 6px; }
.t-resize-sw { bottom: -3px; left: -3px; cursor: sw-resize; }
.t-resize-ne { top: -3px; right: -3px; cursor: ne-resize; }
.t-resize-nw { top: -3px; left: -3px; cursor: nw-resize; }
.t-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000; filter: alpha(opacity=50); opacity: .5; z-index: 10001; }
.t-window .t-overlay { background-color: #fff; opacity: 0; filter: alpha(opacity=0); position: absolute; width: 100%; height: 100%; }
.t-window .t-widget { z-index: 10002; }
.t-tabstrip { margin: 0; padding: 0; zoom: 1; }
.t-tabstrip .t-tabstrip-items { padding: 0 .3em; }
.t-panelbar .t-tabstrip-items .t-item, .t-tabstrip-items .t-item { list-style-type: none; vertical-align: top; display: inline-block; zoom: 1; border-width: 1px 1px 0; border-style: solid; margin: .1em .3em 0 0; padding: 0; position: relative; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.t-panelbar .t-tabstrip-items .t-state-active, .t-tabstrip-items .t-state-active { padding-bottom: 1px; margin-bottom: -1px; }
.t-panelbar .t-tabstrip-items .t-link, .t-tabstrip-items .t-link { padding: .3em .9em; display: inline-block; zoom: 1; border-bottom-width: 0; outline: 0; }
.t-panelbar .t-tabstrip-items .t-icon, .t-tabstrip-items .t-icon { margin: -1px 4px 0 -3px; vertical-align: top; }
.t-panelbar .t-tabstrip-items .t-item .t-image, .t-panelbar .t-tabstrip-items .t-item .t-sprite, .t-tabstrip-items .t-item .t-image, .t-tabstrip-items .t-item .t-sprite { vertical-align: middle; margin: -3px 3px 0 -6px; }
* html .t-tabstrip-items .t-item .t-image, * html .t-tabstrip-items .t-item .t-sprite { vertical-align: top; margin-top: -1px; }
.t-panelbar .t-tabstrip .t-content, .t-tabstrip .t-content { border-width: 1px; border-style: solid; margin: 0 .3em .3em; padding: .3em 1em; display: none; position: static; zoom: 1; }
.t-panelbar { zoom: 1; }
.t-panelbar .t-item { list-style-type: none; display: block; zoom: 1; margin: 0; top: 0; border-width: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.t-panelbar .t-image, .t-panelbar .t-sprite { vertical-align: middle; margin-right: 5px; margin-top: 4px; float: left; }
.t-panelbar .t-group .t-image, .t-panelbar .t-group .t-sprite { margin-top: 1px; }
.t-panelbar .t-link { line-height: 2.05em; padding: 0 1em; border-bottom: 1px solid; display: block; position: relative; text-decoration: none; zoom: 1; }
ul.t-panelbar .t-state-hover { background-image: none; }
.t-panelbar-collapse, .t-panelbar-expand { position: absolute; top: 5px; right: 2px; }
.t-panelbar .t-content, .t-panelbar .t-group { position: relative; zoom: 1; padding: 0; margin: 0; border-bottom-width: 1px; border-bottom-style: solid; }
.t-panelbar .t-group .t-link { line-height: 1.7em; border-bottom: 0; font-size: .95em; }
.t-panelbar .t-group .t-arrow-down, .t-panelbar .t-group .t-arrow-up { top: 2px; }
.t-panelbar .t-group .t-group .t-link { padding-left: 2em; }
.t-panelbar .t-group .t-group, .t-panelbar .t-last .t-link { border-bottom: 0; }
.t-tabstrip .t-panelbar .t-content { display: block; }
.t-menu { cursor: default; }
.t-menu, .t-menu .t-group { list-style: none; padding: 0; margin: 0; zoom: 1; }
.t-menu .t-group .t-link { padding-right: 2em; zoom: 1; }
.t-menu .t-item { position: relative; display: inline-block; zoom: 1; border-width: 0 1px 0 0; border-style: solid; vertical-align: top; }
.t-menu-vertical .t-item { display: block; border-width: 0; }
.t-menu .t-image, .t-menu .t-sprite { margin: 0 4px 0 -4px; vertical-align: top; }
.t-menu .t-link { text-decoration: none; padding: .25em .97em; display: block; }
.t-menu .t-group { display: none; white-space: nowrap; border-style: solid; border-width: 1px; overflow: visible; }
.t-menu .t-group .t-item { display: block; border-width: 0; }
.t-menu .t-arrow-down { margin-left: 2px; margin-right: -10px; vertical-align: top; }
* html .t-grid-pager input, .t-grid td { vertical-align: middle; }
.t-menu .t-arrow-next { position: absolute; right: 0; top: 3px; }
.t-menu .t-animation-container, .t-menu .t-group { left: -1px; position: absolute; }
.t-menu .t-animation-container .t-animation-container, .t-menu .t-group .t-group, .t-menu-vertical .t-animation-container, .t-menu-vertical .t-group { left: 100%; top: -1px; }
.t-menu .t-animation-container .t-group { left: auto; top: auto; }
.t-grid { position: relative; zoom: 1; }
.t-grid table { width: 100%; empty-cells: show; border: 0; }
.t-grid-header .t-header { text-align: left; }
.t-grid-header .t-header, .t-grid-header .t-last-header { padding: .3em .6em; border-width: 0 1px 1px 0; border-style: solid; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.t-grid-header .t-last-header { border-right-width: 0; }
.t-grid-header .t-header .t-link { display: block; margin: -.3em -.6em; padding: .3em 2.4em .3em .6em; border: 0; }
.t-grid-header .t-header .t-icon { position: static; }
.t-grid .t-state-hover { cursor: pointer; }
.t-grid td { padding: .25em .6em; border-style: solid; border-width: 0 1px 0 0; line-height: 1.6em; overflow: hidden; text-overflow: ellipsis; }
.t-grid-pager, .t-grid-toolbar { border-width: 1px 0 0; border-style: solid; }
.t-grid .t-last { border-right-width: 0; }
.t-grid .t-status, div.t-grid-header .t-last-header { border-right-width: 1px; }
.t-grid-footer-wrap, .t-grid-header-wrap { position: relative; overflow: hidden; width: 100%; zoom: 1; }
div.t-grid-footer, div.t-grid-header { padding-right: 17px; zoom: 1; border-bottom-width: 1px; border-bottom-style: solid; }
div.t-grid-header .t-header, div.t-grid-header .t-last-header { border-bottom-width: 0; }
.t-grid-content { position: relative; overflow: auto; overflow-x: auto; overflow-y: scroll; width: 100%; zoom: 1; }
* html .t-grid-content table { width: auto; }
.t-grid-pager { padding: .2em .6em; line-height: 1.8em; overflow: auto; }
.t-grid-pager:first-child, .t-grid-toolbar:first-child, .t-grouping-header + .t-grid-pager, .t-grouping-header + .t-grid-toolbar { border-width: 0 0 1px; }
.t-grid .t-pager, .t-grid .t-status, .t-grid .t-status-text, .t-grouping-row p, .t-pager .t-link, .t-pager .t-numeric, .t-pager .t-page-i-of-n, .t-pager .t-page-size, .t-pager input, .t-pager span { display: inline-block; zoom: 1; vertical-align: middle; }
.t-pager .t-page-size { line-height: 1.2em; }
.t-footer-template td { border-width: 1px 1px 0 0; border-style: solid; }
.t-group-footer .t-last, .t-group-footer td { border-width: 1px 0; border-style: solid; }
.t-grid-footer { border-style: solid; border-width: 1px 0 0; }
.t-grid-footer td { border-top-width: 0; }
.t-grid .t-status { float: left; margin: -.2em .6em -.2em -.6em; padding: .2em .6em; height: 1.85em; border-right-style: solid; }
.t-grid .t-pager { float: left; cursor: default; }
.t-grid .t-status-text { float: right; margin-right: .2em; }
.t-pager .t-link { text-decoration: none; padding: 1px; margin-top: .2em; border: 0; line-height: 16px; }
.t-pager .t-state-active, .t-pager .t-state-hover { padding: 0; border-width: 1px; border-style: solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.t-pager .t-link, .t-pager span { vertical-align: top; }
.t-pager .t-numeric, .t-pager .t-page-i-of-n { margin: 0 7px; vertical-align: top; }
.t-numeric .t-link, .t-numeric .t-state-active { margin-top: 0; padding: 0 5px; line-height: 22px; vertical-align: top; }
.t-numeric .t-state-active, .t-numeric .t-state-hover { padding: 0 4px; line-height: 20px; }
.t-page-i-of-n input { width: 2em; vertical-align: baseline; font-size: 1em; }
.t-grid-pager .t-status .t-icon { vertical-align: top; margin-top: 3px; }
.t-grid-filter { float: right; height: 18px; padding: .3em .2em; position: relative; display: inline-block; zoom: 1; margin: -1.8em -.6em -.3em 3px; }
.t-dirty, .t-grid .t-animation-container, .t-grouping-dropclue { position: absolute; }
.t-grid-filter .t-icon { vertical-align: top; }
.t-grid .t-filter-options { position: absolute; border-width: 1px; border-style: solid; padding: 3px; width: 148px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.t-filter-options .t-button, .t-filter-options .t-datepicker, .t-filter-options .t-filter-help-text, .t-filter-options input, .t-filter-options select { display: block; margin-bottom: 4px; }
.t-filter-options select { width: 148px; }
.t-filter-options input { width: 142px; }
.t-filter-options .t-datepicker { width: 100%; }
.t-filter-options .t-filter-button { margin-bottom: 0; }
.t-grouping-row .t-icon { margin: 0 4px; }
.t-grouping-row p { padding: 0 .6em; margin-left: -.6em; }
.t-grid td.t-group-cell, .t-grid td.t-hierarchy-cell { border-right: 0; }
.t-grid .t-group-col, .t-grid .t-hierarchy-col { width: 30px; }
.t-grouping-header { border-bottom-width: 1px; border-bottom-style: solid; }
.t-grouping-dropclue, .t-grouping-header { height: 24px; line-height: 24px; }
.t-grouping-dropclue { width: 6px; }
.t-grouping-header .t-group-indicator { display: inline-block; zoom: 1; border-width: 1px; border-style: solid; line-height: 1.5em; padding: .15em .15em .15em .4em; margin: 0 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.t-grouping-header .t-link { text-decoration: none; display: inline-block; zoom: 1; line-height: normal; padding: 0; border-style: none; }
.t-grouping-header .t-button { padding: 0; border: 0; background: 0 0; line-height: 1; }
.t-grouping-header .t-link .t-icon { margin: 0 0 0 -3px; }
.t-grouping-header .t-button .t-icon { margin: 0 0 0 3px; }
.t-grouping-header .t-button, .t-grouping-header a { display: inline-block; zoom: 1; vertical-align: middle; }
.t-dirty { width: 0; height: 0; vertical-align: top; padding: 0; margin: -.45em 0 0 -.6em; overflow: hidden; border-width: 3px; border-style: solid; border-color: red transparent transparent red; }
.t-detail-row, .t-edit-form-container { position: relative; }
* html .t-dirty { border-color: red pink pink red; filter: chroma(color=pink); }
.t-grid-toolbar, .t-grouping-header { cursor: default; margin: 0; padding: .25em; }
.t-grid .t-edit-container { padding: 0; border-right: 0; }
.t-edit-form { padding: 0; margin: 0; }
.t-edit-form td { border-top: 0; border-bottom: 0; }
.t-grid-edit-row .t-datepicker, .t-grid-edit-row .t-numerictextbox, .t-grid-edit-row .text-box { vertical-align: middle; width: 5em; max-width: 90%; min-width: 90%; margin: -.4em -.3em -.15em; }
.t-grid-edit-row .t-combobox, .t-grid-edit-row .t-dropdown { width: 5em; max-width: 90%; min-width: 90%; line-height: normal; margin: -.1em -.3em -.45em; }
* html .t-grid .text-box { width: 90%; }
.t-grid .field-validation-error { display: block; }
.t-grid .input-validation-error { border-style: ridge; border-color: red; background-color: pink; }
.t-grid-toolbar .t-button { vertical-align: middle; }
.t-grid-actions { display: inline-block; }
* html .t-grid-actions { display: inline; zoom: 1; vertical-align: bottom; }
.t-edit-form .t-button, .t-grid .t-button { margin: 0 .2em; }
.t-grid tbody .t-button { min-width: 64px; }
#ie8#skips, .t-grid tbody button.t-button, .t-grid tbody .t-button { min-width: 78px; }
html body .t-grid tbody .t-button-icon { min-width: 0; width: auto; }
.t-grid .t-detail-cell { overflow: visible; }
.t-grid-resize-indicator { position: absolute; width: 2px; background-color: #aaa; }
.t-grid .t-resize-handle { cursor: col-resize; position: absolute; height: 25px; }
.t-combobox, .t-dropdown, .t-selectbox { display: inline-block; zoom: 1; position: relative; overflow: hidden; white-space: nowrap; width: 150px; border-width: 0; }
* html .t-combobox { overflow: visible; }
.t-dropdown-wrap, .t-picker-wrap { position: relative; display: block; cursor: default; }
.t-picker-wrap { padding: 0 25px 0 0; }
.t-dropdown-wrap { padding-right: 16px; border-width: 1px; border-style: solid; }
.t-combobox > .t-dropdown-wrap { padding-right: 22px; }
* html .t-combobox .t-dropdown-wrap { height: 20px; }
* html .t-picker-wrap { height: 20px; padding-right: 20px; }
.t-combobox .t-input, .t-picker-wrap .t-input { vertical-align: top; width: 100%; }
.t-combobox .t-input, .t-dropdown .t-input, .t-selectbox .t-input { outline: 0; border-width: 0; }
* html .t-combobox .t-input { margin: -1px 0; }
* html { position: absolute; top: 0; }
.t-dropdown-wrap .t-select, .t-picker-wrap .t-select { text-decoration: none; vertical-align: top; display: inline-block; zoom: 1; cursor: default; }
* html .t-dropdown-wrap .t-select, * html .t-picker-wrap .t-select { top: 1px; right: 1px; }
.t-combobox .t-select { border-width: 0 0 0 1px; border-style: solid; border-color: inherit; }
.t-combobox .t-icon { margin-top: 1px; }
.t-dropdown .t-select, .t-selectbox .t-select { border: 0; text-decoration: none; font: inherit; color: inherit; overflow: hidden; cursor: default; }
.t-dropdown .t-input, .t-selectbox .t-input { background: 0 0; overflow: hidden; display: block; text-overflow: ellipsis; padding: .2em 0 .2em 3px; }
.t-picker-wrap .t-icon { vertical-align: top; margin-top: 3px; }
.t-dropdown-wrap .t-icon { vertical-align: top; margin-top: 2px; }
.t-combobox .t-input { height: 18px; line-height: 18px; padding: 1px 3px; border: 0; margin: 0; }
.t-dropdown-wrap .t-select, .t-picker-wrap .t-select { position: absolute; right: 0; top: 0; height: 20px; line-height: 20px; }
.t-popup { border-width: 1px; border-style: solid; }
.t-popup .t-item { padding: 1px 5px 1px 3px; cursor: default; }
.t-calendar { display: inline-block; zoom: 1; width: 203px; position: relative; overflow: hidden; }
.t-calendar .t-link { text-decoration: none; }
.t-calendar .t-action-link { text-decoration: underline; }
.t-calendar .t-header { padding: .4em 0; text-align: center; position: relative; zoom: 1; }
.t-calendar .t-nav-next, .t-calendar .t-nav-prev { position: absolute; top: .3em; }
.t-calendar .t-nav-prev { left: 1%; }
.t-calendar .t-nav-next { right: 1%; }
.t-calendar .t-content { text-align: right; display: table; width: 100%; height: 169px; table-layout: fixed; border-style: none; margin: 0; padding: 0; }
* html .t-calendar .t-content { display: block; }
.t-calendar .t-animation-container .t-content { height: 100%; }
.t-calendar .t-nav-fast { display: inline-block; zoom: 1; width: 75%; }
.t-calendar .t-nav-fast .t-icon { vertical-align: top; }
.t-calendar th { border-bottom-style: solid; border-bottom-width: 1px; font-weight: 400; cursor: default; }
.t-calendar td, .t-picker-wrap .t-icon { cursor: pointer; }
.t-calendar td { padding: 1px; }
.t-calendar .t-state-focus { border-width: 1px; border-style: dotted; padding: 0; }
.t-calendar .t-content .t-link { display: block; overflow: hidden; position: relative; }
.t-calendar .t-content .t-link, .t-calendar th { padding: .25em .45em .3em .1em; }
.t-calendar .t-meta-view .t-link { padding: .25em 0 .3em; text-align: center; }
.t-datepicker, .t-datetimepicker, .t-timepicker { border: 0; white-space: nowrap; width: 8.5em; display: inline-block; zoom: 1; vertical-align: top; }
.t-datetimepicker { width: 13em; }
div.t-datepicker, div.t-datetimepicker, div.t-timepicker { background: none; }
.t-datetimepicker .t-picker-wrap { padding-right: 44px; }
* html .t-datetimepicker .t-picker-wrap { padding-right: 40px; }
.t-datetimepicker .t-icon-calendar { margin-right: 3px; }
.t-state-disabled .t-picker-wrap .t-icon { cursor: default; }
.t-picker-wrap .t-input { margin: 0; }
.t-iframe-overlay { position: absolute; width: 100%; border: 0; top: 0; left: 0; filter: alpha(opacity=0); }
.t-time-popup .t-item { padding: 1px 3px; }
div.t-treeview { border-width: 0; background: 0 0; white-space: nowrap; overflow: auto; }
.t-treeview .t-item { padding: 0 0 0 16px; margin: 0; border-width: 0; position: static; top: auto; display: block; }
.t-treeview .t-content, .t-treeview .t-group { list-style-type: none; background: 0 0; margin: 0; padding: 0; }
.t-treeview .t-drop-clue, .t-treeview-lines .t-first, .t-treeview-lines .t-item { background-repeat: no-repeat; }
.t-treeview .t-animation-container { height: auto !important; }
.t-treeview .t-icon, .t-treeview .t-image, .t-treeview .t-in, .t-treeview .t-sprite { display: inline-block; zoom: 1; vertical-align: top; }
.t-treeview .t-minus, .t-treeview .t-minus-disabled, .t-treeview .t-plus, .t-treeview .t-plus-disabled { margin-left: -16px; margin-top: 2px; float: left; cursor: pointer; }
.t-drag-clue, .t-treeview .t-minus-disabled, .t-treeview .t-plus-disabled, .t-treeview span.t-in { cursor: default; }
.t-treeview .t-image, .t-treeview .t-sprite { margin-right: 3px; }
.t-treeview .t-in { margin: 1px 0 1px 2px; padding: 2px 4px 2px 3px; text-decoration: none; line-height: 16px; }
.t-treeview .t-state-hover, .t-treeview .t-state-selected { padding: 1px 3px 1px 2px; border-width: 1px; border-style: solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.t-treeview .t-drop-clue { width: 80px; visibility: hidden; height: 5px; position: absolute; margin-top: -3px; z-index: 10000; background-color: transparent; }
.t-treeview-lines .t-bot, .t-treeview-lines .t-mid, .t-treeview-lines .t-top { background-repeat: no-repeat; margin-left: -16px; padding-left: 16px; }
.t-treeview-lines .t-top { background-position: -91px 0; }
.t-treeview-lines .t-bot { background-position: -69px -22px; }
.t-treeview-lines .t-mid { background-position: -47px -44px; }
.t-treeview-lines .t-last .t-top { background-position: -25px -66px; }
.t-treeview-lines .t-group .t-last .t-bot { background-position: -69px -22px; }
.t-treeview-lines .t-first { background-position: 0 16px; }
div.t-numerictextbox { display: inline-block; zoom: 1; vertical-align: middle; white-space: nowrap; border: 0; background: 0 0; }
.t-numerictextbox .t-input { margin: 0; }
.t-formatted-value { position: absolute; padding: 3px 4px 2px 3px; }
.t-numerictextbox .t-icon { margin-left: -16px; }
.t-numerictextbox .t-link { border-style: none; display: inline-block; zoom: 1; }
.t-numerictextbox .t-arrow-up { vertical-align: top; margin-top: 1px; height: 10px; }
.t-numerictextbox .t-arrow-down { vertical-align: bottom; margin-bottom: 1px; height: 11px; }
.t-colorpicker { display: inline-block; zoom: 1; vertical-align: middle; }
.t-colorpicker .t-tool-icon { display: inline-block; zoom: 1; vertical-align: top; padding: 2px 3px; font-size: 0; line-height: 0; }
.t-colorpicker .t-selected-color { display: block; height: 16px; width: 16px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.t-colorpicker .t-icon { vertical-align: middle; margin-top: 2px; }
.t-colorpicker-popup { line-height: 0; width: 136px; }
.t-colorpicker-popup .t-reset { padding: .25em; margin: 0; display: inline-block; zoom: 1; }
.t-colorpicker-popup .t-item { float: left; display: block; overflow: hidden; width: 12px; height: 12px; font-size: 0; padding: 0; margin: 0 1px 1px 0; }
.t-editor { border-width: 1px; border-style: solid; height: 250px; font-size: 100%; vertical-align: top; width: 100%; }
.t-editor .t-editor-toolbar-wrap { border: 0; padding: 0; }
.t-editor-toolbar { margin: 0; padding: .1em 0; list-style-type: none; cursor: default; line-height: 1.3em; }
.t-editor-toolbar li { display: inline; vertical-align: middle; }
.t-editor-toolbar .t-editor-colorpicker, .t-editor-toolbar .t-editor-combobox, .t-editor-toolbar .t-editor-dropdown, .t-editor-toolbar .t-editor-selectbox { margin-right: 2px; }
.t-editor-toolbar .t-separator { border-width: 0 1px 0 0; border-style: solid; padding: 0 0 0 1px; font-size: 1.3em; margin: 0 .15em; position: relative; top: 1px; }
.t-editor-toolbar .t-break { display: block; height: 1px; line-height: 0; font-size: 0; }
.t-editor-toolbar .t-colorpicker, .t-editor-toolbar .t-combobox, .t-editor-toolbar .t-dropdown, .t-editor-toolbar .t-selectbox { vertical-align: middle; }
.t-editor-button .t-tool-icon { vertical-align: middle; width: 22px; height: 22px; margin: 1px; }
.t-editor-colorpicker .t-tool-icon { padding: 17px 3px 2px; }
.t-editor-colorpicker .t-icon { border-style: solid; border-color: #ccc; border-width: 0 0 0 1px; }
.t-editor-colorpicker .t-selected-color { height: 3px; }
.t-editor-combobox .t-input { height: 20px; line-height: 20px; }
.t-editor-combobox .t-select { height: 22px; line-height: 22px; }
.t-bold { background-position: -22px 0; }
.t-italic { background-position: -44px 0; }
.t-underline { background-position: -66px 0; }
.t-strikethrough { background-position: -88px 0; }
.t-justifyLeft { background-position: -110px 0; }
.t-justifyCenter { background-position: -132px 0; }
.t-justifyRight { background-position: -154px 0; }
.t-justifyFull { background-position: -176px 0; }
.t-insertOrderedList { background-position: -198px 0; }
.t-insertUnorderedList { background-position: -220px 0; }
.t-createLink { background-position: -242px 0; }
.t-unlink { background-position: -264px 0; }
.t-insertImage { background-position: -286px 0; }
.t-foreColor .t-tool-icon { background-position: -308px -2px; }
.t-backColor .t-tool-icon { background-position: -330px -2px; }
.t-indent { background-position: -352px 0; }
.t-outdent { background-position: -374px 0; }
.t-fontName { width: 110px; }
.t-fontSize { width: 124px; }
.t-formatBlock { width: 147px; }
.t-editor-button .t-state-active, .t-editor-button .t-state-hover { vertical-align: middle; border-width: 1px; border-style: solid; margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.t-editor-button .t-state-disabled { opacity: .3; filter: alpha(opacity=30); }
.t-editor .t-editable-area { outline: 0; height: 100%; width: 100%; border-width: 1px; border-style: solid; }
.t-editor .t-content { height: 100%; width: 100%; display: block; padding: 0; margin: 0; border: 0; }
.t-editor iframe.t-content { display: inline; vertical-align: top; }
.t-editor .t-raw-content { border: 0; margin: 0; padding: 0; font-size: inherit; font-family: Consolas,"Courier New",monospace; }
.t-editor-dialog { padding: 1em; }
.t-editor-dialog ol { margin: 0; padding: 0; list-style: none; }
.t-form-checkbox-row, .t-form-text-row { padding-bottom: 1em; }
.t-form-text-row label { display: inline-block; zoom: 1; width: 7em; text-align: right; padding-right: .5em; }
.t-form-checkbox-row input { margin-left: 7em; font-size: inherit; padding: 0; }
.t-form-checkbox-row label { padding-left: .3em; }
.t-form-checkbox-row input, .t-form-checkbox-row label, .t-form-text-row label .t-form-text-row input, .t-form-text-row select { vertical-align: middle; }
.t-form-text-row input, .t-form-text-row select { width: 20em; }
.t-editor-dialog .t-button-wrapper { padding-top: .5em; text-align: right; }
.t-editor-dialog .t-button { display: inline-block; zoom: 1; }
.t-drag-clue { border-width: 1px; border-style: solid; font-size: .9em; padding: .05em .15em; position: absolute; z-index: 10003; white-space: nowrap; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.t-drag-status { margin-right: 4px; vertical-align: top; margin-top: -1px; }
.t-reorder-cue { position: absolute; width: 1px; overflow: visible; }
.t-draghandle, .t-splitter .t-pane { overflow: hidden; }
.t-reorder-cue .t-icon { width: 8px; height: 4px; position: absolute; left: -4px; }
.t-reorder-cue .t-arrow-down { top: -4px; background-position: -20px -182px; }
.t-reorder-cue .t-arrow-up { bottom: -4px; background-position: -20px -166px; }
div.t-slider { position: relative; border-width: 0; background-color: transparent; -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.t-slider-vertical { width: 22px; height: 200px; }
.t-slider-horizontal { display: inline-block; height: 22px; width: 200px; }
* html .t-slider-horizontal { display: inline; zoom: 1; }
.t-slider-wrap { width: 100%; height: 100%; }
.t-grid .t-slider .t-button, .t-slider .t-button { position: absolute; top: 0; min-width: 0; width: 20px; height: 20px; margin: 0; padding: 0; outline: 0; }
.t-slider .t-button .t-icon { vertical-align: top; margin-top: 2px; }
.t-state-disabled .t-slider-wrap { opacity: .6; filter: alpha(opacity=60); }
.t-state-disabled .t-slider-wrap .t-slider-items { color: #333; }
.t-slider .t-button-decrease { left: 0; }
.t-grid .t-slider-vertical .t-button-decrease, .t-slider-vertical .t-button-decrease { top: auto; bottom: 0; }
.t-slider .t-button-increase { right: 0; }
.t-slider .t-icon { cursor: pointer; }
.t-state-disabled .t-button, .t-state-disabled .t-draghandle, .t-state-disabled .t-slider .t-icon, .t-state-disabled .t-slider-wrap .t-icon { cursor: default; }
* html .t-slider .t-icon { margin-top: 2px; }
.t-slider-selection, .t-slider-track { position: absolute; margin: 0; padding: 0; }
.t-slider-horizontal .t-slider-selection, .t-slider-horizontal .t-slider-track { height: 6px; top: 50%; left: 0; margin-top: -3px; background-repeat: repeat-x; }
.t-slider-horizontal .t-slider-track { border-width: 0 1px; border-style: solid; background-position: 0 -464px; }
.t-slider-horizontal .t-slider-selection { background-position: 0 -470px; }
.t-slider-horizontal .t-slider-buttons .t-slider-track { left: 27px; }
.t-slider-vertical .t-slider-selection, .t-slider-vertical .t-slider-track { width: 6px; left: 50%; bottom: 0; margin-left: -3px; background-repeat: repeat-y; }
.t-draghandle, .t-slider .t-tick { background-color: transparent; background-repeat: no-repeat; }
.t-slider-vertical .t-slider-track { border-width: 1px 0; border-style: solid; background-position: 0 0; }
.t-slider-vertical .t-slider-selection { background-position: -6px 0; }
.t-slider-vertical .t-slider-buttons .t-slider-track { bottom: 27px; }
.t-draghandle { position: absolute; text-indent: -3333px; text-decoration: none; text-align: center; cursor: pointer; }
.t-slider-horizontal .t-draghandle { top: -7px; width: 11px; height: 20px; }
.t-slider-vertical .t-draghandle { left: -7px; width: 20px; height: 11px; }
.t-slider-horizontal .t-draghandle, .t-state-disabled .t-slider-horizontal a.t-draghandle, .t-state-disabled.t-slider-horizontal a.t-draghandle { background-position: 0 -368px; }
.t-slider-horizontal .t-draghandle:focus, .t-slider-horizontal .t-draghandle:hover { background-position: 0 -400px; }
.t-slider-horizontal a.t-draghandle.t-state-active { background-position: 0 -432px; }
.t-slider-vertical .t-draghandle, .t-state-disabled .t-slider-vertical a.t-draghandle, .t-state-disabled.t-slider-vertical a.t-draghandle { background-position: -32px -368px; }
.t-slider-vertical .t-draghandle:focus, .t-slider-vertical .t-draghandle:hover { background-position: -32px -400px; }
.t-slider-vertical a.t-draghandle.t-state-active { background-position: -32px -432px; }
.t-slider-items { display: block; }
.t-slider-items:after { display: block; height: 0; }
.t-slider-buttons .t-slider-items { margin-left: 27px; }
.t-slider-horizontal .t-slider-items { height: 100%; }
.t-slider-vertical .t-slider-items { padding-top: 1px; }
.t-slider-vertical .t-slider-buttons .t-slider-items { margin: 0; padding-top: 28px; }
.t-slider .t-tick { position: relative; margin: 0; padding: 0; background-position: center center; cursor: default; }
.t-callout, .t-tooltip { position: absolute; }
.t-slider-horizontal .t-tick { float: left; text-align: center; height: 100%; background-position: center -94px; }
* html .t-slider-vertical .t-tick { float: left; clear: left; width: 100%; }
.t-slider-horizontal .t-slider-topleft .t-tick { background-position: center -124px; }
.t-slider-horizontal .t-slider-bottomright .t-tick { background-position: center -154px; }
.t-slider-horizontal .t-tick-large { background-position: center -4px; }
.t-slider-horizontal .t-slider-topleft .t-tick-large { background-position: center -34px; }
.t-slider-horizontal .t-slider-bottomright .t-tick-large { background-position: center -64px; }
.t-slider-vertical .t-tick { background-position: -94px center; text-align: right; }
.t-slider-vertical .t-slider-topleft .t-tick { background-position: -124px center; text-align: left; }
.t-slider-vertical .t-slider-bottomright .t-tick { background-position: -154px center; }
.t-slider-vertical .t-tick-large { background-position: -4px center; }
.t-slider-vertical .t-slider-topleft .t-tick-large { background-position: center -34px; }
.t-slider-vertical .t-slider-bottomright .t-tick-large { background-position: -64px center; }
.t-slider-horizontal .t-first { background-position: 0 -4px; }
.t-slider-horizontal .t-last { background-position: 100% -4px; }
.t-slider-vertical .t-first { background-position: -4px 100%; }
.t-slider-vertical .t-last { background-position: -4px 0; }
.t-slider .t-label { position: absolute; white-space: nowrap; }
.t-slider-horizontal .t-label { left: 0; width: 100%; bottom: -1.2em; }
.t-slider-horizontal .t-first .t-label { left: -50%; }
.t-slider-horizontal .t-last .t-label { left: auto; right: -50%; }
.t-slider-horizontal .t-slider-topleft .t-label { top: -1.2em; }
.t-slider-vertical .t-label { left: 120%; display: block; text-align: left; }
.t-tile-empty, .t-tile-empty .t-button-wrapper, .t-tooltip { text-align: center; }
.t-slider-vertical .t-last .t-label { top: -.5em; }
.t-slider-vertical .t-first .t-label { bottom: -.5em; }
.t-slider-vertical .t-slider-topleft .t-label { left: auto; right: 120%; }
.t-tooltip { border-width: 1px; border-style: solid; padding: 4px 5px; background-repeat: repeat-x; z-index: 10002; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; min-width: 10px; }
.t-callout-n, .t-callout-s { width: 9px; height: 6px; }
.t-callout-e, .t-callout-w { width: 6px; height: 9px; }
.t-callout-n { top: -6px; left: 50%; margin-left: -4px; background-position: -64px -368px; }
.t-callout-w { left: -6px; top: 50%; margin-top: -4px; background-position: -64px -384px; }
.t-callout-s { top: 100%; left: 50%; margin-left: -4px; background-position: -64px -400px; }
.t-callout-e { left: 100%; top: 50%; margin-top: -4px; background-position: -64px -416px; }
.t-splitter { position: relative; height: 300px; }
.t-splitter .t-scrollable, .t-tiles { overflow: auto; }
.t-splitter .t-pane-loading { position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -8px; }
.t-ghost-splitbar, .t-splitbar { position: absolute; border-style: solid; font-size: 0; }
.t-splitter .t-ghost-splitbar-horizontal, .t-splitter .t-splitbar-horizontal { top: 0; width: 5px; border-width: 0 1px; background-repeat: repeat-y; }
.t-ghost-splitbar-vertical, .t-splitbar-vertical { left: 0; height: 5px; border-width: 1px 0; background-repeat: repeat-x; }
.t-splitbar-draggable-horizontal { cursor: w-resize; }
.t-splitbar-draggable-vertical { cursor: n-resize; }
.t-splitbar .t-resize-handle { display: none; }
.t-restricted-size-horizontal, .t-restricted-size-vertical { background-color: red; }
.t-splitbar-horizontal .t-icon { width: 5px; height: 21px; position: absolute; top: 50%; margin-top: -10px; }
.t-collapse-next, .t-collapse-prev, .t-expand-next, .t-expand-prev { cursor: pointer; }
.t-splitbar-horizontal .t-collapse-prev { margin-top: -31px; }
.t-splitbar-horizontal .t-collapse-next { margin-top: 11px; }
.t-splitbar-vertical .t-icon { height: 5px; width: 21px; position: absolute; left: 50%; margin-left: -10px; }
.t-splitbar-vertical .t-collapse-prev { margin-left: -31px; }
.t-splitbar-vertical .t-collapse-next { margin-left: 11px; }
.t-splitbar-draggable-horizontal .t-resize-handle, .t-splitbar-draggable-vertical .t-resize-handle { display: inline-block; zoom: 1; }
.t-splitbar-horizontal { background-position: 5px 0; }
.t-splitbar-horizontal-hover { background-position: -12px 0; }
.t-ghost-splitbar-horizontal, .t-splitbar-horizontal-active { background-position: -17px 0; }
.t-restricted-size-horizontal { background-position: -22px 0; }
.t-splitbar-horizontal .t-resize-handle { background-position: -10px -496px; }
.t-splitbar-horizontal-hover .t-resize-handle { background-position: -10px -517px; }
.t-splitbar-horizontal .t-collapse-prev, .t-splitbar-horizontal .t-expand-next { background-position: 0 -496px; }
.t-splitbar-horizontal-hover .t-collapse-prev, .t-splitbar-horizontal-hover .t-expand-next { background-position: 0 -517px; }
.t-splitbar-horizontal .t-collapse-next, .t-splitbar-horizontal .t-expand-prev { background-position: -5px -496px; }
.t-splitbar-horizontal-hover .t-collapse-next, .t-splitbar-horizontal-hover .t-expand-prev { background-position: -5px -517px; }
.t-splitbar-vertical { background-position: 0 5px; }
.t-splitbar-vertical-hover { background-position: 0 -476px; }
.t-ghost-splitbar-vertical, .t-splitbar-vertical-active { background-position: 0 -481px; }
.t-restricted-size-vertical { background-position: 0 -486px; }
.t-splitbar-vertical .t-resize-handle { background-position: -16px -496px; }
.t-splitbar-vertical-hover .t-resize-handle { background-position: -16px -501px; }
.t-splitbar-vertical .t-collapse-prev, .t-splitbar-vertical .t-expand-next { background-position: -16px -506px; }
.t-splitbar-vertical-hover .t-collapse-prev, .t-splitbar-vertical-hover .t-expand-next { background-position: -16px -517px; }
.t-splitbar-vertical .t-collapse-next, .t-splitbar-vertical .t-expand-prev { background-position: -16px -511px; }
.t-splitbar-vertical-hover .t-collapse-next, .t-splitbar-vertical-hover .t-expand-prev { background-position: -16px -522px; }
html .t-upload { position: relative; border-width: 0; background: 0 0; }
.t-dropzone, .t-upload-files { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.t-dropzone em, .t-upload-button { vertical-align: middle; }
* html .t-dropzone em, * html .t-upload-button { vertical-align: baseline; }
.t-dropzone { border-style: solid; border-width: 0; padding: 4px; background-color: transparent; }
.t-dropzone em { margin-left: .6em; visibility: hidden; }
.t-dropzone-active { border-width: 1px; padding: 3px; }
.t-dropzone-active em { visibility: visible; }
.t-upload-button { width: 86px; position: relative; direction: ltr; overflow: hidden !important; }
.t-upload-button input { font: 200px monospace !important; opacity: 0; filter: alpha(opacity=0); position: absolute; padding: 0; margin: 0; cursor: pointer; right: 0; top: 0; z-index: 1; }
.t-state-disabled .t-upload-button input { cursor: default; }
.t-upload-files { border-style: solid; border-width: 1px; margin: .2em 0 0; padding: .3em .7em .5em; line-height: 1.9em; }
.t-upload-files .t-button { position: relative; top: 1px; margin-left: 8px; padding-top: 0; padding-bottom: 0; font-size: 84%; }
* html .t-upload-files .t-button { line-height: 1; }
.t-upload .t-cancel, .t-upload .t-delete, .t-upload .t-retry { height: 8px; vertical-align: baseline; }
.t-upload .t-cancel, .t-upload .t-delete { width: 7px; background-position: -5px -292px; }
.t-retry { background-position: -66px -228px; width: 11px; }
.t-success { background-position: -64px -240px; }
.t-fail { background-position: -64px -256px; }
.t-filename { position: relative; display: inline-block; min-width: 120px; vertical-align: middle; }
.t-progress, .t-progress-status { position: absolute; bottom: -2px; left: 0; width: 118px; height: 2px; border-style: solid; border-width: 1px; background-repeat: repeat-x; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.t-progress-status { left: -1px; bottom: -1px; width: 50%; }
.t-upload-selected { min-width: 86px; box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; margin: 3px 0 0; }
.t-toolbar-wrap .t-dropzone em, .t-toolbar-wrap .t-upload-files { display: none; }
.t-toolbar-wrap .t-dropzone { border: 0; padding: 0; background-color: transparent; }
.t-tile, .t-tiles { border-style: solid; }
.t-search-wrap { float: right; width: auto; position: relative; padding: 0; }
.t-imagebrowser .t-upload, .t-toolbar-wrap { float: left; }
.t-search-wrap label { position: absolute; top: 0; left: 4px; line-height: 20px; font-style: italic; }
.t-search-wrap input.t-input { width: 158px; padding-left: 0; padding-right: 0; }
.t-search { background-position: -64px -176px; }
.t-search-wrap .t-search { position: absolute; top: 1px; right: 2px; }
.t-breadcrumbs { float: left; position: relative; width: 560px; }
.t-breadcrumbs-wrap { position: absolute; z-index: 1; top: 0; left: 0; padding-left: 5px; line-height: 18px; }
html input.t-breadcrumbs-input { width: 100%; padding-left: 2px; font-family: inherit; }
.t-breadcrumbs .t-link, .t-breadcrumbs-wrap .t-icon { text-decoration: none; vertical-align: middle; margin-top: 0; }
.t-breadcrumbs .t-link:hover { text-decoration: underline; }
.t-imagebrowser .t-breadcrumbs .t-first { text-decoration: none; cursor: default; }
.t-imagebrowser .t-toolbar { clear: both; border-style: solid; border-width: 1px; margin: 8px 0 0; padding: 2px 0 3px; background-repeat: repeat-x; line-height: 23px; white-space: nowrap; }
.t-imagebrowser .t-upload-button { width: auto; vertical-align: top; }
.t-imagebrowser .t-upload .t-icon { vertical-align: bottom; }
* html .t-imagebrowser .t-upload .t-icon, * html .t-imagebrowser .t-upload-button { vertical-align: baseline; position: relative; top: 1px; }
* html .t-imagebrowser .t-upload .t-icon { top: 2px; }
* html .t-imagebrowser .t-toolbar .t-button-icon { vertical-align: middle; }
.t-addfolder { background-position: -64px -192px; }
.t-goup { background-position: -64px -208px; }
.t-toolbar .t-state-disabled { opacity: .5; filter: alpha(opacity=50); }
.t-tiles-arrange { float: right; }
* html .t-tiles-arrange { margin: 3px 0 0; }
.t-tiles-arrange .t-arrow-down { margin: 0 2px 0 3px; }
.t-tiles-arrange a { text-decoration: none; }
.t-tiles { clear: both; height: 390px; border-width: 0 1px 1px; margin: 0 0 1.4em; padding: 9px; line-height: 1.2; }
.t-tile, .t-tile strong { float: left; overflow: hidden; }
.t-tile { width: 223px; height: 88px; border-width: 1px; margin: 1px; padding: 0 0 4px; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.t-imagebrowser .t-thumb { float: left; display: inline; width: 86px; height: 86px; margin: 4px 10px 0 4px; -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.t-imagebrowser .t-image { margin: 2px 0 0 2px; -moz-box-shadow: 1px 1px 3px #aaa; -webkit-box-shadow: 1px 1px 3px #aaa; box-shadow: 1px 1px 3px #aaa; }
.t-imagebrowser .t-folder { width: 80px; height: 80px; background-position: 0 -200px; background-repeat: no-repeat; }
.t-goback { background-position: -64px -224px; }
.t-imagebrowser .t-loading { margin: 35px 0 0 33px; }
.t-tile input, .t-tile strong { margin: 10px 0 4px; font-weight: 400; }
.t-tile strong { width: 120px; text-overflow: ellipsis; }
.t-tile input { width: 100px; }
.t-tile .t-filesize, .t-tile em { clear: left; font-weight: 400; font-style: normal; }
.t-tile .t-filesize, .t-tile em, .t-tile input, .t-tile strong { display: block; }
.t-imagebrowser .t-form-text-row input { width: 628px; }
.t-tile-empty { margin: 160px 0 0; }
.t-tile-empty .t-dialog-upload { font-weight: 700; font-size: 120%; }
.t-tile-empty strong { display: block; margin: 0 0 .2em; font-size: 3em; font-weight: 400; }
.t-touch-scrollbar { position: absolute; display: none; z-index: 200000; height: 8px; width: 8px; border: 1px solid #8a8a8a; background-color: #858585; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) { .t-touch-scrollbar { height: 12px; width: 12px; -webkit-border-radius: 7px; } }
div.t-chart { border: none; background-color: transparent; }
#productpictures-grid img { max-width: 300px; }
.t-widget, .t-input { border-color: #a5b3c5; background-color: #fcfcfc; }
.t-header, .t-grid-header { border-color: #a5b3c5; background: #f1f5fb; }
.t-icon { background-image: url(/-1213980708/Handler/Static/Content/2011.2.712/Windows7/sprite.png); }
.t-editor .t-tool-icon { background-image: url(/-14838658/Handler/Static/Content/2011.2.712/Windows7/editor.png); }
.t-loading, .t-widget .t-loading { background: transparent url(/-823815048/Handler/Static/Content/2011.2.712/Windows7/loading.gif) no-repeat 0 0; }
.t-widget, .t-link, .t-popup { color: #000; }
.t-header, .t-header .t-link { color: #4c607a; }
.t-header .t-group, .t-group .t-link { color: #333; }
.t-group, .t-content, .t-editable-area { border-color: #a5b3c5; background-color: #fcfcfc; }
.t-colorpicker .t-arrow-down { border-color: #a5b3c5; }
.t-separator { border-color: #fff; background-color: #c2cedb; }
.t-alt { background-color: #ebeff3; }
.t-state-default { border-color: #a5b3c5; }
.t-active-filter { background-color: #c3dcfa; }
.t-state-hover, .t-state-hover .t-link, .t-header .t-state-hover, .t-group .t-state-hover { color: #000; }
.t-state-hover, .t-state-hover:hover { background-color: #d1e4fc; border-color: #8daed5; }
.t-state-active { background-color: #fff; border-color: #426682; }
.t-state-selected { background-color: #deecfe; }
.t-state-focused { background-color: #c4d1e0; }
.t-state-error { border-color: #f00; background-color: #ffc0cb; }
.t-button { color: #0d202b; }
.t-button, button.t-button.t-state-disabled:hover, .t-grid .t-button.t-state-disabled:hover, a.t-button.t-state-disabled:hover, .t-state-disabled .t-button:hover { border-color: #c2cedb; background: #e7ecf5 url(/-1213980708/Handler/Static/Content/2011.2.712/Windows7/sprite.png) repeat-x 0 -560px; }
.t-button:hover { border-color: #9bc9ff; background-position: 0 -624px; background-color: #dde8f6; color: #0e3d4f; }
.t-state-disabled, .t-state-disabled:hover, .t-state-disabled .t-link, .t-state-disabled .t-button { color: #999; }
.t-toolbar, .t-grouping-header, .t-grid-pager, .t-widget .t-status { border-color: #aec5d1; background-color: #f1f5fb; }
.t-panelbar .t-link { border-color: #a5b3c5; }
.t-tabstrip .t-item { border-bottom-color: #426682; }
.t-grid td { border-color: #dae2e8; }
.t-grouping-row td { background: #fff url(/-1213980708/Handler/Static/Content/2011.2.712/Windows7/sprite.png) repeat-x 0 -48px; }
.t-footer-template td { background-color: #e2eaf4; border-color: #aec5d1 #e2eaf4; }
.t-group-footer td { background-color: #e2eaf4; border-color: #aec5d1; }
.t-grid-footer, .t-grid-footer-wrap table { background-color: #e2eaf4; border-color: #aec5d1; }
.t-grouping-header .t-group-indicator { color: #333; border-color: #ccc; }
.t-grouping-dropclue { background: url(/-1213980708/Handler/Static/Content/2011.2.712/Windows7/sprite.png) no-repeat -48px -288px; }
.t-grouping-row .t-group-cell, .t-grouping-row p { background: #fff; }
.t-treeview .t-drop-clue { background-image: url(/-1213980708/Handler/Static/Content/2011.2.712/Windows7/sprite.png); background-position: 0 -358px; }
.t-treeview .t-state-selected { border-color: #8fb0d6; }
.t-calendar th { border-color: #d4dbe5; }
.t-other-month .t-link { color: #a7a7a7; }
.t-editor-button .t-state-hover { border-color: #e5f0fd #8ba6c4 #8ba6c4 #e5f0fd; background-color: #d1e4fc; }
.t-editor-button .t-state-active { border-color: #aec1d6 #e3ebf5 #e3ebf5 #aec1d6; background-color: #ccdbed; }
.t-slider .t-draghandle { background-image: url(/-1213980708/Handler/Static/Content/2011.2.712/Windows7/sprite.png); color: #4c607a; }
.t-slider-track { border-color: #a6abc3; }
.t-slider-horizontal .t-slider-track, .t-slider-horizontal .t-slider-selection { background-image: url(/-1213980708/Handler/Static/Content/2011.2.712/Windows7/sprite.png); }
.t-slider-vertical .t-slider-track, .t-slider-vertical .t-slider-selection { background-image: url(/-1207331723/Handler/Static/Content/2011.2.712/Windows7/sprite-vertical.png); }
.t-slider-horizontal .t-tick { background-image: url(/728035918/Handler/Static/Content/2011.2.712/Windows7/slider-h.gif); }
.t-slider-vertical .t-tick { background-image: url(/728035918/Handler/Static/Content/2011.2.712/Windows7/slider-v.gif); }
.t-tooltip { background: #e7ecf5 0 -560px repeat-x url(/-1213980708/Handler/Static/Content/2011.2.712/Windows7/sprite.png); color: #0e3d4f; }
.t-callout { background-image: url(/-1213980708/Handler/Static/Content/2011.2.712/Windows7/sprite.png); }
.t-splitter { border-color: #dae2e8; }
.t-splitbar-vertical, .t-splitbar-horizontal { background-color: #f1f5fb; border-color: #dae2e8; }
.t-splitbar-vertical, .t-ghost-splitbar-vertical { background-image: url(/-1213980708/Handler/Static/Content/2011.2.712/Windows7/sprite.png); }
.t-splitbar-horizontal, .t-ghost-splitbar-horizontal { background-image: url(/-1207331723/Handler/Static/Content/2011.2.712/Windows7/sprite-vertical.png); }
.t-dropzone-active, .t-upload-files { border-color: #c2cedb; }
.t-dropzone-hovered, .t-upload-files { background-color: #f1f5fb; }
.t-dropzone em { color: #a7a7a7; }
.t-progress, .t-progress-status { background-image: url(/-1213980708/Handler/Static/Content/2011.2.712/Windows7/sprite.png); }
.t-progress { background-position: 0 -465px; border-color: #c2cedb #c2cedb; }
.t-progress-status { background-position: 0 -472px; border-color: #1db2ee transparent #3186db; }
.t-imagebrowser .t-content { background: #f1f5fb; }
.t-breadcrumbs .t-link, .t-tiles-arrange, .t-tiles-arrange a { color: #1e395b; }
.t-breadcrumbs .t-first, .t-breadcrumbs .t-first:hover, .t-search-wrap label { color: #a7a7a7; }
.t-tiles { border-color: #c2cedb; background: #fff; }
.t-tile { border-color: #fff; background: 0 100px repeat-x url(/778939202/Handler/Static/Content/2011.2.712/Windows7/imagebrowser.png); }
.t-tiles li.t-state-hover { border-color: #b8d6fb; background-position: 0 0; }
.t-tiles li.t-state-selected { border-color: #7da2ce; background-position: 0 -100px; }
.t-tile .t-folder { background-image: url(/778939202/Handler/Static/Content/2011.2.712/Windows7/imagebrowser.png); }
.t-tile em, .t-tile .t-filesize { color: #a7a7a7; }
.t-tiles li.t-state-selected em, .t-tiles li.t-state-selected .t-filesize { color: #7da2ce; }
.t-tile-empty strong { color: #c2cedb; }
.t-rtl { direction: rtl; zoom: 1; }
.t-rtl .t-button-icontext .t-icon { margin: 0 -3px 0 3px; }
.t-rtl .t-window-actions { right: auto; left: .5em; }
.t-rtl .t-window-title .t-image { margin: 0 0 0 5px; }
.t-rtl .t-tabstrip-items .t-item, .t-rtl .t-panelbar .t-tabstrip-items .t-item { margin: .1em 0 0 .3em; }
.t-rtl .t-tabstrip-items .t-item .t-icon, .t-rtl .t-panelbar .t-tabstrip-items .t-item .t-icon { margin: -1px -3px 0 4px; }
.t-rtl .t-tabstrip-items .t-item .t-image, .t-rtl .t-tabstrip-items .t-item .t-sprite, .t-rtl .t-panelbar .t-tabstrip-items .t-item .t-image, .t-rtl .t-panelbar .t-tabstrip-items .t-item .t-sprite { margin: -4px -3px 0 3px; }
.t-rtl .t-tabstrip-items .t-state-active, .t-rtl .t-panelbar .t-tabstrip-items .t-state-active { padding-bottom: 1px; margin-bottom: -1px; }
.t-rtl .t-panelbar .t-item { zoom: normal; }
.t-rtl .t-panelbar .t-image, .t-rtl .t-panelbar .t-sprite { margin-right: 0; margin-left: 5px; float: right; }
.t-rtl .t-panelbar .t-arrow-up, .t-rtl .t-panelbar .t-arrow-down { right: auto; left: 2px; }
.t-rtl .t-panelbar .t-group .t-group .t-link { padding-left: 0; padding-right: 2em; }
.t-rtl .t-menu .t-group .t-link { padding-left: 2em; padding-right: .97em; }
.t-rtl .t-menu .t-item { border-width: 0 0 0 1px; }
.t-rtl .t-menu .t-image, .t-rtl .t-menu .t-sprite { margin: 0 -4px 0 4px; }
.t-rtl .t-menu .t-arrow-down { margin-left: -10px; margin-right: 2px; }
.t-rtl .t-menu .t-arrow-next { right: auto; left: 0; }
.t-rtl .t-menu .t-animation-container, .t-rtl .t-menu .t-group { left: auto; right: -1px; }
.t-rtl .t-menu .t-animation-container .t-animation-container, .t-rtl .t-menu .t-group .t-group { right: 100%; left: auto; }
.t-rtl .t-menu-vertical .t-animation-container, .t-rtl .t-menu-vertical .t-group { right: 100%; left: auto; }
.t-rtl .t-menu .t-animation-container .t-group { right: auto; }
.t-rtl .t-grid div.t-grid-header, .t-rtl .t-grid .t-grid-content, .t-rtl .t-grid .t-grid-footer, .t-rtl .t-grid .t-grouping-header, .t-rtl .t-grid .t-grid-toolbar, .t-rtl .t-grid .t-filter-options, .t-rtl .t-grid tbody { zoom: 1; direction: rtl; }
.t-rtl .t-grid table { border-collapse: separate; }
.t-rtl .t-grid div.t-grid-header { padding-right: 0; padding-left: 17px; text-align: right; }
.t-rtl .t-grid .t-header, .t-rtl .t-grid td { text-align: right; border-width: 0 0 0 1px; }
.t-rtl .t-grid .t-header .t-link { padding: .3em .6em .3em 2.4em; }
.t-rtl .t-grid .t-grid-filter { float: left; margin-right: 3px; margin-left: -.6em; }
.t-rtl .t-grid .t-pager { direction: ltr; float: right; }
.t-rtl .t-grid .t-status { float: right; border-right-width: 0; border-left-style: solid; border-left-width: 1px; margin: -.2em -.6em -.2em .6em; }
.t-rtl .t-grid .t-status-text { float: left; }
.t-rtl .t-grid .t-grouping-row p { margin-right: -0.6em; margin-left: 0; padding-right: .6em; padding-left: 0; }
.t-rtl .t-grid .t-button .t-icon { margin-left: 3px; margin-right: -3px; }
.t-rtl .t-grid .t-last { border-left-width: 0; }
.t-rtl .t-grouping-header .t-button .t-icon { margin: 0 3px 0 0; }
.t-rtl .t-autocomplete { background-position: 0 50% !important; }
.t-rtl .t-dropdown-wrap { padding-right: 0; padding-left: 16px; zoom: 1; }
* html .t-rtl .t-combobox .t-dropdown-wrap { padding-right: 0; padding-left: 16px; }
* html .t-rtl .t-picker-wrap { padding-right: 0; padding-left: 25px; }
.t-rtl .t-picker-wrap .t-select, .t-rtl .t-dropdown-wrap .t-select { right: auto; left: 0; zoom: 1; }
* html .t-rtl .t-picker-wrap .t-select, * html .t-rtl .t-dropdown-wrap .t-select { right: auto; left: 1px; }
.t-rtl .t-combobox .t-select { border-width: 0 1px 0 0; }
.t-rtl .t-dropdown .t-input, .t-rtl .t-selectbox .t-input { padding: .2em 3px .2em 0; }
.t-rtl .t-picker-wrap .t-icon-calendar, .t-rtl .t-picker-wrap .t-icon-clock { margin: 3px 3px 0 0; }
.t-rtl .t-picker-wrap { padding: 0 0 0 25px; }
.t-rtl .t-datetimepicker .t-picker-wrap { padding: 0 0 0 44px; }
.t-rtl .t-treeview .t-item { padding: 0 16px 0 0; }
.t-rtl .t-treeview-lines .t-top, .t-rtl .t-treeview-lines .t-mid, .t-rtl .t-treeview-lines .t-bot { margin-left: 0; margin-right: -16px; padding-left: 0; padding-right: 20px; }
.t-rtl .t-treeview .t-plus, .t-rtl .t-treeview .t-minus, .t-rtl .t-treeview .t-plus-disabled, .t-rtl .t-treeview .t-minus-disabled { margin-left: 0; margin-right: -20px; float: right; *float: none; }
.t-rtl .t-treeview .t-image { margin-right: 0; margin-left: 3px; }
.t-rtl .t-treeview-lines .t-top { background-position: 100% 0; }
.t-rtl .t-treeview-lines .t-bot { background-position: 100% -22px; }
.t-rtl .t-treeview-lines .t-mid { background-position: 100% -44px; }
.t-rtl .t-treeview-lines .t-last .t-top { background-position: 100% -66px; }
.t-rtl .t-treeview-lines .t-group .t-last .t-bot { background-position: 100% -22px; }
.t-rtl .t-treeview-lines .t-item { background-position: 100% 0; }
.t-rtl .t-treeview-lines .t-first { background-position: 100% 16px; }
.t-rtl .t-numerictextbox .t-icon { margin-left: 0; margin-right: -16px; }
.t-rtl .t-editor-colorpicker .t-icon { border-width: 0 1px 0 0; }
.t-rtl .t-header .t-tabstrip-items .t-link { padding: .3em .9em; }
.t-rtl .t-breadcrumbs { float: right; margin: 0 -1px 0 0; }
.t-rtl .t-breadcrumbs-wrap { left: auto; right: 0; padding-left: 0; padding-right: 5px; }
.t-rtl .t-breadcrumbs-input { padding-left: 0; padding-right: 2px; }
.t-rtl .t-search-wrap { float: left; }
.t-rtl .t-search-wrap label { left: auto; right: 7px; }
.t-rtl .t-search-wrap .t-search { right: auto; left: 2px; }
.t-rtl .t-tile { float: right; }
.t-rtl .t-imagebrowser .t-thumb { float: right; margin: 4px 4px 0 10px; }
/* Grid
=========================================*/
/* Colors
=========================================*/
/* Fonts
=========================================*/
/* Content Wrapper
=========================================*/
/* Input
=========================================*/
/* Button
=========================================*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
/** Remove default margin. */
body { margin: 0; }
/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }
/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }
/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }
/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }
/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }
/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }
/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }
/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }
/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }
/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }
/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }
/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }
/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }
/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }
/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
/** Contain overflow in all browsers. */
pre { overflow: auto; }
/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, .t-grid .t-button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }
/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button, .t-grid .t-button { overflow: visible; }
/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, .t-grid .t-button, select { text-transform: none; }
/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, .t-grid .t-button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }
/** Re-set default cursor for disabled elements. */
button[disabled], .t-grid [disabled].t-button, html input[disabled] { cursor: default; }
/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, .t-grid .t-button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }
/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }
/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }
/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }
/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
*/
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.visuallyhidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
html, body { font-size: 100%; font-size: 11px; line-height: 1; letter-spacing: 1px; font-weight: 400; font-family: OpenSans-Regular; color: #222222; background: #F4F5F5; }
.is-hidden, .hide, .hidden { display: none; }
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
* { text-rendering: optimizeLegibility; font-feature-settings: "kern"; -webkit-font-feature-settings: "kern"; -moz-font-feature-settings: "kern"; -moz-font-feature-settings: "kern=1"; font-family: OpenSans-Regular; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
h1, h2, h3, footer h4, footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, h4, .checkout-page__shipping-address #newAddressDiv .enter-address-title, h5, h6, .block-account-navigation .title { margin-top: 0; margin-bottom: 2rem; font-family: OpenSans-Regular; color: #353E48; }
h1 { font-size: 2.074rem; line-height: 1.2; letter-spacing: -0.1rem; font-weight: 300; }
h2 { font-size: 1.728rem; line-height: 1.25; letter-spacing: -0.1rem; font-weight: 300; }
h3, footer h4, footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .enter-address-title { font-size: 1.44rem; line-height: 1.3; letter-spacing: -0.1rem; font-weight: 300; }
h4, .checkout-page__shipping-address #newAddressDiv .enter-address-title { font-size: 1.2rem; line-height: 1.35; letter-spacing: -0.08rem; font-weight: 300; }
h5 { font-size: 1rem; line-height: 1.5; letter-spacing: -0.05rem; font-weight: 300; }
h6, .block-account-navigation .title { font-size: 1.4rem; line-height: 1.6; letter-spacing: 0; font-weight: 300; }
p { margin-top: 0; }
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a { color: #353E49; cursor: pointer; text-decoration: none; }
a:hover { color: #5d656d; }
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button, button, .t-grid .t-button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; height: 38px; padding: 0 30px; color: #555555; text-align: center; font-size: 11px; font-weight: 600; line-height: 38px; letter-spacing: .1rem; text-transform: uppercase; text-decoration: none; white-space: nowrap; background-color: #FFFFFF; border-radius: 4px; border-style: solid; border-width: 1px; border-color: #353E49; cursor: pointer; box-sizing: border-box; transition: 250ms all ease; }
.button:focus, .button:hover, button:focus, .t-grid .t-button:focus, button:hover, .t-grid .t-button:hover, input[type="submit"]:focus, input[type="submit"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="button"]:focus, input[type="button"]:hover { background: #f2f2f2; color: #555555; border-color: #888; outline: 0; }
input[type="text"] + input[type="text"], select + input[type="text"], input[type="text"] + select, select + select { margin-left: 4px; }
input[readonly], select[readonly], input[disabled], select[disabled] { opacity: 0.5; }
.skip-to-button-container { position: relative; z-index: 2147483647; }
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"], input[type="time"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select { height: 38px; padding: 6px 12px; /* The 6px vertically centers text on FF, ignored by Webkit */ background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #353E49; border-radius: 4px; box-shadow: none; box-sizing: border-box; }
@media (max-width: 750px) { input[type="email"], input[type="time"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select { width: 100%; } }
input[type="email"]:focus, input[type="time"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border-color: #323b45; outline: 0; }
@media (min-width: 751px) { input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"] { width: 100%; max-width: 381px; } }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
textarea { min-height: 65px; padding-top: 6px; padding-bottom: 6px; }
label, legend { display: inline-block; margin-bottom: .5rem; font-weight: 600; font-size: 0.95rem; }
fieldset { padding: 0; border-width: 0; }
input[type="checkbox"], input[type="radio"] { display: inline; }
label > .label-body { display: inline-block; margin-left: .5rem; font-weight: normal; }
/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul { list-style: none; }
ol { list-style: none; }
ol, ul { padding-left: 0; margin-top: 0; }
ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; }
li { margin-bottom: 1rem; }
/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code { padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; white-space: nowrap; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px; }
pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; }
/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th, td { padding: 4px; }
th.item-name, td.item-name { padding-bottom: 0; }
th label, td label { margin-bottom: 0; }
pre, blockquote, dl, figure, table, p, ul, ol, form { width: 100%; }
[hidden], input[hidden], button[hidden], .t-grid [hidden].t-button { display: none !important; }
.vue-component-wrapper .datepicker input.input { opacity: 1; background-color: #FFF; border-color: #CCC; }
/* ========================================================================== Layout ========================================================================= */
/**
* The layout/ directory (sometimes called partials/) usually contains a number of
* files, each of them setting some styles for the main sections of the layout
* (header, footer, and so on). It also contains the _grid file which is the grid
* system used to build the layout.
*/
@media (min-width: 751px) { .offset_1_inner, .offset_1, .grid_1_inner, .grid_1 { width: 6.5%; } }
@media (min-width: 751px) and (min-width: 751px) { .offset_1_inner, .offset_1, .grid_1_inner, .grid_1 { float: left; }
.offset_1_inner + .offset_1_inner, .offset_1 + .offset_1_inner, .grid_1_inner + .offset_1_inner, .grid_1 + .offset_1_inner, .offset_1_inner + .offset_1, .offset_1 + .offset_1, .grid_1_inner + .offset_1, .grid_1 + .offset_1, .offset_1_inner + .grid_1_inner, .offset_1 + .grid_1_inner, .grid_1_inner + .grid_1_inner, .grid_1 + .grid_1_inner, .offset_1_inner + .grid_1, .offset_1 + .grid_1, .grid_1_inner + .grid_1, .grid_1 + .grid_1 { margin-left: 2%; } }
@media (min-width: 751px) { .offset_2_inner, .offset_2, .grid_2_inner, .grid_2 { width: 15%; } }
@media (min-width: 751px) and (min-width: 751px) { .offset_2_inner, .offset_2, .grid_2_inner, .grid_2 { float: left; }
.offset_2_inner + .offset_2_inner, .offset_2 + .offset_2_inner, .grid_2_inner + .offset_2_inner, .grid_2 + .offset_2_inner, .offset_2_inner + .offset_2, .offset_2 + .offset_2, .grid_2_inner + .offset_2, .grid_2 + .offset_2, .offset_2_inner + .grid_2_inner, .offset_2 + .grid_2_inner, .grid_2_inner + .grid_2_inner, .grid_2 + .grid_2_inner, .offset_2_inner + .grid_2, .offset_2 + .grid_2, .grid_2_inner + .grid_2, .grid_2 + .grid_2 { margin-left: 2%; } }
@media (min-width: 751px) { .offset_3_inner, .offset_3, .grid_3_inner, .grid_3 { width: 23.5%; } }
@media (min-width: 751px) and (min-width: 751px) { .offset_3_inner, .offset_3, .grid_3_inner, .grid_3 { float: left; }
.offset_3_inner + .offset_3_inner, .offset_3 + .offset_3_inner, .grid_3_inner + .offset_3_inner, .grid_3 + .offset_3_inner, .offset_3_inner + .offset_3, .offset_3 + .offset_3, .grid_3_inner + .offset_3, .grid_3 + .offset_3, .offset_3_inner + .grid_3_inner, .offset_3 + .grid_3_inner, .grid_3_inner + .grid_3_inner, .grid_3 + .grid_3_inner, .offset_3_inner + .grid_3, .offset_3 + .grid_3, .grid_3_inner + .grid_3, .grid_3 + .grid_3 { margin-left: 2%; } }
@media (min-width: 751px) { .offset_4_inner, .offset_4, .grid_4_inner, .grid_4 { width: 32%; } }
@media (min-width: 751px) and (min-width: 751px) { .offset_4_inner, .offset_4, .grid_4_inner, .grid_4 { float: left; }
.offset_4_inner + .offset_4_inner, .offset_4 + .offset_4_inner, .grid_4_inner + .offset_4_inner, .grid_4 + .offset_4_inner, .offset_4_inner + .offset_4, .offset_4 + .offset_4, .grid_4_inner + .offset_4, .grid_4 + .offset_4, .offset_4_inner + .grid_4_inner, .offset_4 + .grid_4_inner, .grid_4_inner + .grid_4_inner, .grid_4 + .grid_4_inner, .offset_4_inner + .grid_4, .offset_4 + .grid_4, .grid_4_inner + .grid_4, .grid_4 + .grid_4 { margin-left: 2%; } }
@media (min-width: 751px) { .offset_5_inner, .offset_5, .grid_5_inner, .grid_5 { width: 40.5%; } }
@media (min-width: 751px) and (min-width: 751px) { .offset_5_inner, .offset_5, .grid_5_inner, .grid_5 { float: left; }
.offset_5_inner + .offset_5_inner, .offset_5 + .offset_5_inner, .grid_5_inner + .offset_5_inner, .grid_5 + .offset_5_inner, .offset_5_inner + .offset_5, .offset_5 + .offset_5, .grid_5_inner + .offset_5, .grid_5 + .offset_5, .offset_5_inner + .grid_5_inner, .offset_5 + .grid_5_inner, .grid_5_inner + .grid_5_inner, .grid_5 + .grid_5_inner, .offset_5_inner + .grid_5, .offset_5 + .grid_5, .grid_5_inner + .grid_5, .grid_5 + .grid_5 { margin-left: 2%; } }
@media (min-width: 751px) { .offset_6_inner, .offset_6, .grid_6_inner, .grid_6, .checkout-page__billing-address .select-address, .checkout-page__billing-address .enter-address, .checkout-page__shipping-address .address-list .address-item { width: 49%; } }
@media (min-width: 751px) and (min-width: 751px) { .offset_6_inner, .offset_6, .grid_6_inner, .grid_6, .checkout-page__billing-address .select-address, .checkout-page__billing-address .enter-address, .checkout-page__shipping-address .address-list .address-item { float: left; }
.offset_6_inner + .offset_6_inner, .offset_6 + .offset_6_inner, .grid_6_inner + .offset_6_inner, .grid_6 + .offset_6_inner, .checkout-page__billing-address .select-address + .offset_6_inner, .checkout-page__billing-address .enter-address + .offset_6_inner, .checkout-page__shipping-address .address-list .address-item + .offset_6_inner, .offset_6_inner + .offset_6, .offset_6 + .offset_6, .grid_6_inner + .offset_6, .grid_6 + .offset_6, .checkout-page__billing-address .select-address + .offset_6, .checkout-page__billing-address .enter-address + .offset_6, .checkout-page__shipping-address .address-list .address-item + .offset_6, .offset_6_inner + .grid_6_inner, .offset_6 + .grid_6_inner, .grid_6_inner + .grid_6_inner, .grid_6 + .grid_6_inner, .checkout-page__billing-address .select-address + .grid_6_inner, .checkout-page__billing-address .enter-address + .grid_6_inner, .checkout-page__shipping-address .address-list .address-item + .grid_6_inner, .offset_6_inner + .grid_6, .checkout-page__billing-address .offset_6_inner + .select-address, .checkout-page__billing-address .offset_6_inner + .enter-address, .checkout-page__shipping-address .address-list .offset_6_inner + .address-item, .offset_6 + .grid_6, .checkout-page__billing-address .offset_6 + .select-address, .checkout-page__billing-address .offset_6 + .enter-address, .checkout-page__shipping-address .address-list .offset_6 + .address-item, .grid_6_inner + .grid_6, .checkout-page__billing-address .grid_6_inner + .select-address, .checkout-page__billing-address .grid_6_inner + .enter-address, .checkout-page__shipping-address .address-list .grid_6_inner + .address-item, .grid_6 + .grid_6, .checkout-page__billing-address .select-address + .grid_6, .checkout-page__billing-address .enter-address + .grid_6, .checkout-page__shipping-address .address-list .address-item + .grid_6, .checkout-page__billing-address .grid_6 + .select-address, .checkout-page__billing-address .select-address + .select-address, .checkout-page__billing-address .enter-address + .select-address, .checkout-page__shipping-address .address-list .checkout-page__billing-address .address-item + .select-address, .checkout-page__billing-address .checkout-page__shipping-address .address-list .address-item + .select-address, .checkout-page__billing-address .grid_6 + .enter-address, .checkout-page__billing-address .select-address + .enter-address, .checkout-page__billing-address .enter-address + .enter-address, .checkout-page__shipping-address .address-list .checkout-page__billing-address .address-item + .enter-address, .checkout-page__billing-address .checkout-page__shipping-address .address-list .address-item + .enter-address, .checkout-page__shipping-address .address-list .grid_6 + .address-item, .checkout-page__billing-address .checkout-page__shipping-address .address-list .select-address + .address-item, .checkout-page__shipping-address .address-list .checkout-page__billing-address .select-address + .address-item, .checkout-page__billing-address .checkout-page__shipping-address .address-list .enter-address + .address-item, .checkout-page__shipping-address .address-list .checkout-page__billing-address .enter-address + .address-item, .checkout-page__shipping-address .address-list .address-item + .address-item { margin-left: 2%; } }
@media (min-width: 751px) { .offset_7_inner, .offset_7, .grid_7_inner, .grid_7 { width: 57.5%; } }
@media (min-width: 751px) and (min-width: 751px) { .offset_7_inner, .offset_7, .grid_7_inner, .grid_7 { float: left; }
.offset_7_inner + .offset_7_inner, .offset_7 + .offset_7_inner, .grid_7_inner + .offset_7_inner, .grid_7 + .offset_7_inner, .offset_7_inner + .offset_7, .offset_7 + .offset_7, .grid_7_inner + .offset_7, .grid_7 + .offset_7, .offset_7_inner + .grid_7_inner, .offset_7 + .grid_7_inner, .grid_7_inner + .grid_7_inner, .grid_7 + .grid_7_inner, .offset_7_inner + .grid_7, .offset_7 + .grid_7, .grid_7_inner + .grid_7, .grid_7 + .grid_7 { margin-left: 2%; } }
@media (min-width: 751px) { .offset_8_inner, .offset_8, .grid_8_inner, .grid_8 { width: 66%; } }
@media (min-width: 751px) and (min-width: 751px) { .offset_8_inner, .offset_8, .grid_8_inner, .grid_8 { float: left; }
.offset_8_inner + .offset_8_inner, .offset_8 + .offset_8_inner, .grid_8_inner + .offset_8_inner, .grid_8 + .offset_8_inner, .offset_8_inner + .offset_8, .offset_8 + .offset_8, .grid_8_inner + .offset_8, .grid_8 + .offset_8, .offset_8_inner + .grid_8_inner, .offset_8 + .grid_8_inner, .grid_8_inner + .grid_8_inner, .grid_8 + .grid_8_inner, .offset_8_inner + .grid_8, .offset_8 + .grid_8, .grid_8_inner + .grid_8, .grid_8 + .grid_8 { margin-left: 2%; } }
@media (min-width: 751px) { .offset_9_inner, .offset_9, .grid_9_inner, .grid_9 { width: 74.5%; } }
@media (min-width: 751px) and (min-width: 751px) { .offset_9_inner, .offset_9, .grid_9_inner, .grid_9 { float: left; }
.offset_9_inner + .offset_9_inner, .offset_9 + .offset_9_inner, .grid_9_inner + .offset_9_inner, .grid_9 + .offset_9_inner, .offset_9_inner + .offset_9, .offset_9 + .offset_9, .grid_9_inner + .offset_9, .grid_9 + .offset_9, .offset_9_inner + .grid_9_inner, .offset_9 + .grid_9_inner, .grid_9_inner + .grid_9_inner, .grid_9 + .grid_9_inner, .offset_9_inner + .grid_9, .offset_9 + .grid_9, .grid_9_inner + .grid_9, .grid_9 + .grid_9 { margin-left: 2%; } }
@media (min-width: 751px) { .offset_10_inner, .offset_10, .grid_10_inner, .grid_10 { width: 83%; } }
@media (min-width: 751px) and (min-width: 751px) { .offset_10_inner, .offset_10, .grid_10_inner, .grid_10 { float: left; }
.offset_10_inner + .offset_10_inner, .offset_10 + .offset_10_inner, .grid_10_inner + .offset_10_inner, .grid_10 + .offset_10_inner, .offset_10_inner + .offset_10, .offset_10 + .offset_10, .grid_10_inner + .offset_10, .grid_10 + .offset_10, .offset_10_inner + .grid_10_inner, .offset_10 + .grid_10_inner, .grid_10_inner + .grid_10_inner, .grid_10 + .grid_10_inner, .offset_10_inner + .grid_10, .offset_10 + .grid_10, .grid_10_inner + .grid_10, .grid_10 + .grid_10 { margin-left: 2%; } }
@media (min-width: 751px) { .offset_11_inner, .offset_11, .grid_11_inner, .grid_11 { width: 91.5%; } }
@media (min-width: 751px) and (min-width: 751px) { .offset_11_inner, .offset_11, .grid_11_inner, .grid_11 { float: left; }
.offset_11_inner + .offset_11_inner, .offset_11 + .offset_11_inner, .grid_11_inner + .offset_11_inner, .grid_11 + .offset_11_inner, .offset_11_inner + .offset_11, .offset_11 + .offset_11, .grid_11_inner + .offset_11, .grid_11 + .offset_11, .offset_11_inner + .grid_11_inner, .offset_11 + .grid_11_inner, .grid_11_inner + .grid_11_inner, .grid_11 + .grid_11_inner, .offset_11_inner + .grid_11, .offset_11 + .grid_11, .grid_11_inner + .grid_11, .grid_11 + .grid_11 { margin-left: 2%; } }
.row { width: 100%; margin: 0 auto; }
.row:after { /* Or @extend clearfix */ content: ""; display: table; clear: both; }
.row__container { padding: 0 5%; margin: 0 auto; max-width: 1250px; }
@media (min-width: 751px) { .row__container { padding: 0 20px; } }
.grid_3:nth-child(4n+1) { margin: 0; }
.grid_4:nth-child(3n+1) { margin: 0; }
.grid_12, .grid_12_menu { width: 100%; }
@media (min-width: 751px) { .grid_12, .grid_12_menu { float: left; }
.grid_12 + .grid_12, .grid_12_menu + .grid_12, .grid_12 + .grid_12_menu, .grid_12_menu + .grid_12_menu { margin-left: 2%; } }
.search-panel.grid_9 { width: 100%; }
.show-phone { display: none; }
.show-tablet { display: none; }
.show-screen { display: inherit; }
.hide-phone { display: inherit; }
.hide-tablet { display: inherit; }
.hide-screen { display: none; }
.field-validation-error { display: block; color: #ff0000; margin-top: 7px; font-size: 0.9rem; }
.input-validation-error { border-color: #ff0000 !important; }
#toprow { background: #FFFFFF; }
#logorow { padding: 26px 0 22px; background: #FFFFFF; position: relative; }
/* Top Menu
====================================*/
#menurow { background: #353E49; padding: 5px 0; }
@media (min-width: 751px) { #menurow .grid_4_inner { margin-left: 2%; } }
/* Nav Lower
===================================*/
#navlower { width: 100%; background-color: #9A9EA4; }
#navlower .row__container { padding: 0; }
.generalPageWrapper #contentrow { margin-top: 20px; }
@media (min-width: 751px) { #contentrow .grid_9 { margin-left: 2%; } }
/* Footer
====================================*/
footer { background: #FFFFFF; padding: 10px 0; border-top: 1px solid #eee; margin-top: 30px; }
footer h3, footer h4, footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .enter-address-title { margin: 11px 0; }
footer li { list-style: none; }
footer h3, footer h4, footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, footer li { text-align: center; }
@media (min-width: 751px) { footer h3, footer h4, footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, footer li { text-align: left; } }
footer .footerinner { margin: 15px 0; }
/* Footer */
.html-footer, .footercopyrightrow { background-color: #FFFFFF; color: white; padding: 10px 0; }
.html-footer p, .footercopyrightrow p { margin: 0; }
/* ==========================================================================s Modules ========================================================================= */
/**
* For smaller components, there is the modules/ folder. While layout/ is kind of macro (defining the global wireframe),
* modules/ is more micro. It can contain all kinds of specific modules like
* a slider, a loader, a widget, or anything along those lines. There are
* usually a lot of files in modules/ since your site is should be mostly
* composed of tiny modules.
*/
.oauth-login-facebook { display: inline; float: left; }
.facebook_large_btn { width: 100px; height: 40px; /* fix for IE 6 only: http://en.wikipedia.org/wiki/CSS_filter#Underscore_hack */ _width: 102px; _height: 42px; border: 1px solid #DDD; margin: 3px; float: left; }
.facebook_small_btn { width: 24px; height: 24px; /* fix for IE 6 only: http://en.wikipedia.org/wiki/CSS_filter#Underscore_hack */ _width: 26px; _height: 26px; border: 1px solid #DDD; margin: 3px; float: left; }
a.facebook_large_btn:focus { outline: none; }
a.facebook_large_btn:focus { -moz-outline-style: none; }
.facebook_selected { border: 4px solid #DDD; }
/* Slider
===================================*/
#sliderrow { margin: 0; }
#sliderrow li { margin: 0; }
#sliderrow .grid_12 .flexslider { background: none; /*.flex-prev, .flex-next { z-index: 10; opacity: 1; width: 55px; height: 68px; top: 46%; @include media("<smalldesktop") { height: 47px; width: 33px; } } .flex-prev { left: 0; background-size: 50%; background-color: rgba(white, 0.5); &:hover { background-color: rgba(white, 0.7); } @include media("<smalldesktop") { left: 0; background-size: 50%; } &:before { content: "\f104"; font-weight: normal; text-decoration: inherit; color: #000; font-size: 32px; font-size: 37px; top: 10px; left: 138%; transform: translateX(-50%); } } .flex-next { right: 0; background-size: 50%; background-color: rgba(white, 0.5); &:hover { background-color: rgba(white, 0.7); } @include media("<smalldesktop") { right: 0; background-size: 50%; } }*/ }
#sliderrow .grid_12 .flexslider .flex-control-thumbs { position: absolute; z-index: 10; width: 100%; text-align: center; bottom: 17px; }
#sliderrow .grid_12 .flexslider .flex-control-thumbs li { width: 16px; float: none; margin-left: 2px; }
#sliderrow .grid_12 .flexslider .flex-control-thumbs .flex-active { background: white; border-radius: 50%; }
.header-links-wrapper { width: 100%; float: right; }
.header-links-wrapper ul { margin-bottom: 10px; text-align: center; }
@media (min-width: 751px) { .header-links-wrapper ul { text-align: right; } }
.header-links-wrapper ul li { display: inline-block; margin: 0 0 10px 7px; }
.header-links-wrapper ul li a { text-decoration: none; }
@media (min-width: 751px) { .header-links-wrapper { width: 75%; } }
.header-links-wrapper .cf_headerlinks_privatemessages { display: none; }
.header-links-wrapper i { margin-right: 5px; }
.header-selectors-wrapper { width: 100%; text-align: center; }
@media (min-width: 751px) { .header-selectors-wrapper { width: 75%; float: right; text-align: right; } }
@media (min-width: 751px) { .header-selectors-wrapper .header-taxDisplayTypeSelector, .header-selectors-wrapper .header-languageselector, .header-selectors-wrapper .header-currencyselector { float: right; } }
/* Search
====================================*/
.searchbox_wrapper { width: 100%; margin-top: 3px; float: right; }
@media (min-width: 751px) { .searchbox_wrapper { max-width: 500px; } }
.searchbox_wrapper .searchbox { float: left; width: 75%; -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0px; border: 1px solid #eee; height: 36px; margin-top: 1px; border-radius: 4px 0 0 4px; }
.searchbox_wrapper .searchbox:hover, .searchbox_wrapper .searchbox:active, .searchbox_wrapper .searchbox:focus { border: 1px solid #efefef; }
.searchbox_wrapper .searchbutton { float: right; width: 25%; margin: 1px 0; padding: 0; border: 0; height: 36px; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0px; border-radius: 0 4px 4px 0; }
.breadcrumb { margin: 20px 0; padding: 8px 15px; list-style: none; background-color: #f5f5f5; border-radius: 4px; color: #ccc; }
.breadcrumb a:last-of-type { color: #777; }
.breadcrumb ul { margin: 0; }
.breadcrumb li { display: inline-block; margin: 0; }
.breadcrumb li:not(:last-child) a { color: #353E49; }
/* Category Section
====================================*/
.homeFeaturedCategoriesWrapper .listItem { margin-bottom: 30px; }
.homeFeaturedCategoriesWrapper .bestsellers { padding: 33px 0 10px; margin-bottom: 33px; border-bottom: 2px solid #9a9fa4; }
.homeFeaturedCategoriesWrapper .bestsellers h3, .homeFeaturedCategoriesWrapper .bestsellers footer h4, footer .homeFeaturedCategoriesWrapper .bestsellers h4, .homeFeaturedCategoriesWrapper .bestsellers footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .homeFeaturedCategoriesWrapper .bestsellers .enter-address-title, .homeFeaturedCategoriesWrapper .bestsellers .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .homeFeaturedCategoriesWrapper .bestsellers .enter-address-title { font-size: 1.728rem; line-height: 1.25; letter-spacing: -0.1rem; margin: 0; }
.homeFeaturedCategoriesWrapper .small-product-item { position: relative; width: 100%; overflow: hidden; }
.homeFeaturedCategoriesWrapper .small-product-item:after { content: ""; display: block; padding-bottom: 100%; }
.homeFeaturedCategoriesWrapper .small-product-item .category-item { background: white; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: all 300ms cubic-bezier(0, 0, 0.58, 1); transition: all 300ms cubic-bezier(0, 0, 0.58, 1); }
.homeFeaturedCategoriesWrapper .small-product-item .category-item:hover { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 300ms cubic-bezier(0.42, 0, 1, 1); transition: all 300ms cubic-bezier(0.42, 0, 1, 1); }
.homeFeaturedCategoriesWrapper .small-product-item .category-item .product-title { position: absolute; text-transform: uppercase; letter-spacing: 0.1em; bottom: 0; text-align: center; z-index: 10; background: white; border-top: 1px solid #eee; width: 100%; height: 18%; min-height: 43px; }
.homeFeaturedCategoriesWrapper .small-product-item .category-item .product-title:hover { background: #f2f2f2; }
.homeFeaturedCategoriesWrapper .small-product-item .category-item .product-title a { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; position: absolute; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); text-decoration: none; width: 90%; display: block; -moz-transition: 250ms ease all; -o-transition: 250ms ease all; -webkit-transition: 250ms ease all; transition: 250ms ease all; padding-left: 5%; }
.homeFeaturedCategoriesWrapper .small-product-item .category-item .picture { position: relative; max-width: 100%; max-height: 100%; overflow: hidden; height: 82%; width: 100%; }
.homeFeaturedCategoriesWrapper .small-product-item .category-item .picture img { width: auto; height: auto; max-height: 100%; max-width: 100%; top: 50%; left: 50%; position: relative; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.homeFeaturedProductsWrapper .bestsellers { padding: 33px 0 10px; margin-bottom: 33px; border-bottom: 2px solid #9a9fa4; }
.homeFeaturedProductsWrapper .bestsellers h3, .homeFeaturedProductsWrapper .bestsellers footer h4, footer .homeFeaturedProductsWrapper .bestsellers h4, .homeFeaturedProductsWrapper .bestsellers footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .homeFeaturedProductsWrapper .bestsellers .enter-address-title, .homeFeaturedProductsWrapper .bestsellers .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .homeFeaturedProductsWrapper .bestsellers .enter-address-title { font-size: 1.728rem; line-height: 1.25; letter-spacing: -0.1rem; margin: 0; }
.listItem img { max-width: 100%; max-height: 100%; }
/**************************************************/
/* LAYOUT ADMIN */
/**************************************************/
#adminpanel * { font-family: 'Open Sans', sans-serif; }
#adminpanel .fa { font-family: FontAwesome; display: inline-block; }
#adminpanel { padding: 0; font-family: sans-serif; font-size: 12px; left: 0; width: 100%; position: fixed; bottom: 0; display: none; z-index: 10000; color: #29353a; box-shadow: 0 6px 12px 0 #222222; }
#adminpanel .field.is-grouped.is-grouped-multiline { display: flex; flex-wrap: wrap; align-items: center; }
#adminpanel .layout__add-module .field.is-grouped.is-grouped-multiline { display: inline-block !important; }
#adminpanel .layout__add-module .field.is-grouped.is-grouped-multiline .control:nth-child(2) { width: 100%; }
#adminpanel .column:not(:last-child) { margin-bottom: 5px; }
#adminpanel .field { display: flex; }
#adminpanel .button { margin: 0; }
#adminpanel .right { float: right; }
#adminpanel #internalpanel { height: 100%; bottom: 0; padding: 16px 19px; background: #fcfcfc; border-top: 1px solid #ddd; }
#adminpanel #hideadminpanel { position: absolute; top: 25px; right: 23px; z-index: 999; }
#adminpanel #hideadminpanel #containersvisible { height: 0; width: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: none; }
#adminpanel #hideadminpanel .containersvisible { font-size: 18px !important; margin: 3px 0; }
#adminpanel .ui-widget-content { border-style: none; background-image: none; background-color: transparent; margin: 0; padding: 0; }
#adminpanel .ui-widget-header { background-image: none; background-color: transparent; border-radius: 0; padding: 0; display: inline-block; }
#adminpanel .ui-tabs .ui-tabs-panel { padding: 10px 14px !important; border: 1px solid #cccccc !important; margin: 0 !important; display: inline-block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0; overflow-Y: auto; }
#adminpanel .layoutadmin { text-align: left; font-size: 1em; border: 1px solid; background-color: Gray; position: absolute; width: auto; left: 0; top: 0; padding: 2px; z-index: 999; width: 70px; height: 13px; overflow: hidden; }
#adminpanel .layoutadmin button, #adminpanel .layoutadmin .t-grid .t-button, .t-grid #adminpanel .layoutadmin .t-button { float: right; }
#adminpanel .layoutadmin .option { border-color: gray; border-width: 1px; background-color: Silver; margin-left: 2px; padding: 4px; text-align: left; width: 350px; overflow: hidden; border-bottom-style: solid; }
#adminpanel .layoutadmin .title { background-color: inherit; padding: 0 4px 4px 4px; }
#adminpanel #layoutadminmessage { z-index: 1000; display: none; }
#adminpanel #layoutadminmessage { font-size: 1em; padding: 2px; margin-left: 47%; border: 1px solid; background-color: Gray; text-align: center; vertical-align: bottom; position: absolute; left: 0; top: 0; font-weight: bold; }
#adminpanel #layoutadminmessage .success { color: Lime; }
#adminpanel #layoutadminmessage .error { color: Red; }
#adminpanel input, #adminpanel select { height: 34px; padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ background-color: #fff; border: 1px solid #D1D1D1; border-radius: 4px; box-shadow: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; }
#adminpanel button, #adminpanel .t-grid .t-button, .t-grid #adminpanel .t-button, #adminpanel #hideadminpanel .containersvisible, #adminpanel input { display: inline-block; height: 34px; padding: 0 17px; color: white; text-align: center; line-height: 32px; text-decoration: none; white-space: nowrap; background: #29353e; border-radius: 3px; cursor: pointer; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; text-transform: uppercase; font-weight: bold; font-size: 11px; letter-spacing: 1px; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; position: relative; }
#adminpanel #hideadminpanel #containersvisible:checked + .containersvisible, #adminpanel #hideadminpanel .containersvisible:hover, #adminpanel button:hover, #adminpanel .t-grid .t-button:hover, .t-grid #adminpanel .t-button:hover { background: #536c76; }
#adminpanel .ui-tabs .ui-tabs-nav li a { background: white; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #ccc; }
#adminpanel .ui-state-active, #adminpanel .ui-widget-content .ui-state-active, #adminpanel .ui-widget-header .ui-state-active { border-color: #ccc; }
#adminpanel .ui-tabs { position: relative; padding: .2em; zoom: 1; }
#adminpanel .ui-tabs .ui-tabs-nav { margin: 0; float: left; }
#adminpanel .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 0 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
#adminpanel .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; font-size: 12px; line-height: 18px; color: #29353a; letter-spacing: 0; }
#adminpanel .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { border-bottom: 0; z-index: 99; position: relative; padding-bottom: 7px; letter-spacing: 0; }
#adminpanel .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: -1px; padding-bottom: 1px; }
#adminpanel .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #adminpanel .ui-tabs .ui-tabs-nav li.ui-state-disabled a, #adminpanel .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
#adminpanel .ui-tabs .ui-tabs-nav li a, #adminpanel .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
#adminpanel .ui-tabs .ui-tabs-hide { display: none !important; }
#adminpanel #admintabs-2 td:nth-child(odd) { font-weight: 700; }
#adminpanel #admintabs-2 { font-size: 12px; }
#adminpanel td { display: table-cell; }
#adminpanel .ui-state-default, #adminpanel .ui-widget-header, #adminpanel .ui-widget-content { border: none; }
#adminpanel #admintabs .option .layout__instruction { font-size: 11px; margin-bottom: 7px; color: #29353e; }
#adminpanel #admintabs .option { margin: 5px 15px 5px 0; float: left; }
#adminpanel #admintabs label { min-width: 115px; display: inline-block; margin: 0; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
#adminpanel #admintabs .option__container { border: 1px solid #ddd; padding: 7px 14px; }
#adminpanel .title__image { width: 300px; display: inline-block; margin-bottom: 5px; }
#adminpanel .title__image img { max-width: 100%; }
#adminpanel .ui-state-default .ui-icon { background: none; margin: 0; padding: 0 !important; text-indent: 0; width: auto; height: auto; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#adminpanel h3, #adminpanel footer h4, footer #adminpanel h4, #adminpanel footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv #adminpanel .enter-address-title, #adminpanel .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer #adminpanel .enter-address-title { font-size: 17px; color: #29353e; margin: 0 0 7px 0; letter-spacing: 0; padding: 0 6px; display: inline-block; vertical-align: 5px; font-weight: 700; }
#adminpanel h3 span, #adminpanel footer h4 span, footer #adminpanel h4 span, #adminpanel footer .checkout-page__shipping-address #newAddressDiv .enter-address-title span, footer .checkout-page__shipping-address #newAddressDiv #adminpanel .enter-address-title span, #adminpanel .checkout-page__shipping-address #newAddressDiv footer .enter-address-title span, .checkout-page__shipping-address #newAddressDiv footer #adminpanel .enter-address-title span { color: #31a3dd; }
#adminpanel h3 span:after, #adminpanel footer h4 span:after, footer #adminpanel h4 span:after, #adminpanel footer .checkout-page__shipping-address #newAddressDiv .enter-address-title span:after, footer .checkout-page__shipping-address #newAddressDiv #adminpanel .enter-address-title span:after, #adminpanel .checkout-page__shipping-address #newAddressDiv footer .enter-address-title span:after, .checkout-page__shipping-address #newAddressDiv footer #adminpanel .enter-address-title span:after { content: "|"; color: #aaa; margin-right: 4px; font-size: 18px; }
#adminpanel .ui-button-icon-only .ui-button-text, #adminpanel .ui-button-icons-only .ui-button-text { padding: 0 !important; text-indent: -99999999px; display: none; }
/*
Admin Panel
================================ */
#showadminpanel { left: 12px !important; position: fixed; bottom: 10px !important; z-index: 99999; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
#show-content-helper { bottom: 10px !important; }
#showadminpanel:hover { bottom: 12px !important; }
#showadminpanel .ui-icon { display: inline-block !important; background: none; margin: 0; padding: 0 !important; text-indent: 0; width: auto; height: auto; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: none; width: auto; height: auto; z-index: 9; color: #29353e; }
#showadminpanel .ui-button { background: white; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); width: 45px !important; height: 45px !important; border-radius: 50%; padding: 0; margin: 0; font-size: 20px; border: 1px solid #d3d3d3; -moz-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
#showadminpanel .ui-button:hover { background: #f2f2f2; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
#showadminpanel .ui-button:focus { outline: none; }
#showadminpanel .ui-button-icon-only .ui-button-text { display: none; }
#showadminpanel #showadminpanelbutton .ui-button-text { display: none; }
#showadminpanel #hideadminpanelbutton .fa { font-size: 14px; }
#showadminpanel .fa { display: inline-block; }
.ui-tabs { margin-top: 40px; }
.dragbox { overflow: hidden; border: 1px solid #eee; margin-bottom: 5px; }
.dragbox-content { background-color: transparent; min-height: 50px; position: relative; overflow: hidden; }
.dragbox-content:after { content: ""; display: table; clear: both; }
.dragtitle { background: #eee; margin: 0; line-height: 1.25; padding: 7px; }
.dragtitle.collapse { background: none; }
/**************************************************/
/* LAYOUT SYSTEM */
/**************************************************/
.column { height: auto; }
.columnleft { width: 49%; margin-right: .5%; min-height: 300px; /*background:#fff;*/ float: left; }
.column .dragbox { margin: 5px 2px 20px; /*background:#fff;*/ position: relative; border: 1px dashed #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.column .dragbox h2 { text-align: left; margin: 0; font-size: 12px; padding: 5px; background: #f0f0f0; color: #000; border-bottom: 1px solid #eee; font-family: Verdana; cursor: move; }
.column .dragbox .dragtitle { /*float:left;
width:50px;*/ }
.dragbox-content { /*background-color:Silver;*/ /*min-height:100px; */ margin: 2px; /*font-family:'Lucida Grande', Verdana; font-size:0.8em; line-height:1.5em;*/ }
.column .placeholder { /*background: #f0f0f0;*/ background-color: red; min-height: 100px; border: 1px dashed #ddd; }
.dragbox h2.collapse { background: #f0f0f0 url(/1504250230/Handler/Static/catfish.web/content/catfish/collapse.png) no-repeat top right; }
.dragbox h2 .configure { font-size: 11px; font-weight: normal; margin-right: 30px; float: right; }
.dragbox .controls { padding-top: 2px; float: right; margin-right: 20px; }
.shared__cookie-banner { background: #000000; background: rgba(0, 0, 0, 0.7); }
.shared__cookie-banner .grid_12 { position: relative; }
.cookiebanner__message { margin: 30px 0; float: left; width: 90%; color: white; font-size: 15px; letter-spacing: 0; font-family: OpenSans-Regular, sans-serif; }
.cookiebanner__message a { color: white; text-decoration: underline; }
.cookiebanner__closeicon, .cookiebanner__accept { position: absolute; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; }
.cookiebanner__accept { background: white; border: 0; padding: 0.6rem 1.2rem; text-transform: uppercase; display: none; }
.cookiebanner__accept:hover { background: #eeeeee; }
.cookiebanner__closeicon { font-size: 24px; color: white; padding-right: 21px; border-left: 1px solid white; padding-left: 32px; cursor: pointer; }
.cookiebanner__closeicon:hover { color: #eeeeee; }
.banner img { width: 100%; display: block; }
.pageflip { width: 100%; overflow: hidden; display: block; /* Controls layout/animation/hover fx ----------------------------------- */ /*.control-bar-button.disabled:hover g, .control-bar-pager.disabled:hover g { fill: #888; }*/ /* Thumbnails layout/animation/hover fx ----------------------------------- */ /* Default Page setup */ /* Responsive design */ }
.pageflip .pageflip-container { padding-top: 1px; background: #fafafa; }
.pageflip .pf-book-container { pointer-events: none; }
.pageflip .pf-page-content img { width: 100%; }
.pageflip .pf-book-content { opacity: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; }
.pageflip .pf-book-offset { -webkit-perspective: 5000px; -moz-perspective: 5000px; perspective: 5000px; pointer-events: all; }
.pageflip .pf-page-container { position: absolute; overflow: hidden; background-position: center center; background-repeat: no-repeat; }
.pageflip #pf-dropshadow { -webkit-box-shadow: 0 10px 30px black; -moz-box-shadow: 0 10px 30px black; -o-box-shadow: 0 10px 30px black; box-shadow: 0 10px 30px black; }
.pageflip .pf-flip-shadowA { background-image: -o-linear-gradient(left, transparent, black); background-image: -ms-linear-gradient(left, transparent, black); background-image: -moz-linear-gradient(left, transparent, black); background-image: -webkit-linear-gradient(left, transparent, black); }
.pageflip .pf-flip-shadowB { background-image: -o-linear-gradient(left, black, transparent, transparent); background-image: -ms-linear-gradient(left, black, transparent, transparent); background-image: -moz-linear-gradient(left, black, transparent, transparent); background-image: -webkit-linear-gradient(left, black, transparent, transparent); }
.pageflip .pf-flip-topshadow { background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.5), black, transparent); background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.5), black, transparent); background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.5), black, transparent); background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.5), black, transparent); }
.pageflip .pf-emboss-left { background-image: -o-linear-gradient(left, transparent, black); background-image: -ms-linear-gradient(left, transparent, black); background-image: -moz-linear-gradient(left, transparent, black); background-image: -webkit-linear-gradient(left, transparent, black); pointer-events: none; }
.pageflip .pf-emboss-right { background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); pointer-events: none; }
.pageflip #pageflip-controls { position: absolute; bottom: 0; padding: 8px 0 16px; width: 100%; overflow: hidden; text-align: center; opacity: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; color: #888; font-size: 12px; }
.pageflip .pf-centered-buttons, .pageflip .pf-left-buttons, .pageflip .pf-right-buttons { height: 26px; overflow: visible; }
.pageflip .pf-centered-buttons { position: relative; display: flex; top: 0; left: auto; right: auto; margin: 0 auto; width: 254px; }
.pageflip .pf-left-buttons { float: left; width: 104px; margin-left: 32px; }
.pageflip .pf-right-buttons { float: right; width: 104px; margin-right: 32px; }
.pageflip .pf-control-bar-button, .pageflip .pf-control-bar-pager { float: left; height: 26px; }
.pageflip .pf-right { float: right; }
.pageflip .pf-control-bar-pager { /* padding-top: 2px; */ width: 150px; text-align: center; }
.pageflip #pf-pagerin { display: none; }
.pageflip .pf-control-bar-button g, .pageflip .pf-control-bar-pager g { fill: rgba(0, 0, 0, 0.3); -webkit-transition: fill 0.2s; -moz-transition: fill 0.2s; -o-transition: fill 0.2s; }
.pageflip .pf-disabled { opacity: 0.2; }
.pageflip .pf-control-bar-button:not(.pf-disabled):hover g { fill: #FA0; }
.pageflip #pageflip-controls { color: rgba(0, 0, 0, 0.3); }
.pageflip #pageflip-thumbnails { position: absolute; top: 0; width: 100%; overflow: hidden; -webkit-transition: top 0.5s, opacity 0.5s; -moz-transition: top 0.5s, opacity 0.5s; -o-transition: top 0.5s, opacity 0.5s; }
.pageflip #pageflip-thumbnails.pf-hidden { top: -100px; opacity: 0; }
.pageflip #pf-thumbnail-container { width: 10px; }
.pageflip .pf-thumbnail-spread, .pageflip .pf-thumbnail-page { float: left; margin: 0 16px 16px 0; /*margin: 0 8px 16px 8px;*/ background: #888; -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); overflow: hidden; }
.pageflip .pf-thumbnail-button { float: left; margin: 0; padding: 0; }
.pageflip #pf-copyright-text { display: none; clear: both; padding-top: 10px; }
.pageflip .pageflip-credits { display: none; }
.pageflip .pf-left-side { background-color: #666; }
.pageflip .pf-right-side { background-color: #666; }
.pageflip .pf-outer { background: none; }
.pageflip .pf-hotspot { position: absolute; overflow: hidden; cursor: pointer; }
@media screen and (max-width: 600px) { .pageflip .pf-control-bar-pager { display: none; }
.pageflip .pf-control-bar-pager { display: none; }
.pageflip .pf-centered-buttons { width: 104px; } }
@media screen and (max-width: 440px) { .pageflip .pf-centered-buttons { width: 160px; float: left; margin-left: 0; overflow: hidden; }
.pageflip .pf-centered-buttons { /*margin-left: 48px;*/ }
.pageflip .pf-left-buttons { display: none; }
.pageflip .pf-control-bar-button { width: 40px; }
.pageflip .pf-right-buttons { width: 160px; margin-right: 0; } }
.headermenu { position: relative; z-index: 3; /* =======DROPDOWN CODE==================== */ }
@media (min-width: 751px) { .headermenu { float: left; } }
.headermenu ul { display: none; margin: 0; }
@media (min-width: 751px) { .headermenu ul { display: block; } }
.headermenu ul li { position: relative; display: inline-block; color: black; margin: 0; }
.headermenu ul li:hover { background-color: white; }
.headermenu ul li:hover a { color: #353E49; }
.headermenu ul li:hover > ul { visibility: visible; }
.headermenu ul li a { display: block; color: White; text-decoration: none; padding: 10px 20px; }
.headermenu ul li ul { visibility: hidden; position: absolute; top: 100%; left: 0; width: 200px; background-color: white; }
.headermenu ul li ul li { display: block; }
.headermenu ul li ul li:hover { background: #e6e6e6; }
.headermenu ul li ul li:hover a { color: #5d656d; }
.headermenu ul li ul li a { color: #353E49; }
.headermenu .selectnavwrapper { display: block; }
@media (min-width: 751px) { .headermenu .selectnavwrapper { display: none; } }
.headermenu .selectnavwrapper select { width: 100%; }
/* =======REVIEWS==================== */
@media (max-width: 750px) { .product-reviews-page .page-title { width: 100%; } }
@media (min-width: 751px) { .product-reviews-page .page-title { margin-right: 13px; } }
@media (max-width: 750px) { .product-reviews-page .page-title h1 { margin: 10px 0; } }
.product-reviews-page .page-title a { padding: 9px; }
.product-reviews-page .product-review-item, .product-reviews-page .write-review { margin-bottom: 10px; position: relative; background: #FFFFFF; padding: 23px 25px 36px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.product-reviews-page .product-review-list { background: #FFFFFF; padding: 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; display: block; width: 100%; margin-top: 24px; margin-bottom: 27px; }
@media (min-width: 751px) { .product-reviews-page .product-review-list { margin-top: 0; } }
.product-reviews-page .page-title:after, .product-reviews-page .review-title:after, .product-reviews-page .product-review-list:after { content: ""; display: table; clear: both; }
.product-review-item { border: 1px solid #9a9fa4; }
.review-title { color: #353E49; margin-bottom: 10px; }
.review-text { margin-bottom: 10px; margin-top: 42px; padding-top: 15px; }
.review-info { margin-bottom: 10px; }
.product-reviews-overview .rating_stars { display: none; }
.vote { cursor: pointer; color: #353E49; font-weight: bold; }
.vote:hover { color: #9a9fa4; }
.product-review-box { background: #eee; padding: 2px; margin-bottom: 10px; }
.rating { background: #ccc; }
.rating .ratingamount { background: #353E49; display: block; padding: 6px 15px; color: #fff; box-sizing: border-box; }
.ratingtable { max-width: 500px; }
.productwritereviewbutton { float: right; }
.write-review .field-validation-error { color: Red; }
.write-review .validation-summary-errors { color: white; background: red; padding: 9px 15px; position: relative; float: left; width: 100%; margin-top: 20px; border-radius: 4px; }
.write-review .validation-summary-errors ul { margin: 0; }
.write-review .validation-summary-errors ul li { margin: 0; }
/* Reviews New functionality */
.last_ratings { display: block; padding: 10px; margin-bottom: 10px; border: solid 1px #ccc; background: #F7F7F7; position: relative; float: left; width: 100%; box-sizing: border-box; }
.last_ratings .rating_stars { margin-bottom: 5px; }
.last_ratings .review_title { margin-bottom: 5px; }
.last_ratings .review_text { margin-bottom: 5px; }
.last_ratings .review_details { float: left; }
.last_ratings .review_helpfull { float: right; }
.product-reviews-overview .fa, .last_ratings .fa, .rating_stars .fa, .product-reviews-overview .fas, .last_ratings .fas, .rating_stars .fas { display: inline-block; margin: 0px; color: #353E49; font-size: 15px; }
.review_star_box .fa { display: inline-block; margin: 6px; color: #353E49; font-size: 18px; }
.review_star_box .fa:hover { color: #9a9fa4; }
.rating_stars span { margin-right: 5px; }
.ratingtable { position: relative; float: left; width: 100%; max-width: none; }
.ratingtable .title { position: relative; float: left; width: 100%; font-size: 20px; margin-bottom: 13px; }
.ratingtable .review_row { position: relative; float: left; width: 100%; margin-bottom: 10px; }
.ratingtable .input_title { position: relative; float: left; width: 20%; text-align: right; box-sizing: border-box; padding: 7px; padding-right: 24px; min-width: 100px; }
.ratingtable .input_field { position: relative; float: left; width: 80%; }
.ratingtable .input_field textarea { width: 100% !important; }
.review_star_box input { display: none; }
.review_star_box input + label .fa-star { display: inline-block; }
.review_star_box input + label .fa-star-o { display: none; }
.review_star_box input:checked ~ label .fa-star { display: none; }
.review_star_box input:checked ~ label .fa-star-o { display: inline-block; }
.review_star_box input:checked + label .fa-star { display: inline-block; }
.review_star_box input:checked + label .fa-star-o { display: none; }
.ratingtable .input_field .review_star_box { position: relative; float: left; }
@media only screen and (max-width: 767px) { .ratingtable .input_field { width: 100%; }
.ratingtable .input_title { width: 100%; text-align: left; } }
.product-review-item .review-title { position: relative; float: left; margin-bottom: 5px; }
.product-review-item .rating_stars { position: relative; float: right; }
.product-review-item .review-text { margin-bottom: 10px; padding-top: 10px; border-top: solid 1px #DCDCDC; }
.last_ratings .review_text input { display: none; }
.last_ratings .review_text input + label span { color: #353E49; cursor: pointer; }
.last_ratings .review_text input + label + span { display: none; }
.last_ratings .review_text input:checked + label { display: none; }
.last_ratings .review_text input:checked + label + span { display: initial; }
.product-review-item .review_info { position: relative; float: left; }
.product-review-item .product-review-helpfulness { position: relative; float: right; text-align: right; }
.product-review-item .product-review-helpfulness div { position: absolute; top: -60px; color: #353E49; }
.show_all_reviews { position: relative; float: right; }
.navigationmenu h6, .navigationmenu .block-account-navigation .title, .block-account-navigation .navigationmenu .title { color: #353E49; padding: 16px 0 10px; }
.navigationmenu ul { border: none; margin: 0px; padding: 0px; font-size: 95%; }
.navigationmenu li { margin: 0; }
.navigationmenu li > a { color: black; text-decoration: none; width: 100%; display: block; padding: 4px 13px; }
.navigationmenu li > a:before { font-family: FontAwesome; content: "\f0da"; padding-right: 10px; }
.navigationmenu li > a:hover { background: #353E49; color: white; }
.navigationmenu li.active > a { background: #353E49; color: white; }
.block-account-navigation { margin-top: 59px; }
.block-account-navigation .listbox li { margin: 0; }
.block-account-navigation .listbox li a { color: black; text-decoration: none; width: 100%; display: block; padding: 5px 13px; }
.block-account-navigation .listbox li a:before { font-family: FontAwesome; content: "\f0da"; padding-right: 10px; }
.block-account-navigation .listbox li a:hover { background: #353E49; color: white; }
.block-account-navigation .listbox li a.active { background: #353E49; color: white; }
.belowCatNav img { width: 100%; }
.priceError { float: right; padding-top: 7px; font-weight: bold; }
.logo { width: 100%; display: block; max-width: 200px; margin: 0 auto; }
@media (min-width: 751px) { .logo { width: 25%; max-width: 200px; margin: 0; float: left; } }
.logo img { width: 100%; }
.albumManagementTwo__albumPaging, .pager { margin: 10px 0; text-align: right; width: 100%; display: inline-block; }
.albumManagementTwo__albumPaging span, .pager span { opacity: 0.3; }
.albumManagementTwo__albumPaging a, .albumManagementTwo__albumPaging span, .pager a, .pager span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #323b45; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.albumManagementTwo__albumPaging a:hover, .albumManagementTwo__albumPaging span:hover, .pager a:hover, .pager span:hover { background-color: #eee; }
.albumManagementTwo__albumPaging a.is-current, .albumManagementTwo__albumPaging span.is-current, .pager a.is-current, .pager span.is-current { color: #ffffff; background-color: #353E49; }
.order-progress { display: none; }
/*Unpaid Order Banner*/
#unpaidOrdersBanner { position: fixed; bottom: -7px; right: 10px; left: 10px; padding: 20px; z-index: 100; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px; border: solid 3px #fff; padding-right: 24px; padding-left: 42px; padding-bottom: 12px; background-color: #F55A2A; text-align: left; box-sizing: border-box; font-size: 14px; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; }
#unpaidOrdersBanner .fa { display: inline-block; position: absolute; left: 10px; font-size: 26px; top: 50%; margin-top: -13px; color: #fff; }
.close_popup_link_container a { position: absolute; top: -2px; right: -2px; width: 20px; height: 13px; max-width: 80%; background-color: #fff; text-align: center; font-weight: bold; border-bottom-left-radius: 5px; font-size: 18px; padding-bottom: 10px; }
@media only screen and (max-width: 767px) { .prices-table td { position: relative; width: 100%; }
.prices-table td table { border-bottom: solid 1px #EEE; }
.prices-table tr { width: 100%; }
.prices-table td tr { position: relative; float: left; width: 50%; } }
/*Awesomplete*/
[hidden] { display: none; }
.visually-hidden { position: absolute; clip: rect(0, 0, 0, 0); }
.searchbox_wrapper div.awesomplete { float: none !important; }
div.awesomplete > input { display: block; }
.awesomplete-popup { z-index: 10; border-radius: 4px; background: rgba(255, 255, 255, 0.9); background: linear-gradient(to bottom right, white, rgba(255, 255, 255, 0.8)); border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2); max-width: 30%; }
.awesomplete-popup[hidden], .awesomplete-popup:empty { display: none; }
@supports (transform: scale(0)) { .awesomplete-popup { transition: 0.3s cubic-bezier(0.4, 0.2, 0.5, 1.4); transform-origin: 1.43em -.43em; }
.awesomplete-popup[hidden], .awesomplete-popup:empty { opacity: 0; transform: scale(0); display: block; transition-timing-function: ease; } }
/* Pointer */
.awesomplete-popup:before { content: ""; position: absolute; top: -.43em; left: 1em; width: 0; height: 0; padding: .4em; background: white; border: inherit; border-right: 0; border-bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.awesomplete-popup > li { position: relative; padding: 10px 18px; cursor: pointer; margin: 0; }
.awesomplete-popup > li:hover { background: rgba(0, 0, 0, 0.1); color: black; }
.awesomplete-popup > li[aria-selected="true"] { background: #3d6d8f; color: white; }
.awesomplete-popup mark { background: #eaff00; }
.awesomplete-popup li:hover mark { background: #b5d100; }
.awesomplete-popup li[aria-selected="true"] mark { background: #3d6b00; color: inherit; }
.small-product-item.smaller-product-item-homepage { position: relative; width: 100%; margin-bottom: 70px; }
.small-product-item.smaller-product-item-homepage:after { content: ""; display: block; padding-bottom: 100%; }
.small-product-item.smaller-product-item-homepage .product-item { position: absolute; top: 0; left: 0; bottom: 0; right: 0; color: white; }
.small-product-item.smaller-product-item-homepage .product-item .product-title { margin-bottom: 14px; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; text-align: center; }
.small-product-item.smaller-product-item-homepage .product-item .product-title a { font-size: 1.2rem; line-height: 1.35; text-decoration: none; color: rgba(0, 0, 0, 0.7); }
.small-product-item.smaller-product-item-homepage .product-item .product-title a:visited { color: rgba(0, 0, 0, 0.7); }
.small-product-item.smaller-product-item-homepage .product-item .picture { position: relative; overflow: hidden; background: white; height: 100%; padding: 10px; border: 1px solid #eee; }
.small-product-item.smaller-product-item-homepage .product-item .picture img { width: auto; height: auto; max-height: 100%; max-width: 100%; top: 50%; left: 50%; position: relative; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.minishoppingcartwrapper { background: white; max-width: 290px; padding: 16px; border: 1px solid #eee; float: right; }
#blockable .t-grid-header .t-header, #blockable .t-grid-header .t-last-header { display: table-cell; height: 35px; }
#blockable .t-grid td { display: table-cell; }
#blockable #workflow--approval, #blockable #WorkInProgressGrid { background: #FFFFFF; padding: 0; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
/* Symphony Operations CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Tables */
.symphonyOperations { position: relative; padding: 0 10px; max-width: 1200px; margin: 10px auto 60px; }
.symphonyOperations .row { width: 100%; display: inline-block; }
#symphonyOperations__wrapper { border: 1px solid #d0d0d0; border-radius: 5px; overflow: hidden; width: 100%; /* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */ }
.symphonymodal table, .symphonyOperations table { border-spacing: 0; overflow: hidden; width: 100.1%; }
.symphonymodal th, .symphonyOperations th { padding: 14px 7px; background: #3A6BB2; color: white; position: relative; }
.symphonymodal th.orderAsc:after, .symphonyOperations th.orderAsc:after { display: block; content: "\f107"; position: absolute; font-family: FontAwesome; right: 4px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 15px; }
.symphonymodal th.orderDesc:after, .symphonyOperations th.orderDesc:after { display: block; content: "\f106"; position: absolute; font-family: FontAwesome; right: 4px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 15px; }
.symphonymodal td { padding: 7px 5px; }
.symphonyOperations td { padding: 7px 5px; }
.symphonyOperations th, .symphonyOperations td { text-align: center; border-bottom: 1px solid #ddd; }
.symphonyOperations th { cursor: pointer; }
.symphonyOperations th[data-disabled="true"] { cursor: default; }
.symphonyOperations .expandableDetails { background: white; padding: 0; margin: 0; border: none; }
.symphonyOperations .table__inner { float: right; border-radius: 5px; border: 1px solid #d0d0d0; /* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */ }
.symphonyOperations .table_filters { background: #f2f2f2; display: inline-block; float: right; margin-bottom: 15px; border-radius: 5px; border: 1px solid #DFDFDF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.symphonyOperations .table_filters ul { width: 100%; float: left; padding: 0 40px 0 11px; margin: 4px 0; margin-right: -32px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.symphonyOperations .table_filters .filter__search { float: right; height: 32px; width: 32px; padding: 0; margin: 0; text-indent: -9999px; position: relative; background: #3A6BB2; border-top-left-radius: 0; border-bottom-left-radius: 0; border: none; }
.symphonyOperations .table_filters .filter__search .fa-search { text-indent: 0 !important; position: absolute; top: 8px; left: 10px; font-size: 14px; color: white; }
.symphonyOperations .table_filters .filter__search:hover { background: #7da1d5; }
.SymphonyItem, .symphonyOperations--actionDetails { padding: 14px 22px 5px; -webkit-box-shadow: inset 0 0 5px 0 #D1D1D1; -moz-box-shadow: inset 0 0 5px 0 #D1D1D1; box-shadow: inset 0 0 5px 0 #D1D1D1; }
.SymphonyItem { border-bottom: 1px solid #dddddd; padding: 13px 9px; }
.symphonyOperations--actionDetails { min-height: 234px; border-bottom: 1px solid #dddddd; }
.SymphonyItem:after, .symphonyOperationsGrid:after, .symphonyOperations--actionDetails:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.symphonyOperations .table_filters li { display: inline-block; }
.symphonyOperations .pager { text-align: right; margin: 0 10px; float: right; }
.symphonyOperations .pagesize { text-align: right; margin: 13px 0; float: right; }
.symphonyOperations .pager ul { display: inline-block; padding-left: 0; margin: 10px 0; border-radius: 4px; }
.symphonyOperations .pager ul > li { display: inline; }
.symphonyOperations .pager ul > li > a, .symphonyOperations .pager ul > li > span { position: relative; float: left; margin-left: -1px; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; padding: 5px 10px; font-size: 12px; line-height: 1.5; }
.symphonyOperations .pager ul > .active > a { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; }
.symphonyOperations .pager ul > .active > a:focus, .symphonyOperations .pager ul > .active > a:hover { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; }
.symphonyOperations .pager ul > .active > span { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; }
.symphonyOperations .pager ul > .active > span:focus, .symphonyOperations .pager ul > .active > span:hover { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; }
.symphonyOperations .pager ul .disabled > a { color: #777; cursor: not-allowed; background-color: #fff; opacity: 0.5; }
.symphonyOperations .pager ul .disabled > a:focus, .symphonyOperations .pager ul .disabled > a:hover { color: #777; cursor: not-allowed; background-color: #fff; opacity: 0.5; }
.symphonyOperations .pager ul .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; opacity: 0.5; }
.symphonyOperations .pageindicator { float: left; margin: 16px; }
.symphonyOperations .expandableDetails-Button { cursor: pointer; }
.symphonyOperations .expandableDetails-Button .fa-plus-square { color: rgba(51, 51, 51, 0.81); }
@media (min-width: 980px) { /* Tables */
.symphonyOperations { padding: 0 5%; }
.symphonyOperations .three_columns, .symphonyOperations .six_columns { float: left; }
.symphonyOperations .nine_columns { float: left; width: 68%; }
.symphonyOperations .three_columns { width: 32%; }
.symphonyOperations .six_columns { width: 50%; }
/* Grid */ }
.expandableDetails-Button.open.fa-plus-square:before, .expandableDetails-Button.open .fa-plus-square:before { content: "\f146"; }
.symphonyOperations body { font-size: 12px; /* currently ems cause chrome bug misinterpreting rems on body element */ line-height: 1.6; color: #222; }
.symphonyOperations h1, .symphonyOperations h2, .symphonyOperations h3, .symphonyOperations footer h4, footer .symphonyOperations h4, .symphonyOperations footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .symphonyOperations .enter-address-title, .symphonyOperations .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .symphonyOperations .enter-address-title, .symphonyOperations h4, .symphonyOperations .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv .symphonyOperations .enter-address-title, .symphonyOperations h5, .symphonyOperations h6, .symphonyOperations .block-account-navigation .title, .block-account-navigation .symphonyOperations .title { font-weight: 300; }
.symphonyOperations h2 { font-size: 1.125rem; line-height: 1.25; color: #3a6bb2; text-align: left; margin-bottom: 16px; float: left; width: 100%; }
.symphonyOperations h3, .symphonyOperations footer h4, footer .symphonyOperations h4, .symphonyOperations footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .symphonyOperations .enter-address-title, .symphonyOperations .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .symphonyOperations .enter-address-title { font-size: 1rem; line-height: 1.2; color: #3a6bb2; text-align: left; margin: 3px 0 7px; }
.symphonyOperations p { margin-top: 0; }
.symphonyOperations a { color: #3A6BB2; text-decoration: none; cursor: pointer; }
.symphonyOperations a:hover { color: #7da1d5; }
.symphonyOperations .button, .symphonyOperations button, .symphonyOperations .t-grid .t-button, .t-grid .symphonyOperations .t-button { display: inline-block; padding: 0.2rem 0.6rem; font-size: 0.9rem; font-weight: 400; line-height: 1.5; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: .25rem; background: #3A6BB2; color: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
.symphonyOperations input[type="submit"], .symphonyOperations input[type="reset"], .symphonyOperations input[type="button"] { display: inline-block; padding: 0.2rem 0.6rem; font-size: 0.9rem; font-weight: 400; line-height: 1.5; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: .25rem; background: #3A6BB2; color: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
.symphonyOperations .button + .button, .symphonyOperations button + button, .symphonyOperations .t-grid .t-button + button, .t-grid .symphonyOperations .t-button + button, .symphonyOperations .t-grid button + .t-button, .t-grid .symphonyOperations button + .t-button, .symphonyOperations .t-grid .t-button + .t-button, .t-grid .symphonyOperations .t-button + .t-button { margin-left: 7px; }
.symphonyOperations .button:hover, .symphonyOperations button:hover, .symphonyOperations .t-grid .t-button:hover, .t-grid .symphonyOperations .t-button:hover { border-color: #888; outline: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
.symphonyOperations input[type="submit"]:hover, .symphonyOperations input[type="reset"]:hover, .symphonyOperations input[type="button"]:hover { border-color: #888; outline: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
.symphonyOperations .button:focus, .symphonyOperations button:focus, .symphonyOperations .t-grid .t-button:focus, .t-grid .symphonyOperations .t-button:focus { border-color: #888; outline: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
.symphonyOperations input[type="submit"]:focus, .symphonyOperations input[type="reset"]:focus, .symphonyOperations input[type="button"]:focus { border-color: #888; outline: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
.symphonyOperations input[type="email"], .symphonyOperations input[type="number"], .symphonyOperations input[type="search"], .symphonyOperations input[type="text"], .symphonyOperations input[type="tel"], .symphonyOperations input[type="url"], .symphonyOperations input[type="password"] { height: 24px; padding: 0 4px; background-color: #fff; border: 1px solid #D1D1D1; border-radius: 4px; box-shadow: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 15px; }
.symphonyOperations textarea, .symphonyOperations select { height: 24px; padding: 0 4px; background-color: #fff; border: 1px solid #D1D1D1; border-radius: 4px; box-shadow: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 15px; }
.symphonyOperations input[type="email"], .symphonyOperations input[type="number"], .symphonyOperations input[type="search"], .symphonyOperations input[type="text"], .symphonyOperations input[type="tel"], .symphonyOperations input[type="url"], .symphonyOperations input[type="password"] { max-width: 82px; }
.symphonyOperations select { max-width: 82px; }
.symphonyOperations input[type="email"], .symphonyOperations input[type="number"], .symphonyOperations input[type="search"], .symphonyOperations input[type="text"], .symphonyOperations input[type="tel"], .symphonyOperations input[type="url"], .symphonyOperations input[type="password"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.symphonyOperations textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; min-height: 65px; padding-top: 6px; padding-bottom: 6px; }
.symphonyOperations input[type="email"]:focus, .symphonyOperations input[type="number"]:focus, .symphonyOperations input[type="search"]:focus, .symphonyOperations input[type="text"]:focus, .symphonyOperations input[type="tel"]:focus, .symphonyOperations input[type="url"]:focus, .symphonyOperations input[type="password"]:focus { border: 1px solid #3a6bb2; outline: 0; }
.symphonyOperations textarea:focus, .symphonyOperations select:focus { border: 1px solid #3a6bb2; outline: 0; }
.symphonyOperations input[type="checkbox"], .symphonyOperations input[type="radio"] { display: inline; }
.symphonyOperations label > .label-body { display: inline-block; margin-left: .5rem; font-weight: normal; }
.symphonyOperations strong { color: #222222; font-size: 12px; }
.symphonyOperations .status__None { background: #dddddd; }
.symphonyOperations .status__None.open, .symphonyOperations .status__None:hover { background: #eaeaea; }
.symphonyOperations .status__Sent, .symphonyOperations .status__Complete { background: #A4D5A6; -moz-transition: 0.3s background cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: 0.3s background cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-transition: 0.3s background cubic-bezier(0.25, 0.8, 0.25, 1); transition: 0.3s background cubic-bezier(0.25, 0.8, 0.25, 1); }
.symphonyOperations .status__Sent:hover, .symphonyOperations .status__Complete:hover, .symphonyOperations .status__Sent.open, .symphonyOperations .status__Complete.open { background: #b5ddb7; }
.symphonyOperations .status__Queued, .symphonyOperations .status__Processing, .symphonyOperations .status__Pending { background: #FFF49C; -moz-transition: 0.3s background cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: 0.3s background cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-transition: 0.3s background cubic-bezier(0.25, 0.8, 0.25, 1); transition: 0.3s background cubic-bezier(0.25, 0.8, 0.25, 1); }
.symphonyOperations .status__Queued:hover, .symphonyOperations .status__Processing:hover, .symphonyOperations .status__Pending:hover, .symphonyOperations .status__Initial_Queued.open, .symphonyOperations .status__Processing.open, .symphonyOperations .status__Pending.open { background: #fff7b6; }
.symphonyOperations .status__Invalid, .symphonyOperations .status__Open, .symphonyOperations .status__InProgress { background: #8FC9F8; -moz-transition: 0.3s background cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: 0.3s background cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-transition: 0.3s background cubic-bezier(0.25, 0.8, 0.25, 1); transition: 0.3s background cubic-bezier(0.25, 0.8, 0.25, 1); }
.symphonyOperations .status__Invalid:hover, .symphonyOperations .status__Open:hover, .symphonyOperations .status__InProgress:hover, .symphonyOperations .status__Invalid.open, .symphonyOperations .status__Open.open, .symphonyOperations .status__InProgress.open { background: #a7d5fa; }
.symphonyOperations .status__Error, .symphonyOperations .status__Incomplete, .symphonyOperations .status__Rejected, .symphonyOperations .status__Failed, .symphonyOperations .status__Cancelled { background: #E47272; -moz-transition: 0.3s background cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: 0.3s background cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-transition: 0.3s background cubic-bezier(0.25, 0.8, 0.25, 1); transition: 0.3s background cubic-bezier(0.25, 0.8, 0.25, 1); }
.symphonyOperations .status__Error:hover, .symphonyOperations .status__Incomplete:hover, .symphonyOperations .status__Rejected:hover, .symphonyOperations .status__Failed:hover, .symphonyOperations .status__Cancelled:hover, .symphonyOperations .status__Error.open, .symphonyOperations .status__Incomplete.open, .symphonyOperations .status__Rejected.open, .symphonyOperations .status__Failed.open, .symphonyOperations .status__Cancelled.open { background: #e88787; }
.symphonyOperations .action__description { padding: 0 18px; text-align: left; font-size: 13px; }
.symphonyOperations .action__descriptionwrapper { background: #f2f2f2; padding: 9px 13px; text-align: left; border-radius: 5px; max-width: 239px; margin-bottom: 17px; }
.symphonyOperations .action__descriptionwrapper .row { padding: 4px 0; }
.symphonyOperations .action__descriptionwrapper .six_columns + .six_columns { text-align: right; }
.symphonyOperations .SymphonyItem__History { max-height: 108px; overflow-Y: auto; background: #f2f2f2; border-radius: 5px; }
.symphonyOperations .SymphonyItem a { display: inline-block; width: 100%; text-align: left; height: 27px; }
.symphonyOperations .group__description { border-bottom: 1px solid #f2f2f2; margin-bottom: 10px; padding: 4px 15px 13px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.symphonyOperations .group__description h3, .symphonyOperations .group__description footer h4, footer .symphonyOperations .group__description h4, .symphonyOperations .group__description footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .symphonyOperations .group__description .enter-address-title, .symphonyOperations .group__description .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .symphonyOperations .group__description .enter-address-title { margin: 3px 0 7px; }
.symphonyOperations .group__auditHistory .group__auditHistory__table { background: #f2f2f2; max-height: 197px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; border-radius: 5px; }
.symphonyOperations .group__detailswrapper { max-width: 170px; background: #f2f2f2; padding: 6px 20px; border-radius: 5px; margin-top: 11px; }
.symphonyOperations .group__detailswrapper td { text-align: left; padding: 8px 0; border: none; }
@media (min-width: 550px) { .symphonyOperations h2 { font-size: 1.266rem; }
.symphonyOperations h3, .symphonyOperations footer h4, footer .symphonyOperations h4, .symphonyOperations footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .symphonyOperations .enter-address-title, .symphonyOperations .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .symphonyOperations .enter-address-title { font-size: 1.125rem; } }
.symphonyOperations__views a { padding: 0 13px; color: #333333; background: #f2f2f2; margin: 0 -2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 32px; line-height: 32px; }
.symphonyOperations__views a:hover { background: #eeeeee; }
.symphonyOperations__views a.active { background: #dddddd; opacity: 0.8; }
.symphonyOperations__views a.active:hover { color: #333333; }
.symphonyOperations .group__actionbuttons { position: absolute; right: 0; top: 0; text-align: right; padding-bottom: 10px; }
.symphonyOperations__views { display: inline-block; border-radius: 5px; overflow: hidden; float: left; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); margin-bottom: 10px; z-index: 9; position: relative; }
.symphony__groupView { position: relative; }
.adminContent td { max-width: 444px; }
.symphonymodal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; background: #000000; background: rgba(0, 0, 0, 0.5); margin: 0; padding: 0; max-width: 100%; }
.symphonymodal .errorMessage { border: 1px solid rgba(255, 0, 0, 0.61); background: rgba(255, 0, 0, 0.1); padding: 20px; margin: 10px; }
.symphonymodal-open .modal { overflow-x: hidden; overflow-y: auto; }
.symphonymodal th, .symphonymodal td { border-bottom: 0; }
.symphonymodal textarea { max-width: 230px; }
.symphonymodal-dialog { position: absolute; left: 50%; top: 40%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translate(-50%, -50%); }
.symphonymodal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: .3rem; outline: 0; overflow: hidden; }
.symphonymodal-content button, .symphonymodal-content .t-grid .t-button, .t-grid .symphonymodal-content .t-button { display: inline-block; padding: 0.2rem 0.6rem; font-size: 0.9rem; font-weight: 400; line-height: 1.5; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: .25rem; background: #3A6BB2; color: white; }
.symphonymodal-header { padding: 7px 15px; background: #3A6BB2; color: white; }
.symphonymodal-header::after { display: table; clear: both; content: ""; }
.symphonymodal-header .close { margin-top: -2px; float: right; font-size: 1.5rem; font-weight: 700; line-height: 1.25; color: #fff; text-shadow: 0 1px 0 #000; opacity: .6; -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; }
.symphonymodal-title { margin: 0; line-height: 1.5; font-size: 1rem; }
.symphonymodal-body { position: relative; padding: 15px; display: inline-block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.symphonymodal-body td { padding: 9px 10px; vertical-align: top; }
.symphonymodal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; width: 100%; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.symphonymodal-footer .close__symphonymodal { float: left; background: #E3E3E3; color: #222222; }
.symphonymodal-footer::after { display: table; clear: both; content: ""; }
.symphony__dashboard h3, .symphony__dashboard footer h4, footer .symphony__dashboard h4, .symphony__dashboard footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .symphony__dashboard .enter-address-title, .symphony__dashboard .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .symphony__dashboard .enter-address-title { display: none; }
.symphony__dashboard h2 { width: 100%; padding: 8px 27px; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 200px; border: 1px solid #3a6bb2; background: none; }
.symphony__dashboard .ui-accordion .ui-accordion-content { border: 1px solid #3a6bb2; top: -1px; }
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
/* Slider */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button, .slick-dots li .t-grid .t-button, .t-grid .slick-dots li .t-button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li .t-grid .t-button:hover, .t-grid .slick-dots li .t-button:hover, .slick-dots li button:focus, .slick-dots li .t-grid .t-button:focus, .t-grid .slick-dots li .t-button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li .t-grid .t-button:hover:before, .t-grid .slick-dots li .t-button:hover:before, .slick-dots li button:focus:before, .slick-dots li .t-grid .t-button:focus:before, .t-grid .slick-dots li .t-button:focus:before { opacity: 1; }
.slick-dots li button:before, .slick-dots li .t-grid .t-button:before, .t-grid .slick-dots li .t-button:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before, .slick-dots li.slick-active .t-grid .t-button:before, .t-grid .slick-dots li.slick-active .t-button:before { color: black; opacity: 0.75; }
.large-product-item-homepage { margin-bottom: 41px; background: #FFFFFF; padding: 19px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.large-product-item-homepage .picture { position: relative; margin-bottom: 17px; }
.large-product-item-homepage .picture:after { content: ""; display: block; padding-bottom: 100%; }
.large-product-item-homepage .picture a img { display: none; }
.large-product-item-homepage .picture a div { display: block !important; height: 100%; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; }
.large-product-item-homepage .product-title { margin: 0; }
.large-product-item-homepage .prices { margin-bottom: 10px; }
.large-product-item-homepage .description { min-height: 60px; }
.large-product-item-homepage .add-info { min-height: 120px; }
.large-product-item-homepage .add-info input { width: 100%; }
.instafeed { display: inline-block; margin: 0; padding: 0; background: white; width: 100%; }
.instafeed * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.instafeed:hover li { opacity: 0.5; }
.instafeed li { display: inline-block; width: 20%; float: left; padding-bottom: 20%; position: relative; margin: 0; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.instafeed li:hover { opacity: 1; }
.instafeed li a { position: absolute; top: 0; left: 0; }
.instafeed li img { max-width: 100%; max-height: 100%; padding: 10px; }
#cartsliderrow { /* Dots */ }
#cartsliderrow .cart-slider .cart-item__container { background: #FFFFFF; padding: 13px 36px 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; margin: 10px; }
#cartsliderrow .cart-slider .cart-item__container .cart-item__image { position: relative; display: block; }
#cartsliderrow .cart-slider .cart-item__container .cart-item__image:after { padding-bottom: 100%; content: ""; display: inline-block; }
#cartsliderrow .cart-slider .cart-item__container .cart-item__image img { display: block; max-width: 100%; position: absolute; top: 50%; left: 50%; max-height: 100%; transform: translate(-50%, -50%); }
#cartsliderrow .total-info, #cartsliderrow .coupon-box { background: #FFFFFF; padding: 13px 36px 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
#cartsliderrow .slick-next.slick-disabled { opacity: 0.2; }
#cartsliderrow .slick-next:after { content: ""; display: block; border-left: 10px solid #353E49; width: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: absolute; top: 0; height: 0; background: none; }
#cartsliderrow .slick-prev.slick-disabled { opacity: 0.2; }
#cartsliderrow .slick-prev:after { content: ""; display: block; border-right: 10px solid #353E49; width: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: absolute; top: 0; height: 0; background: none; }
#cartsliderrow .slick-dotted.slick-slider { margin-bottom: 30px; }
#cartsliderrow .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
#cartsliderrow .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
#cartsliderrow .slick-dots li button, #cartsliderrow .slick-dots li .t-grid .t-button, .t-grid #cartsliderrow .slick-dots li .t-button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
#cartsliderrow .slick-dots li button:hover, #cartsliderrow .slick-dots li .t-grid .t-button:hover, .t-grid #cartsliderrow .slick-dots li .t-button:hover, #cartsliderrow .slick-dots li button:focus, #cartsliderrow .slick-dots li .t-grid .t-button:focus, .t-grid #cartsliderrow .slick-dots li .t-button:focus { outline: none; }
#cartsliderrow .slick-dots li button:hover:before, #cartsliderrow .slick-dots li .t-grid .t-button:hover:before, .t-grid #cartsliderrow .slick-dots li .t-button:hover:before, #cartsliderrow .slick-dots li button:focus:before, #cartsliderrow .slick-dots li .t-grid .t-button:focus:before, .t-grid #cartsliderrow .slick-dots li .t-button:focus:before { opacity: 1; }
#cartsliderrow .slick-dots li button:before, #cartsliderrow .slick-dots li .t-grid .t-button:before, .t-grid #cartsliderrow .slick-dots li .t-button:before { font-family: 'slick'; font-size: 35px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #353E49; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#cartsliderrow .slick-dots li.slick-active button:before, #cartsliderrow .slick-dots li.slick-active .t-grid .t-button:before, .t-grid #cartsliderrow .slick-dots li.slick-active .t-button:before { opacity: .75; color: #353E49; }
/*! Pikaday Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */
.pika-single { z-index: 9999; display: block; position: relative; color: #333; background: #fff; border: 1px solid #ccc; border-bottom-color: #bbb; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.pika-single.is-hidden { display: none; }
.pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }
.pika-single { *zoom: 1; }
.pika-single:before, .pika-single:after { content: " "; display: table; }
.pika-single:after { clear: both; }
.pika-lendar { float: left; width: 240px; margin: 8px; }
.pika-title { position: relative; text-align: center; }
.pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0; }
.pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; color: #333; background-color: #fff; }
.pika-prev, .pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; text-indent: 20px; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: .5; *position: absolute; *top: 0; }
.pika-prev:hover, .pika-next:hover { opacity: 1; }
.pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: .2; }
.pika-prev, .is-rtl .pika-next { float: left; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); *left: 0; }
.pika-next, .is-rtl .pika-prev { float: right; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); *right: 0; }
.pika-select { display: inline-block; *display: inline; }
.pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; }
.pika-table th, .pika-table td { width: 14.285714285714286%; padding: 0; display: table-cell; }
.pika-table th { color: #999; font-size: 12px; line-height: 25px; font-weight: bold; text-align: center; }
.pika-table abbr { border-bottom: none; cursor: help; }
.pika-button { cursor: pointer; display: block; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: 5px; color: #666; font-size: 12px; line-height: 15px; text-align: right; background: #f5f5f5; border-radius: 0; }
.is-today .pika-button { color: #ff8000; font-weight: bold; }
.is-selected .pika-button { color: #fff; font-weight: bold; background: #ff8000; box-shadow: inset 0 1px 3px #ff6000; border-radius: 3px; }
.is-disabled .pika-button, .is-outside-current-month .pika-button { color: #999; opacity: .3; }
.is-disabled .pika-button { pointer-events: none; cursor: default; }
.pika-button:hover { color: #fff; background: #353E49; box-shadow: none; border-radius: 3px; }
.pika-button .is-selection-disabled { pointer-events: none; cursor: default; }
.pika-week { font-size: 11px; color: #999; }
.is-inrange .pika-button { background: #D5E9F7; }
.is-startrange .pika-button { color: #fff; background: #6CB31D; box-shadow: none; border-radius: 3px; }
.is-endrange .pika-button { color: #fff; background: #33aaff; box-shadow: none; border-radius: 3px; }
.attribute-datepicker__container { display: inline-block; }
.attribute-datepicker__container .attribute-datepicker { width: auto; border-radius: 5px 5px 5px 5px !important; margin: 0; float: left; height: 38px !important; }
.attribute-datepicker__container .attribute-datepickerbutton { height: 38px; border: 1px solid; display: inline-block; vertical-align: top; padding: 0 10px; line-height: 38px; float: left; border-radius: 0 4px 4px 0; border-width: 1px 1px 1px 0; }
.pika-time-container { clear: both; padding: 0 5px; }
.pika-time { margin: 7px auto 7px; }
.pika-time td { display: table-cell; text-align: center; }
.pika-select { display: inline-block; width: 100%; background: #f5f5f5; border: 0; }
.vue-component-wrapper .datepicker-header .pagination { align-items: start; }
.vue-component-wrapper .datepicker-header .pagination .pagination-list { margin-top: 0.25rem; }
.vue-component-wrapper .deliveryDatePick .dropdown-menu { width: 100%; }
.postCoder { margin: 15px 0; padding: 15px 20px; background: #f1f1f1; border-radius: 5px; }
.postCoder .right input[type="button"] { border: 1px solid; }
.postCoder #presult ul { margin: 0px; }
.postCoder #presult > ul { overflow-y: auto; height: 203px; }
.postCoder #presult > ul > li > a { display: none; }
.postCoder #presult ul ul li { margin: 0px; }
.postCoder #presult li { margin: 0; }
.postCoder #presult a { padding: 7px; text-decoration: none; color: #333; display: block; }
.postCoder #presult ul li a { background: #ccc; }
.postCoder #presult ul ul li a { background: #F9F9F9; }
.postCoder #presult ul ul li a:hover { background: #eee; }
.postCoder #presult ul ul { overflow: visible; height: auto; }
.postCoder #presult > ul > li > a { display: none; }
.postCoder .row { width: 100% !important; display: block !important; margin: 0px !important; }
.postCoder .row .left, .postCoder .row .right { float: none !important; }
.postCoder h1 { margin: 0; padding: 0; font-weight: normal; }
.postCoder .searchField { max-width: 100px; }
.batchPreviewArea .jcarousel-skin-tango .batchPreviewItem { width: auto !important; height: auto !important; }
.batchDialogOnlyMode { width: 100%; margin: 0 auto; position: relative; padding: 20px; box-sizing: border-box; }
#batchDialogMain #wizard { padding-bottom: 50px; }
.batchPreviewArea ul.jcarousel-list.jcarousel-list-horizontal li { margin: 1px; }
.batchPreviewArea .jcarousel-skin-tango ul { width: 20000em !important; }
#deliveryModule { position: relative; float: left; width: 100%; background: #fff; padding-top: 30px; padding-bottom: 30px; }
#deliveryModule #deliveryModuleMid .grid_4 { padding: 10px; text-align: center; }
#deliveryModule #deliveryModuleMid .grid_4 .inner { background: #353E49; }
#deliveryModule #deliveryModuleMid .grid_4 h5, #deliveryModule #deliveryModuleMid .grid_4 h3, #deliveryModule #deliveryModuleMid .grid_4 footer h4, footer #deliveryModule #deliveryModuleMid .grid_4 h4, #deliveryModule #deliveryModuleMid .grid_4 footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv #deliveryModule #deliveryModuleMid .grid_4 .enter-address-title, #deliveryModule #deliveryModuleMid .grid_4 .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer #deliveryModule #deliveryModuleMid .grid_4 .enter-address-title, #deliveryModule #deliveryModuleMid .grid_4 p { margin: 0px; padding: 5%; color: White; }
#deliveryModule #deliveryModuleMid .grid_4 h5 { background: rgba(0, 0, 0, 0.2); padding-top: 2%; }
#deliveryModule #deliveryModuleMid .grid_4 h3, #deliveryModule #deliveryModuleMid .grid_4 footer h4, footer #deliveryModule #deliveryModuleMid .grid_4 h4, #deliveryModule #deliveryModuleMid .grid_4 footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv #deliveryModule #deliveryModuleMid .grid_4 .enter-address-title, #deliveryModule #deliveryModuleMid .grid_4 .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer #deliveryModule #deliveryModuleMid .grid_4 .enter-address-title { background: rgba(0, 0, 0, 0.2); padding-bottom: 2%; }
/*========CYBERSOURCE PAYMENT GATEWAY===================*/
.validation-summary-errors { border: #C02D3E solid 1px; padding: 5px; background: #fff; }
.validation-summary-errors ul { margin: 0px; }
.validation-summary-errors ul li { margin-bottom: 0px; font-weight: bold; margin-bottom: 2px; color: #fff; Background: #C30E23 url(/-1610616250/Handler/Static/Content/Images/icons/bwpx-icns/error.gif) no-repeat left center; height: 20px; padding-left: 20px; line-height: 20px; }
.acceptedcc { background: #fff; }
.acceptedcc .item-name { vertical-align: middle; }
/* ============================================================================= ELASTIC SEARCH ========================================================================== */
#searchPaneWrapper { width: 50%; float: left; position: relative; }
#middlePaneWrapper { width: 8%; float: left; }
#searchPaneWrapper h2, #middlePaneWrapper h2 { padding-left: 10px; }
.addToComp { height: 200px; color: #fff; height: 606px; margin: 0 10%; width: 80%; }
.addToComp:hover { background: #a82b3e; }
#compilePaneWrapper { width: 42%; float: right; }
/* New Elastic search styles */
#SongTabs #searchPanelWrapper { width: 100%; position: relative; }
#SongTabs .filterArea { width: 25%; float: left; background: #F9F9F9; }
#SongTabs .ResultsListWrapper { background: #F6F6F6; float: right; width: 75%; min-height: 560px; }
#SongTabs #musicSearchFieldOptions { text-align: center; padding: 5px 1%; }
#SongTabs #musicSearchFieldOptions input[type=text] { width: 74%; }
#SongTabs #musicSearchFieldOptions select { width: 15%; }
#SongTabs #musicSearchFieldOptions input[type=button] { width: 8%; }
/* image plugin handler */
#imageImportDlg { min-width: 200px; width: 100%; text-align: center; padding: 0 20px; cursor: pointer; }
#pluginContainer { display: inline-block; text-align: center; }
#pluginContainer { margin: 10px 0; width: 100%; }
.imageContainer { position: relative; }
.ImgPlugButton { display: inline-block; position: relative; float: none; vertical-align: middle; margin: 4px; }
.ImgPlugButton button, .ImgPlugButton .t-grid .t-button, .t-grid .ImgPlugButton .t-button { padding: 0px !important; border: none; border-radius: 5px; display: block; background: #517FA4; color: #fff; }
.ImgPlugButton button span, .ImgPlugButton .t-grid .t-button span, .t-grid .ImgPlugButton .t-button span { font-size: 10px; line-height: 10px; position: relative; float: left; width: 100%; text-align: center; overflow: hidden; white-space: normal; }
#indirectUploadArea { margin-top: 30px; padding-bottom: 25px; border-bottom: solid 1px #55606E; }
.ImgPlugButton .fa { display: inline-block; }
.ImgPlugImageSelect { display: block; width: 9.4%; height: 70px; box-sizing: border-box; padding: 1px; position: relative; float: left; margin: .3%; }
@media only screen and (max-width: 1200px) and (min-width: 960px) { .ImgPlugImageSelect { width: 11.9%; } }
@media only screen and (max-width: 959px) and (min-width: 768px) { .ImgPlugImageSelect { width: 13.6%; } }
@media only screen and (max-width: 767px) and (min-width: 480px) { .ImgPlugImageSelect { width: 19.4%; } }
@media only screen and (max-width: 479px) { .ImgPlugImageSelect { width: 24.4%; } }
.imageImportDlg .ImgPlugImageSelect { width: 19.4%; }
.selectedImg { border: 2px solid #428bca; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.ImgPlugPhotos, .fbAlbums, .fbFriends { margin-top: 10px; max-width: 410px; }
.ImgPlugPaging #next { float: right; }
.ImgPlugPaging #prev { float: left; }
.loadinganim { position: absolute; display: none; top: 230px; left: 150px; }
.upload #uploadButton { display: block; width: 200px; margin: 5px auto 10px; padding: 5px; }
.upload span { padding: 0 5px; }
.main-upload { border: 0; padding: 7px 40px; }
.main-upload .fa { margin: 0px; }
#pluginContainer .fa { margin: 5px 5px 0; }
#pluginContainer .imgPlugFB { background: #3B5998; }
#pluginContainer .imgPlugINST { background: #517fa4; }
#pluginContainer .imgPlugDropBox { background: #517fa4; }
#pluginContainer .imgPlugFlickr { background: #517fa4; }
#pluginContainer .imgPlugAssetBank { background: #517fa4; }
button.tt.btn.btn-default.btn-me.dialogInit, .t-grid .tt.btn.btn-default.btn-me.dialogInit.t-button { width: 65px; height: 65px; }
.upload span, .ImgPlugPaging span { padding: 7px; display: inline-block; background: #22A8E5; color: #fff; cursor: pointer; margin: 2px; }
.upload span .fa, .ImgPlugPaging span .fa { display: inline-block; }
.imageImportDlg .upload span, #imageImportDlg .ImgPlugPaging span { background: #55606E; padding: 4px; padding-left: 10px; padding-right: 10px; }
.ImgSearch { padding: 5px; color: black; }
.ImgSearch #search, .ImgSearch .ddSort { padding: 5px; margin: 5px; border-radius: 5px; }
.ImgSearch .ddSort { padding: 7px 5px; }
.depositPhotos .logo { padding: 0 10px 10px; }
button.tt.btn.btn-default.btn-me.dialogInit.imgPlugDP, .t-grid .tt.btn.btn-default.btn-me.dialogInit.imgPlugDP.t-button { padding: 1px; }
/*
@import "_Shame/_multipartProduct";
*/
/***********Multipart upload**************/
.mainUIParent, .mainUICellHelper { height: auto; }
.mainUITable { width: 100%; height: auto; }
.mainUICell { border: 0px none; padding: 10px; background: transparent; }
.mainUIParent .upload .partHeader { color: #000; background: url(/-1983111201/Handler/Static/Content/Themes/Base/images/multipart/upload-banner.gif) center top repeat; height: 185px; color: transparent; }
.mainUITableContainer { position: relative; }
.mainUIParent .multiPartButton { position: absolute; right: 0px; margin: 0 !important; z-index: 1; }
.mainUIParent .fileUploadButton { background: url(/-1995902389/Handler/Static/Content/Themes/Base/images/multipart/upload_button.gif) center top repeat; height: 31px; width: 163px; overflow: hidden; text-indent: -3000px; }
.mainUIParent #preview { padding: 0px; border: 0px none; width: 100%; z-index: 0; position: relative; }
.mainUIParent .b-menu { display: none; }
.mainUIParent .gobackButton.multiPartButton { background: url(/725086791/Handler/Static/Content/Themes/Base/images/multipart/back_button.gif) center top repeat; height: 31px; width: 163px; overflow: hidden; text-indent: -3000px; left: 10px; top: 10px; }
.mainUIParent .addtobasket.multiPartButton { top: 0px; right: 10px; background: url(/1916465741/Handler/Static/Content/Themes/Base/images/multipart/add_to_basket.gif) center top repeat; height: 31px; width: 163px; overflow: hidden; text-indent: -3000px; top: 10px; }
.mainUIParent .uploadWrapper { padding: 0px; text-align: center; }
.mainUIParent .uploadMultiPart .inputPart, .uploadMultiPart .rightInputPart { background: #EEEEEE; }
.mainUIParent #preview { background: #F9F9F9; }
.mainUIParent #previewAreaContainer { position: relative; }
/* OPC Despatch date */
p.custom-name-box input#customName { color: #000; padding: 2px; }
p.custom-name-box { margin-top: 20px; }
p.custom-name-box input#customProjectName { float: right; }
@media only screen and (max-width: 959px) { .customer-addresses table td, .customer-addresses table th { padding: 5px 4px 5px 4px; font-size: 12px; line-height: 15px; text-align: left; position: relative; float: left; width: 100%; min-height: 16px; }
.customer-addresses table tbody { position: relative; float: left; width: 80%; text-align: left; }
.customer-addresses table thead { position: relative; float: left; width: 20%; text-align: left; }
.customer-addresses { background-color: #fff; padding: 5px; height: auto; overflow: visible; } }
/* =======ORDER DETAILS SUMMARY ON ORDERCOMPLETE PAGE==================== */
.checkout_data_integrated .orderSummaryTitle { font-weight: bold; }
.checkout_data_integrated .order-overview { background: transparent; border: 0px none; }
.checkout_data_integrated .order-overview table td { padding: 0px; }
.checkout_data_integrated .total-info { border-top: 1px solid #eee; }
.checkout_data_integrated .total-info tr { border-bottom: 1px solid #eee; }
.checkout_data_integrated .total-info .cart_total_left { width: 90%; border-right: 1px solid #eee; }
.checkout_data_integrated .total-info .cart_total_left.SubTotal { color: #ff0000; }
.checkout_data_integrated .total-info .cart_total_right { width: 10%; }
.checkout_data_integrated .total-info .OrderTotal { color: #ff0000; }
.checkout_data_integrated .total-info .OrderTotalValue { color: #ff0000; }
.checkout_data_integrated .products-box { background: #ddd; }
.checkout_data_integrated .products-box thead { background: #ccc; }
.checkout_data_integrated .products-box tbody tr { background: #fff; }
.checkout_data_integrated .products-box tbody td { border-right: 1px solid #eee; }
.checkout_data_integrated .order-details-box tbody { background: #fff; }
.checkout_data_integrated .order-details-box tbody .midColumn { border-left: 1px #ff0000 solid; border-right: 1px #ff0000 solid; }
.checkout_data_integrated .print-buttons a { color: #0195BA; font-weight: bold; Background: url(/-36638137/Handler/Static/Content/Images/icons/bwpx-icns/print.gif) no-repeat left center; height: 20px; padding-left: 20px; line-height: 20px; }
.checkout_data_integrated .itemValue { font-weight: bold; }
.checkoutCompletedWrapper a { font-weight: bold; }
.checkout_data_integrated .attributeInfo { display: none; }
.continueshoppingbutton, .checkoutbutton { box-sizing: border-box; height: 28px; }
.priceScriptInfo { font-size: 14px; margin-top: 10px; float: left; width: 100%; }
.cart-item-row .productPrice { position: relative; float: left; width: 100%; }
.priceScriptMessageItem { margin: 2px; }
.priceScriptType_Info { display: block; }
.priceScriptType_Error { color: red; padding: 2px; padding-left: 20px; padding-right: 5px; border: solid 1px red; display: inline-block; border-radius: 3px; background: url(/1546067938/Handler/Static/Content/Themes/Base/images/error_ico.png); background-position: 2px 2px; background-repeat: no-repeat; background-size: 15px; }
.priceScriptType_Debug { color: blue; padding: 2px; padding-left: 20px; padding-right: 5px; border: solid 1px blue; display: inline-block; border-radius: 3px; background: url(/1912616616/Handler/Static/Content/Themes/Base/images/bug_ico.png); background-position: 2px 2px; background-repeat: no-repeat; background-size: 15px; }
.priceScriptType_Warning { color: orange; padding: 2px; padding-left: 20px; padding-right: 5px; border: solid 1px orange; display: inline-block; border-radius: 3px; background: url(/757711373/Handler/Static/Content/Themes/Base/images/warning_ico.png); background-position: 2px 2px; background-repeat: no-repeat; background-size: 15px; }
/* Telerik Overrides */
#SavedProjects form.t-grid-actions { display: block; }
/* Telerik functionality fix */
.t-widget.t-grid { max-width: 100%; overflow: auto; }
.products-box td.subtotal, .products-box td.product, .products-box td.subtotal, .products-box td.unitprice, .products-box td.qty { vertical-align: middle; }
#AlbumSharingSubContainer .productShareList { padding-bottom: 2px; }
#AlbumSharingSubContainer .productShareList input { margin: 2px 2px 0 0; }
#AlbumSharingSubContainer .productShareList label { vertical-align: top; }
#AlbumSharingSubContainer #individualProductShares { padding: 5px 25px; }
/* TABBED SONG SEARCH */
.SongTabWrapper { margin-top: 30px; }
.SongTabWrapper.ui-tabs, .SongTabWrapper.ui-tabs .ui-tabs-nav { border: 0 none; padding: 0px; }
.SongTabWrapper .ui-widget-header { background: #fff none; }
#searchPane { background: none repeat scroll 0 0 #Ffffff; border: 0px solid #EEE; }
#searchPane .currentFilterOptions { border: 1px solid #efefef; font-size: 9px; padding: 5px; margin: 10px 10px 0 10px; }
#searchPane .filterArea { background: none repeat scroll 0 0 #Ffffff; }
#searchPane .filterArea .filterAreaInner { font-size: 9px; border: 1px solid #efefef; min-height: 550px; padding: 5px; margin: 10px 0px 10px 10px; }
#bookFooter { float: right; width: 18%; }
#previewBookBtn { text-transform: uppercase; text-align: center; float: right; background: url(/-1218579898/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/red_button_large.png); width: 78%; padding: 22px 10%; display: block; margin-top: 0px; border: 1px solid #666; border-radius: 3px; color: #fff; }
#previewBookBtn:hover { text-decoration: none; }
#searchPane .ResultsListWrapper { background: none repeat scroll 0 0 #Ffffff; }
#searchPane .ResultsListWrapper #ResultsList li { padding: 0px; margin: 10px; border: 1px solid #efefef; }
#compilePane { background: none repeat scroll 0 0 #fff; min-height: 604px; padding: 10px; }
#compilePane .pageNumber, #compilePane .itemInfo { float: left; }
#compilePane .itemInfo { border-left: 1px solid #eee; margin-left: 10px; padding: 5px; }
#compilePane .item .itemContributor, #compilePane .item .itemTitle { padding: 0px; }
#compilePane .resultItem .itemDetailsWrapper { width: 15%; background: #eee; }
#compilePane .resultItem .itemDetailsWrapper .removeBtn { width: 70%; float: right; padding: 5px 2% 5px 2%; }
#compilePane .resultItem .itemDetailsWrapper .handle { width: 20%; float: left; }
#compiledList { border: solid 1px #efefef; margin: 10px 0; border-bottom: 0px none; }
#songSelectTab, #yourBookTab { width: 40%; height: 75px; background: url(/737538639/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/music_tab_bg.jpg); }
#songSelectTab.ui-state-active, #yourBookTab.ui-state-active { background: url(/-1601375674/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/music_tab_bg_selected.jpg); }
.progressWrapper { float: right; padding: 10px 2%; width: 55%; }
.progressLabel { width: 100%; position: absolute; margin-top: 5px; font-weight: 700; text-shadow: 1px 1px 0 #fff; }
.progressText { line-height: 25px; float: left; }
#progressBar { position: relative; width: 100%; text-align: center; display: inline-block; }
.progressWrapper p { font-weight: normal; font-size: 10px; white-space: normal; text-align: center; }
#songSelectTab a, #yourBookTab a, #compiledList .itemTitle, #compiledList .itemContributor { display: block; }
#SongTabs li a { margin: 0px; width: 100%; padding: 0px; }
#SongTabs li a .tabTitle { float: left; font-size: 18px; padding: 10px 5%; text-transform: none; width: 31%; }
#songSelection, #yourBook { background: #efefef; }
#songSelection .tabHeader { display: none; }
.SongTabWrapper .ui-progressbar .ui-progressbar-value { background: url(/-1600916918/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/button-general.jpg) repeat-x #ededed; transition: all 1s ease-in-out 0s; }
.SongTabWrapper .ui-progressbar .ui-progressbar-value.songPageCountMinError { background: #B0002D; color: #fff; animation: myfirst 2s; -moz-animation: myfirst 2s infinite; /* Firefox */ -webkit-animation: myfirst 2s infinite; /* Safari and Chrome */ }
.SongTabWrapper .ui-progressbar .ui-progressbar-value.songPageCountMaxError { background: #B0002D; color: #fff; animation: myfirst 2s; -moz-animation: myfirst 2s infinite; /* Firefox */ -webkit-animation: myfirst 2s infinite; /* Safari and Chrome */ }
/* Firefox */
@-moz-keyframes myfirst { 0% { background: #890022; }
50% { background: #E4051F; }
100% { background: #890022; } }
.progressLabel.songPageCountMaxError { color: #fff; text-shadow: 1px 1px 0 #000; }
.progressLabel.songPageCountMinError { color: #ff0000; text-shadow: 1px 1px 0 #fff; }
#ResultsList .itemSelection, #compiledList .itemSelection { background: #eeeeee; padding: 5px; width: 70%; float: right; }
.item.itemContainer { width: 75%; vertical-align: top; margin-top: 0px; }
.item .itemTitle { font-weight: 700; font-size: 13px; position: relative; padding: 5px; }
.item .itemContributor { padding: 0px 5px 5px 5px; font-size: 11px; }
.addToBookBtn:hover { background: #a82b3e; color: #fff; }
#compiledList:before, #compiledList:after { text-align: center; display: block; border: 1px solid #000; border-bottom: 0; width: 48%; }
#compiledList li { color: #000; border-bottom: 1px #eee solid; position: relative; background: #FFF; }
#compiledList .ui-sortable-helper, #compiledList .ui-sortable-helper:hover { background: url(/1111487053/Handler/Static/Content/Images/mini_icons/arrow_up_down.gif) no-repeat scroll 98% center #000; }
#compiledList .ui-sortable-helper, #compiledList .ui-sortable-helper:hover div { color: #fff; }
#musicSearchFieldOptions, #musicModifyFieldOptions { padding: 5px; background: #efefef; }
#SongTabs #musicSearchFieldOptions { padding: 0 0 10px 0; }
.resultItem .itemDetailsWrapper { float: right; width: 25%; }
.previewItem .previewBtn, .addToBook .addToBookBtn, #compilePane .removeBtn input, #compilePane .resultItem .itemDetailsWrapper .handle { border: 1px solid #666; border-radius: 3px; width: 100%; text-transform: uppercase; }
.previewItem .previewBtn { background: url(/-1600916918/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/button-general.jpg) repeat-x #ededed; margin-bottom: 5px; }
#compilePane .resultItem .itemDetailsWrapper .handle { background: url(/-27135414/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/music_drag_button.gif) repeat-x center center #ededed; width: 20%; margin: 5px 0 5px 2%; height: 31px; }
.addToBook .addToBookBtn, #compilePane .removeBtn input { background: url(/-1601375672/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/button-red.jpg) repeat-x #9f0029; color: #fff; }
#musicModifyFieldOptions { text-align: right; }
.filterArea { width: 30%; float: left; background: #F9F9F9; }
.filterHeading { font-weight: 700; padding-bottom: 5px; }
.filterContent .filterItem, .expendableFilterContent .filterItem { padding-bottom: 2px; margin-bottom: 2px; border-bottom: outset none; }
.filterContent .filterItem input { vertical-align: bottom; }
.filterContent .filterItem label { padding-left: 2px; }
#arrangementsDiv { margin-bottom: 20px; }
.filterExpander, .filterCollapser { color: #CB3650; text-decoration: underline; cursor: pointer; float: right; }
.ResultsListWrapper { background: #F6F6F6; float: right; width: 70%; min-height: 560px; }
#ResultsList { background: #fff; margin: 0; min-height: 900px; }
#ResultsList li.current { background: #22A8E5; }
.searchboxDropDown { padding: 7px; }
.popularButton { background: url(/-1658839098/Handler/Static/Content/Images/mini_icons/arrow_dash_down.gif) no-repeat scroll 95% center #22A8E5; border: 0 none; color: #FFF; display: none; right: 5px; top: 5px; position: absolute; margin: 0; padding: 7px 30px 7px 7px !important; }
.popularButtonUp { background: url(/-1658839098/Handler/Static/Content/Images/mini_icons/arrow_dash_up.gif) no-repeat scroll 95% center #22A8E5; }
.popularButton:hover, .popularButtonUp:hover { background-color: #00415F; }
#feedback { font-size: 1.4em; }
.searchbutton { color: #FFF; height: 33px; margin: 0; padding: 0; }
#ResultsList .pageNum { float: right; margin: 5px; background: #ccc; color: #fff; font-weight: 400; z-index: 99; font-size: 10px; cursor: help; line-height: 20px; text-align: center; color: #000; background: url(/-1600982456/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/musicsearch-pages-icon.gif) repeat-x #fff; width: 21px; height: 27px; }
li .handle { background: #f8f8f8; right: 0; top: 0; bottom: 0; z-index: 99; }
li .handle:hover { cursor: pointer; background: none repeat scroll 0 0 #EBB8BE; }
li .handle .ui-icon-carat-2-n-s { margin: 12px; }
.ui-selecting { background: #eee; }
.ui-selecting .handle { background: #ddd; cursor: pointer; }
.currentFilterItem { margin-left: 2px; margin-right: 2px; }
.currentFilterOptionHeading { font-weight: 700; }
.clearFilterOptionsButton { color: #D73F57 !important; text-decoration: none; margin-left: 5px; }
.clearFilterOptionsButton :hover { text-decoration: underline; }
#compiledList li.ui-selected { background: #D54359; }
#compiledList li.ui-selected div { color: #fff; cursor: pointer; }
.ui-selected .handle { background: #EBB8BE; }
#compiledList .itemContainer { margin-left: 0; cursor: pointer; }
.aboveSearchPane { padding: 5px 5px 10px; }
.instructionsWrapper { float: left; width: 50%; }
#paginationInfo { font-size: 11px; width: 100%; padding-top: 20px; height: 30px; margin: 10px; }
#pageItems { margin-bottom: 5px; }
.pagingItem { margin-left: 2px; margin-right: 2px; background-color: #EFEFEF; border: 1px solid #ddd; border-radius: 2px; padding: 10px; }
.pagingLink { cursor: pointer; }
.pagingLink:hover { border: 1px solid #000; }
.currentPagingItem { background: none repeat scroll 0 0 #CB3650; border: 1px solid #ddd; border-radius: 4px; color: #fff; }
.loadingdiv { font-size: 14px; }
#compiledList .ui-selected, #compiledList ol { color: #000; }
.filterExpander .ui-icon, .filterCollapser .ui-icon { float: left; }
.tagCloudContainer, .itemId { display: none; }
.item { display: inline-block; }
#compiledList .pageNum { width: 5%; text-align: center; }
.cover { width: 100%; background-color: #efefef; }
.coverImg { display: inline-block; padding: 0.6em; }
.coverImg img { height: 100px; width: 75px; }
.coverInfo { width: 89%; display: inline-block; }
.coverInfo span { display: block; }
input#addToComp, input#previewSong { width: 100%; margin: 2px; }
.noSongsPlaceholder { display: block; width: 100%; height: 500px; }
.noSongsPlaceholder img { display: table; margin: 0 auto; padding-top: 50px; }
#bookPreview { width: 70%; float: left; margin-right: 10px; }
#confLogic { width: 28%; float: left; }
/* Tag Category Search checkboxes */
.TagSearchBox .freetextsearch { padding-bottom: 20px; }
.TagSearchBox .freetextsearch .freetextsearchleft { float: left; width: 80%; }
.TagSearchBox .freetextsearch .freetextsearchleft .searchboxtext-filter { width: 93%; padding-left: 2%; padding-right: 2%; padding-top: 5px; padding-bottom: 5px; }
.TagSearchBox .freetextsearch .freetextsearchright { float: right; width: 20%; }
.TagSearchBox .freetextsearch .freetextsearchright .searchboxbutton, .TagSearchBoxButton { width: 100%; padding: 0; margin: 0; }
.TagSearchBox .tagSearch .TagSearchMainArea .tagCategory { margin-bottom: 20px; }
.TagSearchBox .tagSearch .TagSearchMainArea .TagSearchLabelArea { padding-bottom: 5px; border-bottom: 1px solid #ccc; margin-bottom: 5px; }
.TagSearchBox .tagSearch .TagSearchMainArea .TagSearchLabelArea .TagSearchLabel { font-size: 14px; }
.TagSearchBox .tagSearch .TagSearchMainArea .toggler { display: block; height: 20px; width: 20px; float: right; background: center center no-repeat url(/1850375575/Handler/Static/Content/Themes/Base/images/common/minus-icon-sml.gif); }
.TagSearchBox .tagSearch .TagSearchMainArea .toggler.minus { background: center center no-repeat url(/-894296122/Handler/Static/Content/Themes/Base/images/common/plus-icon-sml.gif); }
.TagSearchBox .tagSearch .TagSearchMainArea .toggler:hover { cursor: pointer; }
.TagSearchBox .tagSearch .TagSearchMainArea .TagSearchChoiceArea .TagSearchChk { padding: 1px 0px 1px 0px; }
.TagSearchBox .tagSearch .TagSearchMainArea .TagSearchChoiceArea .TagSearchChk input { margin-right: 5px; vertical-align: middle; }
/*MultiPart Product*/
#customDataTabs { padding: 0; border: none; margin-top: 10px; }
#customDataTabs .hide { display: none; }
#customDataTabs .ui-tabs, #customDataTabs .ui-tabs-nav, #customDataTabs .ui-tabs-nav li { margin: 0; background: none; padding: 0; height: 40px; border-radius: 2px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
#customDataTabs .ui-tabs-nav li.ui-tabs-selected { background: white !important; height: 44px; border-top: 2px solid #31a3dd; margin-top: -2px; }
#customDataTabs .ui-tabs-nav { border: 0; background: none; height: 42px; }
#customDataTabs .ui-tabs-nav li a { float: none; padding: 3px 11px; display: block; color: #333; }
#customDataTabs .ui-tabs-panel { border: 1px solid #aaaaaa; border-radius: 2px; border-top-left-radius: 0; }
#customDataTabs #customDataSelectTab, #customDataTabs #yourBookTab { background: #f2f2f2; max-width: 266px; }
#customDataTabs #songSelection, #customDataTabs #yourBook { background: white; }
#customDataTabs .tabTitle { padding: 8px 7px; float: left; font-size: 15px; text-transform: none; }
#customDataTabs .progressWrapper { padding: 4px 0; }
#customDataTabs .progressWrapper #progressBar { position: relative; width: 100%; text-align: center; display: inline-block; font-size: 12px; height: 25px; }
#customDataTabs .progressWrapper #progressBar .progressLabel { margin-top: 5px; text-shadow: none; }
#customDataTabs .progressWrapper #progressBar .itemPageCountMaxError { background-color: #b90000; }
#customDataTabs .progressWrapper #progressBar .itemPageCountMinError { background-color: #b90000; }
#customDataTabs .progressWrapper p { padding: 0; margin: 0; font-size: 9px; }
#customDataTabs .progressWrapper .ui-widget-header { background: #31a3dd; }
#customDataTabs .progressLabel { background: transparent !important; }
#customDataTabs #paginationInfo, #customDataTabs .ResultsListWrapper, #customDataTabs #ResultsList { display: inline-block; width: 100%; min-height: 0; }
#customDataTabs #compiledList li.ui-selected { background: none; }
#customDataTabs #compiledList li.ui-selected div { color: #222; }
#customDataTabs .ui-sorter-helper:hover { background: #31a3dd; }
#customDataTabs #resultsListWrapper #ResultsList { padding: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cccccc; }
#customDataTabs #resultsListWrapper #ResultsList .itemSelection { background: none; }
#customDataTabs #resultsListWrapper #ResultsList li { margin: 0; padding: 7px; border: 1px solid #efefef; }
#customDataTabs #resultsListWrapper #ResultsList .addToBook .addToBookBtn { border: none; border-radius: 2px; display: inline-block; height: 36px; line-height: 36px; outline: 0; padding: 0 2rem; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent; text-decoration: none; background: #31a3dd; text-align: center; letter-spacing: .5px; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; -webkit-transition: .2s ease-out; transition: .2s ease-out; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); cursor: pointer; }
#customDataTabs #resultsListWrapper #ResultsList .addToBook .addToBookBtn:hover { background: #2397d2; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
#customDataTabs #resultsListWrapper #ResultsList .addToBook .addToBookBtn.disabled { opacity: 0.4; }
#customDataTabs #resultsListWrapper #ResultsList .previewItem .previewBtn { border: none; border-radius: 2px; display: inline-block; height: 36px; line-height: 36px; outline: 0; padding: 0 2rem; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent; text-decoration: none; background: #757575; text-align: center; letter-spacing: .5px; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; -webkit-transition: .2s ease-out; transition: .2s ease-out; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); cursor: pointer; color: white; }
#customDataTabs #resultsListWrapper #ResultsList .previewItem .previewBtn:hover { background: #686868; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
#customDataTabs #resultsListWrapper #ResultsList .pageNum { float: left; margin: 21px 24px 0 17px; font-size: 14px; line-height: 39px; width: 31px; height: 49px; background-size: contain; background-repeat: no-repeat; padding: 0 4px 0 0; }
#customDataTabs #resultsListWrapper #ResultsList .item { width: 67%; }
#customDataTabs #resultsListWrapper #ResultsList .item > div { color: #424242; }
#customDataTabs #resultsListWrapper #ResultsList .item .itemTitle { font-weight: 700; font-size: 13px; position: relative; padding: 0; margin-bottom: 4px; color: #212121; }
#customDataTabs #bookPanelWrapper #compilePane .removeBtn input { border: none; border-radius: 2px; display: inline-block; height: 36px; line-height: 36px; outline: 0; padding: 0 2rem; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent; text-decoration: none; background: #31a3dd; text-align: center; letter-spacing: .5px; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; -webkit-transition: .2s ease-out; transition: .2s ease-out; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); cursor: pointer; }
#customDataTabs #bookPanelWrapper #compilePane .removeBtn input:hover { background: #2397d2; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
#customDataTabs #bookPanelWrapper .cover .coverInfo__title { font-size: 16px; margin-top: 12px; font-weight: 700; }
#customDataTabs #bookPanelWrapper .cover .coverInfo__status { margin-top: 6px; font-size: 14px; }
#customDataTabs #bookPanelWrapper .coverInfo__edit { border: none; border-radius: 2px; display: inline-block; height: 36px; line-height: 36px; outline: 0; padding: 0 2rem; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent; text-decoration: none; background: #31a3dd; text-align: center; letter-spacing: .5px; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; -webkit-transition: .2s ease-out; transition: .2s ease-out; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); cursor: pointer; float: right; margin: 10px; }
#customDataTabs #bookPanelWrapper .coverInfo__edit:hover { background: #2397d2; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
#customDataTabs #bookPanelWrapper .coverInfo__edit a { color: white; }
#customDataTabs #previewBookBtn { border: none; border-radius: 2px; display: inline-block; height: 36px; line-height: 36px; outline: 0; padding: 0 2rem; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent; text-decoration: none; background: #31a3dd; text-align: center; letter-spacing: .5px; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; -webkit-transition: .2s ease-out; transition: .2s ease-out; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); cursor: pointer; }
#customDataTabs #previewBookBtn:hover { background: #2397d2; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
#customDataTabs #bookError { padding: 14px; float: left; position: relative; color: #b90000; }
#customDataTabs .invalid-input-message { color: #b90000; }
#customDataTabs .aboveSearchPane { padding: 0; }
#customDataTabs .aboveSearchPane .instructionsWrapper { float: left; width: 50%; position: relative; margin: 0.5rem 0 1rem 0; background-color: #fff; -moz-transition: box-shadow .25s; -o-transition: box-shadow .25s; -webkit-transition: box-shadow .25s; transition: box-shadow .25s; border-radius: 2px; padding: 20px; background: #31a3dd; color: white; line-height: 1.5; }
#customDataTabs #paginationInfo { text-align: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px 0; padding: 0; }
#customDataTabs #paginationInfo .currentPagingItem { border: none; border-radius: 2px; display: inline-block; height: 36px; line-height: 36px; outline: 0; padding: 0 2rem; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent; text-decoration: none; background: #31a3dd; text-align: center; letter-spacing: .5px; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; -webkit-transition: .2s ease-out; transition: .2s ease-out; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); cursor: pointer; display: inline-block; padding: 0 11px; }
#customDataTabs #paginationInfo .currentPagingItem:hover { background: #2397d2; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
#customDataTabs .cover { height: 121px; display: block; background: #eeeeee; }
#customDataTabs .cover .coverImg, #customDataTabs .cover .coverInfo { float: left; width: auto; }
#customDataTabs .cover .coverImg img, #customDataTabs .cover .coverInfo img { width: auto; }
#customDataTabs #customDataSearchField { background: #eeeeee; display: inline-block; padding: 8px 10px; border-radius: 2px; margin-bottom: 10px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#customDataTabs #customDataSearchField ul { margin: 0; }
#customDataTabs #customDataSearchField li { display: inline-block; vertical-align: top; margin-right: 1%; width: 15.83%; }
#customDataTabs #customDataSearchField li:last-of-type { width: inherit; }
#customDataTabs #customDataSearchField li .categoryFilter { background: white; border-radius: 2px; }
#customDataTabs #customDataSearchField li a { margin: 0; padding: 7px 10px; display: inline-block; }
#customDataTabs #customDataSearchField li a.selected { border-radius: 4px; background: #31a3dd; }
#customDataTabs #customDataSearchField li input { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#customDataTabs #customDataSearchField li label { line-height: 1.5rem; }
#customDataTabs #customDataSearchField #btn-small-search { float: right; margin-top: 10px; border: none; border-radius: 2px; display: inline-block; height: 36px; line-height: 36px; outline: 0; padding: 0 2rem; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent; text-decoration: none; background: #31a3dd; text-align: center; letter-spacing: .5px; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; -webkit-transition: .2s ease-out; transition: .2s ease-out; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); cursor: pointer; }
#customDataTabs #customDataSearchField #btn-small-search:hover { background: #2397d2; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
#customDataTabs #compilePane .resultItem .itemDetailsWrapper { background: none; }
#customDataTabs #compilePane .resultItem .itemInfo { border-left: 1px solid #eee; margin-left: 10px; padding: 7px; }
#customDataTabs #compilePane .resultItem .pageNumber { float: left; margin: 7px 0 0 8px; font-size: 14px; line-height: 23px; width: 22px; text-align: center; height: 36px; background-size: contain; background-repeat: no-repeat; padding: 0; background: url(/-1600982456/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/musicsearch-pages-icon.gif) no-repeat #fff; }
#customDataTabs #compilePane .resultItem .handle { background: #f2f2f2; position: relative; margin: 6px 0 7px -3%; }
#customDataTabs #compilePane .resultItem .handle i { position: absolute; top: 8px; left: 14px; color: #333333; font: normal normal normal 14px/1 FontAwesome !important; display: block; }
.fullBookPreviewWrapper { position: fixed !important; top: 16% !important; position: relative; border: none !important; border-radius: 2px !important; }
.fullBookPreviewWrapper .ui-dialog-titlebar { height: 0; padding: 0; background: none; position: absolute; top: 0; right: 0; }
.fullBookPreviewWrapper .ui-dialog-titlebar .ui-dialog-titlebar-close { top: 14px; z-index: 9; }
.fullBookPreviewWrapper .ui-dialog-content { padding: 0; width: 100% !important; margin: 0 !important; }
.fullBookPreviewWrapper .ui-dialog-content .ui-button { margin-top: 20px; border: none; background: none; padding: 0; }
.fullBookPreviewWrapper .ui-dialog-content .ui-button-text { color: white; border: none; border-radius: 2px; display: inline-block; height: 36px; line-height: 36px; outline: 0; padding: 0 2rem; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent; text-decoration: none; background: #31a3dd; text-align: center; letter-spacing: .5px; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; -webkit-transition: .2s ease-out; transition: .2s ease-out; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); cursor: pointer; }
.fullBookPreviewWrapper .ui-dialog-content .ui-button-text:hover { background: #2397d2; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.fullBookPreviewWrapper .ui-dialog-content .notFinishedBtns, .fullBookPreviewWrapper .ui-dialog-content .completeBtns { border: none; border-radius: 2px; display: inline-block; height: 36px; line-height: 36px; outline: 0; padding: 0 2rem; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent; text-decoration: none; background: #31a3dd; text-align: center; letter-spacing: .5px; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; -webkit-transition: .2s ease-out; transition: .2s ease-out; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); cursor: pointer; color: white; }
.fullBookPreviewWrapper .ui-dialog-content .notFinishedBtns:hover, .fullBookPreviewWrapper .ui-dialog-content .completeBtns:hover { background: #2397d2; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.fullBookPreviewWrapper .ui-dialog-content .notFinishedBtns.hide, .fullBookPreviewWrapper .ui-dialog-content .completeBtns.hide { display: none; }
.fullBookPreviewWrapper .ui-dialog-content #bookPreview { width: 65%; background: #f2f2f2; margin: 0; }
.fullBookPreviewWrapper .ui-dialog-content #bookPreview html { overflow: hidden; }
.fullBookPreviewWrapper .ui-dialog-content #confLogic { width: 35%; float: left; padding: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.fullBookPreviewWrapper .ui-dialog-content #confLogic .innerConfWrapper__instructions { background: #757575; color: white; padding: 20px; border-radius: 2px; margin-top: 10px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.fullBookPreviewWrapper .ui-dialog-content #confLogic .logicButtonsRadio label { color: white; border: none; border-radius: 2px; display: inline-block; height: 36px; line-height: 34px; outline: 0; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent; text-decoration: none; background: #31a3dd; text-align: center; letter-spacing: .5px; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; -webkit-transition: .2s ease-out; transition: .2s ease-out; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); cursor: pointer; padding: 1px 14px; box-sizing: border-box; }
.fullBookPreviewWrapper .ui-dialog-content #confLogic .logicButtonsRadio label span { display: none; }
.fullBookPreviewWrapper .ui-dialog-content #confLogic .logicButtonsRadio label:hover { background: #2397d2; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.vue-component-wrapper .checkout-datepicker-field { display: flex; justify-content: flex-end; }
.vue-component-wrapper .datepicker { height: 38px !important; }
.vue-component-wrapper .datepicker .dropdown { width: unset !important; }
.vue-component-wrapper .datepicker .input { height: 38px !important; background-color: #FFF; border-color: #1876D1; color: #363636; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); }
.vue-component-wrapper .datepicker .input[readonly] { opacity: 1; background-color: #FFF; border-color: #1876D1; color: #363636; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); }
/* ========================================================================== Pages ========================================================================= */
/**
* If you have page-specific styles, I think it’s cool to put them in a pages/
* folder and in a file named after the page. For example, it’s not uncommon
* to have very specific styles for the home page, so you’d have a _home.scss
* file in pages/ dealing with this.
*/
/* Admin */
/* Album Management One */
/* Album pagination */
#pagerContainer { border: 1px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 40px; padding: 0 5px; margin-bottom: 10px; }
#pager { display: block; margin: 4px 0; }
#pager .pagerLink { border: 1px solid #999; width: 30px; line-height: 25px; display: inline-block; margin: 3px; text-align: center; }
#pager .pagerLink:hover, #pager .currentPage { background-color: #22A8E5; color: #fff; text-decoration: none; }
/*YEARBOOK STUFF*/
.pageActions .yearbook-studententries-editor-actions-boxheader .editor-actions-filter-pane { position: absolute; }
/* ============================================================================= YEARBOOKS ========================================================================== */
/*YB LIST PAGE*/
.yb-selection-item, .yb-unavailable-item { margin-bottom: 1px; padding: 10px 30px; cursor: pointer; background-position: 8px 8px; background-repeat: no-repeat; }
.yb-selection-item { background-image: url(/1919676999/Handler/Static/Content/Images/icons/bwpx-icns/album.gif); }
.yb-unavailable-item { background-image: url(/1537339976/Handler/Static/Content/Images/icons/bwpx-icns/album_remove.gif); }
.yb-selection-item-selected { background-image: url(/1537339976/Handler/Static/Content/Images/icons/bwpx-icns/album_select.gif); }
/* POLL QUESTIONS FOR YEARBOOKS*/
.studentPage .pageTitle, .pollquestions .pageTitle, .booklayout .pageTitle { float: left; }
.studentPage .layoutoptions, .pollquestions .layoutoptions, .booklayout .layoutoptions { float: right; }
.pollquestionsList textarea, .pollquestionsList .question-question-text, .pollquestionsList .question-sequence { width: 98%; padding: 1%; margin-bottom: 5px; }
.pollquestions table tr td { border-bottom: 1px solid #CCCCCC; padding: 5px; vertical-align: top; }
.pollquestionsList button, .pollquestionsList .t-grid .t-button, .t-grid .pollquestionsList .t-button, .pollquestionsList input { margin-bottom: 5px; }
.pollquestions table tr th { border-bottom: 2px solid #CCCCCC; padding: 5px; vertical-align: top; }
.ui-widget-overlay { background: #333333 !important; opacity: 0.7 !important; }
.ui-dialog, .ui-dialog-titlebar { border: 0px none !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; }
.ui-dialog { border: 4px solid #eee !important; background: #fff !important; }
.ui-dialog-titlebar { font-weight: normal !important; color: #000 !important; }
.dialogOptionRow { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
/**/
.feature-page-item-container { padding: 4px; }
/*PREVIEW FOR POPUPS*/
#preview { position: absolute; border: 1px solid #ccc; background: #333; padding: 5px; display: none; color: #fff; z-index: 3400; }
#previewDialog { height: 500px; }
/**/
.book-unit-list, .book-unit-group { padding: 0px; text-align: left; }
.template-item, .template-item, .book-unit-dynamic-item, .book-unit-static-item, .book-unit-group-item, .book-unit-placeholder, .book-unit-helper { min-height: 200px; _height: 100px; display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; vertical-align: top; padding: 0px; margin-bottom: 5px; margin-right: 5px; border-collapse: collapse; }
.book-unit-static-item, .template-item { border: dashed #fff 1px; }
.book-unit-dynamic-item { border: dashed #22A8E5 1px; }
.moving-div { border: dashed #999 1px; background: #fff; }
.book-unit-dynamic-item, .book-unit-static-item { cursor: pointer; cursor: hand; /* specyfying both values: pointer and hand is a proper cross-browser syntax */ }
.book-unit-dynamic-item, .book-unit-static-item, .book-unit-placeholder, .book-unit-helper { width: 107px; }
.book-unit-group-item-title { display: none; }
.layoutoptions { float: right; }
.book-unit-item-title { padding: 3px; min-height: 30px; }
.book-unit-item-container, .template-item-container { text-align: center; background-color: #fff; min-height: 160px; margin: 3px; }
.book-unit-group-item .book-unit-item-container .book-unit-dynamic-item { min-height: 150px; margin: 0px; }
.book-unit-group-item .book-unit-item-container .book-unit-group { margin: 0px; }
.book-unit-group-item .book-unit-item-container { min-height: 154px; }
.book-unit-placeholder { border: dashed 1px #fff; background: #22A8E5; }
.book-unit-helper { height: 100px; }
.book-unit-item-selected, .template-item-selected { background-color: #ccc; }
.book-unit-item-container { position: relative; }
.book-unit-item-options-container { display: none; position: absolute; bottom: 0px; left: 0px; border: 1px solid #22A8E5; }
.book-unit-item-options-container a { color: White; padding: 5px; display: block; width: 90px; overflow: hidden; }
.book-unit-item-options-container a:hover { background-color: White; color: Black; }
/*yearbook setup*/
/*STUDENT Comments page*/
.yb-comments-list-table-name { padding: 5px; font-size: 14px; color: #fff; }
.yb-comments-list-table-body .commentFrom { background: url(/-36638136/Handler/Static/Content/Images/icons/bwpx-icns/comment_user.gif) no-repeat 5px 10px; padding-left: 30px; }
.yb-comments-list-table-body .commentTo { background: url(/345698887/Handler/Static/Content/Images/icons/bwpx-icns/comment.gif) no-repeat 5px 10px; padding-left: 30px; }
.yb-comments-list-table-body tr { border-bottom: solid 1px #ccc; }
.yb-comments-list-table { text-align: left; }
.yb-comments-list-table td { width: 50%; }
.yb-comments-list-item label { cursor: default; }
.yb-comments-list-table-header { border-bottom: solid 1px #ccc; }
/**/
/* ALBUM FOR YEARBOOKS*/
.warningElem { position: absolute; color: White; font-weight: bold; padding: 2px; cursor: default; margin: 1px; }
.resolutionWarningElem { left: 0px; top: 0px; z-index: 300; }
.albumManagement, .uploadControl { padding: 1%; }
.albumManagement .subTitle { padding-bottom: 5px; padding-left: 20px; font-size: 14px; background: url(/1537339976/Handler/Static/Content/Images/icons/bwpx-icns/album_select.gif) no-repeat; }
.uploadControl .subTitle { padding-bottom: 5px; padding-left: 20px; font-size: 14px; background: url(/-824994691/Handler/Static/Content/Images/icons/bwpx-icns/photo_add.gif) no-repeat; }
.albumContentList { padding: 1%; }
.albumContentList .subTitle { padding-bottom: 5px; padding-left: 20px; font-size: 14px; background: url(/-418975160/Handler/Static/Content/Images/icons/bwpx-icns/photos.gif) no-repeat; }
.nonImageInAlbum, .warningElem { padding-bottom: 5px; padding-top: 5px; padding-left: 20px; background: rgba(211, 0, 0, 0.5) 2px 3px url(/-1610616250/Handler/Static/Content/Images/icons/bwpx-icns/error.gif) no-repeat; }
.albumManagement .album { float: left; width: 8.3%; vertical-align: top; padding: .5%; margin-right: .25%; margin-left: .25%; margin-bottom: .5%; height: 120px; overflow: hidden; -webkit-border-radius: 0px 20px 0px 0px; -moz-border-radius: 0px 20px 0px 0px; border-radius: 0px 20px 0px 0px; background-color: #F9F9F9; }
.fileinput-button { margin: 0px; padding: 0px; }
.albumManagement .album { text-decoration: none; color: #000; background: #d2d2d2; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZDJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzljOWM5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzg0ODQ4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZmFmYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d2d2), color-stop(50%, #9c9c9c), color-stop(51%, #848484), color-stop(100%, #afafaf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* IE10+ */ background: linear-gradient(to bottom, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#afafaf',GradientType=0 ); /* IE6-8 */ }
.albumManagement .currentSelectedAlbum { -webkit-box-shadow: #666 2px 2px 2px; -moz-box-shadow: #666 2px 2px 2px; box-shadow: #666 2px 2px 2px; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ color: #fff; /**/ background: #b7deed; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b7deed), color-stop(50%, #57b9e0), color-stop(51%, #22a8e5), color-stop(100%, #7cc4e2)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #b7deed 0%, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #b7deed 0%, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #b7deed 0%, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%); /* IE10 */ background-image: -o-linear-gradient(top, #b7deed 0%, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #b7deed 0%, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%); /* W3C */ background-repeat: no-repeat; }
.facebookbutton { background-image: url(/-35065270/Handler/Static/Content/Images/icons/bwpx-icns/facebook.png); background-repeat: no-repeat; padding-left: 30px; background-position: 5px 4px; }
.facebookbutton:hover { background-image: url(/-35065270/Handler/Static/Content/Images/icons/bwpx-icns/facebook.png); background-repeat: no-repeat; padding-left: 30px; background-position: 5px 4px; }
.albumManagement .albumName { font-size: 12px; border-bottom: 1px solid #ccc; text-transform: uppercase; }
.albumOwner, .albumDescription { font-size: 10px; }
.description { margin-bottom: 10px; }
.yb-menu { padding: 0px; margin: 0px; }
.yb-menu ul { padding: 0px; margin: 0px; }
.yb-menu .menu-item { float: left; display: block; padding: 10px; border-right: 1px solid #fff; }
.yb-sub-menu { border: solid 1px #22A8E5; }
.yb-sub-menu .menu-item { float: left; display: block; padding: 10px; }
.yb-menu .menu-item-img, .yb-sub-menu .menu-item-img { display: none; }
.selected-menu-item { background: #7ac2de; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhYzJkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI4YTZkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzE3OGJjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OWFjZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #7ac2de 0%, #28a6d8 50%, #178bc1 51%, #49acd7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ac2de), color-stop(50%, #28a6d8), color-stop(51%, #178bc1), color-stop(100%, #49acd7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7ac2de 0%, #28a6d8 50%, #178bc1 51%, #49acd7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7ac2de 0%, #28a6d8 50%, #178bc1 51%, #49acd7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7ac2de 0%, #28a6d8 50%, #178bc1 51%, #49acd7 100%); /* IE10+ */ background: linear-gradient(to bottom, #7ac2de 0%, #28a6d8 50%, #178bc1 51%, #49acd7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ac2de', endColorstr='#49acd7',GradientType=0 ); /* IE6-8 */ }
.ybmenutitle { color: #FFFFFF; float: right; font-weight: bold; padding: 10px; text-shadow: 0 0 3px #666666; text-transform: uppercase; }
.yb-sub-menu .tabTitle { border-right: 1px solid #22A8E5; }
.yearbook-studententries-leftpanel, .yearbook-studententries-leftpanel-editor { width: 200px; float: left; overflow: auto; }
.student-list-item-progress-icon-container { height: 16px; overflow: hidden; position: relative; width: 16px; }
.section-header .questiontitle { border-bottom: 1px solid #999999; color: #000000; cursor: pointer; font-size: 16px; list-style-type: none; margin: 0; padding: 8px 20px; white-space: nowrap; }
.pageActions .yearbook-studententries-editor-actions-boxheader .editor-actions-filter-pane { position: absolute; right: 0; top: 0; }
.editor-actions-filter-pane select { padding: 5px; }
.pageActions h2, .pageActions h3, .pageActions footer h4, footer .pageActions h4, .pageActions footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .pageActions .enter-address-title, .pageActions .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .pageActions .enter-address-title { color: #FFFFFF; display: block; float: left; font-size: 12px; font-weight: normal; margin: 0; padding: 2px 5px 2px 2px; line-height: 24px; }
.student-list-item-progress-icon { position: relative; }
.progress-icon-not-started { left: -48px; top: -176px; }
.progress-icon-started { left: -64px; top: -176px; }
.progress-icon-advanced { left: -80px; top: -176px; }
.progress-icon-profile-complete { left: -208px; top: -192px; }
.yearbook-studententries-mainpanel { background: none repeat scroll 0 0 #FFFFFF; float: left; padding: 0; width: 760px; }
.student-list-item, .yb-navigation-item { border-bottom: 1px dotted #999999; padding: 5px 5px 5px 15px; margin: 0px; }
.pageActions { border-bottom: 1px solid #333333; border-top: 1px solid #333333; padding: 2px 10px; }
.pageActions .yearbook-studententries-editor-actions-boxheader { position: relative; }
.section-header .title, .saveButtonWrapper, .yearbook-studententries-editor .title { background-repeat: repeat-x; border-bottom: 0 none; color: #FFFFFF; padding: 5px 10px; position: relative; }
.saveSignOffStudentButton { margin-left: 5px; }
.saveStudentButton, .saveSignOffStudentButton { float: right; }
.theTitle { padding: 3px; float: left; font-size: 15px; }
.student-list { border-top: 1px solid #333333; margin: 0px; }
.yb-navigation-item-progress-icon-container { float: right; overflow: hidden; height: 16px; width: 16px; }
.yb-navigation-item-progress-icon { position: relative; }
.yb-navigation-item-progress-icon-complete { top: -192px; left: -208px; }
.yb-navigation-item-progress-icon-none { display: none; }
.students-questions-combined .subtitle { background-color: #999999; background-repeat: repeat-x; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #FFFFFF; float: right; list-style-type: none; margin-top: 10px; padding: 8px 20px; white-space: nowrap; }
.t-button { float: right; font-size: 12px !important; }
.studentPage { margin-top: 20px; }
.student-list-item-selected, .yb-navigation-item-selected { background-color: #FF9C00; background-repeat: repeat-x; }
.student-list-item-name { float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.student-list-item-progress-text, .student-list-item-progress-icon-container { float: right; }
.student-list-item-progress-icon-container { height: 16px; overflow: hidden; position: relative; width: 16px; }
.student-list-item-progress-text, .student-list-item-progress-icon-container { float: right; }
.yearbook-studententries-menu .title, .yearbook-studententries-leftpanel-editor .title { padding: 10px; }
.yearbook-studententries-menu .infoPanel { padding: 10px; }
.yb-home-top-editor { border-bottom: 0 none; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; background-repeat: repeat-x; font-size: 18px; font-weight: bold; color: #FFF; background-color: #C00; }
.yb-home-top-editor p { font-size: 12px; font-weight: normal; }
.yb-home-main-column-editor-wrapper { position: relative; }
.YBhomePageWrapper { min-height: 500px; }
.tabTitle { font-size: 12px; padding: 10px; cursor: pointer; text-transform: uppercase; text-decoration: none; }
.theme_bg_colour2 .tabTitle { color: #fff; }
.YBinnerTabWrapper { margin: 2px; padding: 10px; }
.getstartedbutton { border: 0px none; padding: 5px; }
.yb-home-main-column-editor-wrapper .yb_tab h3, .yb-home-main-column-editor-wrapper .yb_tab footer h4, footer .yb-home-main-column-editor-wrapper .yb_tab h4, .yb-home-main-column-editor-wrapper .yb_tab footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .yb-home-main-column-editor-wrapper .yb_tab .enter-address-title, .yb-home-main-column-editor-wrapper .yb_tab .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .yb-home-main-column-editor-wrapper .yb_tab .enter-address-title { padding: 10px; }
.yb-home-main-column-editor-wrapper .selected { background-color: #FEC200; }
.yb-home-main-column-editor-wrapper h3.last, .yb-home-main-column-editor-wrapper footer h4.last, footer .yb-home-main-column-editor-wrapper h4.last, .yb-home-main-column-editor-wrapper footer .checkout-page__shipping-address #newAddressDiv .last.enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .yb-home-main-column-editor-wrapper .last.enter-address-title, .yb-home-main-column-editor-wrapper .checkout-page__shipping-address #newAddressDiv footer .last.enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .yb-home-main-column-editor-wrapper .last.enter-address-title { margin-right: 0px; }
.yb-home-main-column-editor { padding: 0px; padding-top: 0px; position: absolute; }
.yb-home-main-column-editor h3, .yb-home-main-column-editor footer h4, footer .yb-home-main-column-editor h4, .yb-home-main-column-editor footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .yb-home-main-column-editor .enter-address-title, .yb-home-main-column-editor .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .yb-home-main-column-editor .enter-address-title { padding: 10px; background-color: #FEC200; margin-bottom: 10px; background-repeat: repeat-x; }
.yb-home-main-column-editor ul { padding: 10px; margin-bottom: 0px; }
.yb-home-main-column-editor ul li { display: block; padding-bottom: 10px; }
.yb-home-main-column-list-item-editor { list-style-type: none; }
.yb-home-main-column-list-item-editor a { text-decoration: underline; }
.yb-home-main-column-list-item-editor a:hover { text-decoration: none; }
.designStyleTemplates { background-color: #EEEEEE; padding: 10px; }
.yb-book-unit-template-list-container { overflow: auto; white-space: nowrap; width: 100%; }
.bookStatusRow { font-size: 16px; }
.currentStatusMarker { padding: 4px; }
.currentStatusMarker.Review { background: #22A8E5; color: #fff; }
.currentStatusMarker.Open { background: green; color: #fff; }
.yb-book-unit-template-list-item { cursor: pointer; display: inline-block; white-space: normal; }
.designStyleTemplateInfo { background-color: #DDDDDD; border: 2px solid #FFFFFF; padding: 10px; }
.designStyleTemplateInfo table { width: auto; }
.question-row { border-bottom: 1px #eee solid; }
.designStyleTemplateInfo table td, .yb-filter-pane table td { padding: 5px; text-align: center; }
.designStyleTemplateInfo table td input { background: transparent; border: none 0px; }
.adminContent td { text-align: left !important; }
.adminContent { width: auto; }
.bootSetupTextLine { padding-bottom: 10px; }
.bookoptions { float: right; margin-top: 10px; }
.bookoptions button, .bookoptions .t-grid .t-button, .t-grid .bookoptions .t-button { margin-left: 5px; }
.previewfieldset { border-bottom: 1px solid #eee; padding-bottom: 10px; }
.previewfieldset legend { font-size: 14px; }
.previewYB { float: right; width: 50%; height: 200px; background: #efefef; }
.ammendYB { float: left; width: 50%; height: 200px; background: #efefef; }
.yb-book-unit-template { border-color: transparent; border-style: solid; border-width: thick; margin-left: auto; margin-right: auto; padding: 10px; text-align: center; }
.yb-book-unit-template-list { margin: 0px; }
.startYBPreview { font-size: 22px; }
#steps { margin-bottom: 0px; }
#steps li { display: inline-block; cursor: pointer; font-size: 14px; padding: 8px; width: auto; }
#steps .setTitle { margin-bottom: 0px; }
.yb-filter-pane table { width: auto; }
.setTitle { font-size: 14px; margin-bottom: 10px; }
.pie-chart img { width: 100%; }
.report-list-item { padding: 5px; border-bottom: 1px dashed #E3E3E3; font-size: 14px; }
.mainProductLoading { position: absolute; height: 100%; width: 100%; z-index: 99; background: center center #E3E5E5 no-repeat url(/-1483005629/Handler/Static/Content/Themes/Base/images/loder_thin.gif); background-size: 32px 32px; }
/* Theme fixes */
.albumManagement { position: relative; }
.albumManagement:after { display: block; content: " "; visibility: hidden; display: block; height: 0; clear: both; }
.albumManagement #newAlbum { margin: 10px; position: absolute; bottom: 0; right: 0; }
/* Album management overrides */
#uploadControl #fileupload { width: 250px; display: inline-block; }
.imagePluginBox .subTitle { margin-top: 20px; }
.albumContent #albumContentListContainer #pluginContainer { text-align: left; margin: 10px 0px 0; }
.imageContainer .ImgPlugPhotos, .imageContainer .ImgSearch, .imageContainer .ImgPlugPaging, .imageContainer .ImgPlugFooter, .imageContainer .upload, .imageContainer .albumContent { position: relative; float: left; width: 100%; box-sizing: border-box; padding: 0px; margin: 0px; max-width: none; background: none; }
.imageContainer .upload { margin-bottom: 10px; }
.albumContent #albumContentListContainer .imageContainer input, .albumContent #albumContentListContainer .imageContainer select { padding: 5px; position: relative; float: left; width: auto; box-sizing: border-box; }
.albumContent #albumContentListContainer .imageContainer { padding: 0px; position: relative; float: left; width: 100%; box-sizing: border-box; }
.upload span .fa, .ImgPlugPaging span .fa { display: inline-block; margin: 0px; }
.albumContent #albumContentListContainer .upload #uploadButton { background-color: #22A8E5; padding: 10px; color: #fff; border: none; margin: 0 auto; text-align: center; width: 250px; }
.albumContent #albumContentListContainer .ImgPlugFooter { text-align: center; }
.albumContent #albumContentListContainer .selectedImg { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.albumContent #albumContentListContainer .loadinganim { position: absolute; top: 50px; left: 150px; }
.albumManagement .currentSelectedAlbum { background-image: none; }
.albumManagement .albumName { border: none; }
.albumManagement .album { margin-top: 10px; }
.albumManagement #newAlbum { margin-top: 10px; }
/* Album Management Two */
/* Album Management
====================================================== */
/*! Justified Gallery - v3.6.1 http://miromannino.github.io/Justified-Gallery/ Copyright (c) 2015 Miro Mannino Licensed under the MIT license. */
@-webkit-keyframes justified-gallery-show-caption-animation { from { opacity: 0; }
to { opacity: 0.7; } }
@-moz-keyframes justified-gallery-show-caption-animation { from { opacity: 0; }
to { opacity: 0.7; } }
@-o-keyframes justified-gallery-show-caption-animation { from { opacity: 0; }
to { opacity: 0.7; } }
@keyframes justified-gallery-show-caption-animation { from { opacity: 0; }
to { opacity: 0.7; } }
@-webkit-keyframes justified-gallery-show-entry-animation { from { opacity: 0; }
to { opacity: 1.0; } }
@-moz-keyframes justified-gallery-show-entry-animation { from { opacity: 0; }
to { opacity: 1.0; } }
@-o-keyframes justified-gallery-show-entry-animation { from { opacity: 0; }
to { opacity: 1.0; } }
@keyframes justified-gallery-show-entry-animation { from { opacity: 0; }
to { opacity: 1.0; } }
/* Album Management - CSS
==================================================================*/
/* line 1, ../sass/_LightBox.scss */
/* line 11, ../sass/_LightBox.scss */
/* line 16, ../sass/_LightBox.scss */
/* line 23, ../sass/_LightBox.scss */
/* line 28, ../sass/_LightBox.scss */
/* line 33, ../sass/_LightBox.scss */
/* line 38, ../sass/_LightBox.scss */
/* line 45, ../sass/_LightBox.scss */
/* line 54, ../sass/_LightBox.scss */
/* line 61, ../sass/_LightBox.scss */
/* line 69, ../sass/_LightBox.scss */
/* line 77, ../sass/_LightBox.scss */
/* line 82, ../sass/_LightBox.scss */
/* Album Photos
============================================*/
/* line 6, ../sass/_AlbumManagementTwo.scss */
/* line 15, ../sass/_AlbumManagementTwo.scss */
/* line 17, ../sass/_AlbumManagementTwo.scss */
/* line 24, ../sass/_AlbumManagementTwo.scss */
/* line 28, ../sass/_AlbumManagementTwo.scss */
/* line 32, ../sass/_AlbumManagementTwo.scss */
/* line 42, ../sass/_AlbumManagementTwo.scss */
/* line 49, ../sass/_AlbumManagementTwo.scss */
/* line 52, ../sass/_AlbumManagementTwo.scss */
/* line 57, ../sass/_AlbumManagementTwo.scss */
/* line 59, ../sass/_AlbumManagementTwo.scss */
/* line 62, ../sass/_AlbumManagementTwo.scss */
/* line 68, ../sass/_AlbumManagementTwo.scss */
/* line 71, ../sass/_AlbumManagementTwo.scss */
/* line 76, ../sass/_AlbumManagementTwo.scss */
/* line 83, ../sass/_AlbumManagementTwo.scss */
/* line 93, ../sass/_AlbumManagementTwo.scss */
/* line 100, ../sass/_AlbumManagementTwo.scss */
/* line 106, ../sass/_AlbumManagementTwo.scss */
/* Album Photos
============================================*/
/* PhotoGallery =================================================*/
/* line 5, ../sass/_ViewAlbum.scss */
/* line 15, ../sass/_ViewAlbum.scss */
/* line 21, ../sass/_ViewAlbum.scss */
/* line 24, ../sass/_ViewAlbum.scss */
/* line 27, ../sass/_ViewAlbum.scss */
/* line 32, ../sass/_ViewAlbum.scss */
/* line 37, ../sass/_ViewAlbum.scss */
/* line 40, ../sass/_ViewAlbum.scss */
/* line 45, ../sass/_ViewAlbum.scss */
/* line 47, ../sass/_ViewAlbum.scss */
/* line 54, ../sass/_ViewAlbum.scss */
/* line 56, ../sass/_ViewAlbum.scss */
/* line 63, ../sass/_ViewAlbum.scss */
/* line 65, ../sass/_ViewAlbum.scss */
/* line 69, ../sass/_ViewAlbum.scss */
/* line 74, ../sass/_ViewAlbum.scss */
/* line 78, ../sass/_ViewAlbum.scss */
/* line 81, ../sass/_ViewAlbum.scss */
/* line 85, ../sass/_ViewAlbum.scss */
/* line 91, ../sass/_ViewAlbum.scss */
/* line 101, ../sass/_ViewAlbum.scss */
/* line 108, ../sass/_ViewAlbum.scss */
/* line 118, ../sass/_ViewAlbum.scss */
/* line 128, ../sass/_ViewAlbum.scss */
/* line 134, ../sass/_ViewAlbum.scss */
/* line 139, ../sass/_ViewAlbum.scss */
/* line 144, ../sass/_ViewAlbum.scss */
/* line 149, ../sass/_ViewAlbum.scss */
/* line 153, ../sass/_ViewAlbum.scss */
/* line 162, ../sass/_ViewAlbum.scss */
/* line 170, ../sass/_ViewAlbum.scss */
/* line 174, ../sass/_ViewAlbum.scss */
/* line 182, ../sass/_ViewAlbum.scss */
/* line 188, ../sass/_ViewAlbum.scss */
/* line 197, ../sass/_ViewAlbum.scss */
/* line 202, ../sass/_ViewAlbum.scss */
/* line 210, ../sass/_ViewAlbum.scss */
/*Lightbox CSS*/
/*TEMP*/
/* line 221, ../sass/_ViewAlbum.scss */
/* line 1, ../sass/_ImageUploader.scss */
/* line 6, ../sass/_ImageUploader.scss */
/* line 9, ../sass/_ImageUploader.scss */
/* line 13, ../sass/_ImageUploader.scss */
/* line 21, ../sass/_ImageUploader.scss */
/* line 25, ../sass/_ImageUploader.scss */
/* line 34, ../sass/_ImageUploader.scss */
/* line 41, ../sass/_ImageUploader.scss */
/* line 50, ../sass/_ImageUploader.scss */
/* line 55, ../sass/_ImageUploader.scss */
/* line 66, ../sass/_ImageUploader.scss */
/* line 70, ../sass/_ImageUploader.scss */
/* line 73, ../sass/_ImageUploader.scss */
/* line 76, ../sass/_ImageUploader.scss */
/* line 82, ../sass/_ImageUploader.scss */
/* line 84, ../sass/_ImageUploader.scss */
/* line 88, ../sass/_ImageUploader.scss */
/* line 90, ../sass/_ImageUploader.scss */
/* line 94, ../sass/_ImageUploader.scss */
/* line 96, ../sass/_ImageUploader.scss */
/* line 100, ../sass/_ImageUploader.scss */
/* line 110, ../sass/_ImageUploader.scss */
/* Sharing Settings*/
/* line 3, ../sass/_SharingSettings.scss */
/* line 7, ../sass/_SharingSettings.scss */
/* line 12, ../sass/_SharingSettings.scss */
/* line 17, ../sass/_SharingSettings.scss */
/* line 21, ../sass/_SharingSettings.scss */
/* line 35, ../sass/_SharingSettings.scss */
/* line 40, ../sass/_SharingSettings.scss */
/* line 45, ../sass/_SharingSettings.scss */
/* line 50, ../sass/_SharingSettings.scss */
/* line 60, ../sass/_SharingSettings.scss */
/* line 65, ../sass/_SharingSettings.scss */
/* line 76, ../sass/_SharingSettings.scss */
/* Rename Album*/
/* line 3, ../sass/_RenameAlbum.scss */
/* line 9, ../sass/_RenameAlbum.scss */
/* line 13, ../sass/_RenameAlbum.scss */
/* line 25, ../sass/_RenameAlbum.scss */
/* line 35, ../sass/_RenameAlbum.scss */
/* line 39, ../sass/_RenameAlbum.scss */
/* Delete Album*/
/* line 3, ../sass/_DeleteAlbum.scss */
/* line 7, ../sass/_DeleteAlbum.scss */
/* line 12, ../sass/_DeleteAlbum.scss */
/* line 16, ../sass/_DeleteAlbum.scss */
/* line 23, ../sass/_DeleteAlbum.scss */
/* line 28, ../sass/_DeleteAlbum.scss */
/* line 36, ../sass/_DeleteAlbum.scss */
/* Album Viewer*/
/* line 3, ../sass/_ExistingImageUploader.scss */
/* line 14, ../sass/_ExistingImageUploader.scss */
/* line 19, ../sass/_ExistingImageUploader.scss */
/* line 23, ../sass/_ExistingImageUploader.scss */
/* line 27, ../sass/_ExistingImageUploader.scss */
/* line 36, ../sass/_ExistingImageUploader.scss */
/* line 40, ../sass/_ExistingImageUploader.scss */
/* line 44, ../sass/_ExistingImageUploader.scss */
/* line 53, ../sass/_ExistingImageUploader.scss */
/* line 58, ../sass/_ExistingImageUploader.scss */
/* line 61, ../sass/_ExistingImageUploader.scss */
/* line 65, ../sass/_ExistingImageUploader.scss */
/* line 71, ../sass/_ExistingImageUploader.scss */
/* line 75, ../sass/_ExistingImageUploader.scss */
/* line 1, ../sass/_Utilities.scss */
.justified-gallery { width: 100%; position: relative; overflow: hidden; }
.justified-gallery > a { position: absolute; display: inline-block; overflow: hidden; opacity: 0; filter: alpha(opacity=0); position: absolute; display: inline-block; overflow: hidden; -moz-transition: 360ms all cubic-bezier(0.42, 0, 1, 1); -o-transition: 360ms all cubic-bezier(0.42, 0, 1, 1); -webkit-transition: 360ms all cubic-bezier(0.42, 0, 1, 1); transition: 360ms all cubic-bezier(0.42, 0, 1, 1); opacity: 0; margin: 4px; }
.justified-gallery > a > img { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; }
.justified-gallery > a > a > img { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; }
.justified-gallery > a > .caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000000; left: 0; right: 0; margin: 0; color: white; font-size: 12px; font-weight: 300; font-family: sans-serif; }
.justified-gallery > a > .caption.caption-visible { display: initial; opacity: 0.7; filter: "alpha(opacity=70)"; -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease; -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease; -o-animation: justified-gallery-show-caption-animation 500ms 0 ease; animation: justified-gallery-show-caption-animation 500ms 0 ease; }
.justified-gallery > a:hover { -moz-transition: 360ms all cubic-bezier(0, 0, 0.58, 1); -o-transition: 360ms all cubic-bezier(0, 0, 0.58, 1); -webkit-transition: 360ms all cubic-bezier(0, 0, 0.58, 1); transition: 360ms all cubic-bezier(0, 0, 0.58, 1); }
.justified-gallery > div { position: absolute; display: inline-block; overflow: hidden; opacity: 0; filter: alpha(opacity=0); position: absolute; display: inline-block; overflow: hidden; -moz-transition: 360ms all cubic-bezier(0.42, 0, 1, 1); -o-transition: 360ms all cubic-bezier(0.42, 0, 1, 1); -webkit-transition: 360ms all cubic-bezier(0.42, 0, 1, 1); transition: 360ms all cubic-bezier(0.42, 0, 1, 1); opacity: 0; margin: 4px; }
.justified-gallery > div > img { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; }
.justified-gallery > div > a > img { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; }
.justified-gallery > div > .caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000000; left: 0; right: 0; margin: 0; color: white; font-size: 12px; font-weight: 300; font-family: sans-serif; }
.justified-gallery > div > .caption.caption-visible { display: initial; opacity: 0.7; filter: "alpha(opacity=70)"; -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease; -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease; -o-animation: justified-gallery-show-caption-animation 500ms 0 ease; animation: justified-gallery-show-caption-animation 500ms 0 ease; }
.justified-gallery > div:hover { -moz-transition: 360ms all cubic-bezier(0, 0, 0.58, 1); -o-transition: 360ms all cubic-bezier(0, 0, 0.58, 1); -webkit-transition: 360ms all cubic-bezier(0, 0, 0.58, 1); transition: 360ms all cubic-bezier(0, 0, 0.58, 1); }
.justified-gallery > .entry-visible { opacity: 1.0; filter: alpha(opacity=100); -webkit-animation: justified-gallery-show-entry-animation 500ms 0 ease; -moz-animation: justified-gallery-show-entry-animation 500ms 0 ease; -o-animation: justified-gallery-show-entry-animation 500ms 0 ease; animation: justified-gallery-show-entry-animation 500ms 0 ease; }
.justified-gallery > .jg-filtered { display: none; }
.justified-gallery > .spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0 10px 0; left: 50%; opacity: initial; filter: initial; overflow: initial; }
.justified-gallery > .spinner > span { display: inline-block; opacity: 0; filter: alpha(opacity=0); width: 8px; height: 8px; margin: 0 4px 0 4px; background-color: #000; border-radius: 6px; }
.album__lightbox { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; z-index: 999; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.album__lightbox i { display: inline-block; color: white; font-size: 1.6em; }
.album__lightbox img { margin-right: auto; margin-left: auto; display: block; max-width: 80%; max-height: 80%; }
.album__lightbox .caption { width: 100%; margin-top: 10px; text-align: center; font-size: 1em; font-weight: 700; color: #eee; }
.album__lightbox .album__options__popup { width: auto; position: absolute; top: 0; right: 0; border-radius: 2px; overflow: hidden; box-shadow: 0 1px 3px #000000, 0 1px 2px #000000; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); z-index: 20; }
.album__lightbox .album__options__popup a { font-size: 1.1em; color: #000000; color: rgba(0, 0, 0, 0.7); }
.album__lightbox .album__options__popup a:hover { text-decoration: none; color: #000000; color: rgba(0, 0, 0, 0.7); }
.album__lightbox .album__options__popup li { cursor: pointer; background-color: white; padding: 22px 41px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; margin: 0; }
.album__lightbox .album__options__popup li:hover { background-color: #efefef; }
.album__lightbox--Back { position: absolute; left: 32px; top: 32px; }
.album__lightbox--Edit { position: absolute; right: 66px; top: 30px; }
.album__lightbox--OptionsContainer { right: 8px; position: absolute; top: 13px; padding: 18px; }
.album__lightbox--Prev { top: 60px; position: absolute; font-size: 4em !important; bottom: 60px; width: 10%; }
.album__lightbox--Prev:before { position: absolute; right: 4%; top: 50%; height: 40px; margin-top: -20px; vertical-align: middle; line-height: 40px; }
.album__lightbox--Next { position: absolute; top: 60px; right: 0; font-size: 4em !important; bottom: 60px; width: 10%; }
.album__lightbox--Next:before { position: absolute; top: 50%; left: 4%; height: 40px; margin-top: -20px; vertical-align: middle; line-height: 40px; }
.album__lightbox__container { position: absolute; width: 80%; height: 100%; left: 10%; }
.album__lightbox__container img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 80%; max-height: 80%; }
#AddAlbum { display: none; position: absolute; left: 30%; width: 40%; z-index: 999; }
#AlbumManagement .albumManagementTwo { position: relative; background-color: White; min-height: 627px; background: #FFFFFF; padding: 0px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
#AlbumManagement .albumManagementTwo:after { content: ""; display: table; clear: both; }
#AlbumManagement .albumManagementTwo em { display: inline-block; color: black; font-size: 1.65em; cursor: pointer; }
#AlbumManagement #albums { height: 100%; }
#AlbumManagement .albumManagementTwo__addAlbum { position: absolute; right: 3px; top: -50px; }
#AlbumManagement .albumManagementTwo__addAlbum #AddAlbumButton { -moz-transition: 200ms all cubic-bezier(0.17, 0.67, 0.83, 0.67); -o-transition: 200ms all cubic-bezier(0.17, 0.67, 0.83, 0.67); -webkit-transition: 200ms all cubic-bezier(0.17, 0.67, 0.83, 0.67); transition: 200ms all cubic-bezier(0.17, 0.67, 0.83, 0.67); }
#AlbumManagement .albumManagementTwo__addAlbum #AddAlbumButton:hover { color: rgba(0, 0, 0, 0.7); }
#AlbumManagement .albumOwner { opacity: 0; -moz-transition: 150ms opacity cubic-bezier(0, 0, 0.58, 1); -o-transition: 150ms opacity cubic-bezier(0, 0, 0.58, 1); -webkit-transition: 150ms opacity cubic-bezier(0, 0, 0.58, 1); transition: 150ms opacity cubic-bezier(0, 0, 0.58, 1); margin: 0 11px; position: absolute; top: 18px; left: 0; color: rgba(0, 0, 0, 0.7); font-size: 12px; line-height: 0; }
#AlbumManagement .albumOptions__add { opacity: 0; -moz-transition: 150ms opacity cubic-bezier(0, 0, 0.58, 1); -o-transition: 150ms opacity cubic-bezier(0, 0, 0.58, 1); -webkit-transition: 150ms opacity cubic-bezier(0, 0, 0.58, 1); transition: 150ms opacity cubic-bezier(0, 0, 0.58, 1); }
#AlbumManagement .album__item { position: relative; float: left; width: 32.33%; margin: 0.5%; cursor: pointer; -moz-transition: 500ms all ease; -o-transition: 500ms all ease; -webkit-transition: 500ms all ease; transition: 500ms all ease; background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.26), transparent 56px, transparent); background: linear-gradient(to top, rgba(0, 0, 0, 0.26), transparent 56px, transparent); }
#AlbumManagement .album__item:hover { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-transition: all 150ms cubic-bezier(0.42, 0, 1, 1); -o-transition: all 150ms cubic-bezier(0.42, 0, 1, 1); -webkit-transition: all 150ms cubic-bezier(0.42, 0, 1, 1); transition: all 150ms cubic-bezier(0.42, 0, 1, 1); }
#AlbumManagement .album__item:hover .albumOwner { opacity: 1; -moz-transition: 150ms opacity cubic-bezier(0.42, 0, 1, 1); -o-transition: 150ms opacity cubic-bezier(0.42, 0, 1, 1); -webkit-transition: 150ms opacity cubic-bezier(0.42, 0, 1, 1); transition: 150ms opacity cubic-bezier(0.42, 0, 1, 1); }
#AlbumManagement .album__item:hover .albumOptions__add { opacity: 1; -moz-transition: 150ms opacity cubic-bezier(0.42, 0, 1, 1); -o-transition: 150ms opacity cubic-bezier(0.42, 0, 1, 1); -webkit-transition: 150ms opacity cubic-bezier(0.42, 0, 1, 1); transition: 150ms opacity cubic-bezier(0.42, 0, 1, 1); }
#AlbumManagement .album__item:nth-child(3) { margin-right: 0; }
#AlbumManagement .album__item * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#AlbumManagement .album__item__image { position: relative; width: 100%; height: 200px; display: block; overflow: hidden; }
#AlbumManagement .album__item__image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#AlbumManagement .album__item__info { position: absolute; left: 0; bottom: 0; z-index: 2; color: white; width: 100%; height: 84%; pointer-events: none; }
#AlbumManagement .album__item__title { color: white; font-size: 1.3em; display: inline-block; margin-bottom: 4px; margin-top: 47px; background: rgba(0, 0, 0, 0.8); max-width: 60%; padding: 0 10px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 2.1; }
#AlbumManagement .album__item__desc { font-size: 0.85em; background: rgba(0, 0, 0, 0.8); padding: 0 10px; line-height: 1.8; position: relative; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 83%; max-height: 64px; }
#album .photoalbum__header.grid_12 { width: 100%; overflow: visible; }
#album .photogallery.grid_12 { width: 100%; margin: 0; }
#album .photo__add__options { display: none; position: absolute; z-index: 999; }
#album .photoalbum__header { position: relative; }
#album .photoalbum__header em { display: inline; color: black; font-size: 1.25em; cursor: pointer; }
#album .photoalbum__header em:hover { color: #333333; }
#album .photoalbum__header h1 { display: inline; color: black; font-size: 1.65em; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-left: 34px; margin-top: 3px; }
#album .photoalbum__header .grid_12 { overflow: visible; }
#album .photoalbum__header .row { margin: 0 !important; width: 100% !important; }
#album .photoalbum__header--left { height: 55px; position: relative; }
#album .photoalbum__header--left em { margin-right: 10px; }
#album .photoalbum__header--left a { text-decoration: none; cursor: pointer; position: absolute; top: 7px; }
#album .photoalbum__header--left #errorMessage { color: #D9534F; margin-left: 28px; font-size: 1.1em; font-weight: 500; }
#album .photoalbum__header--right { position: absolute; top: 0; right: 0; }
#album .photoalbum__header--right em { margin-right: 10px; font-size: 1.55em; margin-left: 10px; }
#album .photoalbum__header--right a { text-decoration: none; cursor: pointer; top: 7px; }
#album .photoalbum__header--right .photoalbum__options { float: right; margin-top: 7px; }
#album .photoalbum__header--right .photoalbum__options .photo__add { float: left; margin-right: 2px; }
#album .photoalbum__header--right .photoalbum__options .photo__options { display: inline-block; overflow: hidden; -moz-transition: 200ms all cubic-bezier(0.17, 0.67, 0.83, 0.67); -o-transition: 200ms all cubic-bezier(0.17, 0.67, 0.83, 0.67); -webkit-transition: 200ms all cubic-bezier(0.17, 0.67, 0.83, 0.67); transition: 200ms all cubic-bezier(0.17, 0.67, 0.83, 0.67); width: 0; }
#album .photoalbum__header--right .photoalbum__options .photo__options.open { width: 43px; }
#album .photoalbum__header--right .photoalbum__options .photo__options--image { width: 100px; }
#album .photoalbum__header--right .photoalbum__options .album__options { position: relative; float: right; }
#album .photoalbum__header--right .photoalbum__options .album__options a { font-size: 1.1em; color: #000000; color: rgba(0, 0, 0, 0.7); }
#album .photoalbum__header--right .photoalbum__options .album__options a:hover { text-decoration: none; color: #000000; color: rgba(0, 0, 0, 0.7); }
#album .photoalbum__header--right .photoalbum__options .album__options__popup { position: absolute; top: 0; right: 0; border-radius: 2px; overflow: hidden; box-shadow: 0 1px 3px #000000, 0 1px 2px #000000; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); z-index: 20; width: auto; }
#album .photoalbum__header--right .photoalbum__options .album__options__popup li { cursor: pointer; background-color: white; padding: 22px 41px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; margin: 0; }
#album .photoalbum__header--right .photoalbum__options .album__options__popup li:hover { background-color: #efefef; }
#album .photogallery { position: relative; padding: 12px; background-color: White; box-shadow: 0 1px 3px #000000, 0 1px 2px #000000; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); height: 600px !important; overflow-y: scroll; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#album .photogallery__item { cursor: pointer; }
#album .photogallery__item.error { border: 3px solid red; }
#album .photogallery__item em { position: absolute; top: 12px; left: 13px; color: white; font-size: 2em; opacity: 0.5; pointer-events: all; padding: 1px; }
#album .photogallery__item:hover { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
#album .photogallery__item:hover .photogallery__item__selector { background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.26), transparent 56px, transparent); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.26), transparent 56px, transparent); opacity: 1; }
#album .photogallery__item:hover .photogallery__item__selector em { display: block; }
#album .photogallery__item:hover .photogallery__item__selector em:hover { opacity: 0.9; -moz-transition: 250ms all ease; -o-transition: 250ms all ease; -webkit-transition: 250ms all ease; transition: 250ms all ease; }
#album .photogallery__item .photogallery__item__selector { position: absolute; width: 100%; height: 100%; opacity: 0; pointer-events: none; -moz-transition: 250ms all ease; -o-transition: 250ms all ease; -webkit-transition: 250ms all ease; transition: 250ms all ease; z-index: 10; }
#album .photogallery__item img { width: 100%; }
#album .photogallery__item__selector--selected { position: absolute; opacity: 1; z-index: 10; width: 100%; height: 100%; pointer-events: none; background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.26), transparent 56px, transparent); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.26), transparent 56px, transparent); }
#album .photogallery__item__selector--selected em { position: absolute; top: 12px; left: 13px; display: block; color: white; font-size: 2em; opacity: 1; pointer-events: all; }
.albumOptions .album__options__popup { position: absolute; top: 0; right: 0; border-radius: 2px; overflow: hidden; box-shadow: 0 1px 3px #000000, 0 1px 2px #000000; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); z-index: 20; width: auto; }
.albumOptions .album__options__popup a { font-size: 1.1em; color: #000000; color: rgba(0, 0, 0, 0.7); }
.albumOptions .album__options__popup a:hover { text-decoration: none; color: #000000; color: rgba(0, 0, 0, 0.7); }
.albumOptions .album__options__popup li { cursor: pointer; background-color: white; padding: 22px 41px; margin: 0; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; }
.albumOptions .album__options__popup li:hover { background-color: #efefef; }
.grid_9 { overflow: visible !important; }
#ImageUploader { position: fixed; top: 50%; left: 50%; max-width: 645px; width: 60%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: white; padding: 12px; border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
#ImageUploader * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#ImageUploader .row { margin: 0 !important; width: 100% !important; }
#ImageUploader #AlbumName { width: 100%; padding: 12px 7px; border: 0; border-bottom: 5px solid #353E49; font-size: 2.2em; box-sizing: content-box; max-width: 87%; }
#ImageUploader #AlbumName:focus { border-bottom: 5px solid #1E87E4 !important; }
#ImageUploader .AddAlbum__Close { position: relative; width: 8%; display: block; height: 70px; float: right; font-size: 1.9em; }
#ImageUploader .AddAlbum__Close i { display: block; position: absolute; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; cursor: pointer; }
#ImageUploader .AddAlbum__Close i:hover { color: rgba(0, 0, 0, 0.7); }
#ImageUploader .imageUpload__fileName { position: absolute; left: 5%; bottom: 0; width: 90%; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; }
#ImageUploader .AlbumGallery { height: 300px; position: relative; border: 2px solid #000000; border: 2px solid rgba(0, 0, 0, 0.2); padding: 3px; margin: 11px 0; overflow-y: scroll; }
#ImageUploader .AlbumGallery__item { float: left; padding: 9.9%; width: 0; overflow: hidden; position: relative; margin: 0.1%; }
#ImageUploader .AlbumGallery__item .fa-spin { position: absolute; font-size: 1.5em; left: 39%; top: 45%; display: inline; }
#ImageUploader .AlbumGallery__item .fa-file-pdf-o { font-size: 2.5em; left: 36%; top: 32%; }
#ImageUploader .AlbumGallery__item img { top: 40%; position: absolute; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 80%; max-width: 100%; }
#ImageUploader .AddAlbum__options .row { width: 50% !important; display: block; float: left; }
#ImageUploader .AddAlbum__options button, #ImageUploader .AddAlbum__options .t-grid .t-button, .t-grid #ImageUploader .AddAlbum__options .t-button { background: #696969; color: white; border: none; }
#ImageUploader .AddAlbum__options button:hover, #ImageUploader .AddAlbum__options .t-grid .t-button:hover, .t-grid #ImageUploader .AddAlbum__options .t-button:hover { background: #838383; }
#ImageUploader #FileUpload { display: none; }
#ImageUploader #file #AddAlbum #UploadExisting { width: 250px; }
#ImageUploader .AddAlbum__options__social em { display: inline-block; cursor: pointer; font-size: 2.8em; margin: 7px 2px; }
#ImageUploader .AddAlbum__options__social em.fa-facebook-square { color: #3B5999; }
#ImageUploader .AddAlbum__options__social em.fa-facebook-square:hover { color: #4d70ba; }
#ImageUploader .AddAlbum__options__social em.fa-instagram { color: #DE4B39; }
#ImageUploader .AddAlbum__options__social em.fa-instagram:hover { color: #e57365; }
#ImageUploader .AddAlbum__options__social em.fa-dropbox { color: #54ABEE; }
#ImageUploader .AddAlbum__options__social em.fa-dropbox:hover { color: #82c2f3; }
#ImageUploader #AddAlbum__Done button, #ImageUploader #AddAlbum__Done .t-grid .t-button, .t-grid #ImageUploader #AddAlbum__Done .t-button { background-color: #353E49; color: white; float: right; }
#ImageUploader #AddAlbum__Done button:hover, #ImageUploader #AddAlbum__Done .t-grid .t-button:hover, .t-grid #ImageUploader #AddAlbum__Done .t-button:hover { background: #5d656d; }
#ImageUploader #AddAlbum__Loading { float: right; position: relative; top: 13px; margin: 0 9px 0 4px; }
#ImageUploader #AddAlbum__Loading i { display: inline; font-size: 1.8em; }
#ImageUploader #AddAlbum__FileLimit { display: block; float: right; line-height: 54px; height: 37px; margin-right: 10px; }
#ImageUploader #imageErrors .imageError { margin: 8px 0; }
.AlbumGallery__item.albumItemLoading .fa-times { position: absolute; top: 40%; left: 50%; display: block; color: white; font-size: 25px; display: none; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: rgba(98, 98, 98, 0.3); width: 40px; height: 40px; border-radius: 50%; padding: 6.3px 9.7px; z-index: 999; }
.AlbumGallery__item.albumItemLoading:hover .fa-times { display: block; }
.AlbumGallery__item.albumItemLoading .fa-times:hover { background: rgba(98, 98, 98, 0.5); }
.albumManagement__sharingSettings { display: none; }
.albumManagement__sharingSettings #individualCategoryShares { max-height: 105px; overflow-y: auto; padding: 10px 17px; background-color: #fafafa; margin: 7px 0; }
.albumManagement__sharingSettings #individualProductShares { max-height: 105px; overflow-y: auto; padding: 10px 17px; background-color: #fafafa; margin: 7px 0; }
.albumManagement__sharingSettings .row { margin: 10px 0; }
.albumManagement__sharingSettings input { margin: 10px 2px 0 0 !important; }
.albumManagement__sharingSettings label { font-size: 1.1em; margin-left: 9px; display: inline-block; }
.albumManagement__sharingSettings #CustomerRoleId { margin-left: 8px; padding: 4px; }
.albumManagement__sharingSettings.albumManagementSettings { max-width: 350px; padding: 22px; width: 100%; }
#categoryShare ~ #individualCategoryShares { display: none; }
#categoryShare:checked ~ #individualCategoryShares { display: block; }
#productShare ~ #individualProductShares { display: none; }
#productShare:checked ~ #individualProductShares { display: block; }
#AlbumSharingSubContainer #SaveSharingType { background-color: #353E49; padding: 11px 20px; border-radius: 4px; color: white; font-size: 1.1em; float: right; text-align: center; margin-top: 10px; cursor: pointer; }
#AlbumSharingSubContainer #SaveSharingType:hover { background: #5d656d; }
#AlbumSharingSubContainer #CancelSharing { background-color: #696969; padding: 11px 20px; border-radius: 4px; color: white; font-size: 1.1em; float: left; text-align: center; cursor: pointer; margin-top: 10px; margin-left: 0; }
#AlbumSharingSubContainer #CancelSharing:hover { background: #838383; }
.albumManagement__renameAlbum { display: none; width: 80%; max-width: 548px; }
.albumManagement__renameAlbum .albumManagementContainer { height: 100%; }
.albumManagement__renameAlbum #renameAlbum__Name { width: 90%; float: left; margin: 0; height: 58px; padding: 10px 13px; border: none; border-bottom: 5px solid #353E49; font-size: 2.2em; max-width: 90%; }
.albumManagement__renameAlbum #renameAlbum__Done { right: -3px; position: absolute; background: #353E49; border-bottom-right-radius: 4px; color: white; font-size: 1.2em; border-top-right-radius: 4px; display: block; height: 100%; text-align: center; line-height: 57px; margin: 0; }
.albumManagement__renameAlbum #renameAlbum__Done:hover { background: #5d656d; }
.albumManagement__renameAlbum #renameAlbum__Done:hover ~ input { border-bottom: 5px solid #5d656d; }
.albumManagement__deleteAlbum { display: none; }
.albumManagement__deleteAlbum .row { margin: 0 !important; width: 100% !important; }
.albumManagement__deleteAlbum label { background: #696969; color: white; padding: 11px 25px; display: inline-block; border-radius: 5px; }
.albumManagement__deleteAlbum label:hover { background: #838383; }
.albumManagement__deleteAlbum.albumManagementSettings { padding: 17px; max-width: 235px; width: 100%; }
.deleteAlbum__error { width: 170px; display: block; color: #D9534F; padding: 3px 0 17px; font-weight: 500; }
#deleteAlbum--No { float: left; }
#deleteAlbum--Yes { float: right; }
#ExistingImageUploader { display: none; position: absolute; top: 0; left: 10%; width: 80%; background: white; padding: 12px; border-radius: 2px; box-shadow: 0 1px 3px #000000, 0 1px 2px #000000; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
#ExistingImageUploader #AddExistingAlbumViewer { display: none; position: absolute; z-index: 40; width: 499px; }
#ExistingImageUploader #AddExistingAlbumViewer * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#ExistingImageUploader #AddExistingAlbumViewer .row { margin: 0 !important; width: 100% !important; }
#ExistingImageUploader #ExistingImageUploader__Cancel { padding: 10px 20px; border-radius: 4px; color: white; font-size: 1.1em; text-align: center; cursor: pointer; background: gray; float: left; }
#ExistingImageUploader #ExistingImageUploader__AddImages { padding: 10px 20px; border-radius: 4px; color: white; font-size: 1.1em; text-align: center; cursor: pointer; background: #2E7C32; float: right; }
#ExistingImageUploader #ExistingImageViewer { height: 309px; position: relative; left: 0; margin: 3px 0 15px; border: 2px solid rgba(0, 0, 0, 0.23); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; }
#ExistingImageUploader .ExistingImageViewer__Folder { padding: 9px; border-bottom: 1px solid gray; }
#ExistingImageUploader .ExistingImageViewer__Folder:hover { background: rgba(46, 124, 50, 0.1); }
#ExistingImageUploader .ExistingImageViewer__Folder #albumName { font-size: 1.15em; font-weight: bold; letter-spacing: 0.5px; line-height: 1.6; }
#ExistingImageUploader .ExistingImageViewer__Folder #albumDescription { font-size: 0.9em; margin-left: 6px; }
#ExistingImageUploader .ExistingImageViewer__Folder .fa { color: black; display: inline-block; padding: 4px; }
#ExistingImageUploader .ExistingImageViewer__Folder--selected { padding: 9px; border-bottom: 1px solid gray; background-color: #2E7C32; color: white; }
.albumManagementSettings { position: fixed; z-index: 999; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: white; border-radius: 2px; box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }
#imageErrorModal { display: none; position: fixed; top: 50%; padding: 20px; background-color: white; border-radius: 4px; box-shadow: 0 1px 3px #000,0 1px 2px #000; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999; }
#imageErrorModal .row { width: 100%; margin: 0; display: block; }
#imageErrorModal h3, #imageErrorModal footer h4, footer #imageErrorModal h4, #imageErrorModal footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv #imageErrorModal .enter-address-title, #imageErrorModal .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer #imageErrorModal .enter-address-title { color: #D9534F; margin: 0; }
#imageErrorModal #imageErrors { margin: 12px 0 27px; }
#imageErrorModal #imageError__Close { float: right; background-color: #696969; color: white; border: none; }
.photoalbum__header.grid_12 .row { overflow: visible; }
#albums .albumOptions__add { height: 40px; width: 40px; position: absolute; top: 0; right: 0; }
#albums .albumOptions__add i { display: block; position: absolute; top: 9px; right: 12px; font-size: 1.8em; color: rgba(0, 0, 0, 0.7); }
.albumManagementTwo__albumPaging { float: right; /* li { display: inline-block; margin-top: 18px; background: #ccc; &:hover { background: #aaa; } a { display: block; color: white !important; padding: 0 7px; display: block; height: 31px; line-height: 31px; transition: 300ms all ease; &:hover { text-decoration: none; } } } li.active { background: #1E87E4; &:hover { background: #1876D1; } } i { display: inline-block; font-size: 15px; padding: 0 5px; height: 31px; line-height: 31px; cursor: pointer; margin: 0; }*/ }
.albumManagementTwo__albumPaging li { margin: 0; opacity: 1; }
.albumManagementTwo__albumPaging li.active { opacity: 0.3; }
.albumManagementTwo__albumSearch { display: none; position: absolute; top: -44px; right: 61px; }
.albumManagementTwo__albumSearch input { font-size: 17px; padding: 7px; margin: 0; border: 0; background: #eee; width: 100%; border-radius: 2px; }
.albumManagementTwo__albumSearch input:focus { border: none; }
.albumManagementTwo__albumSearch .icon { position: absolute; right: -6px; display: inline-block; top: 10px; }
.albumManagementTwo__albumSearch .icon i { display: block; }
@media (max-width: 959px) { #AlbumManagement .album__item { width: 49%; }
#AlbumManagement .album__item:nth-child(3) { margin-right: 1%; }
#AlbumManagement .album__item:nth-child(even) { margin-right: 0; }
#album .photogallery__item { width: 48%; }
#ImageUploader { width: 75%; } }
@media (max-width: 479px) { #AlbumManagement .album__item { width: 100%; margin-bottom: 1.5%; }
#AlbumManagement .album__item:nth-child(even) { margin-right: 1%; }
#album .photogallery__item { width: 92%; } }
@media (max-width: 767px) { #album .photogallery__item { width: 47%; }
#ImageUploader { width: 90%; }
.albumManagementTwo__albumSearch { position: static; width: 99.2%; margin: 6px 1px; } }
@media (max-width: 768px) { #ImageUploader .AlbumGallery__item .fa-file-pdf-o { font-size: 5vw; left: 33%; top: 30%; } }
@media screen and (max-width: 480px) { .albumManagement__renameAlbum { display: none; width: 90%; max-width: 548px; }
#album .photoalbum__header em { font-size: 1.3em; }
#album .photoalbum__header h1 { font-size: 1.3em; }
#album .photoalbum__header--right em { font-size: 1.6em; margin-left: 0; }
#album .photoalbum__header--right .photoalbum__options .photo__options.open { width: 35px; } }
@media screen and (max-width: 768px) { .albumManagement__renameAlbum #renameAlbum__Done { padding: 11.8px 10px 19px; }
.albumManagement__renameAlbum #renameAlbum__Name { font-size: 1.25em; width: 90%; } }
.jcarousel-skin-tango .jcarousel-clip-horizontal { position: relative; overflow: hidden; height: auto !important; }
ul.jcarousel-list.jcarousel-list-horizontal { width: 20000em !important; position: relative; /* Optional, required in this case since it's a <ul> element*/ list-style: none; margin: 0; padding: 0; }
.jcarousel-skin-tango .jcarousel-item { /* Required only for block elements like <li>'s */ float: left; width: auto !important; height: auto !important; }
#batchPreviewArea { margin-bottom: 20px; }
.jcarousel-item-horizontal img { max-width: 100% !important; height: auto !important; }
/* =======SHIPPING PAGE==================== */
.customer-addresses .address-item .buttonWrapper { position: relative; }
.customer-addresses .select-button { position: absolute; right: 0; }
.customer-addresses .address_text { padding: 5px; }
.customer-addresses .address_text div { padding-bottom: 2px; border-bottom: 1px dashed #eee; margin-bottom: 3px; }
/* =======CUSTOMER PAGES= ORDERS=================== */
.order-item .buttons { float: right; padding: 10px; }
.order-item .content { float: left; }
.address-item .buttons { float: right; padding: 10px; }
.address-item .content { float: left; }
.addAddressButtonWrapper { float: right; }
/* =======EDIT ADDRESS==================== */
.saveAddressButtons { text-align: left; }
/* =======ALBUMS==================== */
.albumItemContainer { float: left; width: 20%; max-width: 177px; height: 215px; overflow: hidden; position: relative; }
.albumItemContainer .marker { padding: 0px; margin: 0px; }
.fileinput-button { float: none !important; }
.imageItem { width: 177px; height: 150px; overflow: hidden; background: #ccc; border: 1px solid #EEEEEE; margin-bottom: 10px; }
.imageItem img { min-height: 150px; min-width: 177px; }
/* =======CUSTOMER PAGES==================== */
.externalToken { text-overflow: ellipsis; overflow: hidden; width: 300px; }
.button { text-align: right; margin-top: 10px; }
/* Sign Up
======================================*/
.albumManagement .currentSelectedAlbum { background-image: none; background-color: #353E49; }
/* Admin
======================================*/
.account-page { min-height: 500px; margin-bottom: 30px; }
.account-page h1 { margin-top: 2rem; }
@media (min-width: 960px) { .account-page .customer-info-box { max-width: 444px; } }
.account-page .customer-info-box .section-body { background: #FFFFFF; padding: 19px 27px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; margin-bottom: 18px; margin-top: 8px; }
.account-page .customer-info-box .section-body:last-of-type { margin-top: 0; }
.account-page .customer-addresses { overflow: auto; max-height: 600px; padding: 3px; border-radius: 4px; border: 1px solid #ddd; }
.account-page .customer-addresses th, .account-page .customer-addresses td { display: table-cell; min-width: 82px; padding: 3px; }
@media (max-width: 959px) { .account-page .customer-addresses th, .account-page .customer-addresses td { margin-top: 9px; font-size: 0.9rem; } }
@media (min-width: 960px) { .account-page .customer-addresses th, .account-page .customer-addresses td { text-align: center; } }
.account-page .address-item, .account-page .order-item, .account-page .addAddressTable, .account-page .editAddressTable { background: #FFFFFF; padding: 13px 19px 13px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; margin-bottom: 4px; }
@media (min-width: 960px) { .account-page .address-item th, .account-page .order-item th, .account-page .addAddressTable th, .account-page .editAddressTable th { border-bottom: 1px solid #eee; } }
@media (min-width: 960px) { .account-page .address-item tr th:nth-child(4) td:first-child, .account-page .address-item tr td:nth-child(4) td:first-child { text-align: right; } }
.account-page .address-item tr th:nth-child(4) td:nth-child(2), .account-page .address-item tr td:nth-child(4) td:nth-child(2) { text-align: left; }
.account-page input[type="button"], .account-page input[type="reset"], .account-page input[type="submit"] { float: right; margin-left: 5px; }
.account-page .albumManagement, .account-page .albumContentList, .account-page .uploadControl { background: #FFFFFF; padding: 20px 23px 17px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; margin-bottom: 10px; display: inline-block; width: 100%; }
.account-page #imageControls { padding: 0 29px; }
.account-page .customer-pass-recovery { background: #FFFFFF; padding: 20px 23px 17px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
@media (min-width: 960px) { .account-page .customer-pass-recovery { max-width: 426px; } }
.account-page .customer-pass-recovery .button { float: none; width: 100%; margin-top: 12px; }
/* Deposit Photos */
.depositPhotos { margin-top: 28px; }
.depositPhotos .logo { padding: 10px 0 15px; max-width: 100%; width: 100%; }
.depositPhotos .logo img { max-width: 130px; }
.depositPhotos .ImgSearch { margin-bottom: 2px; }
.depositPhotos .ImgSearch .ddSort { width: 27.5%; margin: 0; }
.depositPhotos .ImgSearch #search { width: 55%; margin: 0 0 0 1%; }
.depositPhotos .ImgSearch .btnSearch { width: 15%; margin: 0 0 0 1%; padding: 0; }
.depositPhotos .deposit-select-image-data { margin-bottom: 7px; }
.depositPhotos .deposit-select-image-data h5 { font-size: 13px; margin-bottom: 7px; }
.depositPhotos .deposit-select-image-data .depositphoto-item { clear: both; background: #e5e5e5; border-radius: 5px; padding: 16px 0; margin: 10px 4%; }
.depositPhotos .deposit-select-image-data .depositphoto-item:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.depositPhotos .deposit-select-image-data .depositphoto-item label { font-weight: normal; padding-left: 5px; vertical-align: 2px; padding-right: 0; }
.depositPhotos .deposit-select-image-data #startUploadBtn { position: absolute; bottom: -50px; right: -2px; z-index: 9; }
.depositPhotos .ImgPlugPhotos { background: #55606E; border-radius: 4px; padding: 6px; box-sizing: border-box; margin: 4px 0 4px; height: 184px; overflow-y: scroll; }
.depositPhotos .upload span, .depositPhotos .ImgPlugPaging span { background: #353E49; }
.depositPhotos .dp-media-container { min-height: 259px; }
.depositPhotos .dp-media-license { width: 100%; display: inline-block; }
.depositPhotos .dp-media-license h3, .depositPhotos .dp-media-license footer h4, footer .depositPhotos .dp-media-license h4, .depositPhotos .dp-media-license footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .depositPhotos .dp-media-license .enter-address-title, .depositPhotos .dp-media-license .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .depositPhotos .dp-media-license .enter-address-title { width: 26%; float: left; padding-right: 11px; margin: 0; }
.depositPhotos .dp-media-license > div { width: 100%; }
.depositPhotos .dp-media-license div { float: left; margin-left: 3px; }
.depositPhotos .dp-media-size { display: inline-block; width: 70%; float: right; }
.depositPhotos .dp-media-size div { float: left; width: 83%; margin-left: 7px; }
.depositPhotos .dp-media-size h4, .depositPhotos .dp-media-size .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv .depositPhotos .dp-media-size .enter-address-title { float: left !important; margin: 0; width: 14%; }
.depositPhotos .dp-media-size span { float: left; display: block; background: white; color: #222; padding: 2px 6px 2px; margin: 0 4px 6px 0; border-radius: 5px; }
.depositPhotos .dp-media-size span:hover { background: #dddddd; }
.depositPhotos .dp-media-license { margin: 10px 0; width: 70%; float: right; }
.depositPhotos .dp-media-license h4, .depositPhotos .dp-media-license .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv .depositPhotos .dp-media-license .enter-address-title { float: left !important; margin: 0; text-align: right; width: 14%; }
.depositPhotos .dp-media-license div { width: 83%; }
.depositPhotos .dp-media-container { min-height: 203px; max-height: 260px; overflow-y: auto; margin-bottom: 10px; background: #42464c; border-radius: 5px; }
.depositPhotos .licence--standard { float: left; }
.depositPhotos .dp-licence--standard label, .depositPhotos .dp-licence--extended label { font-size: 14px; }
.depositPhotos .dp-media-container .ImgPlugImageSelect { height: auto; float: left; width: 20%; margin: 1% 3%; }
/* Order Line Items */
.orderLineItems #searchBtn { text-indent: -9999px; overflow: hidden; width: 27px; display: inline-block; vertical-align: -5px; margin-left: 4px; position: relative; }
.orderLineItems #searchBtn:hover:before { color: #49515b; }
.orderLineItems #searchBtn:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f002"; position: absolute; top: 0; left: 0; font-size: 21px; color: #353E49; text-indent: 0; }
/* Orders */
.orders_v2 { padding-left: 10px; display: block; font-family: Helvetica, Arial, sans-serif; margin-top: 30px; background: #FFFFFF; padding: 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.orders_v2:after { content: ""; display: table; clear: both; }
.orders_v2 * { box-sizing: content-box; }
.orders_v2 ul { list-style: none; padding: 0; margin: 0; text-indent: 0; }
.orders_v2 li { list-style: none; padding: 0; margin: 0; }
.orders_v2 .orders_row { position: relative; float: left; margin-bottom: 10px; background-color: transparent; width: 100%; display: flex; justify-content: space-between; align-items: center; }
.orders_v2 .orders_row .filter_label { display: inline-block; font-size: 15px; }
.orders_v2 .orders_halfrow { position: relative; float: left; margin-bottom: 10px; background-color: transparent; width: 50%; }
.orders_v2 .order_show { position: relative; float: left; width: 100%; }
.orders_v2 .order_toggle_filter { position: relative; float: right; width: 12.7%; padding-left: 1%; padding-right: 1%; margin-left: 1%; height: 25px; text-align: center; text-decoration: none; color: #fff; line-height: 25px; vertical-align: middle; }
.orders_v2 .order_Pending { background-color: #196ea9; }
.orders_v2 .order_Pending:hover { background-color: #196ea9 !important; color: #fff !important; }
.orders_v2 .order_Unpaid { background-color: #25686e; }
.orders_v2 .order_Unpaid:hover { background-color: #25686e !important; color: #fff !important; }
.orders_v2 .order_Processing { background-color: #ffa600; }
.orders_v2 .order_Processing:hover { background-color: #ffa600 !important; color: #fff !important; }
.orders_v2 .order_Complete { background-color: #81df20; }
.orders_v2 .order_Complete:hover { background-color: #81df20 !important; color: #fff !important; }
.orders_v2 .order_Cancelled { background-color: #e11e21; }
.orders_v2 .order_Cancelled:hover { background-color: #e11e21 !important; color: #fff !important; }
.orders_v2 .order_All { background-color: #2b3238; color: #fff !important; }
.orders_v2 .order_All:hover { background-color: #2b3238 !important; color: #fff !important; }
.orders_v2 .default { opacity: 1; background-color: #f2f2f2; color: #808080 !important; }
.orders_v2 .order_filt { position: relative; float: left; width: 0; }
.orders_v2 .order_filt select { position: relative; float: left; width: 49%; padding: 0; height: 25px; border: solid 2px #e5e5e5; }
.orders_v2 .order_filt .order_txt { width: 49%; margin-right: 1%; text-align: right; }
.orders_v2 .order_txt { position: relative; float: left; height: 25px; line-height: 25px; vertical-align: middle; color: #252525; }
.orders_v2 .order_sort { position: relative; float: left; width: 100%; }
.orders_v2 .order_sort .order_txt { line-height: 37px; }
.orders_v2 .order_sort select { box-sizing: border-box; margin-left: 10px; }
.orders_v2 .orders_page_title { margin: 0; font-size: 20px; }
.orders_v2 .order_page_select_container { position: relative; float: right; }
.orders_v2 .order_page_select_container .order_page_but { position: relative; float: left; width: 25px; height: 25px; line-height: 20px; vertical-align: middle; text-align: center; margin-left: 5px; background-color: #e5e5e5; color: #828080; border: 0; padding: 0; }
.orders_v2 .order_page_select_container .order_page_but:hover { background-color: #353E49; text-decoration: none; color: #fff; }
.orders_v2 .order_page_select_container .order_page_state { position: relative; float: left; width: 58px; height: 25px; line-height: 26px; vertical-align: middle; text-align: center; margin-left: 5px; background-color: #e5e5e5; color: #828080; border: 0; padding: 0; }
.orders_v2 .inactive { opacity: .5; background-color: #e5e5e5 !important; color: #f2f2f2 !important; cursor: default; }
.orders_v2 .active { opacity: 1; }
.orders_v2 .current { background-color: #353E49 !important; color: #fff !important; }
.orders_v2 .order_container { position: relative; float: left; width: 100%; background-color: #e5e5e5; }
.orders_v2 .order_container .order_details { position: relative; float: left; width: 29%; padding: 2%; background: #f2f2f2; background-image: linear-gradient(to bottom, #f7f7f7 0, #e5e5e5 100%); }
.orders_v2 .order_container ul { margin-bottom: 13px; }
.orders_v2 .order_container ul li { margin-bottom: 2px; color: #7f7f7f; }
.orders_v2 .order_container .order_show_details_but { position: relative; float: left; width: 80%; line-height: 36px; text-align: center; background-color: #353E49; color: #ffffff; }
.orders_v2 .order_container .order_show_details_but:hover { text-decoration: none; background-color: #5d656d; }
.orders_v2 .order_container .order_hide_details_but { position: relative; float: left; width: 100%; line-height: 36px; text-align: center; background-color: #353E49; color: #fff; }
.orders_v2 .order_container .hide { display: none; }
.orders_v2 .order_container .short_view_order_details { max-height: 46px; overflow: hidden; width: 76%; transition: all 0.3s linear; }
.orders_v2 .order_container .short_view_status_details { height: 47px; padding: 2%; width: 16%; background-color: #e11e21; line-height: 47px; transition: all 0.3s linear; }
.orders_v2 .order_container .short_view_prod_list_details { display: none; transition: all 0.3s linear; }
.orders_v2 .order_q_info .order_title { color: #353E49; font-size: 14px; margin-bottom: 5px; }
.orders_v2 .order_q_info .order_title .o_data { font-weight: bold; color: #2b3238; }
.orders_v2 .order_q_info .order_info .o_data { color: #353E49; }
.orders_v2 .order_info_total { position: absolute; bottom: 0; right: 0; min-width: 17.5%; padding-left: 1%; padding-right: 1.5%; min-height: 33px; padding-top: 3px; text-align: right; background-color: #2b3238; color: #fff; font-size: 13px; z-index: 2; }
.orders_v2 .order_info_total .o_data { font-size: 17px; font-weight: bold; }
.orders_v2 .order_f_info .order_title { color: #353E49; }
.orders_v2 .order_f_info .order_info .o_data { color: #000; }
.orders_v2 .order_status_container { position: relative; float: right; width: 20%; height: 20px; line-height: 20px; text-align: center; color: #fff; }
.orders_v2 .order_status_container .order_status { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.orders_v2 .order_products_list { position: relative; float: right; width: 63%; padding: 2%; }
.orders_v2 .order_products_list li { position: relative; float: left; min-height: 90px; line-height: 16px; vertical-align: baseline; background-color: #fff; text-align: center; padding-top: 5px; }
.orders_v2 .order_products_list ul { position: relative; float: left; width: 100%; background-color: #fff; margin-bottom: 7px; min-height: 150px; }
.orders_v2 .order_products_list .order_line_Cancelled { border: solid 1px #e11e21; box-sizing: border-box; }
.orders_v2 .order_products_list .order_line_Cancelled .order_Cancelled { background-color: #e11e21; padding: 5px; text-align: right; color: #fff; padding-right: 12px; }
.orders_v2 .order_products_list .order_line_Cancelled .order_prod_total { background-color: #e11e21; }
.orders_v2 .order_products_list .order_line_Cancelled .order_prod_name { color: #e11e21; }
.orders_v2 .order_products_list .order_prodlist_head { text-align: center; }
.orders_v2 .order_products_list .order_prodlist_head .order_prod_thumbnail { width: 40%; min-height: 25px !important; }
.orders_v2 .order_products_list .order_prodlist_head .order_prod_name { width: 30%; min-height: 25px !important; }
.orders_v2 .order_products_list .order_prodlist_head .order_prod_custom_name { width: 25%; min-height: 25px !important; }
.orders_v2 .order_products_list .order_prodlist_head .order_prod_price { width: 10%; min-height: 25px !important; }
.orders_v2 .order_products_list .order_prodlist_head .order_prod_quantity { width: 10%; min-height: 25px !important; }
.orders_v2 .order_products_list .order_prodlist_head .order_prod_total { width: 10%; min-height: 25px !important; }
.orders_v2 .order_products_list .order_prod_thumbnail { width: 40%; overflow: hidden; }
.orders_v2 .order_products_list .order_prod_thumbnail img { max-height: 200px; max-width: 100%; border: solid 1px #e5e5e5; }
.orders_v2 .order_products_list .order_prod_name { line-height: 24px; width: 60%; position: relative; float: left; text-align: left; line-height: 20px; margin-top: 10px; color: #353E49; font-weight: bold; }
.orders_v2 .order_products_list .order_prod_name .custom_name { color: #2b3238; }
.orders_v2 .order_products_list .order_prod_total { position: absolute; bottom: 0; right: 0; width: 16%; padding: 1%; background-color: #353E49; text-align: center; color: #fff; border-top-left-radius: 10px; }
.orders_v2 .completepaymentbutton { position: absolute; left: 0; bottom: 11px; border: 0; background-color: #25686e; color: #fff; }
.orders_v2 .completepaymentbutton:hover { background-color: #314e51; text-decoration: none; }
.orders_v2 .order_fullinfo { position: relative; float: left; width: 100%; padding-bottom: 37px; }
.AbortPayment { position: absolute; top: 5px; right: 9px; font-size: 19px; color: #626262 !important; cursor: pointer; }
.AbortPayment .fa { display: inline-block; margin: 0; }
@media only screen and (max-width: 1200px) and (min-width: 959px) { .orders_v2 .order_container .short_view_order_details { width: 70%; }
.orders_v2 .order_container .short_view_status_details { width: 22%; }
.orders_v2 .order_container .order_show_details_but { width: 74%; }
.orders_v2 .order_info_total { width: 23.5%; } }
@media only screen and (max-width: 959px) and (min-width: 768px) { .orders_v2 .order_container .short_view_order_details { width: 60%; }
.orders_v2 .order_container .short_view_status_details { width: 32%; }
.orders_v2 .order_container .order_show_details_but { width: 64%; }
.orders_v2 .order_container .order_details { position: relative; float: left; width: 96%; border-bottom: solid 1px #fff; }
.orders_v2 .order_info_total { width: 33.5%; }
.orders_v2 .order_f_info { position: relative; float: left; width: 50%; }
.orders_v2 .order_status_container { position: absolute; top: 0; right: 0; width: 36%; height: 20px; line-height: 20px; text-align: center; color: #fff; }
.orders_v2 .order_products_list { position: relative; float: right; width: 96%; padding: 2%; }
.orders_v2 .order_toggle_filter { width: 15%; }
.orders_v2 .order_sort select { width: 219px; }
#order_details_v2 .od_products_container .od_product_box .od_product_quantity { left: 60%; } }
@media only screen and (max-width: 767px) { .orders_v2 .order_container .short_view_order_details { width: 60%; }
.orders_v2 .order_container .short_view_status_details { width: 32%; }
.orders_v2 .order_container .order_show_details_but { width: 64%; line-height: 38px; }
.orders_v2 .order_container .order_details { position: relative; float: left; width: 96%; border-bottom: solid 1px #fff; }
.orders_v2 .order_info_total { width: 33.5%; padding-left: 1%; padding-right: 1.5%; min-height: 35px; padding-top: 3px; text-align: right; background-color: #2b3238; color: #fff; font-size: 13px; z-index: 2; line-height: 30px; }
.orders_v2 .order_f_info { position: relative; float: left; width: 100%; }
.orders_v2 .order_status_container { position: absolute; top: 0; right: 0; width: 36%; height: 20px; line-height: 20px; text-align: center; color: #fff; }
.orders_v2 .order_products_list { position: relative; float: right; width: 96%; padding: 2%; }
.orders_v2 .order_products_list .order_prod_thumbnail { width: 100%; overflow: hidden; }
.orders_v2 .order_products_list .order_prod_name { width: 96%; padding-left: 2%; position: relative; float: left; text-align: left; line-height: 20px; margin-top: 10px; color: #353E49; font-weight: bold; margin-bottom: 50px; }
.orders_v2 .order_products_list .order_prod_price { position: absolute; bottom: 0; left: 2%; width: 40%; height: 40px; }
.orders_v2 .order_products_list .order_prod_quantity { position: absolute; bottom: 0; left: 30%; width: 20%; height: 40px; }
.orders_v2 .order_products_list .order_prod_total { position: absolute; bottom: 0; left: 55%; width: 41%; padding: 1%; background-color: #353E49; text-align: center; color: #fff; border-top-left-radius: 10px; }
.orders_v2 .order_sort { width: 100%; }
.orders_v2 .order_sort select { width: 219px; width: 93%; height: 40px; margin-bottom: 10px; }
.orders_v2 .order_toggle_filter { width: 12%; position: relative; float: right; width: 13.6%; padding-left: .5%; padding-right: .5%; margin: 1%; height: 48px; text-align: center; text-decoration: none; color: #2b3238; line-height: 48px; vertical-align: middle; }
.orders_v2 .orders_page_title { width: 25.5%; padding-left: 4%; height: 54px; line-height: 54px; vertical-align: middle; font-size: 30px; margin: 0; }
.orders_v2 .order_search { padding-right: 2%; width: 68.5%; }
.orders_v2 .order_search .order_searchbox { width: 75%; padding: 0; padding-left: 7px; height: 44px; }
.orders_v2 .order_search .order_search_button { position: relative; float: right; width: 47px; padding: 0; height: 44px; border: 0; background-color: #353E49; color: #fff; }
.orders_v2 .order_page_select_container .order_page_state { position: relative; float: left; width: 129px; height: 30px; line-height: 30px; vertical-align: middle; text-align: center; margin: 2px; background-color: #e5e5e5; color: #828080; border: 0; padding: 0; font-size: 20px; }
.orders_v2 .order_page_select_container .order_page_but { position: relative; float: left; width: 74px; height: 30px; line-height: 20px; vertical-align: middle; text-align: center; margin: 2px; background-color: #e5e5e5; color: #828080; border: 0; padding: 0; font-size: 20px; }
.orders_v2 .order_txt { display: none; }
.orders_v2 .orders_halfrow { position: relative; float: left; margin-bottom: 10px; background-color: transparent; width: 100%; text-align: center; }
.orders_v2 .order_q_info .order_title { font-size: 20px; }
.order_f_info_m { width: 50% !important; } }
@media only screen and (max-width: 480px) { .orders_v2 .orders_page_title { width: 100%; padding: 0; text-align: center; }
.orders_v2 .order_search { padding-right: .5%; width: 99.5%; }
.orders_v2 .order_search .order_searchbox { width: 80%; }
.orders_v2 .order_toggle_filter { width: 98%; padding: 0; }
.orders_v2 .order_page_select_container .order_page_but { width: 45px; height: 35px; }
.orders_v2 .order_page_select_container .order_page_state { width: 90px; height: 35px; line-height: 35px; }
.orders_v2 .order_container .short_view_status_details { position: relative; width: 96%; height: 20px; line-height: 30px; margin-bottom: -3px; }
.orders_v2 .order_container .order_show_details_but { width: 100%; margin-top: 38px; }
.orders_v2 .order_container .short_view_order_details { max-height: 41px; }
.orders_v2 .order_info_total { width: 100%; padding: 0; min-height: 35px; bottom: 38px; text-align: center; line-height: 35px; }
.orders_v2 .order_status_container { position: relative; width: 100%; }
#order_details_v2 .od_half_row { width: 100%; }
#order_details_v2 .od_p5_row { width: 50%; }
#order_details_v2 .od_print_button { width: 130px; }
#order_details_v2 .od_pdf_button { width: 130px; }
#order_details_v2 .od_status { width: 270px; }
#order_details_v2 .od_products_container .od_product_box .od_product_thumb { width: 200px; }
#order_details_v2 .od_products_container .od_product_box .od_product_general { position: relative; float: left; width: 208px; margin-bottom: 87px; font-size: 13px; text-align: left; }
#order_details_v2 .od_products_container .od_product_box .od_product_price { position: absolute; bottom: 60px; left: auto; right: 0; padding: 16px; font-size: 16px; }
#order_details_v2 .od_products_container .od_product_box .od_product_quantity { position: absolute; bottom: 37px; left: auto; right: 0; padding: 16px; font-size: 16px; }
#order_details_v2 .od_products_container .od_product_box .od_product_total { position: absolute; bottom: 0; right: 0; padding: 14px; font-size: 16px; background: #353E49; color: #fff; border-top-left-radius: 20px; padding-left: 20px; width: 199px; text-align: right; } }
#order_details_v2 { position: relative; float: left; width: 100%; }
#order_details_v2 li { margin: 0; }
#order_details_v2 .od_row { position: relative; float: left; width: 100%; background: #fff; margin-bottom: 10px; }
#order_details_v2 .od_half_row { position: relative; float: left; width: 50%; }
#order_details_v2 .od_p5_row { position: relative; float: left; width: 20%; }
#order_details_v2 .od_row_formating { position: relative; float: left; box-sizing: border-box; padding: 15px; min-height: 50px; }
#order_details_v2 .od_title { font-size: 24px; line-height: 30px; color: #353E49; }
#order_details_v2 .od_print_button { position: relative; border: none; float: right; width: 145px; height: 30px; margin-left: 10px; line-height: 30px; text-align: center; background: #306794; font-size: 15px; font-weight: bold; color: #ffffff; }
#order_details_v2 .od_pdf_button { position: relative; border: none; float: right; width: 145px; height: 30px; line-height: 30px; text-align: center; background: #bd1f2c; font-size: 15px; font-weight: bold; color: #fff; }
#order_details_v2 .od_status { position: relative; float: right; width: 300px; height: 30px; text-align: center; background: #bd1f2c; font-size: 14px; line-height: 30px; color: #fff; margin-left: 1px; }
#order_details_v2 .completepaymentbutton { position: relative; float: left; border: 0; background-color: #f55a2a; color: #fff; margin-bottom: 5px; }
#order_details_v2 .completepaymentbutton:hover { background-color: #b3421f; text-decoration: none; }
#order_details_v2 .od_info_box { position: relative; float: left; margin: 0; }
#order_details_v2 .od_info_box .od_info_title { color: #353E49; font-weight: bold; font-size: 15px; margin-bottom: 8px; }
#order_details_v2 .od_info_box .od_info { margin-bottom: 5px; }
#order_details_v2 .od_field_title { color: #9e9e9e; font-weight: bold; }
#order_details_v2 .od_products_title { position: relative; float: left; width: 100%; margin-bottom: 10px; font-size: 16px; color: #353E49; }
#order_details_v2 .od_notes_title { position: relative; float: left; width: 100%; margin-bottom: 10px; font-size: 16px; color: #353E49; }
#order_details_v2 .od_products_container { position: relative; float: left; width: 100%; box-sizing: border-box; padding: 10px; padding-bottom: 0; background: #f0eeee; }
#order_details_v2 .od_products_container .od_product_box { position: relative; float: left; width: 100%; box-sizing: border-box; background: #ffffff; margin-bottom: 10px; padding: 15px; }
#order_details_v2 .od_products_container .od_product_box .od_product_thumb { position: relative; float: left; width: 36%; min-height: 200px; background: #f0eeee; background-repeat: no-repeat; background-size: contain; background-position: center; border: solid 10px #f0eeee; }
#order_details_v2 .od_products_container .od_product_box .od_product_general { position: relative; float: right; width: 58%; margin-bottom: 55px; font-size: 13px; }
#order_details_v2 .od_products_container .od_product_box .od_product_name { font-size: 15px; margin-bottom: 10px; color: #353E49; }
#order_details_v2 .od_products_container .od_product_box .od_product_info { margin-bottom: 10px; }
#order_details_v2 .od_products_container .od_product_box .od_product_price { position: absolute; bottom: 0; left: 41%; padding: 16px; font-size: 16px; }
#order_details_v2 .od_products_container .od_product_box .od_product_quantity { position: absolute; bottom: 0; left: 65%; padding: 16px; font-size: 16px; }
#order_details_v2 .od_products_container .od_product_box .od_product_total { position: absolute; bottom: 0; right: 0; padding: 14px; font-size: 16px; background: #353E49; color: #fff; border-top-left-radius: 20px; padding-left: 20px; }
#order_details_v2 .od_reorder { position: relative; float: left; width: 100%; margin-top: 10px; }
#order_details_v2 .od_reorder .od_reorder_button { float: right; }
#order_details_v2 .od_total { position: relative; float: left; width: 100%; background: #f0eeee; margin-bottom: 5px; box-sizing: border-box; }
#order_details_v2 .od_total_title { position: relative; float: left; padding: 10px; font-size: 16px; text-align: right; width: 50%; padding-left: 0; padding-right: 0; }
#order_details_v2 .od_total_value { position: relative; float: left; padding: 10px; font-size: 16px; text-align: right; width: 48%; padding-left: 0; padding-right: 2%; }
#order_details_v2 .od_order_total { position: relative; float: left; width: 100%; background: #353E49; margin-bottom: 5px; box-sizing: border-box; color: #fff; }
#order_details_v2 .od_order_total .od_total_value { font-size: 20px; }
#order_details_v2 .od_notes { position: relative; float: left; width: 100%; }
#order_details_v2 .od_notes_info { position: relative; float: left; width: 100%; margin-bottom: 5px; }
#order_details_v2 .order_Pending { background-color: #196ea9; }
#order_details_v2 .order_Processing { background-color: #ffa600; }
#order_details_v2 .order_Complete { background-color: #81df20; }
#order_details_v2 .order_Cancelled { background-color: #e11e21; }
#order_details_v2 .fa { margin-right: 5px; display: inline; }
#order_details_v2 .od_product_box .od_field_title { color: #353E49; font-weight: bold; }
@media only screen and (max-width: 767px) and (min-width: 480px) { #order_details_v2 .od_title { font-size: 22px; line-height: 30px; color: #353E49; }
#order_details_v2 .od_status { width: 145px; }
#order_details_v2 .od_row_formating { padding: 10px; }
#order_details_v2 .od_products_container .od_product_box .od_product_price { position: absolute; bottom: 69px; left: auto; right: 0; padding: 16px; font-size: 16px; }
#order_details_v2 .od_products_container .od_product_box .od_product_quantity { position: absolute; bottom: 42px; left: auto; right: 0; padding: 16px; font-size: 16px; }
#order_details_v2 .od_products_container .od_product_box .od_product_general { position: relative; float: right; width: 50%; margin-bottom: 90px; font-size: 13px; text-align: right; }
#order_details_v2 .od_products_container .od_product_box .od_product_thumb { width: 43%; } }
.symphonyDashboardLink { position: absolute; top: 0; left: 0; overflow: hidden; }
.symphonyDashboardLink a { position: relative; float: left; padding: 5px; background: #22A8E5; color: #fff; border-bottom-right-radius: 7px; padding-right: 7px; }
.symphonyDashboardLink a:hover { text-decoration: none; background-color: #5FC4F2; }
.od_product_info .order_prod_sku { display: flex; padding: 0 30px; }
.od_product_info .status-box { padding-left: 30px; }
@media only screen and (max-width: 767px) { .od_product_info .order_prod_sku { padding-left: 0; margin-bottom: 70px; }
.od_product_info .status-box { padding-left: 0; position: relative; bottom: 68px; } }
/* Sage Pay Enterprise PopUp*/
#SagePay_Checkout_Popup { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 99999999; overflow: auto; }
#SagePay_Checkout_Popup .Sagepay-popup-container { height: auto; width: 680px; float: left; left: 50%; display: block; padding: 30px; background-color: #fff; margin-top: 30px; margin-bottom: 30px; box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px; border-radius: 5px; position: relative; margin-left: -340px; max-width: 100%; }
#SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_header { position: relative; float: left; width: 100%; }
#SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_header .sp_logo { width: 150px; float: left; max-width: 50%; }
#SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_header .storefront_logo { float: right; max-width: 50%; }
#SagePay_Checkout_Popup .Sagepay-popup-container #paymentMethodWindow { width: 100%; height: 570px; }
#SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_footer { width: 100%; display: block; text-align: center; border-top: solid 1px #ccc; padding-top: 10px; }
#SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_footer img { width: 17%; }
@media only screen and (max-width: 767px) { #SagePay_Checkout_Popup .Sagepay-popup-container #paymentMethodWindow { width: 100%; height: 687px; }
#SagePay_Checkout_Popup .Sagepay-popup-container { height: auto; width: 90%; float: none; left: 0px; display: block; padding: 5px; margin: 10px auto; padding-bottom: 90px; } }
/* Checkout Page */
.checkout-page.checkout-page_multi .page-title { padding: 0; margin: 0; border: 0; }
.checkout-page.checkout-page_multi .button { padding: 0; border: 0; margin: 15px 0 0; float: right; }
.checkout-page.checkout-page_multi .cartTableWrapper { background: #FFFFFF; padding: 8px 19px 3px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; margin-bottom: 10px; text-align: center; }
.checkout-page.checkout-page_multi .cartTableWrapper .productpicture { width: 300px; }
.checkout-page.checkout-page_multi .cartTableWrapper .productpicture img { max-width: 100%; }
.checkout-page.checkout-page_multi .cartTableWrapper td.product, .checkout-page.checkout-page_multi .cartTableWrapper th.picture + th { text-align: left; }
.checkout-page.checkout-page_multi .total-info { background: #FFFFFF; padding: 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; margin-bottom: 10px; }
.checkout-page__billing-address .enter-address-title, .checkout-page__billing-address .select-address-title { border-bottom: 1px solid #353E49; margin-bottom: 10px; padding: 0 0 10px; }
.checkout-page__billing-address .enter-address-body { background: #FFFFFF; padding: 10px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.checkout-page__billing-address .address-grid td { padding: 0; width: 100%; display: block; margin-bottom: 15px; }
.checkout-page__billing-address .address-grid td .address-item { position: relative; background: #FFFFFF; padding: 10px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.checkout-page__billing-address .address-grid td .address-item .select-button { position: absolute; top: 10px; right: 10px; }
.checkout-page__billing-address .address-grid td .address-item .select-button input { background: #353E49; color: White; }
.checkout-page__shipping-address .address-list { margin: 10px 0; }
.checkout-page__shipping-address .address-list:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.checkout-page__shipping-address .address-list .address-item { background: #FFFFFF; padding: 10px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.checkout-page__shipping-address .address-list .address-item input { background: #353E49; color: White; }
.checkout-page__shipping-address #addressBookDiv { border: 1px solid #1876d1; border-radius: 5px; padding: 20px; }
.checkout-page__shipping-address .viewTUV { line-height: 1; }
.checkout-page__shipping-address #newAddressDiv { margin-top: 20px; }
.checkout-page__shipping-address #newAddressDiv .enter-address-title { margin-bottom: 15px; }
.checkout-page__shipping-address #newAddressDiv .enter-address-body { background: #FFFFFF; padding: 10px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
/* =======ONE PAGE CHECKOUT==================== */
/*=======ORDERSUMMERY==============*/
.order-summary-title { padding-top: 10px; padding-bottom: 10px; }
.opc .cart-collaterals { margin-top: 10px; }
.opc .grid_12 { margin: 0px; }
.checkout-data .opc { list-style: none; }
.checkout-data .opc .section { border-top: 1px solid #ccc; border-bottom: 1px solid #EEEEEE; border-left: 1px #ccc dotted; border-right: 1px #ccc dotted; }
.checkout-data .opc .section .sectionheader { text-align: center; background: #f9f9f9; }
.checkout-data .opc .section .sectionheader .number { padding: 1.4% 1.6%; background: #22A8E5; float: left; color: #fff; }
.checkout-data .opc .section .sectionright { float: left; }
.checkout-data .opc .section .step-title { padding: 1% 0% 0% 1%; float: left; }
.checkout-data .opc .section .step-title.request-after-confirm { display: none; }
.checkout-data .opc .section .step-title h2 { padding: 0; margin: 0; }
.checkout-data .opc .section .step { background: #fff; padding: 2%; }
.checkout-data .opc .section .step .buttons { padding: 10px 0; }
.checkout-data .opc .section .back-link { float: left; margin: 0; padding: 0; width: 70px; }
.shipping-options, .payment-methods { padding: 10px; }
.checkout-buttons .continueshoppingbutton { margin-right: 5px; }
/*.checkout-data .opc .section .shipping-options {
border-bottom: medium none;
min-height: 100px;
width: 100%;
}*/
.checkout-data .opc .section .shipping-option-item { width: 100%; float: left; margin-bottom: 40px; }
@media (min-width: 601px) { .checkout-data .opc .section .shipping-option-item { width: 25%; } }
@media (min-width: 751px) { .checkout-data .opc .section .shipping-option-item { width: 20%; } }
.checkout-data .opc .section .shipping-option-item .ui-buttonset { margin: 0; }
.checkout-data .opc .section .shipping-option-item label { background: url(/-1990546617/Handler/Static/Content/Themes/Base/images/checkout/delivery_option.jpg) no-repeat scroll center -61px transparent !important; height: 61px; width: 100%; }
.checkout-data .opc .section .shipping-option-item input:checked + label { background: url(/-1990546617/Handler/Static/Content/Themes/Base/images/checkout/delivery_option.jpg) no-repeat scroll center 0px transparent !important; }
.checkout-data .opc .section .shipping-option-item span { width: 100%; padding: 67px 0 0 0; font-weight: bold; text-align: center; }
.checkout-data .opc .section .shipping-option-item .option-description { padding-top: 40px; text-align: center; }
/* =======CHECKOUT PAGE==================== */
.checkout-page { min-height: 400px; margin-top: 20px; }
.checkoutleft img { width: 100%; }
@media (max-width: 750px) { select.date_picker { width: 32%; float: left; margin-bottom: 13PX; } }
.input-validation-error { border-color: red; }
#BillingNewAddress_CountryId, #BillingNewAddress_StateProvinceId { border: 3px solid #EEEEEE; margin: 0; padding: 5px; }
.address-select:focus, #PurchaseOrderNumber:focus { border-color: #22A8E5; }
#AddressSearch { margin-bottom: 5px; }
#AddressSearch .searchField { margin-left: 5px; margin-right: 5px; border: 3px solid #EEEEEE; padding: 5px; }
#AddressSearch .searchField:focus { border: 3px solid #22A8E5; }
/* Checkout
======================================*/
.checkout-data .opc .section button.newaddressnextstepbutton[disabled], .checkout-data .opc .section .t-grid .newaddressnextstepbutton[disabled].t-button, .t-grid .checkout-data .opc .section .newaddressnextstepbutton[disabled].t-button { opacity: 0.5; cursor: not-allowed; }
.checkout-data input:focus { outline: none; }
.checkout-data .field-validation-error { padding-top: 6px; }
.checkout-data input[type="button"] { border: none; }
.checkout-data #applydiscountcouponcode, .checkout-data #applygiftcardcouponcode { border: 1px solid #353E49; }
.checkout-data .proof-value-error { padding: 13px; }
.checkout-data .checkout-billing-load { padding-left: 36px; padding-top: 22px; }
.checkout-data .proof-selector { padding: 7px; }
.checkout-data .proof-selector.rbNames { margin: 5px; }
.one-page-checkout.grid_12 { margin: 0; }
.one-page-checkout .section { margin: 0; }
.one-page-checkout .select-button { text-align: right; padding: 100px 50px 50px; }
.one-page-checkout .please-wait { padding: 10px; display: block; }
.one-page-checkout .checkout-data .opc .section .newaddressnextstepbutton, .one-page-checkout .checkout-data .opc .section .shippingmethodnextstepbutton, .one-page-checkout .checkout-data .opc .section .paymentmethodnextstepbutton, .one-page-checkout .checkout-data .opc .section .paymentinfonextstepbutton, .one-page-checkout .checkout-data .opc .section .confirmordernextstepbutton { float: right; }
.one-page-checkout .checkoutleft { display: none; }
/* Checkout
======================================*/
.checkout-data .opc .section .sectionheader .number { background: #353E49; }
.checkout-data input:focus { border-color: #353E49; }
.checkout-data .address-select:focus, .checkout-data #PurchaseOrderNumber:focus { border-color: #353E49; }
.checkout-data .proof-value-error { color: #353E49; }
.checkout-data .grid_12 .checkout-data-info p a { color: #353E49; }
.checkout-data .back-link { line-height: 38px; }
.checkout-data th, .checkout-data td { display: table-cell; }
.checkout-data tr { border-bottom: 1px solid #eee; }
.checkout-data tr:last-of-type { border: none; }
.checkout-data .cartTableWrapper { border: 1px solid #eee; border-radius: 3px; }
.checkout-data .cartTableWrapper th, .checkout-data .cartTableWrapper td { min-width: 67px; }
.checkout-data table.cart-total th, .checkout-data table.cart-total td { padding: 12px 0 12px; }
.cart-footer { margin-top: 28px; display: inline-block; width: 100%; }
.cart-footer #cartTotals { margin-bottom: 20px; }
#ui-datepicker-div th, #ui-datepicker-div td { display: table-cell; }
@media only screen and (min-width: 587px) { .vue-component-wrapper-billing .invalid-address-tooltip { max-width: 5%; } }
@media only screen and (min-width: 587px) { .vue-component-wrapper-billing .item .column:nth-child(2) { max-width: calc(100% - 5%); } }
.vue-component-wrapper-billing .pagination a { color: #222222 !important; background: transparent !important; }
.shipping-option-item { position: relative; }
.shipping-option-item .tooltip { color: #555; position: absolute; right: -10px; top: -15px; font-size: 20px; width: auto !important; bottom: auto !important; padding: 10px !important; z-index: 2; }
.shipping-option-item .tooltip .option-description { padding: 10px !important; display: inline-block; width: auto; }
.shipping-option-item .tooltip .option-description div { float: left; white-space: nowrap; }
button[data-tooltip], .t-grid [data-tooltip].t-button { overflow: visible; }
[data-tooltip] { position: relative; }
.shipping-option-item .tooltip .option-description, [data-tooltip]:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; pointer-events: none; -webkit-transition: all .18s ease-out .18s; transition: all .18s ease-out .18s; position: absolute; z-index: 10; -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; bottom: auto; left: 50%; top: 0; -webkit-transform: translate(-88%, -10px); -ms-transform: translate(-88%, -10px); transform: translate(-88%, -10px); }
[data-tooltip]:before { -webkit-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); transform: translate(-50%, -10px); }
.shipping-option-item .tooltip .option-description { margin-top: 45px; background: rgba(17, 17, 17, 0.9); border-radius: 4px; color: #fff; content: attr(data-tooltip); font-size: 12px; padding: .5em 1em; margin-bottom: 11px; max-height: 250px; min-width: 250px; overflow-y: auto; }
[data-tooltip]:before { content: ""; top: 34px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat; background-size: 100% auto; height: 6px; width: 18px; margin-top: 5px; margin-bottom: 0; }
.shipping-option-item .tooltip:hover .option-description, [data-tooltip]:hover:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; pointer-events: auto; -webkit-transform: translate(-88%, 0); -ms-transform: translate(-88%, 0); transform: translate(-88%, 0); }
[data-tooltip]:hover:before { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
[data-tooltip].font-awesome:after { font-family: FontAwesome; }
.coupon-box { background: #FFFFFF; padding: 13px 36px 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.giftcard-box .giftcard-box__giftcard-input, .giftcard-box .giftcard-box__remove { background: #FFFFFF; padding: 13px 36px 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.giftcard-box .giftcard-box__remove { display: inline-block; width: 100%; float: left; }
.giftcard-box .giftcard-box__remove .giftcard-box__remove-items { border: 1px solid #eee; display: inline-block; width: 100%; }
.giftcard-box .giftcard-box__remove .giftcard-box__remove-item { border-bottom: 1px solid #eee; display: inline-block; width: 100%; line-height: 45px; float: left; padding: 0 15px; }
.giftcard-box .giftcard-box__remove .giftcard-box__remove-item .giftcard-name { float: left; }
.giftcard-box .giftcard-box__remove .giftcard-box__remove-item .giftcard-price { float: right; padding: 0 30px 0 40px; }
.giftcard-box .giftcard-box__remove .giftcard-box__remove-item .giftcard-remove { float: right; }
.shipping-address-form-controls { text-align: right; margin-top: 10px; border-bottom: solid 1px #ccc; padding-bottom: 20px; }
.shipping-address-form-controls.flex-buttons { align-items: center; display: inline-flex; flex-wrap: wrap; justify-content: flex-start; padding-left: .5rem; }
.shipping-address-form-controls.flex-buttons .button { margin: 0; }
.shipping-address-form-controls.flex-buttons .button:not(:last-child) { margin-right: .5rem; }
#opc-shipping_date .OpcDeliveryDatePicker { margin: 2%; width: 96%; position: relative; float: left; }
.comgate-response { width: 100%; height: 100vh; background: #ededed; display: flex; -o-justify-content: center; -webkit-justify-content: center; justify-content: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; align-items: center; flex-direction: column; font-family: sans-serif; }
.comgate-response p { margin: 0; padding: 0; }
.comgate-response .comgate-message-response { font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 10px; }
.comgate-response .comgate-message-response p { line-height: 25px; }
.comgate-response .comgate-manual-redirect-message p { margin: 10px; text-align: center; }
.comgate-response .comgate-manual-redirect-button { margin: 20px 0; }
.comgate-response .comgate-manual-redirect-button a { position: relative; background: #3498db; padding: 10px 20px; color: #fff; -ms-border-radius: 5px; border-radius: 5px; left: 50%; margin: 20px 0 0 -50px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); cursor: pointer; -ms-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; -webkit-transition: 0.1s ease-in; transition: 0.1s ease-in; }
.comgate-response .comgate-manual-redirect-button a:hover { background-color: #2980b9; }
/* Category Page*/
/* Category Page*/
.auto_scroll_up_btn { position: fixed; bottom: 50px; right: 15px; display: block; width: 30px; text-align: center; padding: 5px; background: rgba(0, 0, 0, 0.5); border-radius: 5px; color: #fff !important; text-decoration: none !important; display: none; z-index: 20; }
.auto_scroll_up_btn .fa { display: inline-block; margin: 0; font-size: 34px; }
.auto_scroll_up_btn span { display: none; }
.allProductsCategoriesWrapper .subcat-cont { position: relative; float: left; width: 100%; }
.allProductsCategoriesWrapper .subcat-cont .listItem { position: relative; float: left; width: 50%; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #eee; }
.allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-title { position: absolute; right: 5%; text-align: left; left: 5%; font-size: 75px; line-height: 75px; bottom: 28%; color: #fff; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px; }
.allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-title a { color: #fff; text-decoration: none; }
.allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-desc { position: absolute; right: 5%; text-align: left; left: 5%; font-size: 16px; line-height: 19px; top: 72%; color: #fff; text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px; }
.allProductsCategoriesWrapper .subcat-cont .listWrapper { position: relative; float: left; width: 100%; }
.allProductsCategoriesWrapper .subcat-cont .subcat-box { position: relative; float: left; width: 100%; }
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-top { position: relative; float: left; width: 100%; height: 0; padding-bottom: 50%; background-size: cover; background-position: center; }
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont { position: relative; float: left; width: 100%; border: solid 1px #ccc; }
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box { position: relative; float: left; width: 33.333%; height: 0; padding-bottom: 40%; overflow: hidden; border: solid 1px #ccc; border-left: 0; margin-bottom: -1px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box:hover { background-color: rgba(0, 0, 0, 0.1); }
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .subcat-product-image { position: absolute; top: 5%; bottom: 35%; left: 5%; right: 5%; overflow: hidden; background-position: center; background-size: contain; background-repeat: no-repeat; }
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .subcat-product-image img { opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; }
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .subcat-product-title { position: absolute; bottom: 60px; width: 100%; left: 0; }
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .subcat-product-title a { position: relative; float: left; text-align: center; margin-left: 5%; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 15px; width: 90%; }
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .subcat-product-description { display: none; }
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .prod_price { position: absolute; bottom: 41px; width: 100%; text-align: center; font-size: 15px; color: #22a8e5; }
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .qty_input { display: inline-block; width: 30px; padding: 5px; margin-right: -10px; margin-left: 3px; border: solid 1px #cccccc; }
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .button_box { position: absolute; bottom: 8px; left: 5px; right: 5px; text-align: center; }
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .button_box .subcat-product-more { display: inline-block; padding: 7px; margin: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #22a8e5; font-size: 11px; color: #fff; cursor: pointer; text-decoration: none; border: none; }
.allProductsCategoriesWrapper .category-products { position: relative; float: left; width: 100%; }
.allProductsCategoriesWrapper .category-products h1 { width: 100%; text-align: center; }
.allProductsCategoriesWrapper .category-products h1 .fa { display: inline-block; }
.allProductsCategoriesWrapper .category-products .product-item-large { position: relative; float: left; width: 100%; }
.allProductsCategoriesWrapper .category-products .product-item-large .picture-area { position: absolute; left: 0; top: 0; right: 50%; bottom: 0; overflow: hidden; background: #353E49; }
.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .picture { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .picture .flex-control-thumbs { margin: 0; position: absolute; overflow: hidden; bottom: 2px; width: 100%; text-align: center; z-index: 4; display: block; }
.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .picture .flex-control-thumbs li { display: inline-block; width: 10px; height: 10px; overflow: hidden; margin: 5px; border-radius: 10px; float: none; }
.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .flex-direction-nav a { width: 50%; height: 100%; margin: 0; display: block; position: absolute; top: 0; bottom: 0; cursor: pointer; background: none; text-indent: -9999px; opacity: 1; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 3; }
.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .flex-direction-nav .flex-prev { left: 0; }
.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .flex-direction-nav .flex-next { right: 0; }
.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .product_pictures_slider { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .slides { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .slides li { text-align: center; max-height: 100%; height: 100%; }
.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .slides li img.prop_img { display: inline-block; max-width: 96%; max-height: 82%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .slides li span.fake_img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; display: none; }
.allProductsCategoriesWrapper .category-products .product-item-large:nth-child(even) .picture-area { right: 0; top: 0; left: 50%; bottom: 0; }
.allProductsCategoriesWrapper .category-products .product-item-large:nth-child(even) .info-area { float: left; }
.allProductsCategoriesWrapper .category-products .product-item-large .info-area { position: relative; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: white; min-height: 300px; padding: 43px; float: right; }
.allProductsCategoriesWrapper .category-products .product-item-large .info-area .product-title { position: relative; float: left; width: 100%; }
.allProductsCategoriesWrapper .category-products .product-item-large .info-area .description { position: relative; float: left; width: 100%; }
.allProductsCategoriesWrapper .category-products .product-item-large .info-area .add-info .pricerow { margin-bottom: 10px; }
.allProductsCategoriesWrapper .category-products .product-item-large .info-area .add-info .pricerow .prices .productPrice { font-size: 20px; }
.allProductsCategoriesWrapper .category-products .product-item-large .info-area .add-info .buttonsrow .addtocart { position: relative; float: left; margin-right: 5px; }
.allProductsCategoriesWrapper .category-products .product-item-large .info-area .add-info .buttonsrow .addtocart .qty_input { position: relative; float: left; width: 50px; padding: 5px; padding-left: 8px; padding-right: 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 30px; margin-right: -2px; border: solid 1px #ccc; }
@media only screen and (max-width: 1200px) and (min-width: 960px) { .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box { width: 50%; padding-bottom: 50%; }
.allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-title { font-size: 60px; line-height: 65px; }
.grid_9 .allProductsCategoriesWrapper .subcat-cont .listItem { width: 100%; }
.grid_9 .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-top { padding-bottom: 40%; }
.grid_9 .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box { width: 33.33%; padding-bottom: 40%; } }
@media only screen and (max-width: 959px) and (min-width: 768px) { .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box { width: 50%; padding-bottom: 65%; }
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .button_box .subcat-product-more { padding-left: 5px; padding-right: 5px; }
.allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-title { font-size: 45px; line-height: 50px; }
.allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-desc { font-size: 14px; line-height: 16px; top: 66%; }
.grid_9 .allProductsCategoriesWrapper .subcat-cont .listItem { width: 100%; }
.grid_9 .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-top { padding-bottom: 40%; }
.grid_9 .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box { width: 33.33%; padding-bottom: 40%; } }
@media only screen and (max-width: 767px) and (min-width: 480px) { .allProductsCategoriesWrapper .subcat-cont .listItem { width: 100%; }
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box { width: 50%; padding-bottom: 55%; }
.allProductsCategoriesWrapper .category-products .product-item-large .picture-area { position: relative; float: left; width: 100% !important; height: 0; padding-bottom: 60%; right: 0 !important; left: 0 !important; }
.allProductsCategoriesWrapper .category-products .product-item-large .info-area { width: 100%; min-height: 10px !important; } }
@media only screen and (max-width: 479px) { .allProductsCategoriesWrapper .subcat-cont .listItem { width: 100%; }
.allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-title { font-size: 35px; line-height: 40px; }
.allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-desc { font-size: 12px; line-height: 14px; top: 66%; }
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont { border: solid 1px #ccc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 0; }
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box { width: 100%; padding-bottom: 100%; }
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-top { padding-bottom: 60%; }
.allProductsCategoriesWrapper .category-products .product-item-large .picture-area { position: relative; float: left; width: 100% !important; height: 0; padding-bottom: 60%; right: 0 !important; left: 0 !important; }
.allProductsCategoriesWrapper .category-products .product-item-large .info-area { width: 100%; min-height: 10px !important; } }
@media only screen and (min-width: 1200px) { .grid_9 .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box { width: 50%; padding-bottom: 50%; } }
/* Category Page for Aditional Category Data */
/* Buttons */
.ACD_view_type_btn { position: relative; float: right; border: none; padding: 7px; margin-right: 5px; background-color: #CCC; color: #fff; }
.ACD_filter { position: relative; float: left; margin-left: 5px; }
.ACD_filter .ACD_filterbox { padding: 5px; position: relative; float: left; border: solid 1px #ccc; padding: 6px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ACD_filter .ACD_filterbutton { padding: 5px; position: relative; float: left; border: none; padding: 7px; margin-right: 5px; background-color: #00AFDA; color: #fff; }
.ACD_sub_category.grid_view .ACD_grid_view_btn { background-color: #445661; }
.ACD_sub_category.list_view .ACD_list_view_btn { background-color: #445661; }
/* Grid View */
.ACD_sub_category { position: relative; float: left; width: 100%; }
.ACD_sub_category.grid_view .ACD_sub_category-box { position: relative; float: left; width: 20%; margin: 0px; padding: 7px; border: none; outline: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ACD_sub_category.grid_view .ACD_sub_category-item { position: relative; float: left; width: 100%; height: 350px; padding: 7px; padding-top: 150px; padding-bottom: 50px; background-color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #eee; }
.ACD_sub_category.grid_view .ACD_picture { position: absolute; top: 0px; left: 0px; right: 0px; height: 145px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.ACD_sub_category.grid_view .ACD_picture img { border-width: 0px; opacity: 0; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; }
.ACD_sub_category.grid_view .ADC_content_box { position: relative; float: left; width: 100%; margin-bottom: 10px; }
.ACD_sub_category.grid_view .ACD_controls { position: absolute; bottom: 7px; right: 7px; left: 7px; }
.ACD_sub_category .ACD_controls .fa { display: inline-block; }
.ACD_sub_category .ACD_btn { position: relative; color: #fff; border: none; background-color: #445661; padding: 7px; }
.ACD_sub_category .ACD_create_btn { position: relative; float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #00AFDA; padding: 12px; color: #fff; text-align: center; font-size: 14px; margin-top: 0px; line-height: 17px; margin-top: 16px; }
.ACD_sub_category .ACD_request { float: left; width: 69%; }
.ACD_sub_category .ACD_edit { float: right; width: 29%; }
/* List View */
.ACD_sub_category.list_view .ACD_sub_category-box { position: relative; float: left; width: 100%; margin: 0px; padding: 7px; border: none; outline: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ACD_sub_category.list_view .ACD_sub_category-item { position: relative; float: left; width: 100%; height: 93px; padding: 7px; padding-left: 161px; padding-right: 230px; background-color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #eee; }
.ACD_sub_category.list_view .ACD_picture { position: absolute; top: 0px; left: 0px; bottom: 0px; width: 150px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.ACD_sub_category.list_view .ACD_picture img { border-width: 0px; opacity: 0; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; }
.ACD_sub_category.list_view .ADC_content_box { position: relative; float: left; width: 25%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; }
.ACD_sub_category.list_view .ACD_controls { position: absolute; bottom: 0px; right: 10px; top: 10px; width: 230px; }
.ACD_search_item { position: relative; float: left; padding: 5px; background-color: #eee; margin: 5px; margin-top: 0px; }
.ACD_search_item .radio-filter-container { position: relative; float: left; }
.ACD_search_item .radio-filter-container input { display: none; }
.ACD_search_item .radio-filter-container input + label { position: relative; float: left; padding: 8px; background-color: #ccc; margin-right: 1px; }
.ACD_search_item .radio-filter-container input:checked + label { background-color: #00AFDA; color: #fff; }
.ACD_sub_category .search-results { position: relative; float: left; display: block; background-color: #eaeaea; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: solid 5px #fff; }
.category-productingrid { margin-bottom: 20px; }
.category-productingrid .category-description { background: #FFFFFF; padding: 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; margin-bottom: 20px; }
.category-productingrid .allProductsCategoriesWrapper .listItem { background: #FFFFFF; padding: 10px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; margin-bottom: 2%; }
.category-productingrid .allProductsCategoriesWrapper .listItem .picture { width: 100%; padding-bottom: 100%; position: relative; }
.category-productingrid .allProductsCategoriesWrapper .listItem .picture a { position: absolute; height: 100%; width: 100%; }
.category-productingrid .allProductsCategoriesWrapper .listItem .picture img { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 100%; max-width: 100%; }
.category-productingrid .allProductsCategoriesWrapper .listItem .product-title { margin: 10px 0; }
.category-productingrid .allProductsCategoriesWrapper .listItem .product-title a { text-decoration: none; }
@media (min-width: 751px) and (max-width: 960px) { .category-productingrid .grid_3 { width: 49%; }
.category-productingrid .grid_3:nth-child(2n+1) { margin: 0; } }
@media (min-width: 961px) and (max-width: 1200px) { .category-productingrid .grid_3 { width: 32%; }
.category-productingrid .grid_3:nth-child(3n+1) { margin: 0; } }
.category-description, .category-bottom-description { background: #FFFFFF; padding: 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.products_slider .flex-control-thumbs { display: block; position: relative; float: left; width: 100%; margin-top: 0; top: 0; }
.products_slider .flex-control-thumbs li { border: solid 1px #ccc; overflow: hidden; position: relative; width: 100%; margin-left: 1%; padding-bottom: 100%; margin-bottom: 14px !important; }
.products_slider .flex-control-thumbs li:nth-child(4n+1) { margin: 0; }
@media (min-width: 751px) { .products_slider .flex-control-thumbs li { width: 24.2%; padding-bottom: 24.2%; } }
.products_slider .flex-control-thumbs li .FS_thumb_title { position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; text-align: center; padding: 5px; background-color: rgba(53, 62, 73, 0.5); color: #fff; text-shadow: rgba(0, 0, 0, 0.8) 1px 1px 3px; }
.products_slider .flex-control-thumbs li:hover img { opacity: 1; min-width: 0; min-height: 0; display: inline; width: auto; max-width: 100%; max-height: 100%; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.products_slider .flex-control-thumbs img { opacity: 1; display: inline-block; width: auto; max-width: 200%; max-height: 200%; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; flex-shrink: 0; min-width: 100%; min-height: 100%; position: absolute; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; top: 50%; left: 50%; }
.products_slider .slides { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 204, 0, 0.9); display: none; z-index: 1000; }
.products_slider .slides li { height: 100%; }
.products_slider.show_it .slides { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); display: initial; z-index: 1000; display: block; }
.products_slider.show_it .flex-direction-nav .flex-prev { display: block; z-index: 1001; }
.products_slider.show_it .flex-direction-nav .flex-next { display: block; z-index: 1001; }
.products_slider .flex-direction-nav .flex-prev { display: none; left: 20px; }
.products_slider .flex-direction-nav .flex-prev:before { font-family: FontAwesome; content: "\f104"; color: #fff; font-size: 50px; }
.products_slider .flex-direction-nav .flex-next { display: none; right: 20px; }
.products_slider .flex-direction-nav .flex-next:before { font-family: FontAwesome; content: "\f105"; color: #fff; font-size: 50px; }
.products_slider .flex-direction-nav a { background-color: transparent; opacity: 1 !important; border-radius: 17px; z-index: 30; width: 20px; height: 34px; position: fixed; text-indent: 0; color: transparent; }
.products_slider .placeholder_img { opacity: 0; }
.products_slider .slider_pic_box { position: absolute; top: 50px; left: 50px; right: 50px; bottom: 60px; background-size: contain; background-repeat: no-repeat; background-position: center; border-bottom: solid 40px transparent; width: auto; }
.products_slider .price_and_details { position: absolute; bottom: -50px; right: 0; }
.products_slider .price_and_details .prices { position: relative; float: left; color: #fff; font-size: 20px; padding: 8px; }
.products_slider .prod_title { position: absolute; bottom: -50px; left: 0; max-width: 50%; font-size: 18px; padding: 8px; color: #fff; }
.products_slider .description { position: absolute; bottom: -0px; left: 0; max-width: 50%; font-size: 18px; padding: 8px; color: #fff; }
.flex-direction-nav { z-index: 1000; }
.hide_gallery_button { position: fixed; z-index: 1002; text-align: center; line-height: 22px; background: rgba(255, 255, 255, 0.8); top: 0; right: 0; display: none; color: #000; font-weight: bold; cursor: pointer; font-size: 20px; padding: 10px; padding-top: 5px; padding-right: 8px; width: 20px; height: 20px; border-bottom-left-radius: 20px; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.hide_gallery_button:hover { padding-right: 18px; }
.generalPageWrapper { float: left; width: 100%; }
footer { float: left; width: 100%; }
.show_it .hide_gallery_button { display: block; }
.category-twocolumn { margin-top: 40px; margin-bottom: 40px; }
.category-twocolumn .category-products, .category-twocolumn .pager, .category-twocolumn .category-description { margin-bottom: 30px; }
.productsinlist * { box-sizing: border-box; }
.productsinlist .row { width: 100%; margin: 0; }
.productsinlist .FiltersWrapper { padding: 0; }
.productsinlist .product__search { float: right; position: relative; width: 30%; }
.productsinlist .product__search__searchbox { width: 100%; }
.productsinlist .product__search__submit { background: 0; border: 0; position: absolute; right: 0; top: 2px; }
.productsinlist .product__search__submit i { display: block; padding: 7px; margin: 0; }
.productsinlist .allProductsCategoriesWrapper { padding: 10px; }
.productsinlist #product-list { padding: 0 10px 0 15px; overflow: auto; border: 1px solid #ddd; background: white; }
.productsinlist #product-list:after { clear: both; content: ""; display: table; }
.productsinlist .productlistitem { border-bottom: 1px solid #eee; padding: 5px 0; position: relative; }
.productsinlist .productlistitem h2 { padding: 0; margin: 0; }
.productsinlist .productlistitem h3, .productsinlist .productlistitem footer h4, footer .productsinlist .productlistitem h4, .productsinlist .productlistitem footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .productsinlist .productlistitem .enter-address-title, .productsinlist .productlistitem .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .productsinlist .productlistitem .enter-address-title { padding: 0; margin: 0; }
.productsinlist .productlistitem h4, .productsinlist .productlistitem .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv .productsinlist .productlistitem .enter-address-title { padding: 0; margin: 0; }
.productsinlist .productlistitem:after { clear: both; content: ""; display: table; }
.productsinlist .productlistitem:last-of-type { border: 0; }
.productsinlist .productlistitem__checkbox, .productsinlist .productlistitem__picture, .productsinlist .productlistitem__title, .productsinlist .productlistitem__quantity__input, .productsinlist .productlistitem__productprice { display: inline-block; vertical-align: middle; }
.productsinlist .productlistitem__quantity span { float: left; width: 30%; line-height: 29px; font-size: 10px; text-align: right; padding-right: 10px; }
.productsinlist .productlistitem__quantity__input { height: 29px; padding: 0 10px; background-color: #fff; border: 1px solid #d1d1d1; border-radius: 4px; box-shadow: none; box-sizing: border-box; width: 65%; }
.productsinlist .productlistitem__checkboxwrapper { display: inline-block; width: 2%; }
.productsinlist .productlistitem--left { width: 23%; display: inline-block; vertical-align: middle; padding: 0 10px; }
.productsinlist .productlistitem__description { font-size: 11px; color: #555; max-height: 52px; overflow-y: auto; width: 40%; padding-right: 2%; display: inline-block; vertical-align: middle; }
.productsinlist .productlistitem__picture { width: 10%; max-height: 89px; overflow: hidden; position: relative; height: 100vw; }
.productsinlist .productlistitem__picture img { max-height: 100%; max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.productsinlist .productlistitem--right { display: inline-block; width: 20%; vertical-align: middle; }
.productsinlist .productlistitem__productprice { font-size: 10px; width: 100%; text-align: left; }
.productsinlist .productlistitem__productprice .productlistitem__productprice__text { float: left; width: 30%; line-height: 29px; font-size: 10px; text-align: right; padding-right: 10px; }
.productsinlist .productlistitem__productprice .productPrice { font-size: 14px; color: #31a3dd; }
.productsinlist .productlistitem__title a { font-size: 16px; color: #31A3DD; display: block; margin-bottom: 4px; }
.productsinlist .productlistitem__sku, .productsinlist .minmax_quantity, .productsinlist .stock-quantity { font-size: 10px; line-height: 1.3; }
.productsinlist .productqueue { width: 100%; margin: 0; position: relative; }
.productsinlist .productqueue .basket__item { float: left; width: 25%; border: 1px solid #eee; padding: 4px; position: relative; }
.productsinlist .productqueue .basket__name { display: inline-block; width: 85%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.productsinlist .productqueue .basket__quantity { display: inline-block; position: absolute; right: 2px; background: #eee; padding: 3px; border: 1px solid #ddd; top: 2px; max-width: 50%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.productsinlist .productqueue .basket__item__delete { display: inline-block; float: right; width: 100%; margin-top: 9px; height: 32px; text-align: center; line-height: 29px; letter-spacing: .1rem; text-decoration: none; white-space: nowrap; cursor: pointer; box-sizing: border-box; color: #FFF; background-color: #31A3DD; border: 1px solid #31A3DD; }
.productsinlist .productqueue__submit { margin: 0; right: 0; }
.productsinlist .productqueue__submit input { display: inline-block; float: right; width: 100%; margin-top: 9px; height: 32px; text-align: center; line-height: 29px; letter-spacing: .1rem; text-decoration: none; white-space: nowrap; cursor: pointer; box-sizing: border-box; color: #FFF; background-color: #31A3DD; border: 1px solid #31A3DD; padding: 0; }
.productsinlist .productqueue__submit input:hover { background: #00415F; }
.productsinlist .productqueue__counter { margin: 0; padding: 12px 2px; font-size: 15px; }
.productsinlist .productqueue__basket { width: 66.66%; margin: 0; }
.productsinlist .productqueue__basket__list { padding: 10px; background: white; border: 1px solid #eee; height: 200px; overflow: auto; }
.productsinlist .productqueue__basket__list:after { clear: both; content: ""; display: table; }
@media only screen and (max-width: 480px) { .productlistitem { text-align: center; }
.productlistitem__checkboxwrapper, .productlistitem__picture, .productlistitem--left, .productlistitem__description, .productlistitem--right { width: 100% !important; }
.productlistitem__description { margin: 8px 0; } }
@media only screen and (max-width: 959px) { .productsinlist .productqueue .grid_2 { width: 50%; float: left; margin: 0; }
.productsinlist .productqueue__basket { width: 100%; } }
@media only screen and (min-width: 960px) { .productsinlist .productqueue__submit { position: absolute; bottom: 0; width: 16.66%; }
.productsinlist .productqueue__counter { position: absolute; bottom: 0; width: 16.66%; } }
.ajaxPager { display: inline-block; padding-left: 0; margin: 6px 1px 11px; border-radius: 4px; }
.ajaxPager a, .ajaxPager span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.ajaxPager a:hover, .ajaxPager span:hover { z-index: 2; color: #31A3DD; background-color: #eee; border-color: #ddd; }
.ajaxPager .pager__page.active { z-index: 3; color: #fff; cursor: default; background-color: #31A3DD; border-color: #31A3DD; }
.tagsearch-results-page .listItem { background: #FFFFFF; padding: 10px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; margin-bottom: 2%; }
.tagsearch-results-page .listItem .picture { width: 100%; padding-bottom: 100%; position: relative; }
.tagsearch-results-page .listItem .picture a { position: absolute; height: 100%; width: 100%; }
.tagsearch-results-page .listItem .picture img { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 100%; max-width: 100%; }
.tagsearch-results-page .listItem .product-title { margin: 10px 0; }
.tagsearch-results-page .listItem .product-title a { text-decoration: none; }
.category-categoryslider { /* Dots */ }
.category-categoryslider .product-item { background: #FFFFFF; padding: 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; margin: 10px; }
.category-categoryslider .product-item .picture { position: relative; display: block; }
.category-categoryslider .product-item .picture:after { padding-bottom: 100%; content: ""; display: inline-block; }
.category-categoryslider .product-item .picture img { display: block; max-width: 100%; position: absolute; top: 50%; left: 50%; max-height: 100%; transform: translate(-50%, -50%); }
.category-categoryslider .slick-next.slick-disabled { opacity: 0.2; }
.category-categoryslider .slick-next:after { content: ""; display: block; border-left: 10px solid #353E49; width: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: absolute; top: 0; height: 0; background: none; right: 0; }
.category-categoryslider .slick-prev.slick-disabled { opacity: 0.2; }
.category-categoryslider .slick-prev:after { content: ""; display: block; border-right: 10px solid #353E49; width: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: absolute; top: 0; height: 0; background: none; }
.category-categoryslider .slick-dotted.slick-slider { margin-bottom: 30px; }
.category-categoryslider .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.category-categoryslider .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.category-categoryslider .slick-dots li button, .category-categoryslider .slick-dots li .t-grid .t-button, .t-grid .category-categoryslider .slick-dots li .t-button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.category-categoryslider .slick-dots li button:hover, .category-categoryslider .slick-dots li .t-grid .t-button:hover, .t-grid .category-categoryslider .slick-dots li .t-button:hover, .category-categoryslider .slick-dots li button:focus, .category-categoryslider .slick-dots li .t-grid .t-button:focus, .t-grid .category-categoryslider .slick-dots li .t-button:focus { outline: none; }
.category-categoryslider .slick-dots li button:hover:before, .category-categoryslider .slick-dots li .t-grid .t-button:hover:before, .t-grid .category-categoryslider .slick-dots li .t-button:hover:before, .category-categoryslider .slick-dots li button:focus:before, .category-categoryslider .slick-dots li .t-grid .t-button:focus:before, .t-grid .category-categoryslider .slick-dots li .t-button:focus:before { opacity: 1; }
.category-categoryslider .slick-dots li button:before, .category-categoryslider .slick-dots li .t-grid .t-button:before, .t-grid .category-categoryslider .slick-dots li .t-button:before { font-family: 'slick'; font-size: 35px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #353E49; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.category-categoryslider .slick-dots li.slick-active button:before, .category-categoryslider .slick-dots li.slick-active .t-grid .t-button:before, .t-grid .category-categoryslider .slick-dots li.slick-active .t-button:before { opacity: .75; color: #353E49; }
.category-page .product-item--image { position: relative; }
.multi-product-selectable input[type="checkbox"], .multi-product-select input[type="checkbox"] { isolation: isolate; appearance: none; width: 25px; height: 25px; background: #eee; z-index: 10; border: 1px solid #4a4a4a; }
.multi-product-selectable input[type="checkbox"]:checked, .multi-product-select input[type="checkbox"]:checked { background-color: #23d160 !important; }
.multi-product-selectable input[type="checkbox"]:checked:before, .multi-product-select input[type="checkbox"]:checked:before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: 400; color: white; font-size: 1.2rem; display: flex; justify-content: center; align-items: center; }
.multi-product-selectable .product-box-grayed, .multi-product-select .product-box-grayed { opacity: .8; pointer-events: none; }
.multi-product-selectable input[type="checkbox"] { position: absolute; top: .5rem; left: .5rem; }
.multi-product-select input[type="checkbox"], .multi-product-select .selected-products-number { margin-right: .5rem; }
/* Basket Page*/
/* =======BASKET==================== */
.cart-item-row input { width: initial; height: initial !important; }
.cart-item-row input[type="submit"], .cart-item-row input[type="reset"], .cart-item-row input[type="button"], .cart-item-row button, .cart-item-row .t-grid .t-button, .t-grid .cart-item-row .t-button { width: 120px; padding: 0px; text-align: center; }
.kit-item-group-table.active .cart--groupexpand button span:first-child, .kit-item-group-table.active .cart--groupexpand .t-grid .t-button span:first-child, .t-grid .kit-item-group-table.active .cart--groupexpand .t-button span:first-child { display: none; }
.kit-item-group-table.active .cart--groupexpand button span:last-child, .kit-item-group-table.active .cart--groupexpand .t-grid .t-button span:last-child, .t-grid .kit-item-group-table.active .cart--groupexpand .t-button span:last-child { display: inline; }
.kit-item-group-table.active .cart--groupexpand button, .kit-item-group-table.active .cart--groupexpand .t-grid .t-button, .t-grid .kit-item-group-table.active .cart--groupexpand .t-button { background-color: #353E49; color: #fff; }
.kit-item-group-table .product__quantity { width: 80px; }
.kit-item-group-table.active .cart-kit-item { background-color: #f9f9f9; border-bottom: 1px solid #ccc; }
.kit-item-group-table.active tr:first-child, .kit-item-group-table.active tr:last-child { border-bottom: solid 1px #353E49 !important; }
.kit-item-group-table td.product { width: 40%; }
.kit-item-group-table .cart--groupexpand button .fa, .kit-item-group-table .cart--groupexpand .t-grid .t-button .fa, .t-grid .kit-item-group-table .cart--groupexpand .t-button .fa { display: inline; }
/* Basket
======================================*/
.order-progress { border: 1px solid rgba(53, 62, 73, 0.3); }
.order-progress ul li a.active-step { background: #353E49; }
/*=========Address Slect*/
.address-filter { border-right: 1px #ccc solid; }
.address-filter input { background: none repeat scroll 0 0 white; border: 1px solid #ccc; border-right: 0px none; display: block; float: left; margin: 0; padding: 5px 0; width: 11.1%; }
.select-address-title { padding-top: 10px; padding-bottom: 10px; }
/*=========SHIPPING METHOD =====================*/
.envelope { background: #fff; padding: 20px; border: #eee solid 3px; position: relative; min-height: 200px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.envelope .stamp { display: block; width: 65px; height: 85px; background: #F7F7F7; position: absolute; right: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 3px solid #eee; text-align: center; background-image: url(/1937871996/Handler/Static/Content/Themes/Base/images/checkout/queenhead.png); background-repeat: no-repeat; background-position: center 5px; }
.envelope .stamp .text { position: absolute; bottom: 5px; width: 100%; }
.envelope .address-box { padding-top: 50px; }
.checkout-page .shipping-options, .checkout-page .payment-methods { padding: 0px; }
.checkout-page .shipping-options .ui-button { display: block; border: 0px none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.checkout-page .shipping-options .shippingButton .ui-button-text { background-image: url(/345698892/Handler/Static/Content/Images/icons/bwpx-icns/mailing.gif); background-repeat: no-repeat; background-position: 5px 5px; text-align: left; padding-left: 30px; }
.checkout-page .shipping-options .shippingButton.ui-state-active .ui-button-text { background-image: url(/1111683655/Handler/Static/Content/Images/icons/bwpx-icns/mailing_ticked.gif); background-repeat: no-repeat; background-position: 5px 5px; text-align: left; padding-left: 30px; }
.checkout-page .page-title { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; }
.hasDatepicker { border: 3px solid #EEEEEE; margin: 0; padding: 7px; }
.calendar-icon { vertical-align: middle; cursor: pointer; }
.checkout-page .select-button { text-align: right; }
/* Basket
======================================*/
@media (max-width: 750px) { .orderSummaryWrapper .cartTableWrapper thead { display: none; } }
.orderSummaryWrapper .cartTableWrapper th, .orderSummaryWrapper .cartTableWrapper td { display: block; white-space: normal !important; text-align: center !important; padding: 0 15px; }
@media (min-width: 751px) { .orderSummaryWrapper .cartTableWrapper th, .orderSummaryWrapper .cartTableWrapper td { display: table-cell; } }
.orderSummaryWrapper .cartTableWrapper tr { border-bottom: 1px solid #eee; }
@media (max-width: 750px) { .orderSummaryWrapper .cartTableWrapper tr { display: block; text-align: center; padding: 18px 0 90px; position: relative; } }
.orderSummaryWrapper .cartTableWrapper tr:last-of-type { border: none; }
@media (max-width: 750px) { .orderSummaryWrapper .cartTableWrapper td:first-child { position: absolute; bottom: 7px; width: 100%; } }
.orderSummaryWrapper .cartTableWrapper .productpicture { padding: 12px; }
.orderSummaryWrapper .cart-total th, .orderSummaryWrapper .cart-total td { display: table-cell; }
.orderSummaryWrapper .checkoutAttributesWrapper, .orderSummaryWrapper .common-buttons-container { text-align: center; margin-bottom: 16px; }
@media (min-width: 751px) { .orderSummaryWrapper .checkoutAttributesWrapper, .orderSummaryWrapper .common-buttons-container { margin: 0; float: right; text-align: right; } }
@media (max-width: 750px) { .orderSummaryWrapper .cart-collaterals { margin: 13px 0 35px; text-align: center; } }
.orderSummaryWrapper .cartTableWrapper { background: #FFFFFF; padding: 20px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; margin-bottom: 10px; text-align: center; }
.orderSummaryWrapper .cartTableWrapper td.product { width: 40%; }
.orderSummaryWrapper .cartTableWrapper td.product, .orderSummaryWrapper .cartTableWrapper th.picture + th { text-align: left; }
.orderSummaryWrapper .total-info { background: #FFFFFF; padding: 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; margin-bottom: 10px; }
.orderSummaryWrapper .giftcard-box, .orderSummaryWrapper .coupon-box { line-height: 1.6; background: #FFFFFF; padding: 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; margin-bottom: 15px; }
.orderSummaryWrapper #continueshoppingDummy { float: left; }
.orderSummaryWrapper #checkout { float: right; }
.orderSummaryWrapper .productpicture { padding: 0 2%; }
.orderSummaryWrapper .productpicture img { max-width: 200px; margin: 0 auto; }
.cart tr.kit-item { background: #F9F9F9; }
.cart-item-row .productPrice_withoutdiscount { font-weight: normal; text-decoration: line-through; opacity: 0.5; display: block; margin-bottom: 5px; float: left; width: 100%; }
.cart-item-row .productPrice { font-weight: bold; }
#cross-sell-popup div#cross-sell-list { justify-content: center; }
#cross-sell-popup div#cross-sell-list .listItem { width: auto !important; flex: 1 !important; max-width: 312px; }
@media only screen and (max-width: 600px) { #cross-sell-popup div#cross-sell-list .listItem { max-width: 50% !important; flex: none !important; width: 100% !important; } }
#cross-sell-popup #pagination_cross-sell-list { max-width: fit-content; margin: 0 auto; }
#cross-sell-popup .pagination-link { color: #353E49 !important; }
/* Login Page*/
/* =======LOGIN PAGE==================== */
.register-customer-wrapper .new-wrapper .body { margin-top: 16px; background: #FFFFFF; padding: 13px 36px 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.register-customer-wrapper .registernextstepbutton { float: right; }
@media (max-width: 750px) { .returning-wrapper { margin-top: 33px; } }
.returning-wrapper .login-block { margin-top: 16px; background: #FFFFFF; padding: 13px 36px 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.register-customer-wrapper .requiredMarker, .returning-wrapper .requiredMarker { color: Red; }
.register-customer-wrapper .validation-summary-errors span, .returning-wrapper .validation-summary-errors span { padding: 5px; color: #ff0000; }
.register-customer-wrapper .externalauthentication, .returning-wrapper .externalauthentication { margin-top: 10px; padding-top: 10px; }
/* Product Page*/
/* Category Page*/
/* =======PRODUCT PAGES LIST ITEMS==================== */
.product-details-page .grid_6, .product-details-page .checkout-page__billing-address .select-address, .checkout-page__billing-address .product-details-page .select-address, .product-details-page .checkout-page__billing-address .enter-address, .checkout-page__billing-address .product-details-page .enter-address, .product-details-page .checkout-page__shipping-address .address-list .address-item, .checkout-page__shipping-address .address-list .product-details-page .address-item { margin-top: 20px; }
.product-details-page th, .product-details-page td { display: table-cell; }
.product-details-page .product-details-info .thumbs { border-top: 5px solid #eee; padding: 5px; text-align: center; }
.product-details-page .product-details-info .thumbs .thumb { display: inline-block; padding-bottom: 25%; width: 25%; float: left; position: relative; }
.product-details-page .product-details-info .thumbs .thumb a { width: 100%; position: absolute; left: 0; top: 0; height: 100%; padding: 2px; }
.product-details-page .product-details-info .thumbs .thumb a img { max-width: 100%; max-height: 100%; }
.product-details-page .product-variant-list { margin-bottom: 10px; }
.product-details-page .overview .price { margin: 10px 0 20px; }
.product-details-page .productPrice span { font-size: 1.6rem; margin-left: 2px; }
.product-details-page .overview .add-info { padding: 10px; background: #f9f9f9; border: 1px solid #eeeeee; margin-top: 5px; }
.product-details-page .overview .add-info .quantityBox { width: 65px !important; padding: 0 8px !important; margin: 0; }
.product-details-page .overview .shortdescription { margin: 22px 0; }
.product-details-page .product-reviews-overview { margin-bottom: 10px; }
.product-details-page .product-no-reviews { margin-bottom: 10px; }
.product-details-page .emailCompareWrapper { margin-bottom: 10px; }
.product-details-page .shareWrapper { margin-bottom: 10px; border-bottom: solid 1px #eee; padding-bottom: 10px; }
.product-details-page .product-details-page { margin-bottom: 10px; }
.product-details-page .product-essential { margin-bottom: 10px; }
@media (min-width: 751px) { .product-details-page .product-essential { margin-bottom: 20px; } }
.product-details-page .fulldescription .fulldescriptionTitle { margin: 0; }
.product-details-page .fulldescription p { margin: 0 0 10px 0; }
.product-details-page .prices-table { background: none repeat scroll 0 0 #f9f9f9; border: 1px solid #eeeeee; }
.product-details-page .also-purchased-products-grid { margin-top: 10px; }
.product-details-page .also-purchased-products-grid h3, .product-details-page .also-purchased-products-grid footer h4, footer .product-details-page .also-purchased-products-grid h4, .product-details-page .also-purchased-products-grid footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .product-details-page .also-purchased-products-grid .enter-address-title, .product-details-page .also-purchased-products-grid .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .product-details-page .also-purchased-products-grid .enter-address-title { margin: 0; }
.product-details-page .also-purchased-products-grid .listWrapper .item-box { border: 2px solid #eeeeee; background: #fff; margin-top: 10px; padding: 5px; position: relative; }
.product-details-page .also-purchased-products-grid .listWrapper .item { height: 180px; overflow: hidden; }
.product-details-page .also-purchased-products-grid .listWrapper .item .picture { height: 160px; width: 218px; display: table-cell; text-align: center; vertical-align: middle; }
.product-details-page .also-purchased-products-grid .listWrapper .item .picture img { max-width: 150px; max-height: 150px; }
.product-details-page .related-products-grid { margin-top: 10px; }
.product-details-page .related-products-grid h3, .product-details-page .related-products-grid footer h4, footer .product-details-page .related-products-grid h4, .product-details-page .related-products-grid footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .product-details-page .related-products-grid .enter-address-title, .product-details-page .related-products-grid .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .product-details-page .related-products-grid .enter-address-title { margin: 0; }
.product-details-page .related-products-grid .listWrapper { display: inline-flex; flex-wrap: wrap; width: 100%; }
.product-details-page .related-products-grid .listWrapper .item-box { border: 2px solid #eeeeee; background: #fff; margin-top: 10px; padding: 5px; position: relative; overflow: hidden; }
.product-details-page .related-products-grid .listWrapper .item-box .picture { height: 160px; width: 218px; display: table-cell; text-align: center; vertical-align: middle; }
.product-details-page .related-products-grid .listWrapper .item-box .picture img { max-width: 150px; max-height: 150px; }
.product-details-page .attributes { position: relative; }
.product-details-page .attribute.hide { display: none; }
.product-details-page .attribute { background: none repeat scroll 0 0 #f9f9f9; border: 1px solid #eeeeee; margin-top: 5px; padding: 5px; }
.product-details-page .attribute .textBox { border: 1px #eee solid; width: 80%; }
.product-details-page .attribute .textArea { border: 1px #eee solid; width: 90%; }
.product-details-page .attributeHeader { line-height: 32px; padding-left: 0px; width: 100%; display: block; float: left; margin-bottom: 8px; }
.product-details-page .attributeRequired { color: #ff0000; font-weight: bold; }
.product-details-page .attributeTitle { font-weight: bold; }
.product-details-page .uploadedWrapper { float: right; position: relative; }
.product-details-page .uploadedWrapper.product-attributes { width: 60%; }
.product-details-page .fileDelete { position: absolute; right: 0; top: 0; background: #ff0000; color: #fff; border: none 0; padding: 1px 5px; border-left: solid 1px #fff; border-bottom: solid 1px #fff; }
.product-details-page .fileUpload { background: green; color: #fff; border: none 0; padding: 1px 5px; }
.product-details-page .producttags-box .producttags-list .producttags-wrapper { float: left; padding-right: 5px; }
.product-details-page .producttags-box .producttags-list .producttags-wrapper .producttag { color: #22a8e5; }
.product-details-page .fulldescription { background: #FFFFFF; padding: 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; margin: 10px 0; }
.product-details-page .tier-prices { margin-bottom: 15px; }
.product-details-page .tier-prices .prices-header { margin-bottom: 10px; }
.attribute.hide { display: none; }
/* Product Details
======================================*/
@media (max-width: 750px) { .product-details-page .acentcolour, .DT_product-details-page .acentcolour { margin-top: 15px; }
.overview .price { margin: 10px 0; }
.product-collateral.grid_6, .checkout-page__billing-address .product-collateral.select-address, .checkout-page__billing-address .product-collateral.enter-address, .checkout-page__shipping-address .address-list .product-collateral.address-item { text-align: center; } }
/* Product Details Page
======================================*/
.product-details-page .error, .product-details-page .information { padding: 10px 15px; margin: 0 0 20px; display: inline-block; color: #333; }
.product-details-page .error { background: #faa; border: 1px solid red; }
.product-details-page .information { background: #99bbff; border: 1px solid blue; }
.product-details-page .product-collateral, .DT_product-details-page .product-collateral { background: #FFFFFF; padding: 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.product_details_page .picture, .product-details-info .picture { background: #FFFFFF; padding: 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.product_details_page .picture .bigpicture, .product-details-info .picture .bigpicture { height: 100%; width: 100%; display: block; min-height: 302px; padding-bottom: 100%; position: relative; margin-bottom: 24px; }
.product_details_page .picture .bigpicture img, .product-details-info .picture .bigpicture img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.tier-prices .prices { overflow-x: auto; }
.TG_video_container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 99999999; }
.TG_video_container iframe { position: absolute; width: 60% !important; height: 60% !important; left: 20%; top: 20%; box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 10px; }
.DT_ME_loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 99999999; }
.TG_ME_loading p { position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -150px; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 10px; width: 300px; height: 50px; line-height: 60px; text-align: center; font-size: 18px; border-radius: 5px; }
.TG_ME_loading .fa { display: inline-block; }
.TG_product-details-page { position: relative; float: left; width: 100%; }
.TG_product-details-page .also-purchased-products-grid { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
.TG_product-details-page .also-purchased-products-grid .listWrapper .listItem { width: 20%; margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.TG_product-details-page .file_download_button { position: relative; float: right; padding: 5px; padding-left: 10px; padding-right: 10px; text-transform: uppercase; color: #fff; background-color: #f1592a; border: none; font-size: 12px; margin-top: 10px; margin-bottom: 10px; vertical-align: middle; }
.TG_product-details-page .file_download_button img { vertical-align: middle; }
.TG_product-details-page .file_download_button:hover { text-decoration: none; cursor: pointer; background-color: #da5126; }
.TG_product-details-page-main { position: relative; float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; margin-bottom: 20px; padding: 5px; margin-top: 20px; }
.TG_product-details-info { position: relative; float: left; width: 100%; }
.TG_product-essential { float: left; width: 49%; background: #FFFFFF; padding: 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.TG_product-collateral { float: right; width: 50%; background: #FFFFFF; padding: 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.TG_product-collateral .productname { font-size: 26px; margin-bottom: 0; }
.TG_tab_buttons { position: relative; float: left; width: 100%; border-bottom: solid 1px #ccc; }
.TG_tab_button { float: left; padding: 10px; background-color: #eee; color: rgba(0, 0, 0, 0.9); }
.TG_tab_button:last-child { margin-right: 0; }
.TG_tab_button:hover { text-decoration: none; color: #000; }
.TG_tab_button.active { background-color: #c8c8c8; }
.TG_tab_content { position: relative; float: left; width: 100%; margin-bottom: 10px; font-size: 14px; line-height: 18px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; }
.TG_checkout_button_container { position: relative; float: right; width: 100%; }
.TG_checkout_button { position: relative; float: right; padding: 8px; padding-left: 18px; padding-right: 18px; text-transform: uppercase; color: #fff; background-color: #313743; border: none; margin-right: 10px; margin-bottom: 5px; }
.TG_picture { position: relative; float: left; width: 98%; margin: 1%; margin-top: 10px; }
.TG_bigpicture { position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #e9e9e9; padding-bottom: 55%; width: 98%; margin: 1%; margin-bottom: 0; background-color: #eee; }
.TG_bigpicture a { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.TG_video_button_container { position: relative; float: left; width: 98%; margin: 1%; margin-top: 0; border: solid 1px #e9e9e9; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 0; }
.TG_video_button { position: relative; float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; background-color: #fff; padding: 5px; font-size: 14px; color: #9c9b9b; text-align: center; }
.TG_video_button:hover { color: #f55a2a; text-decoration: none; cursor: pointer; }
.TG_video_button .fa { display: inline-block; }
.TG_thumbs { position: relative; float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 0; }
.TG_thumb_carousel { position: absolute; width: 99999px; top: 0; left: 0; }
.TG_thumb_carousel_body { position: relative; float: left; width: 100%; overflow: hidden; }
.TG_prev_button { position: absolute; left: -9px; top: 44%; font-size: 16px; cursor: pointer; }
.TG_prev_button .fa { display: inline-block; color: #ccc; }
.TG_next_button { position: absolute; right: -13px; top: 44%; font-size: 16px; cursor: pointer; }
.TG_next_button .fa { display: inline-block; color: #ccc; }
.TG_thumb { position: relative; float: left; width: 29%; padding-bottom: 29%; margin: 2%; border: solid 1px #e9e9e9; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.TG_thumb a { position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; background-position: center; background-repeat: no-repeat; background-size: contain; }
.TG_product_review { position: relative; float: left; width: 100%; margin-bottom: 22px; background: #FFFFFF; padding: 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.TG_related_products { position: relative; float: right; width: 62%; }
.TG_shareWrapper { position: relative; float: right; width: 51%; background-color: transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; }
.TG_shareWrapper .product-share-button { float: right; }
@media only screen and (max-width: 959px) and (min-width: 768px) { .TG_product-essential { width: 49%; }
.TG_product-collateral { width: 50%; }
.TG_product-collateral .prices-table td { position: relative; float: left; width: 100%; }
.TG_product-collateral .prices-table td table { border-bottom: solid 1px #eee; }
.TG_product-collateral .prices-table td tr { position: relative; float: left; width: 50%; }
.TG_product-collateral .prices-table tr { width: 100%; }
.TG_product_review { width: 100%; margin-top: 20px; }
.TG_related_products { width: 100%; margin-top: 20px; } }
@media only screen and (max-width: 767px) and (min-width: 480px) { .TG_product-essential { width: 100%; }
.TG_product-collateral { width: 100%; margin-top: 10px; }
.TG_product_review { width: 100%; }
.TG_related_products { width: 100%; }
.TG_shareWrapper { width: 100%; } }
@media only screen and (max-width: 479px) { .TG_product-essential { width: 100%; padding: 5px; }
.TG_product-collateral { width: 100%; margin-top: 10px; padding: 5px; }
.TG_product_review { width: 100%; }
.TG_related_products { width: 100%; }
.TG_product-details-page .also-purchased-products-grid .listWrapper .listItem { width: 50%; }
.TG_shareWrapper { width: 100%; }
.TG_tab_content { padding-left: 0; padding-right: 0; } }
.TG_tabs_container .productspec-box .title { display: none; }
.DT_product-details-page .DT_video_container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 99999999; }
.DT_product-details-page .DT_video_container iframe { position: absolute; width: 60% !important; height: 60% !important; left: 20%; top: 20%; box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 10px; }
.DT_product-details-page .DT_ME_loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 99999999; }
.DT_product-details-page .DT_ME_loading p { position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -150px; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 10px; width: 300px; height: 50px; line-height: 60px; text-align: center; font-size: 18px; border-radius: 5px; }
.DT_product-details-page .DT_ME_loading .fa { display: inline-block; }
.DT_product-details-page .DT_product-details-page { position: relative; float: left; width: 100%; }
.DT_product-details-page .DT_product-details-page .related-products-grid { position: relative; float: left; width: 100%; background-color: #fff; margin-top: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; }
.DT_product-details-page .DT_product-details-page .related-products-grid .grid_12 { position: relative; float: left; width: 100%; background-color: #fff; margin-top: 0; }
.DT_product-details-page .DT_product-details-page .also-purchased-products-grid { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; }
.DT_product-details-page .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem { width: 20%; margin: 0; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.DT_product-details-page .DT_product-details-page .file_download_button { position: relative; float: right; padding: 5px; padding-left: 10px; padding-right: 10px; text-transform: uppercase; color: #fff; background-color: #f1592a; border: none; font-size: 12px; margin-top: 10px; margin-bottom: 10px; vertical-align: middle; }
.DT_product-details-page .DT_product-details-page .file_download_button img { vertical-align: middle; }
.DT_product-details-page .DT_product-details-page .file_download_button:hover { text-decoration: none; cursor: pointer; background-color: #da5126; }
.DT_product-details-page .DT_product-details-page-main { position: relative; margin: 20px 0; background: #FFFFFF; padding: 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.DT_product-details-page .DT_product-details-page-main:after { content: ""; display: table; clear: both; }
.DT_product-details-page .DT_product-details-info { position: relative; float: left; width: 100%; }
.DT_product-details-page .DT_product-essential { position: relative; float: left; width: 40%; }
.DT_product-details-page .DT_product-collateral { position: relative; float: right; width: 58%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 10px; }
.DT_product-details-page .overview .price { margin: 10px 0 20px; }
.DT_product-details-page .productPrice span { font-size: 1.6rem; margin-left: 2px; }
.DT_product-details-page .DT_tab_buttons { position: relative; float: left; width: 100%; border-bottom: solid 2px #e9e9e9; }
.DT_product-details-page .DT_tab_button { position: relative; float: left; width: 33%; text-align: center; margin-right: 0.5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; background-color: #eee; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor: pointer; text-decoration: none; color: #000; height: 38px; }
.DT_product-details-page .DT_tab_button:last-child { margin-right: 0; }
.DT_product-details-page .DT_tab_button:hover { text-decoration: none; color: #000; }
.DT_product-details-page .DT_tab_button.active { background-color: #fff; margin-bottom: -2px; border: solid 2px #353E49; border-bottom: 0; height: 40px; }
.DT_product-details-page .DT_tab_content { position: relative; float: left; width: 100%; padding: 25px 0; border-bottom: solid 1px #5d656d; font-size: 14px; line-height: 18px; min-height: 311px; }
.DT_product-details-page .DT_checkout_button_container { display: none; }
.DT_product-details-page .DT_checkout_button { float: right; }
.DT_product-details-page .DT_picture { position: relative; float: left; width: 100%; }
.DT_product-details-page .DT_tabs_container { margin-top: 20px; }
.DT_product-details-page .DT_bigpicture { position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 2px #e9e9e9; padding-bottom: 80%; width: 100%; margin-bottom: 0; }
.DT_product-details-page .DT_bigpicture a { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.DT_product-details-page .DT_video_button_container { position: relative; float: left; width: 95%; margin: 2%; margin-top: 0; border: solid 2px #e9e9e9; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 0; }
.DT_product-details-page .DT_video_button { position: relative; float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; background-color: #fff; padding: 5px; font-size: 14px; color: #9c9b9b; text-align: center; }
.DT_product-details-page .DT_video_button:hover { color: #f55a2a; text-decoration: none; cursor: pointer; }
.DT_product-details-page .DT_video_button .fa { display: inline-block; }
.DT_product-details-page .DT_thumbs { position: relative; float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 0; }
.DT_product-details-page .DT_thumb_carousel { position: absolute; width: 99999px; top: 0; left: 0; }
.DT_product-details-page .DT_thumb_carousel_body { position: relative; float: left; width: 100%; overflow: hidden; }
.DT_product-details-page .DT_prev_button { position: absolute; left: -9px; top: 44%; font-size: 16px; cursor: pointer; }
.DT_product-details-page .DT_prev_button .fa { display: inline-block; color: #ccc; }
.DT_product-details-page .DT_next_button { position: absolute; right: -9px; top: 44%; font-size: 16px; cursor: pointer; }
.DT_product-details-page .DT_next_button .fa { display: inline-block; color: #ccc; }
.DT_product-details-page .DT_thumb { position: relative; float: left; width: 29%; padding-bottom: 29%; margin: 2%; border: solid 2px #e9e9e9; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.DT_product-details-page .DT_thumb a { position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; background-position: center; background-repeat: no-repeat; background-size: contain; }
@media only screen and (max-width: 1200px) and (min-width: 960px) { .DT_product-details-page .DT_product-details-page .related-products-grid .listWrapper .listItem { width: 25%; }
.DT_product-details-page .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem { width: 25%; } }
@media only screen and (max-width: 959px) and (min-width: 768px) { .DT_product-details-page .DT_product-essential { width: 100%; margin-bottom: 25px; }
.DT_product-details-page .DT_product-collateral { width: 100%; }
.DT_product-details-page .DT_product-details-page-main { padding: 30px; }
.DT_product-details-page .DT_product-details-page .related-products-grid .listWrapper .listItem { width: 33%; }
.DT_product-details-page .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem { width: 33%; } }
@media only screen and (max-width: 767px) and (min-width: 480px) { .DT_product-details-page .DT_product-essential { width: 100%; margin-bottom: 25px; }
.DT_product-details-page .DT_product-collateral { width: 100%; }
.DT_product-details-page .DT_product-details-page .related-products-grid .listWrapper .listItem { width: 50%; }
.DT_product-details-page .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem { width: 50%; } }
@media only screen and (max-width: 479px) { .DT_product-details-page .DT_product-details-page .related-products-grid .listWrapper .listItem { width: 100%; }
.DT_product-details-page .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem { width: 100%; }
.DT_product-details-page .DT_product-essential { width: 100%; margin-bottom: 25px; }
.DT_product-details-page .DT_product-collateral { width: 100%; }
.DT_product-details-page .DT_tab_button { height: 50px; }
.DT_product-details-page .DT_tab_button.active { height: 52px; } }
.DT_product-details-page .DT_tabs_container .productspec-box .title { display: none; }
.productTemplateTabbed .ui-widget-header { background: transparent none !important; border: 0 none !important; color: #222222; font-weight: bold; }
.productTemplateTabbed .ui-tabs { position: relative; }
.productTemplateTabbed .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
.productTemplateTabbed .ui-tabs .ui-tabs-nav li { background: none #f9f9f9 !important; border: 0 none !important; border-radius: 0 !important; }
.productTemplateTabbed .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: none #eeeeee !important; }
.productTemplateTabbed .ui-tabs .ui-tabs-panel { height: 572px !important; }
.productTemplateTabbed .ui-corner-all { border-radius: 0 !important; border: 0 none !important; }
.productTemplateTabbed .UItab { border: 2px solid #eeeeee !important; padding: 0 !important; }
.productTemplateTabbed .tabInnerWrap { padding: 10px; overflow: auto; height: 568px !important; }
.productTemplateTabbed .related-products-grid { margin: 0; }
.productTemplateTabbed .listWrapper { overflow: auto; display: inline-flex; flex-wrap: wrap; width: 100%; }
.productTemplateTabbed .listWrapper .listItem { width: 25%; margin: 0; }
.productTemplateTabbed .listWrapper .item-box { border: 1px; }
.productTemplateTabbed .header { margin-bottom: 10px; }
.productTemplateTabbed .priceWrapper { min-height: 60px; }
.productTemplateTabbed .priceWrapper .priceWrapperInner { background: none repeat scroll 0 0 #f9f9f9; border: 1px solid #eeeeee; margin-bottom: 10px; padding: 10px; }
@media (min-width: 751px) { .productTemplateTabbed .priceWrapper .priceWrapperInner { text-align: left; } }
.productTemplateTabbed .priceWrapper .price { font-size: 16px; margin-right: 20px; }
.productTemplateTabbed .priceWrapper .price .oldProductPriceWrapper { color: #707070; display: inline-block; }
.productTemplateTabbed .add-info { display: inline-block; }
.productTemplateTabbed .price { display: inline-block; }
.productTemplateTabbed .titleWrapper { min-height: 60px; }
.productTemplateTabbed .titleWrapper h1 { font-size: 26px; margin: 0; padding-top: 10px; }
.productTemplateTabbed .product-variant-list { float: left; width: 100%; }
.productTemplateTabbed .product-variant-list select, .productTemplateTabbed .product-variant-list input[type="text"] { min-width: 50%; }
@media (min-width: 751px) { .productTemplateTabbed .product-details-page .product-collateral { margin-top: 80px; } }
.product-static-product .overview.grid_6, .product-static-product .checkout-page__billing-address .overview.select-address, .checkout-page__billing-address .product-static-product .overview.select-address, .product-static-product .checkout-page__billing-address .overview.enter-address, .checkout-page__billing-address .product-static-product .overview.enter-address, .product-static-product .checkout-page__shipping-address .address-list .overview.address-item, .checkout-page__shipping-address .address-list .product-static-product .overview.address-item { background: #FFFFFF; padding: 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.product-static-product .picture { float: left; margin-top: 12px; }
.product-static-product .picture .thumbs tr { display: inline-block; }
.product-variant-grid .product-collateral { margin-top: 82px; }
/* SLIMBOX */
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: fixed; z-index: 9999; overflow: hidden; background-color: #fff; width: 90% !important; top: 50% !important; left: 50% !important; margin: 0px !important; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#lbCenter { height: 80% !important; }
#lbBottomContainer { top: 90% !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.lbLoading { background: #fff url(/-1609108919/Handler/Static/content/images/slimbox/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 2% !important; top: 2% !important; border: none; background-repeat: no-repeat; width: 96% !important; height: 96% !important; background-size: contain; background-position: center; }
#lbImage > div { width: 100% !important; height: 100% !important; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(/-1199437543/Handler/Static/content/images/slimbox/prevlabel.gif) no-repeat 0 30px; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(/-817100524/Handler/Static/content/images/slimbox/nextlabel.gif) no-repeat 100% 30px; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(/-392868489/Handler/Static/content/images/slimbox/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }
.Card_-_Layout_9 { margin-bottom: 20px; }
.Card_-_Layout_9 .productInformation { background: #FFFFFF; padding: 24px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.Card_-_Layout_9 .mainProductArea { margin-top: 20px; }
.Card_-_Layout_9 #productBreadcrumbContainer { display: inline-block; width: 100%; }
.Card_-_Layout_9 .detailsLeft { width: 50%; float: left; }
.Card_-_Layout_9 .detailsRight { width: 49%; float: left; margin-left: 1%; }
.Card_-_Layout_9 .fulldescription { margin: 16px 0; }
.Card_-_Layout_9 .productPrice span { font-size: 1.6rem; margin-left: 2px; }
.Card_-_Layout_9 .thumb { float: left; width: 33%; }
/* Topic Page*/
.topicpage-body { background: white; border: 4px; padding: 24px; min-height: 400px; min-height: 42vh; }
/* Shopping Cart Page*/
.shoppingcart__wrapper .page-title { margin: 0; }
.shoppingcart__wrapper .checkout_message_bottom { min-height: 300px; }
.shoppingcart__wrapper .warning-box, .shoppingcart__wrapper .cart-item-label-missingJob { border: 1px solid red; background: #ffaaaa; padding: 10px 15px; margin: 0 0 20px; display: inline-block; color: #333; }
.shoppingcart__wrapper .warning-box[hidden="hidden"] { display: none; }
.shoppingcart__wrapper .cart-item-label-missingJob { padding: 5px 15px; margin: 15px 0; }
.shoppingcart__wrapper .quantitiesChangedWarning, .shoppingcart__wrapper .priceErrorWarning { display: none; cursor: pointer; border: 1px solid Red; background: #ffaaaa; padding: 10px; margin: 10px 0; }
.shoppingcart__wrapper .priceErrorWarning { margin-bottom: 0.75rem; display: block; cursor: auto; border-radius: 5px; }
/* Symphony Batch or Single*/
.symphonymode { text-align: center; margin: 40px 0; }
.symphonymode h3, .symphonymode footer h4, footer .symphonymode h4, .symphonymode footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .symphonymode .enter-address-title, .symphonymode .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .symphonymode .enter-address-title { margin-bottom: 3%; }
.symphonymode .symphonymode__item { display: inline-block; width: 100%; max-width: 210px; margin: 0 20px 30px; }
.symphonymode .symphonymode__item .symphonymode__item__desc { font-size: 16px; margin-top: 20px; display: inline-block; }
.symphonymode .symphonymode__item__button.batch:hover { background: rgba(58, 107, 178, 0.8); }
.symphonymode .symphonymode__item__button.batch { background: #3a6bb2; }
.symphonymode .symphonymode__item__button a:focus, .symphonymode .symphonymode__item__button a:hover { color: transparent; }
.symphonymode .symphonymode__item__button.single:hover { background: rgba(233, 30, 99, 0.8); }
.symphonymode .symphonymode__item__button.single { background: #E91E63; }
.symphonymode .symphonymode__item__button.single i { text-indent: 25px; }
.symphonymode .symphonymode__item__button i { width: 100%; font-size: 110px; color: white; padding: 30px 0; display: block !important; }
.symphonymode .symphonymode__item__button span { color: white; border-top: 2px solid rgba(255, 255, 255, 0.5); padding: 12px; display: inline-block; width: 80%; font-size: 20px; text-transform: uppercase; }
.symphonysingleinput { margin: 20px 0; }
.symphonysingleinput * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.symphonysingleinput .row { display: inline-block; width: 100%; margin: 0; }
.symphonysingleinput .form__items { border: 1px solid #3a6bb2; padding: 20px; display: inline-block; margin: 10px 0; background: white; }
.symphonysingleinput .form__item { display: inline-block; width: 50%; margin-bottom: 5px; }
.symphonysingleinput .form__item input { max-width: 80%; }
.symphonysingleinput .form__item label { float: left; width: 20%; }
.symphonysingleinput .form__buttons .submit-button:hover { background: #294aa1; }
.symphonysingleinput .form__buttons .submit-button { background: #3a6bb2; border: 1px solid #2a6bb2; color: white; float: right; }
/* Blog*/
.homepage-news, .news-article-list { position: relative; width: 100%; float: left; border: solid 1px #ccc; box-sizing: border-box; padding: 20px; background: #F6F6F6; }
.homepage-news .page-title .rss, .news-article-list .page-title .rss { position: relative; text-align: right; }
.homepage-news .page-title .title, .news-article-list .page-title .title { position: relative; padding: 0px; font-size: 24px; }
.homepage-news .newsitems, .news-article-list .newsitems { position: relative; width: 100%; float: left; }
.homepage-news .newsitems .item, .news-article-list .newsitems .item { position: relative; background: #fff; box-sizing: border-box; width: 100%; float: left; padding: 20px; margin-bottom: 10px; border: solid 1px #eee; }
.homepage-news .newsitems .newstitle, .news-article-list .newsitems .newstitle { font-size: 20px; display: inline-block; margin-right: 10px; color: #353E49; letter-spacing: 1px; }
.homepage-news .newsitems .newsdate, .news-article-list .newsitems .newsdate { position: relative; float: right; margin-top: 7px; color: #B9B9B9; }
.homepage-news .newsitems .newsdetails, .news-article-list .newsitems .newsdetails { position: relative; width: 100%; float: left; margin-top: 10px; margin-bottom: 10px; }
.homepage-news .newsitems .readmore, .news-article-list .newsitems .readmore { position: absolute; bottom: 0px; right: 0px; padding: 5px; background: #353E49; color: #fff; padding-left: 10px; padding-right: 10px; text-decoration: none; }
.homepage-news .viewall { position: relative; width: 100%; float: left; }
.homepage-news .viewall a { position: relative; float: right; display: inline-block; padding: 7px; background: #353E49; color: #fff; padding-left: 12px; padding-right: 12px; text-decoration: none; }
.news-article { position: relative; float: left; width: 100%; }
.news-article .page-title { position: relative; float: left; width: 100%; }
.news-article .page-title h1 { position: relative; padding-left: 0px; font-size: 30px; margin-top: 10px; margin-bottom: 20px; border-bottom: solid 1px #ccc; padding-bottom: 20px; letter-spacing: 1px; }
.news-article .newsdate { position: relative; float: left; background: #FFF; box-sizing: border-box; text-align: right; margin-top: -28px; padding-left: 10px; padding-right: 10px; margin-left: 20px; color: #989898; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; }
.news-article .newsbody { position: relative; float: left; width: 100%; letter-spacing: .5px; }
.news-article .newsbody img { position: relative; max-width: 90%; margin: 20px auto; display: block; box-sizing: border-box; padding: 10px; background: #eee; border: solid 1px #ccc; }
.news-article .newscomments { position: relative; float: right; width: 100%; margin-top: 15px; }
.news-article .newscomments table, .news-article .newscomments tbody { position: relative; display: block; float: left; width: 100%; }
.news-article .newscomments tr { position: relative; float: left; width: 100%; display: block; }
.news-article .newscomments td { position: relative; display: block; float: left; width: 100%; padding: 0px; margin-bottom: 5px; }
.news-article .newscomments .title { position: relative; font-size: 20px; width: 100%; float: left; border-top: solid 1px #ccc; padding-top: 10px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }
.news-article .newscomments td.leavetitle { font-size: 14px; text-align: left; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #ccc; letter-spacing: 1px; text-transform: uppercase; }
.news-article .newscomments .newcomment { position: relative; float: left; width: 38%; box-sizing: border-box; background: #F6F6F6; border: solid 1px #ccc; padding: 20px; }
.news-article .newscomments .clear { display: none; }
.news-article .newscomments .newcomment form { position: relative; }
.news-article .newscomments .newcomment input { position: relative; box-sizing: border-box; width: 100% !important; float: left; margin-bottom: 10px; }
.news-article .newscomments .message-error ul { margin-bottom: 0px; }
.news-article .newscomments .newcomment textarea { position: relative; float: left; width: 100% !important; box-sizing: border-box; padding: 7px; }
.news-article .newscomments .newcomment .newsitemaddcommentbutton { position: relative; width: auto !important; margin: 0 auto; display: block; float: none; padding: 7px; background: #353E49; border: none; color: #fff; padding-left: 12px; padding-right: 12px; }
.news-article .newscomments .commentlist { position: relative; float: left; width: 60%; margin-left: 2%; min-height: 100px; background: #F6F6F6; border: solid 1px #ccc; box-sizing: border-box; padding: 20px; }
.news-article .newscomments .thecomment { position: relative; float: left; width: 100%; margin-bottom: 15px; margin-top: 15px; border: solid 1px #ccc; box-sizing: border-box; padding: 10px; padding-bottom: 15px; padding-top: 15px; }
.news-article .newscomments .thecomment .commentinfo { position: relative; float: left; text-align: left; font-size: 14px; letter-spacing: .5px; color: #353E49; margin-bottom: 5px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; margin-top: -24px; background: #F6F6F6; }
.news-article .newscomments .thecomment .userinfo, .news-article .newscomments .thecomment .avatar, .news-article .newscomments .thecomment .commentcontent { position: relative; }
.news-article .newscomments .thecomment .commenttime { position: absolute; bottom: -24px; right: 0; padding-bottom: 2px; background: #F6F6F6; padding-left: 10px; color: #353E49; padding-right: 10px; }
.news-article .newscomments .thecomment .statvalue { position: relative; color: #292929; }
.news-article .newscomments .thecomment .commenttitle { position: relative; float: left; width: 100%; font-weight: bold; margin-bottom: 5px; font-size: 13px; }
.news-article .newscomments .thecomment .commenttext, .news-article .newscomments .thecomment .commentbody, .news-article .newscomments .thecomment .commenttext { position: relative; }
@media only screen and (max-width: 767px) { .news-article .newscomments .newcomment, .news-article .newscomments .commentlist { width: 100%; margin-bottom: 15px; margin-left: 0px; }
.news-article .newsbody img { position: relative; max-width: 100%; padding: 5px; } }
/* ======================================
BLOG
====================================== */
.blogsearch { background: #FFFFFF; padding: 20px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; margin-bottom: 20px; border: solid 1px #eee; display: inline-block; width: 100%; }
.blogsearch #advancedFilters { display: inline-block; margin-top: 20px; width: 100%; }
.blogsearch #advancedFilters .grid_6, .blogsearch #advancedFilters .checkout-page__billing-address .select-address, .checkout-page__billing-address .blogsearch #advancedFilters .select-address, .blogsearch #advancedFilters .checkout-page__billing-address .enter-address, .checkout-page__billing-address .blogsearch #advancedFilters .enter-address, .blogsearch #advancedFilters .checkout-page__shipping-address .address-list .address-item, .checkout-page__shipping-address .address-list .blogsearch #advancedFilters .address-item { display: flex; align-items: flex-end; }
.blogsearch #advancedFilters label { margin-right: 20px; }
.featuredBlog, .blog { position: relative; width: 100%; float: left; }
.featuredBlog .page-title .rss, .blog .page-title .rss { position: relative; text-align: right; float: right; }
.featuredBlog .page-title .title, .blog .page-title .title { position: relative; padding: 0; font-size: 24px; float: left; }
.featuredBlog .blogposts, .blog .blogposts { position: relative; width: 100%; float: left; }
.featuredBlog .page-title .title h1, .blog .page-title .title h1 { margin-bottom: 8px; }
.featuredBlog .blogimage img, .blog .blogimage img { max-width: 100%; }
.featuredBlog .post, .blog .post { position: relative; background: #fff; box-sizing: border-box; float: left; padding: 20px 20px 40px; margin-bottom: 10px; border: solid 1px #eee; }
.featuredBlog .blogtitle, .blog .blogtitle { font-size: 20px; display: inline-block; margin-right: 10px; color: #353E49; letter-spacing: 1px; }
.featuredBlog .blogdate, .blog .blogdate { position: relative; float: right; margin-top: 7px; color: #B9B9B9; }
.featuredBlog .blogbody, .blog .blogbody { position: relative; width: 100%; float: left; margin-top: 10px; margin-bottom: 10px; }
.featuredBlog .blogdetails, .blog .blogdetails { position: absolute; bottom: 0px; right: 0px; padding: 5px; background: #353E49; color: #fff; padding-left: 10px; padding-right: 10px; text-decoration: none; }
.block-blog-archive { position: relative; float: left; width: 100%; box-sizing: border-box; }
.block-blog-archive .title { position: relative; font-size: 14px; margin-bottom: 2px; margin-top: 18px; }
.block-blog-archive .listbox { position: relative; float: left; width: 100%; border: solid 1px #EEE; padding: 10px; box-sizing: border-box; background: #fff; }
.block-blog-archive .listbox ul { position: relative; float: left; width: 99%; margin: 0px; padding: 5px; margin-left: 1%; box-sizing: border-box; }
.block-blog-archive .listbox ul li { position: relative; float: left; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; width: 100%; }
.block-blog-archive .listbox ul li.year { font-weight: bold; }
.block-blog-archive .listbox ul li ul { position: relative; font-weight: normal; }
.block-blog-archive .listbox ul li ul li:hover { background: #eee; text-decoration: none; }
.blogpost { position: relative; float: left; width: 100%; }
.blogpost .page-title { position: relative; float: left; width: 100%; }
.blogpost .page-title h1 { position: relative; padding-left: 0px; font-size: 30px; margin-top: 10px; margin-bottom: 20px; border-bottom: solid 1px #ccc; padding-bottom: 20px; letter-spacing: 1px; }
.blogpost .postdate { position: relative; float: left; background: #F4F5F5; box-sizing: border-box; text-align: right; margin-top: -31px; padding-left: 10px; padding-right: 10px; margin-left: 20px; color: #989898; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; }
.blogpost .postbody { position: relative; float: left; width: 100%; letter-spacing: .5px; }
.blogpost .postbody img { position: relative; max-width: 90%; margin: 20px auto; display: block; box-sizing: border-box; padding: 10px; background: #eee; border: solid 1px #ccc; }
.blogpost .blogcomments { position: relative; float: right; width: 100%; margin-top: 15px; }
.blogpost .blogcomments table, .blogpost .blogcomments tbody { position: relative; display: block; float: left; width: 100%; }
.blogpost .blogcomments tr { position: relative; float: left; width: 100%; display: block; }
.blogpost .blogcomments td { position: relative; display: block; float: left; width: 100%; padding: 0px; margin-bottom: 5px; }
.blogpost .blogcomments .title { position: relative; font-size: 20px; width: 100%; float: left; border-top: solid 1px #ccc; padding-top: 10px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }
.blogpost .blogcomments td.leavetitle { font-size: 14px; text-align: left; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #ccc; letter-spacing: 1px; text-transform: uppercase; }
.blogpost .blogcomments .newcomment { position: relative; float: left; width: 38%; box-sizing: border-box; background: #F6F6F6; border: solid 1px #ccc; padding: 20px; }
.blogpost .blogcomments .clear { display: none; }
.blogpost .blogcomments .newcomment form { position: relative; }
.blogpost .blogcomments .newcomment input { position: relative; box-sizing: border-box; width: 100% !important; float: left; margin-bottom: 10px; }
.blogpost .blogcomments .message-error ul { margin-bottom: 0px; }
.blogpost .blogcomments .newcomment textarea { position: relative; float: left; width: 100% !important; box-sizing: border-box; padding: 7px; }
.blogpost .blogcomments .newcomment .button { background: none; border: none; }
.blogpost .blogcomments .newcomment .blogpostaddcommentbutton { width: 100%; margin: 0; }
.blogpost .blogcomments .commentlist { position: relative; float: left; width: 60%; margin-left: 2%; min-height: 100px; background: #F6F6F6; border: solid 1px #ccc; box-sizing: border-box; padding: 20px; }
.blogpost .blogcomments .blogcomment { position: relative; float: left; width: 100%; margin-bottom: 15px; margin-top: 15px; border: solid 1px #ccc; box-sizing: border-box; padding: 10px; padding-bottom: 15px; padding-top: 15px; }
.blogpost .blogcomments .blogcomment .commentinfo { position: relative; float: left; text-align: left; font-size: 14px; letter-spacing: .5px; color: #353E49; margin-bottom: 5px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; margin-top: -24px; background: #F6F6F6; }
.blogpost .blogcomments .blogcomment .userinfo, .blogpost .blogcomments .blogcomment .avatar, .blogpost .blogcomments .blogcomment .commentcontent { position: relative; }
.blogpost .blogcomments .blogcomment .commenttime { position: absolute; bottom: -24px; right: 0; padding-bottom: 2px; background: #F6F6F6; padding-left: 10px; color: #353E49; padding-right: 10px; }
.blogpost .blogcomments .blogcomment .statvalue { position: relative; color: #292929; }
.blogpost .blogcomments .blogcomment .commenttitle { position: relative; float: left; width: 100%; font-weight: bold; margin-bottom: 5px; font-size: 13px; }
.blogpost .blogcomments .blogcomment .commenttext, .blogpost .blogcomments .blogcomment .commentbody { position: relative; }
.blogpost .blogcomments .thecomment .commenttext { position: relative; }
@media only screen and (max-width: 767px) { .blogpost .blogcomments .newcomment, .news-article .blogcomments .commentlist { width: 100%; margin-bottom: 15px; margin-left: 0px; }
.blogpost .postbody img { position: relative; max-width: 100%; padding: 5px; } }
.blogposts .blogimage { display: block; width: 100%; }
.blogpost .blogpost__featureimage img, .blogposts .blogimage img { max-width: 100%; }
.postlinks { margin-top: 20px; display: inline-block; width: 100%; }
.postlinks #previousblog, .postlinks #nextblog { background: white; padding: 20px; border: 1px solid #f1f1f1; }
.postlinks img { max-width: 100%; }
/* Search Page*/
.search-panel .listItem { margin-bottom: 41px; background: #FFFFFF; padding: 19px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; }
.search-panel .listItem .picture { position: relative; margin-bottom: 17px; }
.search-panel .listItem .picture:after { content: ""; display: block; padding-bottom: 100%; }
.search-panel .listItem .picture a img { display: none; }
.search-panel .listItem .picture a div { display: block !important; height: 100%; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; }
.search-panel .listItem .product-title { margin: 0; }
.search-panel .listItem .prices { margin-bottom: 10px; }
.search-panel .listItem .description { min-height: 60px; }
.search-panel .listItem .add-info { min-height: 120px; }
.search-panel .listItem .add-info input { width: 100%; }
/* Search Box*/
.searchbox_wrapper div.awesomplete { display: block; position: relative; float: left; }
/* Upload Product */
.multiPartProductAttributes { position: relative; float: left; width: 20%; }
/* CSS Document */
.multipartUploadContainer { position: relative; float: left; width: 100%; padding-bottom: 100px; }
.multipartUploadContainer.multipartUploadContainerWithAttributes { width: 80%; }
.multipartUploadContainer #showPreview { text-indent: 0; background: #212121; text-transform: uppercase; position: absolute; top: auto; bottom: 40px; left: 50%; height: auto; margin-left: -107px !important; }
.multipartUploadContainer .mainUITable { width: 100%; height: auto; position: relative; }
.multipartUploadContainer .multiPartContainer { position: relative; float: left; width: 100%; height: auto; max-height: none; overflow: visible; padding: 0px; }
.multipartUploadContainer .multiPartContainer * { box-sizing: border-box; }
.multipartUploadContainer .multiPartContainer .multiPartList { position: relative; float: left; width: 100%; text-align: center; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .uploadProgress { display: inline-block; width: 100%; margin-top: 1rem; border: 0; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .uploadProgress progress { width: 100%; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem { background: #fff; padding: 20px !important; border: solid 1px #ccc; width: 47%; margin: 1%; float: none; display: inline-block; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .partHeader { text-align: center; font-size: 20px; height: auto; margin-bottom: 20px; background: none; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .partHeader--title { background: transparent; color: #000; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .uploadMultiPart { position: relative; float: left; width: 100%; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .rightInputPart { background: #fff; border: none; padding: 0px; cursor: initial; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .fileinput-button .file-label { position: relative; align-items: stretch; display: flex; cursor: pointer; justify-content: flex-start; overflow: hidden; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .fileinput-button .file-cta { display: flex; align-items: center; justify-content: center; text-align: center; width: 250px; height: 60px; cursor: pointer; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .fileinput-button input { height: 100%; left: 0; opacity: 0; outline: 0; position: absolute; top: 0; z-index: -3; width: 100%; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .inputPartInner { height: 420px; padding: 10px; z-index: 2; pointer-events: none; background: transparent; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .itemSelectorImage { text-align: center; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; width: auto; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .uploadPreviewImgage { width: auto; max-width: 100%; max-height: 400px; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .fileDelete { pointer-events: all; right: 5px; top: -15px; color: red; background: #fff; border: none; z-index: 2; position: absolute; }
.multiPartContainer .multiPartList .multiPartItem .fileDelete:before { content: '\f1f8'; font-family: "FontAwesome"; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .userUpload { margin: 0 auto 1rem; height: 420px; padding: 10px; background: transparent; border: 1px solid #eee; display: flex; justify-content: center; align-items: center; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .constraintDescription { background: #fff; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .constraintDescription .required { text-align: center; color: #da0908; display: inline-block; margin-top: 1rem; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .fileUpload.fileUploadButton:before { content: '\f093'; font-family: "FontAwesome"; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .fileUpload.fileUploadButton { font-size: 16px; line-height: 30px; height: auto; padding: 7px !important; color: #fff; text-indent: 0px; background: #22A8E5; }
@media only screen and (max-width: 767px) { .multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem { padding: 10px !important; border: solid 1px #ccc; width: 98%; margin: 1%; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .uploadPreviewImgage { max-height: 200px; }
.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .inputPartInner { height: 220px; } }
.mainUIParent .gobackButton.multiPartButton { right: auto; }
.mainUIParent .multiPartButton.addtobasket { position: relative; }
.mainUIParent .fileinput-button .fileUploadButton { text-indent: 0; height: auto; background: #FFFFFF; color: #555555; padding: 0; margin: 0; }
.mainUIParent #showPreview { background: #FFFFFF; color: #555555; }
.mainUIParent .multiPartItem.upload.partInputItem .inputPart, .mainUIParent .multiPartItem.upload.partInputItem .rightInputPart { padding: 0; }
.mainUIParent .multiPartItem.upload.partInputItem .itemSelectorImage { text-align: center; }
.mainUIParent .multiPartItem.upload.partInputItem .itemSelectorImage #img-upload { padding-top: 20px; margin: 0 auto; width: auto; max-width: 400px; }
.mainUIParent .multiPartItem.upload.partInputItem .rightInputPart .inputPartInner { text-align: center; }
.mainUIParent #previewAreaContainer { text-align: center; margin: 20px 0; }
.mainUIParent #previewAreaContainer #preview { background: none; }
.mainUIParent #previewAreaContainer #preview #previewContentContainer { margin-top: 80px; display: inline-block; width: 100%; }
.mainUIParent #previewAreaContainer #preview #previewContentContainer .cf_imageViewer_row.cf_imageViewer_row_1 { max-width: 400px; margin: 0 auto; }
.mainUIParent #previewAreaContainer #preview #previewContentContainer .cf_imageViewer_row.cf_imageViewer_row_1 img { max-width: 100%; height: auto; margin-top: 20px; }
.mainUIParent #previewAreaContainer #preview #previewContentContainer .cf_imageViewer_next { right: -40px; width: 24px; }
.mainUIParent #previewAreaContainer #preview #previewContentContainer .cf_imageViewer_prev { left: -40px; width: 24px; }
.mainUIParent #previewAreaContainer #preview #previewContentContainer .b-next div { background: none; position: relative; }
.mainUIParent #previewAreaContainer #preview #previewContentContainer .b-next div:before { content: "\f105"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 60px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #353E49; text-indent: 0; }
.mainUIParent #previewAreaContainer #preview #previewContentContainer .b-next div:hover:before { color: #49515b; }
.mainUIParent #previewAreaContainer #preview #previewContentContainer .b-prev div { background: none; position: relative; }
.mainUIParent #previewAreaContainer #preview #previewContentContainer .b-prev div:before { content: "\f104"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 60px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #353E49; text-indent: 0; }
.mainUIParent #previewAreaContainer #preview #previewContentContainer .b-prev div:hover:before { color: #49515b; }
.mainUIParent #previewAreaContainer #preview .cf_imageViewer_image { display: inline-block; vertical-align: middle; margin: 0 auto; max-width: 400px; }
.mainUIParent #previewAreaContainer #preview .cf_imageViewer_pageCounter { padding: 4px 0 12px; font-family: sans-serif; color: #222222; font-size: 14px; text-shadow: none; }
.mainUIParent #previewAreaContainer #preview .cf_imageViewer_navigation { opacity: 1; }
.mainUIParent #previewAreaContainer .addtobasket.multiPartButton, .mainUIParent #previewAreaContainer .gobackButton.multiPartButton { background: #FFFFFF; color: #555555; text-indent: 0px; width: auto; height: auto; }
.mainUIParent #previewAreaContainer .gobackButton.multiPartButton { right: auto; }
/* AccountPages */
.symphonyEditModalSymphonyEdit *, #symphonyRecordsView *, .symphony-open-campaigns *, #triggerForm * { box-sizing: border-box; }
.symphonyEditModalSymphonyEdit input[type=radio], #symphonyRecordsView input[type=radio], .symphony-open-campaigns input[type=radio], #triggerForm input[type=radio] { margin-left: 10px; }
.symphonyEditModalSymphonyEdit .button, .symphonyEditModalSymphonyEdit .file-cta, .symphonyEditModalSymphonyEdit .file-name, .symphonyEditModalSymphonyEdit .input, .symphonyEditModalSymphonyEdit .pagination-ellipsis, .symphonyEditModalSymphonyEdit .pagination-link, .symphonyEditModalSymphonyEdit .pagination-next, .symphonyEditModalSymphonyEdit .pagination-previous, .symphonyEditModalSymphonyEdit .select, .symphonyEditModalSymphonyEdit .textarea, #symphonyRecordsView .button, #symphonyRecordsView .file-cta, #symphonyRecordsView .file-name, #symphonyRecordsView .input, #symphonyRecordsView .pagination-ellipsis, #symphonyRecordsView .pagination-link, #symphonyRecordsView .pagination-next, #symphonyRecordsView .pagination-previous, #symphonyRecordsView .select, #symphonyRecordsView .textarea, .symphony-open-campaigns .button, .symphony-open-campaigns .file-cta, .symphony-open-campaigns .file-name, .symphony-open-campaigns .input, .symphony-open-campaigns .pagination-ellipsis, .symphony-open-campaigns .pagination-link, .symphony-open-campaigns .pagination-next, .symphony-open-campaigns .pagination-previous, .symphony-open-campaigns .select, .symphony-open-campaigns .textarea, #triggerForm .button, #triggerForm .file-cta, #triggerForm .file-name, #triggerForm .input, #triggerForm .pagination-ellipsis, #triggerForm .pagination-link, #triggerForm .pagination-next, #triggerForm .pagination-previous, #triggerForm .select, #triggerForm .textarea { align-items: center; display: inline-flex; justify-content: flex-start; line-height: 1.5; position: relative; vertical-align: top; max-width: 100%; width: 100%; }
.symphonyEditModalSymphonyEdit .button, #symphonyRecordsView .button, .symphony-open-campaigns .button, #triggerForm .button { text-align: center; margin: 0; justify-content: center; }
.symphonyEditModalSymphonyEdit .fields, #symphonyRecordsView .fields, .symphony-open-campaigns .fields, #triggerForm .fields { display: flex; justify-content: flex-start; }
.symphonyEditModalSymphonyEdit .fields.has-addons .control:not(:last-child), #symphonyRecordsView .fields.has-addons .control:not(:last-child), .symphony-open-campaigns .fields.has-addons .control:not(:last-child), #triggerForm .fields.has-addons .control:not(:last-child) { margin-right: -1px; }
.symphonyEditModalSymphonyEdit .fields.has-addons .control:first-child .button, .symphonyEditModalSymphonyEdit .fields.has-addons .control:first-child .input, .symphonyEditModalSymphonyEdit .fields.has-addons .control:first-child .select, #symphonyRecordsView .fields.has-addons .control:first-child .button, #symphonyRecordsView .fields.has-addons .control:first-child .input, #symphonyRecordsView .fields.has-addons .control:first-child .select, .symphony-open-campaigns .fields.has-addons .control:first-child .button, .symphony-open-campaigns .fields.has-addons .control:first-child .input, .symphony-open-campaigns .fields.has-addons .control:first-child .select, #triggerForm .fields.has-addons .control:first-child .button, #triggerForm .fields.has-addons .control:first-child .input, #triggerForm .fields.has-addons .control:first-child .select { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.symphonyEditModalSymphonyEdit .fields.has-addons .control:not(:first-child):not(:last-child) .button, .symphonyEditModalSymphonyEdit .fields.has-addons .control:not(:first-child):not(:last-child) .input, .symphonyEditModalSymphonyEdit .fields.has-addons .control:not(:first-child):not(:last-child) .select, #symphonyRecordsView .fields.has-addons .control:not(:first-child):not(:last-child) .button, #symphonyRecordsView .fields.has-addons .control:not(:first-child):not(:last-child) .input, #symphonyRecordsView .fields.has-addons .control:not(:first-child):not(:last-child) .select, .symphony-open-campaigns .fields.has-addons .control:not(:first-child):not(:last-child) .button, .symphony-open-campaigns .fields.has-addons .control:not(:first-child):not(:last-child) .input, .symphony-open-campaigns .fields.has-addons .control:not(:first-child):not(:last-child) .select, #triggerForm .fields.has-addons .control:not(:first-child):not(:last-child) .button, #triggerForm .fields.has-addons .control:not(:first-child):not(:last-child) .input, #triggerForm .fields.has-addons .control:not(:first-child):not(:last-child) .select { border-radius: 0; }
.symphonyEditModalSymphonyEdit .fields.has-addons .control:last-child .button, .symphonyEditModalSymphonyEdit .fields.has-addons .control:last-child .input, .symphonyEditModalSymphonyEdit .fields.has-addons .control:last-child .select, #symphonyRecordsView .fields.has-addons .control:last-child .button, #symphonyRecordsView .fields.has-addons .control:last-child .input, #symphonyRecordsView .fields.has-addons .control:last-child .select, .symphony-open-campaigns .fields.has-addons .control:last-child .button, .symphony-open-campaigns .fields.has-addons .control:last-child .input, .symphony-open-campaigns .fields.has-addons .control:last-child .select, #triggerForm .fields.has-addons .control:last-child .button, #triggerForm .fields.has-addons .control:last-child .input, #triggerForm .fields.has-addons .control:last-child .select { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.symphonyEditModalSymphonyEdit .fields.has-addons-right, #symphonyRecordsView .fields.has-addons-right, .symphony-open-campaigns .fields.has-addons-right, #triggerForm .fields.has-addons-right { justify-content: flex-end; }
.symphonyEditModalSymphonyEdit .fields .control, #symphonyRecordsView .fields .control, .symphony-open-campaigns .fields .control, #triggerForm .fields .control { clear: both; font-size: 1rem; position: relative; text-align: left; }
.symphonyEditModalSymphonyEdit .fields .select, #symphonyRecordsView .fields .select, .symphony-open-campaigns .fields .select, #triggerForm .fields .select { display: inline-block; max-width: 100%; position: relative; vertical-align: top; }
#triggerForm { /* Modal Content */ }
#triggerForm .tabcontent { display: none; }
#triggerForm .form-group input[type="radio"] { display: none; }
#triggerForm .form-group label { margin: 0; }
#triggerForm .form-group label:hover, #triggerForm .form-group input[type="radio"]:checked + label { background-color: #4f4f4f; color: #fff; }
#triggerForm .controlBtns { display: flex; }
#triggerForm .triggerModal-content { margin: auto; border: 1px solid rgba(0, 0, 0, 0.1); }
#triggerForm .tabcontent .formContent { margin: 5px; border: 1px solid rgba(0, 0, 0, 0.05); height: 100%; padding: 5px; width: calc(100% - 10px); }
#triggerForm .labeltrigger { width: 100%; height: 100%; display: inline-flex; }
#triggerForm .radioBtn { margin-top: 5px; margin-right: 8px; }
#triggerForm .textInput { border: 3px solid #EEEEEE; margin: 0; padding: 7px; height: 45px; }
#triggerForm .datePicker.input { height: 45px; }
#triggerForm .frequencyType { padding-top: 10px; }
#triggerForm .terminationCondition { padding-top: 10px; }
#triggerForm .labelText { font-size: 15px; padding: 10px; display: block; width: 100%; }
#triggerForm .labelData { float: left; font-size: 14px; padding-left: 30px; padding-top: 8px; }
#triggerForm .col-4 { float: left; width: 33.3%; }
#triggerForm .col-6 { float: left; width: 50%; }
#triggerForm .col-5 { float: left; width: 41%; }
#triggerForm .col-12 { float: left; width: 100%; }
#triggerForm .simple-group { padding: 10px; }
#triggerForm .CancelBtnTrigger { background: #f44336; color: white; border: 0; margin: 0 0 0 5px; }
#triggerForm hr { margin: 0px; }
#triggerForm .text-center { text-align: center; }
/* The symphonyEditModal (background) */
.symphonyEditModalSymphonyEdit-content .header { padding-top: 15px; }
.symphonyEditModalSymphonyEdit-content .text { padding-top: 15px; }
.symphonyEditModalSymphonyEdit-content .content { text-align: center; padding-top: 20px; }
.symphonyEditModalSymphonyEdit-content .controlButton { padding-top: 50px; padding-right: 10px; }
.symphonyEditModalSymphonyEdit, #symphonyRecordsView, .symphony-open-campaigns { padding: 0; }
.symphonyEditModalSymphonyEdit #search_order, #symphonyRecordsView #search_order, .symphony-open-campaigns #search_order { vertical-align: middle; }
.symphonyEditModalSymphonyEdit .table-wrapper, #symphonyRecordsView .table-wrapper, .symphony-open-campaigns .table-wrapper { overflow-x: auto; position: relative; }
.symphonyEditModalSymphonyEdit .table-wrapper .filtering, #symphonyRecordsView .table-wrapper .filtering, .symphony-open-campaigns .table-wrapper .filtering { min-height: 300px; }
.symphonyEditModalSymphonyEdit .t-grid, #symphonyRecordsView .t-grid, .symphony-open-campaigns .t-grid { padding: 0; }
.symphonyEditModalSymphonyEdit .button, #symphonyRecordsView .button, .symphony-open-campaigns .button { margin: 5px 0; width: 100%; text-align: center; }
.symphonyEditModalSymphonyEdit .viewRecordsBtn, #symphonyRecordsView .viewRecordsBtn, .symphony-open-campaigns .viewRecordsBtn { margin: 10px 0; }
.symphonyEditModalSymphonyEdit .button-stop, #symphonyRecordsView .button-stop, .symphony-open-campaigns .button-stop { background-color: #f44336; color: white; border: 0; margin-right: 10px; }
.symphonyEditModalSymphonyEdit .button-actionStop, .symphonyEditModalSymphonyEdit .button-actionConfirm, #symphonyRecordsView .button-actionStop, #symphonyRecordsView .button-actionConfirm, .symphony-open-campaigns .button-actionStop, .symphony-open-campaigns .button-actionConfirm { width: 49%; margin: 0.5%; float: left; }
.symphonyEditModalSymphonyEdit .button-actionStop, #symphonyRecordsView .button-actionStop, .symphony-open-campaigns .button-actionStop { background-color: #f44336; color: white; border: 0; }
.symphonyEditModalSymphonyEdit #search_order.searchBox, #symphonyRecordsView #search_order.searchBox, .symphony-open-campaigns #search_order.searchBox { width: calc(100% - 200px); margin: 0px; }
.symphonyEditModalSymphonyEdit #searchBtn.button, .symphonyEditModalSymphonyEdit #clearSearchBtn.button, #symphonyRecordsView #searchBtn.button, #symphonyRecordsView #clearSearchBtn.button, .symphony-open-campaigns #searchBtn.button, .symphony-open-campaigns #clearSearchBtn.button { width: 60px; vertical-align: middle; margin: 0px; }
.symphonyEditModalSymphonyEdit label, #symphonyRecordsView label, .symphony-open-campaigns label { vertical-align: middle; }
.symphonyEditModalSymphonyEdit .t-header, #symphonyRecordsView .t-header, .symphony-open-campaigns .t-header { text-align: center; padding: .3em; }
.symphonyEditModalSymphonyEdit .fa, #symphonyRecordsView .fa, .symphony-open-campaigns .fa { display: inline-block; }
.symphonyEditModalSymphonyEdit a, #symphonyRecordsView a, .symphony-open-campaigns a { color: initial; text-decoration: none; }
.account-page--addresses .error { padding: 10px 15px; margin: 0 0 20px; display: inline-block; color: #333; }
.account-page--addresses .error { background: #faa; border: 1px solid red; }
/* Custom Name */
.setcustomname-page table { background: #FFFFFF; padding: 8px 19px 3px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; text-align: center; border: 0 !important; }
.setcustomname-page table table { background: white; }
.setcustomname-page table thead { border: 0; background: none; }
.setcustomname-page table thead th { background: 0; position: relative; border: 0 !important; font-weight: 700 !important; color: #333; letter-spacing: 1px; }
.setcustomname-page table thead th a { font-weight: 700 !important; color: #333 !important; text-align: center !important; }
.setcustomname-page table th, .setcustomname-page table td { display: table-cell; text-align: center; border: 0 !important; }
.setcustomname-page table tr { border-bottom: 1px solid #eee; }
@media (max-width: 750px) { .setcustomname-page table tr { display: block; text-align: center; padding: 18px 0 90px; position: relative; } }
.setcustomname-page table tr:last-of-type { border: none; }
@media (max-width: 750px) { .setcustomname-page table td:first-child { position: absolute; bottom: 7px; width: 100%; } }
.setcustomname-page #updateproducts { float: right; }
.upload-pages { letter-spacing: 0; position: relative; display: inline-block; width: 100%; }
.upload-pages i { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 1.5rem; width: 1.5rem; margin-left: calc(-0.375em - 1px); margin-right: 0.1875em; z-index: 2; }
.upload-pages button, .upload-pages .t-grid .t-button, .t-grid .upload-pages .t-button { letter-spacing: 0; margin-left: 0.25rem; -moz-appearance: none; -webkit-appearance: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid transparent; border-radius: 3px; box-shadow: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; height: 2.25em; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); padding-right: calc(0.625em - 1px); padding-top: calc(0.375em - 1px); position: relative; vertical-align: top; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: white; border-color: #dbdbdb; color: #363636; cursor: pointer; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0.75em; padding-right: 0.75em; text-align: center; white-space: nowrap; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; background-color: #353E49; border-color: transparent; color: #fff; text-transform: initial; font-weight: 400; }
.upload-pages button.disabled, .upload-pages .t-grid .disabled.t-button, .t-grid .upload-pages .disabled.t-button { opacity: 0.5; transition-delay: 250ms; }
.upload-pages .upload-pages__info { display: flex; width: 100%; justify-content: space-between; align-items: center; }
.upload-pages .upload-pages__title h1 { margin: 0; }
.upload-pages .upload-pages__left-panel { width: 33%; float: left; }
.upload-pages .upload-pages__details { background-color: white; border-radius: 3px; font-size: 1rem; border: 1px solid #dbdbdb; border-top-left-radius: 0; border-top-right-radius: 0; border-top: none; border-color: #353E49; border-radius: 3px; }
.upload-pages .upload-pages__count { padding: 1em 1.25em; background: whitesmoke; }
.upload-pages .upload-pages__count__counter { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; font-weight: 700; }
.upload-pages .upload-pages__count__info { background-color: #4a4a4a; padding: 0.5em 1em; margin-top: 1em; color: white; border-radius: 3px; }
.upload-pages .upload-pages__count__info.danger { background-color: #ff3860; }
.upload-pages .upload-pages__count__info.success { background-color: #23d160; color: #fff; }
.upload-pages .upload-pages__count__info.warning { background-color: #ffdd57; color: rgba(0, 0, 0, 0.7); }
.upload-pages .upload-pages__uploader__header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #4a4a4a; border-radius: 3px 3px 0 0; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 1.25; padding: 0.5em 0.75em; position: relative; background-color: #353E49; color: #fff; }
.upload-pages .upload-pages__uploader__header p { margin: 0; color: white; }
.upload-pages .upload-pages__uploader__content { color: #4a4a4a; padding: 1em 1.25em; }
.upload-pages .upload-pages__info { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid rgba(213, 213, 213, 0.36); }
.upload-pages .upload-pages__dimension { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 3px; font-size: 12px; }
.upload-pages .upload-pages__price { margin-top: 1rem; background: #353E49; padding: 1em 1.25em; color: white; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-radius: 3px; font-weight: 700; }
.upload-pages .drag-upload { /* the dash box */ background: whitesmoke; color: dimgray; min-height: 150px; /* minimum height */ position: relative; cursor: pointer; width: 100%; }
.upload-pages .drag-upload.disabled { opacity: 0.5; transition-delay: 250ms; }
.upload-pages .input-file { opacity: 0; /* invisible but it's there! */ width: 100%; height: 100%; position: absolute; cursor: pointer; }
.upload-pages .drag-upload p { font-size: 1.2em; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); margin: 0; pointer-events: none; }
.upload-pages .queue__item { position: relative; background: #4a4a4a; padding: 1em 1em; color: white; border-radius: 3px; overflow: hidden; margin-bottom: 0.5em; }
.upload-pages .queue__item__delete { position: absolute; top: 0.5em; right: 0.5em; }
.upload-pages .queue__item__download { width: 100%; background: #22a8e5; color: white !important; padding: 0.5em 1em; border-radius: 3px; display: block; margin-top: 1em; cursor: pointer; }
.upload-pages .progress-bar { -moz-appearance: none; -webkit-appearance: none; border: none; border-radius: 290486px; display: block; height: 1rem; overflow: hidden; padding: 0; width: 100%; margin-top: 0.5em; }
.upload-pages .progress-barprogress.is-light::-moz-progress-bar { background-color: whitesmoke; }
.upload-pages .progress-bar::-webkit-progress-value { background-color: white; }
.upload-pages .upload-pages__instructions { background-color: white; border-radius: 3px; font-size: 1rem; margin-top: 1rem; }
.upload-pages .upload-pages__instructions__header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #4a4a4a; border-radius: 3px 3px 0 0; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 1.25; padding: 0.5em 0.75em; position: relative; cursor: pointer; }
.upload-pages .upload-pages__instructions__title { margin: 0; }
.upload-pages .upload-pages__instructions__content { border: 1px solid #4a4a4a; border-radius: 3px; color: #4a4a4a; padding: 1em 1.25em; border-top-left-radius: 0; border-top-right-radius: 0; border-top: none; }
.upload-pages .upload-pages__pages { width: 65%; margin-left: 2%; float: left; position: relative; }
.upload-pages .upload-pages__pages .upload-pages__pages__container { position: relative; }
.upload-pages .upload-pages__pages button, .upload-pages .upload-pages__pages .t-grid .t-button, .t-grid .upload-pages .upload-pages__pages .t-button { position: absolute; top: 10px; right: 10px; }
.upload-pages .upload-pages__instructions .pages__instructions__toggle { position: absolute; top: 3px; right: 5px; color: white; font-size: 20px; cursor: pointer; }
.upload-pages .upload-pages__instructions li { margin: 0; }
.upload-pages #galleryWrapper { position: relative; }
.upload-pages #galleryWrapper .upload-pages__transparent-overlay { position: absolute; top: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.36); z-index: 9; justify-content: center; padding-top: 40vh; display: flex; color: #4a4a4a; }
.upload-pages .pageList { display: flex; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-flex: 0; flex-direction: row; flex: 0 1 auto; margin-right: -1.5%; margin-left: -1.5%; }
.upload-pages .gallery__item { position: relative; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 1.5%; padding-left: 1.5%; margin-bottom: 3%; flex-basis: 33.33333333%; max-width: 33.33333333%; }
.upload-pages .gallery__item.hovered .gallery__item__img { border-color: #353E49; }
.upload-pages .gallery__item__img { border: 1px solid #d5d5d5; border-style: solid; position: relative; width: 100%; display: inline-block; background-color: whitesmoke; font-size: 1rem; }
.upload-pages .fixed-canvas-size .gallery__item__img { border-style: solid; }
.upload-pages .gallery__item__img img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); }
.upload-pages .gallery__item__img:after { padding-bottom: 124%; content: ''; display: block; }
.upload-pages .gallery__item:nth-child(3n+1) { margin-left: 0; }
.upload-pages .gallery__item__content { position: relative; }
.upload-pages .gallery__item__desc { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin-bottom: 5px; }
.upload-pages .gallery__item__pagename { font-size: 16px; margin: 0; }
.upload-pages .gallery__item__dimensions, .upload-pages .gallery__item__filename, .upload-pages .gallery__item__pagenumber { font-size: 12px; /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.upload-pages .gallery__item__delete { position: absolute; top: 5px; right: 14px; color: rgba(10, 10, 10, 0.2); font-size: 20px; cursor: pointer; }
.upload-pages .gallery__item__delete:hover { color: rgba(10, 10, 10, 0.4); }
.upload-pages .unUsedGalleryItem .gallery__item__content, .upload-pages .unUsedGalleryItem .gallery__item__img { opacity: 0.3; }
.upload-pages .galleryItemContainer:hover { background-color: lightgray; }
.upload-pages .queue__item__error__container { background-color: #ff2860; border-radius: 5px; padding: 2px; }
.upload-pages .queue__item__report { list-style: none; padding: 5px; }
.upload-pages .queue__item__report li { font-size: x-small; padding-left: 1.3em; }
.upload-pages .queue__item__fix li:before { content: "\f00c"; /* fa-check */ font-family: FontAwesome; display: inline-block; margin-left: -1.3em; width: 1.3em; }
.upload-pages .queue__item__warning li:before { content: "\f071"; /* exclamation triangle */ font-family: FontAwesome; display: inline-block; margin-left: -1.3em; width: 1.3em; }
.upload-pages .queue__item__error li:before { content: "\f00d"; /* fa-times */ font-family: FontAwesome; display: inline-block; margin-left: -1.3em; width: 1.3em; }
.upload-pages .upload-pages__content { position: relative; display: inline-block; width: 100%; }
.upload-pages .upload-pages__content.dragging:after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border: 4px dashed grey; background: #ddd; opacity: 0.5; pointer-events: none; }
.upload-pages .attributesUploadPageContainer { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.upload-pages .attributesUploadPageContainer:not(:last-child) { margin-bottom: 1rem; }
.upload-pages .attributesUploadPageContainer .rawAttributeInfo__item { margin-bottom: .5rem; }
.upload-pages .attributesUploadPageContainer .rawAttributeInfo__item:not(:last-child) { margin-right: .5rem; }
.upload-pages .attributesUploadPageContainer .rawAttributeInfo__item:not(body) { align-items: center; background-color: whitesmoke; border-radius: 4px; color: #4a4a4a; display: inline-flex; font-size: .833em; height: 2em; justify-content: center; line-height: 1.5; padding-left: .75em; padding-right: .75em; white-space: nowrap; }
.upload-pages .attributesUploadPageContainer .rawAttributeInfo__item .title { font-size: 0.833em; font-weight: 600; margin: 0px; }
.upload-pages .attributesUploadPageContainer .rawAttributeInfo__item span.value { margin-left: 0.5rem; }
.upload-pages .upload-pages__actions { width: 100%; position: relative; display: inline-block; margin-bottom: 1rem; }
.upload-pages .upload-pages__actions .buttons { float: right; }
.upload-pages .upload-pages__actions .catfish-button { position: relative; top: 0px; right: 0px; }
.table-wrapper.filtering { overflow: auto; }
.approval-page img { max-width: 100px; }
.approval-job-detail { display: inline-block; width: 100%; }
.approval-job-detail .popup { background: #eee; }
.approval-job-detail img { max-width: 100px; }
.approval-job-detail * { box-sizing: border-box; }
.approval-job-detail .columns { width: 100%; display: inline-block; }
.approval-job-detail .batchStatusChange { left: -30px; position: relative; top: 2px; }
.approval-job-detail .custRow { width: 100%; }
.approval-job-detail .custRow .custRowLeft { float: left; width: 60%; }
.approval-job-detail .custRow .custRowLeft .wrapper { float: left; width: 100%; }
.approval-job-detail .custRow .custRowRight { float: right; width: 100%; }
.approval-job-detail .custRow .bodyItem { min-height: 250px; }
.approval-job-detail .custRow .jobInfo { margin-right: 5px; }
.approval-job-detail .custRow .jobInfo .buttons div { float: left; margin-top: 20px; }
.approval-job-detail .custRow .jobInfo .buttons input { background-color: #666666; background-image: none; border: 0 none #FFFFFF; border-radius: 20px 20px 20px 20px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-right: 3px; padding: 5px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.3); }
.approval-job-detail .row2 .left .smallblock { width: 100%; float: left; min-height: 250px; }
.approval-job-detail .row2 .left .bigblock { width: 100%; float: left; min-height: 250px; }
.approval-job-detail .row2 .right .smallblock { width: 100%; float: left; min-height: 250px; }
.approval-job-detail .row2 .right { float: right; width: 50%; }
.approval-job-detail .row2 .right .userMessage { margin-right: 5px; min-height: 586px; }
.approval-job-detail .row2 .left { float: left; width: 50%; }
.approval-job-detail .row2 .left .wrapper { float: left; width: 100%; }
.approval-job-detail .row2 .status { margin-right: 0px; }
.approval-job-detail .error { background: none repeat scroll 0 0 red; }
.approval-job-detail .printed { background: none repeat scroll 0 0 LightSteelBlue; }
.approval-job-detail .shipped { background: none repeat scroll 0 0 LightSkyBlue; }
.approval-job-detail .ordered { background: none repeat scroll 0 0 Olive; }
.approval-job-detail .outputCreating { background: none repeat scroll 0 0 Yellow; }
.approval-job-detail .outputCreated { background: -moz-linear-gradient(center top, #9DD53A 0%, #A1D54F 50%, #80C217 51%, #7CBC0A 100%) repeat scroll 0 0 transparent; }
.approval-job-detail .inHotFolder { background: -moz-linear-gradient(center top, #FFB76B 0%, #FFA73D 50%, #FF7C00 51%, #FF7F04 100%) repeat scroll 0 0 transparent; }
.approval-job-detail .bodyItemHeader { font-size: large; font-weight: bold; }
.approval-job-detail .bodyItem { background-color: #E8F7FE; border: 4px solid #FFFFFF; padding: 10px; }
.approval-job-detail label, .approval-job-detail .label { font-weight: bold; margin-right: 5px; }
.approval-job-detail .lineItemHeader { cursor: pointer; }
.approval-job-detail .hilite { background: -moz-linear-gradient(center top, #F2F6F8 0%, #D8E1E7 50%, #B5C6D0 51%, #E0EFF9 100%) repeat scroll 0 0 transparent; }
.approval-job-detail .lineItem { background: -moz-linear-gradient(center top, #B6DFFD 0%, #E0F3FA 98%) repeat scroll 0 0 transparent; width: 100%; }
.approval-job-detail .headerCell { display: inline-block; text-align: center; }
.approval-job-detail .printLocationCell { width: 10%; }
.approval-job-detail .statusCell { width: 7%; }
.approval-job-detail .idCell { width: 5%; }
.approval-job-detail .longCell { width: 57%; }
.approval-job-detail .dateCell { width: 7%; }
.approval-job-detail .cbCell { width: 5%; }
.approval-job-detail .toolBarSpaceHolder { width: 250px; }
.approval-job-detail .searchBox { width: 300px; }
.approval-job-detail .paymentInformation { background: -moz-linear-gradient(center top, #B6DFFD 0%, #E0F3FA 98%) repeat scroll 0 0 transparent; border: 1px solid #A8CEE7; padding: 5px; }
.approval-job-detail .headerElem { font-weight: bold; }
.approval-job-detail .expander { color: Blue; cursor: pointer; font-weight: bold; margin-left: 5px; text-decoration: none; }
.approval-job-detail .expander:hover { text-decoration: underline; }
.approval-job-detail .previousStatusItemHeader { cursor: pointer; font-weight: bold; }
.approval-job-detail .statusItem { background: -moz-linear-gradient(center top, #B6DFFD 0%, #E0F3FA 98%) repeat scroll 0 0 transparent; border: 1px solid #A8CEE7; font-size: smaller; padding: 5px; }
.approval-job-detail .noStatusItems { font-style: italic; }
.approval-job-detail .description { font-size: smaller; }
.approval-job-detail .hotFolderFolder { font-size: smaller; font-style: italic; }
.approval-job-detail .bestMatchingHotFolderOption { background-color: Lime; font-weight: bold; }
.approval-job-detail .bestMatchingPrintLocationOption { background-color: Lime; font-weight: bold; }
.approval-job-detail .threadContainer { background: -moz-linear-gradient(center top, #B6DFFD 0%, #E0F3FA 98%) repeat scroll 0 0 transparent; border: 1px solid #A8CEE7; margin-top: 2px; padding: 5px; }
.approval-job-detail .noMessages { color: Gray; }
.approval-job-detail .messageItem { border: 1px solid black; }
.approval-job-detail .messageSubject { font-weight: bold; }
.approval-job-detail .messageCreatedTime { font-size: smaller; font-style: italic; }
.approval-job-detail .messageText { font-size: small; }
.approval-job-detail .messageToUser { background: none repeat scroll 0 0 CadetBlue; }
.approval-job-detail .messageFromUser { background: none repeat scroll 0 0 BurlyWood; }
.approval-job-detail .messageDeleted { font-style: italic; }
.approval-job-detail .messageNotRead { font-weight: bold; }
.approval-job-detail .threadHeader { cursor: pointer; font-weight: bold; }
.approval-job-detail .threadItems { height: 300px; overflow: scroll; width: 200px; }
.approval-job-detail .sendType { margin-left: 5px; }
.approval-job-detail .success { color: Green; }
.approval-job-detail .failure { color: Red; }
.approval-job-detail .threadRetrievingError { color: Red; }
.approval-job-detail .addressContainer { position: relative; }
.approval-job-detail .addressEdit { position: absolute; right: 5px; top: 5px; }
.approval-job-detail .noteItem { border: 1px solid grey; }
.approval-job-detail .noteCreatedDate { font-size: smaller; font-style: italic; }
.approval-job-detail .noteText { font-size: small; }
.approval-job-detail .noNotesAvailable { font-style: italic; }
.approval-job-detail .noteList { height: 300px; overflow: scroll; width: 200px; }
.approval-job-detail .thumbs { float: right; }
.approval-job-detail .thumbs img { width: 150px; }
.approval-job-detail .userMessageText { width: 100%; }
.approval-job-detail .noteTextArea { width: 100%; }
.approval-job-detail .approvalHistory td { padding: 5px 8px 5px 0px; }
#WorkInProgressGrid .table-wrapper { overflow: auto; }
#WorkInProgressGrid .t-grid-header .t-header .t-link { display: inline-block; }
#WorkInProgressGrid table { min-width: 100%; }
#WorkInProgressGrid table td { padding: 7px; vertical-align: middle; }
#WorkInProgressGrid table td .buttons { margin: 0px; }
#WorkInProgressGrid table td .buttons + br { display: none; }
#WorkInProgressGrid table td .buttons .catfish-button { margin: 0.25rem; }
#WorkInProgressGrid table td .catfish-button { margin: 0.25rem; }
#ApprovalGrid .table-wrapper { overflow: auto; }
#ApprovalGrid .t-grid-header .t-header .t-link { display: inline-block; }
#ApprovalGrid table { min-width: 100%; }
#ApprovalGrid table td { padding: 7px; vertical-align: middle; }
#ApprovalGrid table td .buttons { margin: 0px; }
#ApprovalGrid table td .buttons + br { display: none; }
#ApprovalGrid table td .buttons .catfish-button { margin: 0.25rem; }
#ApprovalGrid table td .catfish-button { margin: 0.25rem; }
.approval-job-detail { display: inline-block; width: 100%; padding: 1rem; }
.approval-job-detail .right > div, .approval-job-detail .left > div { padding: 1rem; height: 100%; }
.approval-job-detail .row-info { display: flex; justify-content: space-between; margin-bottom: 0.75rem; align-items: center; }
/* ========================================================================== Vendors ========================================================================= */
/**
* And last but not least, you will probably have a vendors/ folder containing
* all the CSS files from external libraries and frameworks – Bootstrap, jQueryUI,
* FancyCarouselSliderjQueryPowered, and so on. Putting those aside in the same
* folder is a good way to tell “Hey, this is not from me, not my code, not my
* responsibilityâ€.
*/
/*! jQuery UI - v1.12.1 - 2016-09-14 http://jqueryui.com Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(/00000000-0000-0000-0000-000000000000/Handler/Static/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(/00000000-0000-0000-0000-000000000000/Handler/Static/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(/00000000-0000-0000-0000-000000000000/Handler/Static/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(/00000000-0000-0000-0000-000000000000/Handler/Static/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(/00000000-0000-0000-0000-000000000000/Handler/Static/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(/00000000-0000-0000-0000-000000000000/Handler/Static/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(/00000000-0000-0000-0000-000000000000/Handler/Static/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ }
.ui-front { z-index: 100; }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; pointer-events: none; }
/* Icons
----------------------------------*/
.ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; }
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; }
.ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; }
.ui-menu .ui-menu { position: absolute; }
.ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }
.ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; }
.ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; }
/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; }
/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; }
/* right-aligned */
.ui-menu .ui-menu-icon { left: auto; right: 0; }
/*! jQuery UI Button 1.8.22 Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license http://docs.jquery.com/UI/Button#theming */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; }
/* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; }
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only, .t-grid .ui-button-icon-only.t-button { width: 2.4em; }
/* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only, .t-grid .ui-button-icons-only.t-button { width: 3.7em; }
/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4; }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
/* workarounds */
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner, .t-grid .ui-button.t-button::-moz-focus-inner { border: 0; padding: 0; }
/* reset extra padding in Firefox */
.ui-controlgroup { vertical-align: middle; display: inline-block; }
.ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; }
.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; }
.ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; }
.ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; }
.ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; }
.ui-controlgroup .ui-controlgroup-label span { font-size: 80%; }
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; }
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; }
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; }
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; }
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc(100% - 2.4em); }
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; }
.ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; }
.ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; }
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; }
.ui-checkboxradio-disabled { pointer-events: none; }
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }
.ui-datepicker .ui-datepicker-next-hover { right: 1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button, .ui-datepicker .ui-datepicker-buttonpane .t-grid .t-button, .t-grid .ui-datepicker .ui-datepicker-buttonpane .t-button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker .ui-datepicker-buttonpane .t-grid .ui-datepicker-current.t-button, .t-grid .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current.t-button { float: left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: auto; }
.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }
.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button, .ui-datepicker-rtl .ui-datepicker-buttonpane .t-grid .t-button, .t-grid .ui-datepicker-rtl .ui-datepicker-buttonpane .t-button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-buttonpane .t-grid .ui-datepicker-current.t-button, .t-grid .ui-datepicker-rtl .ui-datepicker-buttonpane .ui-datepicker-current.t-button, .ui-datepicker-rtl .ui-datepicker-group { float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }
/* Icons */
.ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; }
.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; text-indent: 9999px; overflow: hidden; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .t-grid .t-button, .t-grid .ui-dialog .ui-dialog-buttonpane .t-button { margin: .5em .4em .5em 0; cursor: pointer; padding: 0 1em; }
.ui-dialog .ui-resizable-n { height: 2px; top: 0; }
.ui-dialog .ui-resizable-e { width: 2px; right: 0; }
.ui-dialog .ui-resizable-s { height: 2px; bottom: 0; }
.ui-dialog .ui-resizable-w { width: 2px; left: 0; }
.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; }
.ui-dialog .ui-resizable-se { right: 0; bottom: 0; }
.ui-dialog .ui-resizable-sw { left: 0; bottom: 0; }
.ui-dialog .ui-resizable-ne { right: 0; top: 0; }
.ui-dialog .ui-resizable-nw { left: 0; top: 0; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-draggable-handle { -ms-touch-action: none; touch-action: none; }
.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }
.ui-progressbar { height: 2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; }
.ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; }
.ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; }
.ui-selectable { -ms-touch-action: none; touch-action: none; }
.ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; }
.ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; }
.ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; }
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; }
.ui-selectmenu-open { display: block; }
.ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; }
.ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; }
.ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
.ui-sortable-handle { -ms-touch-action: none; touch-action: none; }
.ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; }
.ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; }
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }
.ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; }
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; }
body .ui-tooltip { border-width: 2px; }
/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget .t-grid .t-button, .t-grid .ui-widget .t-button { font-family: Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/-40963514/Handler/Static/Content/Themes/Base/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #eeeeee; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; }
.ui-visual-focus { box-shadow: 0 0 3px 1px #5e9ed6; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; }
.ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; }
.ui-state-checked { border: 1px solid #dad55e; background: #fffa90; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); /* support: IE8 */ background-image: none; }
.ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; }
.ui-icon, .ui-widget-content .ui-icon { background-image: url(/-424593748/Handler/Static/Content/Themes/Base/images/jquery-ui/ui-icons_444444_256x240.png); }
.ui-widget-header .ui-icon { background-image: url(/-424593748/Handler/Static/Content/Themes/Base/images/jquery-ui/ui-icons_444444_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/1157016390/Handler/Static/Content/Themes/Base/images/jquery-ui/ui-icons_cc0000_256x240.png); }
.ui-button .ui-icon { background-image: url(/-424921427/Handler/Static/Content/Themes/Base/images/jquery-ui/ui-icons_777777_256x240.png); }
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=0.3); /* support: IE8 */ }
.ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; }
/* jQuery FlexSlider v2.0 http://www.woothemes.com/flexslider/ Copyright 2012 WooThemes Free to use under the GPLv2 license. http://www.gnu.org/licenses/gpl-2.0.html Contributing author: Tyler Smith (@mbmufffin) */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flex-direction-nav li { margin: 0; padding: 0; list-style: none; }
/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }
/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }
/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0px; background: #fff; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(/383268518/Handler/Static/Content/Themes/Base/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; }
.flex-direction-nav .flex-next { background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev { left: -36px; }
.flexslider:hover .flex-next { opacity: 0.8; right: 5px; }
.flexslider:hover .flex-prev { opacity: 0.8; left: 5px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0.3 !important; filter: alpha(opacity=30); cursor: default; }
/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }
.flex-control-thumbs { margin: 0px; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 0; }
.flex-direction-nav .flex-next { opacity: 1; right: 0; } }
.t-grid { overflow: visible !important; background: #FFFFFF; padding: 8px 19px 3px; border-radius: 4px; box-shadow: 0 0 0 transparent, 0 0 0 transparent; text-align: center; border: 0 !important; }
.t-grid table { background: white; }
.t-grid thead { border: 0; background: none; }
.t-grid thead th { background: 0; position: relative; border: 0 !important; font-weight: 700 !important; color: #333; letter-spacing: 1px; }
.t-grid thead th .t-grid-filter { position: absolute; top: 17px; right: 7px; }
.t-grid thead th a { font-weight: 700 !important; color: #333 !important; text-align: center !important; }
.t-grid th, .t-grid td { display: table-cell; text-align: center; border: 0 !important; }
.t-grid tr { border-bottom: 1px solid #eee; }
@media (max-width: 750px) { .t-grid tr { display: block; text-align: center; padding: 18px 0 90px; position: relative; } }
.t-grid tr:last-of-type { border: none; }
@media (max-width: 750px) { .t-grid td:first-child { position: absolute; bottom: 7px; width: 100%; } }
.t-grid tbody table { border: 1px solid #cacaca; }
.t-grid .t-button { -webkit-appearance: initial; background: #FFFFFF; font-size: 11px !important; }
.t-grid .t-grid-pager { border: 0; background: 0 0; padding: 0 .6em; }
.t-grid .t-filter-options { width: auto !important; padding: 10px !important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
.t-grid .t-filter-options button .t-icon, .t-grid .t-filter-options .t-button .t-icon { vertical-align: middle !important; }
.t-grid .t-filter-options select, .t-grid .t-filter-options input { width: 100%; }
.t-grid .t-filter-options .t-filter-help-text { display: inline-block; margin-bottom: .5rem; font-weight: 600; font-size: .65rem; text-transform: uppercase; letter-spacing: 1px; font-family: OpenSans-Regular; margin-top: 10px; width: 100%; float: left; }
.t-grid .hide { display: none; }
/* ========================================================================== Shame ========================================================================= */
/**
* This file is a place where you put all the code you're not proud of, with
* the intention of A) isolating it and B) fixing it later. The goal is for
* this file to be empty, but some times you just have to throw that hack in
* there to get it working.
*/
#genericImagePlugin { max-width: 960px; margin: 0 auto; text-align: center; overflow: hidden; }
#genericImagePlugin h1, #genericImagePlugin h2, #genericImagePlugin h3, #genericImagePlugin footer h4, footer #genericImagePlugin h4, #genericImagePlugin footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv #genericImagePlugin .enter-address-title, #genericImagePlugin .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer #genericImagePlugin .enter-address-title, #genericImagePlugin h4, #genericImagePlugin .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv #genericImagePlugin .enter-address-title, #genericImagePlugin h5, #genericImagePlugin h6, #genericImagePlugin .block-account-navigation .title, .block-account-navigation #genericImagePlugin .title, #genericImagePlugin p { font-family: 'Roboto', sans-serif !important; color: #000 !important; }
#genericImagePlugin .red-outline { border: 1px solid #e74c3c !important; }
#genericImagePlugin h1 { font-size: 2em !important; margin: 0 !important; }
#genericImagePlugin .masonry-gallery { height: calc(100% - 40px); }
#genericImagePlugin .masonry-gallery .generalImagePlugin_selected-box { float: left; cursor: pointer; }
#genericImagePlugin .masonry-gallery img:nth-child(3n + 1) { clear: left; }
#genericImagePlugin .btn_pagination { width: 80px; }
#genericImagePlugin .generalImagePlugin_header { border-bottom: 1px solid #6A7889; min-height: 16.42857143px; background-color: #3E4957; color: #fff; display: flex; justify-content: space-between; width: 100%; position: relative; float: left; box-sizing: border-box; }
#genericImagePlugin .generalImagePlugin_back-to-plugins { background: #fff; color: #333; margin: auto 0 auto 20px; border-radius: 50px; font-weight: bold; font-size: 13px; box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.3); transition: all 0.1s ease-in-out; cursor: pointer; height: 24px; width: 50px; position: relative; }
#genericImagePlugin .generalImagePlugin_back-to-plugins:hover { box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.5); transform: scale(1.05); }
#genericImagePlugin .generalImagePlugin_back-to-plugins:after { content: "Back"; position: relative; height: 100%; display: flex; justify-content: center; align-items: center; }
#genericImagePlugin .generalImagePlugin_title { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#genericImagePlugin .generalImagePlugin_close { margin-right: 10px; font-size: 35px; color: #fff; opacity: initial; outline: none; background: transparent; border: 0; height: 50px !important; }
#genericImagePlugin .generalImagePlugin_search-container { display: flex; margin-bottom: 5px !important; justify-content: space-between; align-items: center; }
#genericImagePlugin .generalImagePlugin_image-search-button { width: 120px; border: 0; background: #0ca2ee; color: #fff; outline: none; height: 34px !important; line-height: 16px !important; text-transform: none; margin: 0 10px 0 0 !important; }
#genericImagePlugin .generalImagePlugin_image-search-button:hover { background: #0c79be; }
#genericImagePlugin .generalImagePlugin_search-image { border: 0; padding-left: 10px; outline: none; width: 81%; max-width: 81%; height: 34px; margin: 0 !important; }
#genericImagePlugin .form-group { margin-bottom: initial; }
#genericImagePlugin .form-group.gip_cam { margin: 0; }
#genericImagePlugin .generalImagePlugin_select-list { width: auto; min-width: 200px; max-width: 200px; border: 0; padding: 6px; margin: 0 !important; box-sizing: border-box; }
#genericImagePlugin .generalImagePlugin_remove-image { background: #212C36; position: absolute; right: 10px; top: 0; width: 30px; height: 30px; display: flex; justify-content: center; font-size: 14px; padding: 0; color: #fff; }
#genericImagePlugin .generalImagePlugin_prev-button, #genericImagePlugin .generalImagePlugin_next-button { display: none; }
#genericImagePlugin .generalImagePlugin_prev-button:hover, #genericImagePlugin .generalImagePlugin_next-button:hover { background: #999; }
#genericImagePlugin .modal-body, #genericImagePlugin .generalImagePlugin_images-container { width: 100%; float: none; box-sizing: border-box; text-align: left; }
#genericImagePlugin .modal-body { margin: 0 auto; padding-bottom: 0; padding-left: 20px; padding-right: 20px; overflow: hidden; height: calc(100% - 129px); }
#genericImagePlugin .modal-body.gip_cam { height: initial !important; padding: 0 !important; }
#genericImagePlugin .generalImagePlugin_images-container { width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; box-sizing: content-box; }
#genericImagePlugin .generalImagePlugin_images-container::-webkit-scrollbar { width: 5px; }
#genericImagePlugin .generalImagePlugin_images-container::-webkit-scrollbar-track { margin-top: 5px; background-color: #ddd; border: 2px solid #f9f9f9; }
#genericImagePlugin .generalImagePlugin_images-container::-webkit-scrollbar-thumb { background-color: #747474; outline: none; border-radius: 15px; }
#genericImagePlugin .generalImagePlugin_modal-buttons.generalImagePlugin_upload-images { display: none; background: #1770C7 !important; color: #fff; }
#genericImagePlugin .generalImagePlugin_selected-images { position: absolute; right: 40px; }
#genericImagePlugin .generalImagePlugin_modal-buttons.generalImagePlugin_clear-selection { display: none; margin-left: 20px; }
#genericImagePlugin .status-bar_genericImagePlugin { height: 40px; display: flex; align-items: center; margin-top: 5px; }
#genericImagePlugin .status-bar_genericImagePlugin.gip_cam { display: none !important; }
#genericImagePlugin .modal-buttons { background: #fff; border: 0; width: 120px; outline: none; }
#genericImagePlugin .modal-dialog { width: 80%; max-width: 80%; max-height: 100% !important; margin: 10px auto !important; height: calc(100% - 30px); display: inline-block; }
#genericImagePlugin .modal-content { width: 100%; height: 100%; background: #efefef; border: 0; }
#genericImagePlugin .modal-content.gip_cam { height: initial; }
#genericImagePlugin .modal-footer { margin-top: 5px; padding: 10px 20px; display: block; width: 100%; position: relative; box-sizing: border-box; }
#genericImagePlugin .modal-footer.gip_cam { margin-top: 20px !important; display: none; }
#genericImagePlugin .row { width: inherit; }
#genericImagePlugin .modal { text-align: center; }
#genericImagePlugin .generalImagePlugin_image-row { background: #fff; padding: 20px 10px; margin: 0 auto 10px auto; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1); border-radius: 5px; display: flex; flex-direction: row; width: 95%; }
#genericImagePlugin .generalImagePlugin_image-row .col-md-6 { width: 50%; position: relative; }
#genericImagePlugin .generalImagePlugin_image-row .form-group { height: 50px; text-align: center; }
#genericImagePlugin .generalImagePlugin_image-row .col-sm-10 { display: flex; justify-content: center; align-items: center; }
#genericImagePlugin .generalImagePlugin_image-row .col-sm-10 select { width: 200px; height: 30px; }
#genericImagePlugin .generalImagePlugin_footer-row { margin: 0 auto; }
#genericImagePlugin .generalImagePlugin_footer-row .col-md-6, #genericImagePlugin .generalImagePlugin_footer-row .col-md-12 { padding: 0; }
#genericImagePlugin .main_container_genericImagePlugin { height: calc(100% - 20%); display: flex; justify-content: center; align-items: center; flex-direction: column; }
#genericImagePlugin .main_container_genericImagePlugin #cam-canvas, #genericImagePlugin .main_container_genericImagePlugin #webcamImagePluginDisplay { margin: 20px; }
#genericImagePlugin .main_container_genericImagePlugin #generalImagePlugin_placeholder-camera { width: 80%; height: auto; max-height: 78%; top: 5%; }
#genericImagePlugin .main_container_genericImagePlugin #generalImagePlugin_placeholder-camera img.gip_cam { max-width: 100%; }
#genericImagePlugin .main_container_genericImagePlugin.gip_cam { padding-bottom: 20px; }
div#gallery_navigation { display: inline-block; float: left; }
/* ANIMATION */
.lds-roller { display: none; position: absolute; width: 64px; height: 64px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999; }
.lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 32px 32px; }
.lds-roller div:after { content: " "; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #1770C7; margin: -3px 0 0 -3px; }
.lds-roller div:nth-child(1) { animation-delay: -0.036s; }
.lds-roller div:nth-child(1):after { top: 50px; left: 50px; }
.lds-roller div:nth-child(2) { animation-delay: -0.072s; }
.lds-roller div:nth-child(2):after { top: 54px; left: 45px; }
.lds-roller div:nth-child(3) { animation-delay: -0.108s; }
.lds-roller div:nth-child(3):after { top: 57px; left: 39px; }
.lds-roller div:nth-child(4) { animation-delay: -0.144s; }
.lds-roller div:nth-child(4):after { top: 58px; left: 32px; }
.lds-roller div:nth-child(5) { animation-delay: -0.18s; }
.lds-roller div:nth-child(5):after { top: 57px; left: 25px; }
.lds-roller div:nth-child(6) { animation-delay: -0.216s; }
.lds-roller div:nth-child(6):after { top: 54px; left: 19px; }
.lds-roller div:nth-child(7) { animation-delay: -0.252s; }
.lds-roller div:nth-child(7):after { top: 50px; left: 14px; }
.lds-roller div:nth-child(8) { animation-delay: -0.288s; }
.lds-roller div:nth-child(8):after { top: 45px; left: 10px; }
@keyframes lds-roller { 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); } }
/* SUCCESS UPLOADED */
.sa { width: 140px; height: 140px; padding: 26px; display: flex; justify-content: center; align-items: center; }
.sa-success { border-radius: 50%; border: 4px solid #1770C7; box-sizing: content-box; height: 80px; padding: 0; position: relative; width: 80px; }
.sa-success:after { content: ''; height: 120px; position: absolute; transform: rotate(45deg); width: 60px; }
.sa-success:before { content: ''; height: 120px; position: absolute; transform: rotate(45deg); width: 60px; border-radius: 40px 0 0 40px; width: 26px; height: 80px; top: -17px; left: 5px; transform-origin: 60px 60px; transform: rotate(-45deg); }
.sa-success:after { border-radius: 0 120px 120px 0; left: 30px; top: -11px; transform-origin: 0 60px; transform: rotate(-45deg); animation: rotatePlaceholder 4.25s ease-in; }
.sa-success-placeholder { border-radius: 50%; border: 4px solid rgba(27, 131, 230, 0.6); box-sizing: content-box; height: 80px; left: -4px; position: absolute; top: -4px; width: 80px; z-index: 2; }
.sa-success-fix { height: 90px; left: 28px; position: absolute; top: 8px; transform: rotate(-45deg); width: 5px; z-index: 1; }
.sa-success-tip, .sa-success-long { background-color: #1770C7; border-radius: 2px; height: 5px; position: absolute; z-index: 2; }
.sa-success-tip { left: 14px; top: 46px; transform: rotate(45deg); width: 25px; animation: animateSuccessTip .75s; }
.sa-success-long { right: 8px; top: 38px; transform: rotate(-45deg); width: 47px; animation: animateSuccessLong .75s; }
@keyframes animateSuccessTip { 0%, 54% { width: 0;
left: 1px;
top: 19px; }
70% { width: 50px;
left: -8px;
top: 37px; }
84% { width: 17px;
left: 21px;
top: 48px; }
100% { width: 25px;
left: 14px;
top: 45px; } }
@keyframes animateSuccessLong { 0%, 65% { width: 0;
right: 46px;
top: 54px; }
84% { width: 55px;
right: 0;
top: 35px; }
100% { width: 47px;
right: 8px;
top: 38px; } }
@keyframes rotatePlaceholder { 0%, 5% { transform: rotate(-45deg); }
100%, 12% { transform: rotate(-405deg); } }
/* FACEBOOK UI*/
#genericImagePlugin .generalImagePlugin_start-search-button { margin: 10px; }
#genericImagePlugin .generalImagePlugin_back-to-startup { margin-bottom: 10px; }
#genericImagePlugin .generalImagePlugin_logout { display: none; margin-top: 10px; }
#genericImagePlugin .generalImagePlugin_friends-request { position: absolute; bottom: 0; max-width: 400px; text-align: center; box-sizing: border-box; border-radius: 5px; padding: 10px 20px; color: #004085; background-color: #cce5ff; border-color: #b8daff; }
#genericImagePlugin div.generalImagePlugin_cs-select { display: inline-block; vertical-align: middle; position: relative; text-align: left; background: #fff; z-index: 100; width: 100%; max-width: 500px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#genericImagePlugin div.generalImagePlugin_cs-select:focus { outline: none; /* For better accessibility add a style for this in your skin */ }
#genericImagePlugin .generalImagePlugin_cs-select select { display: none; }
#genericImagePlugin .generalImagePlugin_cs-select span { display: block; position: relative; cursor: pointer; padding: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#genericImagePlugin .generalImagePlugin_cs-select > span { padding-right: 3em; }
#genericImagePlugin .generalImagePlugin_cs-select > span::after { speak: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#genericImagePlugin .generalImagePlugin_cs-select .generalImagePlugin_cs-selected span::after { speak: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\2713'; margin-left: 1em; }
#genericImagePlugin .generalImagePlugin_cs-select > span::after { content: '\25BE'; right: 1em; }
#genericImagePlugin .generalImagePlugin_cs-select.generalImagePlugin_cs-active > span::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
div.generalImagePlugin_cs-active { z-index: 200; }
#genericImagePlugin .generalImagePlugin_cs-select .generalImagePlugin_cs-options { position: absolute; overflow: hidden; width: 100%; background: #fff; visibility: hidden; }
#genericImagePlugin .generalImagePlugin_cs-select.generalImagePlugin_cs-active .generalImagePlugin_cs-options { visibility: visible; }
#genericImagePlugin .generalImagePlugin_cs-select ul { list-style: none; margin: 0; padding: 0; width: 100%; }
#genericImagePlugin .generalImagePlugin_cs-select ul span { padding: 1em; }
#genericImagePlugin .generalImagePlugin_cs-select ul li.generalImagePlugin_cs-focus span { background-color: #ddd; }
#genericImagePlugin div.generalImagePlugin_cs-skin-boxes { color: #524e4f; background: initial; border: 0; box-shadow: none; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes > span { background: #ffffff; max-width: 200px; min-width: 200px; padding: 10px; box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.6); border-radius: 5px; transition: all 0.2s ease-in-out; margin: 5px auto; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes > span:hover { transform: translateY(-1px); -webkit-box-shadow: 0 4px 6px -3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 4px 6px -3px rgba(0, 0, 0, 0.5); box-shadow: 0 4px 17px -4px rgba(0, 0, 0, 0.3); }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes > span:active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes > span::after { font-family: 'Glyphicons Halflings'; top: auto; -webkit-transform: none; transform: none; content: "\e010"; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active > span::after { font-family: 'Glyphicons Halflings'; top: auto; -webkit-transform: none; transform: none; content: "\e010"; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options { position: fixed; width: 100%; height: 100%; top: 0; left: 0; overflow: auto; background: #cccccc; font-size: 75%; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0s 0.3s; transition: opacity 0.3s, visibility 0s 0.3s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options { opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options ul { position: absolute; width: 100%; height: 100%; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options li { width: 20%; height: 25%; float: left; position: relative; cursor: pointer; border-radius: 16px; overflow: hidden; opacity: 0; border: 10px solid transparent; background-clip: padding-box; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); box-shadow: inset 0 -6em 0 -2em #fff; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); background-color: gray; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(2) { -webkit-transition-delay: 0.01s; transition-delay: 0.01s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(3) { -webkit-transition-delay: 0.02s; transition-delay: 0.02s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(4) { -webkit-transition-delay: 0.03s; transition-delay: 0.03s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(5) { -webkit-transition-delay: 0.04s; transition-delay: 0.04s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(6) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(7) { -webkit-transition-delay: 0.06s; transition-delay: 0.06s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(8) { -webkit-transition-delay: 0.07s; transition-delay: 0.07s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(9) { -webkit-transition-delay: 0.08s; transition-delay: 0.08s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(10) { -webkit-transition-delay: 0.09s; transition-delay: 0.09s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(11) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(12) { -webkit-transition-delay: 0.11s; transition-delay: 0.11s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(13) { -webkit-transition-delay: 0.12s; transition-delay: 0.12s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(14) { -webkit-transition-delay: 0.13s; transition-delay: 0.13s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(15) { -webkit-transition-delay: 0.14s; transition-delay: 0.14s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(16) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(17) { -webkit-transition-delay: 0.16s; transition-delay: 0.16s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(18) { -webkit-transition-delay: 0.17s; transition-delay: 0.17s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(19) { -webkit-transition-delay: 0.18s; transition-delay: 0.18s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(20) { -webkit-transition-delay: 0.19s; transition-delay: 0.19s; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options li.generalImagePlugin_cs-selected::after { font-family: 'Glyphicons Halflings'; content: "\e013"; color: #fff; position: absolute; font-size: 2em; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0) translate3d(0, -1em, 0); transform: translate3d(-50%, -50%, 0) translate3d(0, -1em, 0); }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options li.generalImagePlugin_cs-selected span::after { content: ''; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options span { position: absolute; bottom: 0; width: 100%; line-height: 2em; text-transform: uppercase; letter-spacing: 1px; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options li span:hover { color: #333; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes li.generalImagePlugin_cs-focus span, #genericImagePlugin .generalImagePlugin_cs-skin-boxes li.generalImagePlugin_cs-selected span { color: #333; }
#genericImagePlugin .generalImagePlugin_profileImage { background-position: center center; -webkit-background-size: cover; background-size: cover; }
#genericImagePlugin #generalImagePlugin_select-album, #genericImagePlugin #generalImagePlugin_select-friend, #genericImagePlugin #generalImagePlugin_take-photo-cam-button, #genericImagePlugin #generalImagePlugin_videoSource { display: none; position: relative; z-index: 99999; }
#genericImagePlugin .generalImagePlugin_friends-request span { color: #333; text-decoration: underline; cursor: pointer; }
#genericImagePlugin .generalImagePlugin_selected-box { display: block; position: absolute; color: #fff; font-size: 16px; width: 23px; /*background: #212c36;*/ height: 23px; padding-left: 4px; border-radius: 0; line-height: 24px; top: 5px; right: 5px; }
#genericImagePlugin .generalImagePlugin_imageBox { position: relative; }
#genericImagePlugin .generalImagePlugin_item-image { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; cursor: pointer; }
#genericImagePlugin .generalImagePlugin_item-image.hd { visibility: hidden; }
#genericImagePlugin .generalImagePlugin_imageBox.selectedImage { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; outline: solid 5px #428bca; outline-offset: -5px; }
#genericImagePlugin .selectedImage .generalImagePlugin_selected-box { background: #428bca; }
#genericImagePlugin .generalImagePlugin_selected-box .fa { display: inline-block; }
#genericImagePlugin .generalImagePlugin_selected-box .fa-check { display: none; }
#genericImagePlugin .generalImagePlugin_selected-box .fa-square-o { display: inline-block; }
#genericImagePlugin .selectedImage .generalImagePlugin_selected-box .fa-check { display: inline-block; }
#genericImagePlugin .selectedImage .generalImagePlugin_selected-box .fa-square-o { display: none; }
#genericImagePlugin .gip_facebook button, #genericImagePlugin .gip_facebook .t-grid .t-button, .t-grid #genericImagePlugin .gip_facebook .t-button, #genericImagePlugin .gip_depositPhotos button, #genericImagePlugin .gip_depositPhotos .t-grid .t-button, .t-grid #genericImagePlugin .gip_depositPhotos .t-button, #genericImagePlugin .gip_instagram button, #genericImagePlugin .gip_instagram .t-grid .t-button, .t-grid #genericImagePlugin .gip_instagram .t-button, #genericImagePlugin .gip_dropbox button, #genericImagePlugin .gip_dropbox .t-grid .t-button, .t-grid #genericImagePlugin .gip_dropbox .t-button, #genericImagePlugin .gip_flickr button, #genericImagePlugin .gip_flickr .t-grid .t-button, .t-grid #genericImagePlugin .gip_flickr .t-button, #genericImagePlugin .gip_image_search button, #genericImagePlugin .gip_image_search .t-grid .t-button, .t-grid #genericImagePlugin .gip_image_search .t-button, #genericImagePlugin .gip_flowzone button, #genericImagePlugin .gip_flowzone .t-grid .t-button, .t-grid #genericImagePlugin .gip_flowzone .t-button { font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; white-space: nowrap; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; letter-spacing: initial; text-transform: none; text-decoration: none; border: 0; margin: 0 5px 5px 0; padding: 6px 12px; background: #dddddd !important; box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.3) !important; }
#genericImagePlugin .gip_facebook button:hover, #genericImagePlugin .gip_facebook .t-grid .t-button:hover, .t-grid #genericImagePlugin .gip_facebook .t-button:hover, #genericImagePlugin .gip_depositPhotos button:hover, #genericImagePlugin .gip_depositPhotos .t-grid .t-button:hover, .t-grid #genericImagePlugin .gip_depositPhotos .t-button:hover, #genericImagePlugin .gip_instagram button:hover, #genericImagePlugin .gip_instagram .t-grid .t-button:hover, .t-grid #genericImagePlugin .gip_instagram .t-button:hover, #genericImagePlugin .gip_dropbox button:hover, #genericImagePlugin .gip_dropbox .t-grid .t-button:hover, .t-grid #genericImagePlugin .gip_dropbox .t-button:hover, #genericImagePlugin .gip_flickr button:hover, #genericImagePlugin .gip_flickr .t-grid .t-button:hover, .t-grid #genericImagePlugin .gip_flickr .t-button:hover, #genericImagePlugin .gip_image_search button:hover, #genericImagePlugin .gip_image_search .t-grid .t-button:hover, .t-grid #genericImagePlugin .gip_image_search .t-button:hover, #genericImagePlugin .gip_flowzone button:hover, #genericImagePlugin .gip_flowzone .t-grid .t-button:hover, .t-grid #genericImagePlugin .gip_flowzone .t-button:hover { background-color: #bfbfbf !important; }
#genericImagePlugin .generalImagePlugin_close.gip_flickr, #genericImagePlugin .generalImagePlugin_close.gip_depositPhotos, #genericImagePlugin .generalImagePlugin_close.gip_facebook, #genericImagePlugin .generalImagePlugin_close.gip_dropbox, #genericImagePlugin .generalImagePlugin_close.gip_instagram, #genericImagePlugin .generalImagePlugin_close.gip_image_search, #genericImagePlugin .generalImagePlugin_close.gip_flowzone { padding: 0; margin: 0 20px 0; background: transparent !important; line-height: 50%; }
#genericImagePlugin .generalImagePlugin_close.gip_flickr:hover, #genericImagePlugin .generalImagePlugin_close.gip_depositPhotos:hover, #genericImagePlugin .generalImagePlugin_close.gip_facebook:hover, #genericImagePlugin .generalImagePlugin_close.gip_dropbox:hover, #genericImagePlugin .generalImagePlugin_close.gip_instagram:hover, #genericImagePlugin .generalImagePlugin_close.gip_image_search:hover, #genericImagePlugin .generalImagePlugin_close.gip_flowzone:hover { background: transparent !important; }
#genericImagePlugin .gip_depositPhotos .generalImagePlugin_images-container { margin-top: 5px; }
#genericImagePlugin #generalImagePlugin_back-to-startpage { display: none; background-color: #333333 !important; }
#genericImagePlugin .modal-content { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#genericImagePlugin .generalImagePlugin_header { border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #333333; }
#genericImagePlugin .form-horizontal { height: 100%; }
#genericImagePlugin .gip_image_search .generalImagePlugin_header.gip_image_search { background-color: #333333; padding: 0; }
@media screen and (max-width: 30em) { #genericImagePlugin div.generalImagePlugin_cs-skin-boxes { font-size: 1em; } }
@media screen and (max-width: 30em) { #genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options li { box-shadow: none; border-width: 3px; border-radius: 8px; } }
@media screen and (max-width: 30em) { #genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options li.generalImagePlugin_cs-selected::after { -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } }
@media screen and (max-width: 30em) { #genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options span { display: none; } }
#footer_genericImagePlugin.modal-footer { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
#genericImagePlugin .generalImagePlugin_image-search-button.gip_flickr { background-color: #ff0084; border: 2px solid #ef0081; margin-left: 7px !important; }
#genericImagePlugin .generalImagePlugin_image-search-button.gip_flickr:hover { background-color: #cc0066; }
#genericImagePlugin .generalImagePlugin_search-container.gip_flickr { display: flex; max-width: 550px; text-align: center; position: relative; left: 50%; transform: translateX(-50%); }
#genericImagePlugin .generalImagePlugin_search-container.gip_image_search input { margin-left: 0 !important; }
#genericImagePlugin .main_container_genericImagePlugin.gip_flickr, #genericImagePlugin .gip_image_search .main_container_genericImagePlugin { margin: 60px auto; flex-wrap: wrap; justify-content: center; align-items: center; clear: both; }
#genericImagePlugin #body_genericImagePlugin .modal-body.gip_flickr { padding: 10px 20px !important; }
#genericImagePlugin #body_genericImagePlugin .form-group.gip_flickr { margin-bottom: 10px; }
#genericImagePlugin #body_genericImagePlugin > .generalImagePlugin_back-button.generalImagePlugin_small.gip_flickr { width: 170px; height: 35px; display: inline-block; position: relative; left: 50%; transform: translateX(-50%); margin-bottom: 20px !important; }
#genericImagePlugin #body_genericImagePlugin > .form-group.gip_flickr + .generalImagePlugin_back-button.gip_flickr { position: absolute; top: 16px; left: initial !important; width: initial; height: initial; transform: none; }
#genericImagePlugin .generalImagePlugin_image-plugin_button { display: flex; overflow: hidden; margin: 5px !important; transition: all 150ms linear; text-decoration: none !important; font-size: 13px; justify-content: center; align-items: center; box-shadow: 2px 5px 10px #e4e4e4 !important; }
#genericImagePlugin .generalImagePlugin_image-plugin_button:hover { transition: all 150ms linear; opacity: .85; }
#genericImagePlugin .generalImagePlugin_image-plugin_button:active { transition: all 150ms linear; opacity: .75; }
#genericImagePlugin .generalImagePlugin_image-plugin_button:focus { outline: 1px dotted #959595; outline-offset: -4px; }
#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_regular { color: #202129 !important; background-color: #f2f2f2 !important; }
#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_regular:hover { color: #202129 !important; background-color: #e1e2e2 !important; opacity: 1; }
#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_regular:active { background-color: #d5d6d6 !important; opacity: 1; }
#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_dark { color: #FFFFFF !important; background: #161616 !important; }
#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_dark:focus { outline: 1px dotted white !important; outline-offset: -4px !important; }
#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_blue { color: #FFFFFF !important; background: #416dea !important; }
#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_salmon { color: #FFFFFF !important; background: #F32C52 !important; }
#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_small { display: inline-block; }
#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_medium { width: 175px; height: 35px; }
#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_large { width: 200px; height: 50px; }
#genericImagePlugin .fill { color: #fff !important; }
#genericImagePlugin .dropdown-button.fill { background-color: #d73925; }
#genericImagePlugin .multi-button, #genericImagePlugin .button { padding: 6px 12px; font-size: 14px; font-weight: 600; line-height: 1.42857143; text-align: left; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: 1px; background: #fff none; width: calc(50% - 10px) !important; float: left; display: flex; justify-content: center; align-items: center; margin-bottom: 5px; margin-right: 5px; }
#genericImagePlugin .multi-button::after { background-color: transparent; border-left: none; box-sizing: border-box; color: #fff; content: "\2207"; display: inline-block; font-family: "FontAwesome", sans-serif; height: 100%; margin-left: -17px; padding: 4px 4px 0 3px; pointer-events: none; position: absolute; right: 0; text-align: center; top: 0; vertical-align: middle; width: 23px; z-index: 2; transition: transform .25s linear; -webkit-transition: -webkit-transform .25s linear; }
#genericImagePlugin .multi-button.open::after { font-weight: 700; -webkit-transform: rotate(180deg); transform: rotate(180deg); padding: 6px 4px 0 3px; }
#genericImagePlugin .test-values { border-radius: 4px; margin-left: 10px; }
#genericImagePlugin .button-xsmall { padding: 1px 5px; font-size: 12px; line-height: 1.5; color: #333; }
#genericImagePlugin .button-small { padding: 5px 10px; font-size: 12px; line-height: 1.5; color: #333; }
#genericImagePlugin .button-big { padding: 10px 16px; font-size: 18px; line-height: 1.5; color: #333; }
#genericImagePlugin .multi-button.button-file { position: relative; overflow: hidden; }
#genericImagePlugin .dropdown-button:hover, #genericImagePlugin .dropdown-button:active { border-color: #333333; }
#genericImagePlugin .button-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; }
#genericImagePlugin .multi-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 0 0 1px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); width: 100%; }
#genericImagePlugin .open > .multi-menu { display: block; }
#genericImagePlugin .multi-menu li { position: relative; padding: 5px 10px; margin-top: 1px; }
#genericImagePlugin .multi-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; }
#genericImagePlugin .multi-menu li a span.text { display: inline-block; position: relative; }
#genericImagePlugin .multi-menu li a span.check-mark { display: none; }
#genericImagePlugin .multi-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 0; }
#genericImagePlugin .multi-menu li .searchbox { padding: 4px 8px; }
#genericImagePlugin .multi-menu li .searchbox .search-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background: #fff none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; margin-bottom: 0; float: none; }
#genericImagePlugin .multi-menu li.control, #genericImagePlugin .multi-menu li.control:hover { background-color: #fff !important; }
#genericImagePlugin .multi-menu li.control a.select-all-none { color: #000 !important; }
#genericImagePlugin .multi-menu li.control:hover a.select-all-none { color: #444 !important; }
#genericImagePlugin .dropdown-button .multi-menu li:hover, #genericImagePlugin .dropdown-button .multi-menu li.selected, #genericImagePlugin .dropdown-button .multi-menu li.selected:hover, #genericImagePlugin .dropdown-button .multi-menu li.controls { background-color: #dcdcdc; }
#genericImagePlugin .multi-button .button-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 94%; display: inline-block; vertical-align: bottom; }
#genericImagePlugin ol, #genericImagePlugin ul { margin-top: 10px; margin-bottom: 10px; }
#genericImagePlugin .list-wrapper { padding-left: 0; margin-bottom: 20px; }
#genericImagePlugin .list-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; }
#genericImagePlugin .list-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }
#genericImagePlugin .list-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
#genericImagePlugin .list-item .file-name { max-width: 90%; width: auto; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; display: inline-block; }
#genericImagePlugin .overflow-list { max-height: 302px; overflow-y: auto; overflow-x: hidden; width: 20%; }
#genericImagePlugin .remove-file { font-weight: 700; }
#genericImagePlugin .remove-icon { position: absolute; bottom: -9px; right: -9px; font-weight: 700; }
#genericImagePlugin .data-display { display: block; float: left; list-style: none; }
#genericImagePlugin .data-display li { border: 1px solid #ccc; margin-left: -1px; float: left; padding: 5px 10px; margin-top: -1px; min-width: 30px; text-align: center; }
@media screen and (max-width: 768px) { #genericImagePlugin { height: 100%; }
#genericImagePlugin .modal-dialog { width: 90%; max-width: 90%; }
#genericImagePlugin .generalImagePlugin_search-image { width: 79%; max-width: 79%; } }
@media screen and (max-width: 640px) { #genericImagePlugin .modal-dialog { width: 90%; max-width: 90%; }
#genericImagePlugin .generalImagePlugin_images-container { width: 100%; }
#genericImagePlugin .generalImagePlugin_search-image { width: 70%; }
#genericImagePlugin .generalImagePlugin_image-search-button { width: 75px; margin-right: initial; padding: 0; }
#genericImagePlugin .generalImagePlugin_select-list { min-width: 100px; max-width: 150px; }
#genericImagePlugin .main_container_genericImagePlugin .success-uploaded_genericImagePlugin h2 { text-align: center; font-size: 22px; }
#genericImagePlugin .main_container_genericImagePlugin h2, #genericImagePlugin .main_container_genericImagePlugin h4, #genericImagePlugin .main_container_genericImagePlugin .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv #genericImagePlugin .main_container_genericImagePlugin .enter-address-title { color: #333333; font-family: "Roboto", sans-serif; }
#genericImagePlugin .main_container_genericImagePlugin h2 { text-align: center; font-size: 22px !important; }
#genericImagePlugin .main_container_genericImagePlugin h4, #genericImagePlugin .main_container_genericImagePlugin .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv #genericImagePlugin .main_container_genericImagePlugin .enter-address-title { margin-top: 0; font-size: 14px; font-weight: normal; }
#genericImagePlugin .generalImagePlugin_image-row { width: inherit; display: block; margin: 0 auto 10px; }
#genericImagePlugin .generalImagePlugin_image-row .form-group { text-align: initial; }
#genericImagePlugin .generalImagePlugin_image-row .col-md-6 { width: 100%; }
#genericImagePlugin .generalImagePlugin_image-row .col-sm-10 { justify-content: space-around; margin: 0 10px; padding: 0 10px; flex-direction: initial; }
#genericImagePlugin .generalImagePlugin_image-row .generalImagePlugin_image-plugin_button.generalImagePlugin_small { display: flex; border-radius: 0; width: 10px; height: 22px; line-height: 12px; }
#genericImagePlugin .generalImagePlugin_friends-request { left: 50%; transform: translateX(-50%); width: 95%; }
#genericImagePlugin .generalImagePlugin_header { padding: initial; }
#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_medium { width: initial; height: initial; text-align: center; margin: 0 auto 10px !important; border-radius: 2px; }
#genericImagePlugin #body_genericImagePlugin > .form-group.gip_flickr + .generalImagePlugin_back-button.gip_flickr { position: relative; top: initial; width: 80px; height: initial; margin: 0 0 10px 0 !important; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li { opacity: 1; width: 33.333%; background-size: cover; background-repeat: no-repeat; }
#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li span { display: block; background: #ffffff; } }
@media screen and (max-height: 375px) { #cam-canvas { width: 36% !important; } }
@media screen and (max-height: 600px) { #generalImagePlugin_placeholder-camera { width: 60% !important; } }
/* Variables
=========================================*/
/* Function to access variables =========================================*/
/* ========================================================================== Arone Theme Imports ========================================================================= */
.hidden-old-theme, .is-hidden-old-theme { display: none !important; }
.catfish-classes, .vue-component-wrapper { /******************************************************** Colors */ /******************************************************** Font */ /******************************************************** Spacing */ /******************************************************** Backgrounds */ /******************************************************** Border */ /******************************************************** Border Radius */ /******************************************************** Box Shadow */ /******************************************************** Grid */ /******************************************************** Thumbnail */ /******************************************************** Appearance */ /******************************************************** Megaedit */ /******************************************************** Catfish */ /******************************************************** Customer account */ /*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */ /*! Font Awesome Pro 5.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) */ /* Inherit helper */ /* header menu two tier */ /*List*/ /* Height helper */ /*Section background globals*/ /*Position*/ /*Size*/ /*Repeat*/ /*Order helpers*/ /* Layout defaults */ /* Image + Content */ /*MAIN NAV*/ /*Search box*/ /*FAQ Section*/ /* Featured Tiles */ /*
* jQuery FlexSlider v2.7.2
* https://www.woocommerce.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 and later license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*
* MODIFIED FOR ARONE USE
*/ /* ==================================================================================================================== RESETS ====================================================================================================================*/ /* GRID TWEAKS
Reset all the components removing the container styles
as they restrict the layout now all layouts have full
for before and after main containers meaning you can
use any markup you wish the the full browser at your
disposal. However 2 column still has this restriction
due to the two container approach.
============================================= */ /** Vue Transitions */ /* Bag assembly */ }
.catfish-classes, .catfish-classes *, .vue-component-wrapper, .vue-component-wrapper * { box-sizing: border-box !important; }
.catfish-classes pre, .catfish-classes blockquote, .catfish-classes dl, .catfish-classes figure, .catfish-classes table, .catfish-classes p, .catfish-classes ul, .catfish-classes ol, .catfish-classes form, .vue-component-wrapper pre, .vue-component-wrapper blockquote, .vue-component-wrapper dl, .vue-component-wrapper figure, .vue-component-wrapper table, .vue-component-wrapper p, .vue-component-wrapper ul, .vue-component-wrapper ol, .vue-component-wrapper form { width: auto; }
.catfish-classes .delete, .vue-component-wrapper .delete { padding: 0; }
.catfish-classes .button, .vue-component-wrapper .button { margin-top: 0; }
.catfish-classes .card, .vue-component-wrapper .card { display: inline-block; }
.catfish-classes .card-footer, .vue-component-wrapper .card-footer { padding: 0; }
.catfish-classes .modal-card-foot, .vue-component-wrapper .modal-card-foot { margin: 0; }
@keyframes spinAround { from { transform: rotate(0deg); }
to { transform: rotate(359deg); } }
.catfish-classes .delete, .catfish-classes .modal-close, .catfish-classes .is-unselectable, .catfish-classes .catfish-button, .catfish-classes .button, .catfish-classes .file, .catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .catfish-classes .file-cta, .catfish-classes .breadcrumb, .catfish-classes .pagination-previous, .catfish-classes .pagination-next, .catfish-classes .pagination-link, .catfish-classes .pagination-ellipsis, .catfish-classes .tabs, .catfish-classes .cf-checkbox.checkbox, .catfish-classes .icon, .catfish-classes .cf-radio.radio, .catfish-classes .switch, .vue-component-wrapper .delete, .vue-component-wrapper .modal-close, .vue-component-wrapper .is-unselectable, .vue-component-wrapper .catfish-button, .vue-component-wrapper .button, .vue-component-wrapper .file, .catfish-classes .file:not(.is-boxed):not(.is-area) .vue-component-wrapper .file-cta, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta, .vue-component-wrapper .breadcrumb, .vue-component-wrapper .pagination-previous, .vue-component-wrapper .pagination-next, .vue-component-wrapper .pagination-link, .vue-component-wrapper .pagination-ellipsis, .vue-component-wrapper .tabs, .vue-component-wrapper .cf-checkbox.checkbox, .vue-component-wrapper .icon, .vue-component-wrapper .cf-radio.radio, .vue-component-wrapper .switch { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.catfish-classes .select:not(.is-multiple):not(.is-loading)::after, .catfish-classes .navbar-link:not(.is-arrowless)::after, .vue-component-wrapper .select:not(.is-multiple):not(.is-loading)::after, .vue-component-wrapper .navbar-link:not(.is-arrowless)::after { border: 3px solid transparent; border-radius: 2px; border-right: 0; border-top: 0; content: " "; display: block; height: 0.625em; margin-top: -0.4375em; pointer-events: none; position: absolute; top: 50%; transform: rotate(-45deg); transform-origin: center; width: 0.625em; }
.catfish-classes .delete, .catfish-classes .modal-close, .vue-component-wrapper .delete, .vue-component-wrapper .modal-close { -moz-appearance: none; -webkit-appearance: none; background-color: #f5f5f5; border: none; border-radius: 290486px; cursor: pointer; pointer-events: auto; display: inline-block; flex-grow: 0; flex-shrink: 0; font-size: 0; height: 2.27273rem; max-height: 2.27273rem; max-width: 2.27273rem; min-height: 2.27273rem; min-width: 2.27273rem; outline: none; position: relative; vertical-align: top; width: 2.27273rem; }
.catfish-classes .delete::before, .catfish-classes .modal-close::before, .catfish-classes .delete::after, .catfish-classes .modal-close::after, .vue-component-wrapper .delete::before, .vue-component-wrapper .modal-close::before, .vue-component-wrapper .delete::after, .vue-component-wrapper .modal-close::after { background-color: rgba(25, 25, 25, 0.7); content: ""; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; }
.catfish-classes .delete::before, .catfish-classes .modal-close::before, .vue-component-wrapper .delete::before, .vue-component-wrapper .modal-close::before { height: 2px; width: 50%; }
.catfish-classes .delete::after, .catfish-classes .modal-close::after, .vue-component-wrapper .delete::after, .vue-component-wrapper .modal-close::after { height: 50%; width: 2px; }
.catfish-classes .delete:hover, .catfish-classes .modal-close:hover, .catfish-classes .delete:focus, .catfish-classes .modal-close:focus, .vue-component-wrapper .delete:hover, .vue-component-wrapper .modal-close:hover, .vue-component-wrapper .delete:focus, .vue-component-wrapper .modal-close:focus { background-color: rgba(74, 74, 74, 0.3); }
.catfish-classes .delete:active, .catfish-classes .modal-close:active, .vue-component-wrapper .delete:active, .vue-component-wrapper .modal-close:active { background-color: rgba(74, 74, 74, 0.4); }
.catfish-classes .is-small.delete, .catfish-classes .is-small.modal-close, .vue-component-wrapper .is-small.delete, .vue-component-wrapper .is-small.modal-close { height: 1.81818rem; max-height: 1.81818rem; max-width: 1.81818rem; min-height: 1.81818rem; min-width: 1.81818rem; width: 1.81818rem; }
.catfish-classes .is-medium.delete, .catfish-classes .is-medium.modal-close, .vue-component-wrapper .is-medium.delete, .vue-component-wrapper .is-medium.modal-close { height: 2.72727rem; max-height: 2.72727rem; max-width: 2.72727rem; min-height: 2.72727rem; min-width: 2.72727rem; width: 2.72727rem; }
.catfish-classes .is-large.delete, .catfish-classes .is-large.modal-close, .vue-component-wrapper .is-large.delete, .vue-component-wrapper .is-large.modal-close { height: 3.18182rem; max-height: 3.18182rem; max-width: 3.18182rem; min-height: 3.18182rem; min-width: 3.18182rem; width: 3.18182rem; }
.catfish-classes .catfish-button.is-loading::after, .catfish-classes .button.is-loading::after, .catfish-classes .select.is-loading::after, .catfish-classes .control.is-loading::after, .catfish-classes .loader, .catfish-classes .modal-card-body .modal-loader-wrapper .modal-loader, .vue-component-wrapper .modal-card-body .modal-loader-wrapper .catfish-classes .modal-loader, .catfish-classes .loading-overlay .loading-icon:after, .vue-component-wrapper .loading-overlay .catfish-classes .loading-icon:after, .catfish-classes .loader-container.is-loading:after, .catfish-classes .cf-table.is-loading:after, .catfish-classes .cf-upload .cf-upload-draggable.is-loading:after, .vue-component-wrapper .cf-upload .catfish-classes .cf-upload-draggable.is-loading:after, .vue-component-wrapper .catfish-button.is-loading::after, .vue-component-wrapper .button.is-loading::after, .vue-component-wrapper .select.is-loading::after, .vue-component-wrapper .control.is-loading::after, .vue-component-wrapper .loader, .catfish-classes .modal-card-body .modal-loader-wrapper .vue-component-wrapper .modal-loader, .vue-component-wrapper .modal-card-body .modal-loader-wrapper .modal-loader, .catfish-classes .loading-overlay .vue-component-wrapper .loading-icon:after, .vue-component-wrapper .loading-overlay .loading-icon:after, .vue-component-wrapper .loader-container.is-loading:after, .vue-component-wrapper .cf-table.is-loading:after, .catfish-classes .cf-upload .vue-component-wrapper .cf-upload-draggable.is-loading:after, .vue-component-wrapper .cf-upload .cf-upload-draggable.is-loading:after { animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 1em; position: relative; width: 1em; }
.catfish-classes .is-overlay, .catfish-classes .hero-video, .catfish-classes .image.is-covered img, .vue-component-wrapper .image.is-covered .catfish-classes img, .catfish-classes .image.is-contained img, .vue-component-wrapper .image.is-contained .catfish-classes img, .catfish-classes .image.is-square img, .catfish-classes .image.is-1by1 img, .catfish-classes .image.is-5by4 img, .catfish-classes .image.is-4by3 img, .catfish-classes .image.is-3by2 img, .catfish-classes .image.is-5by3 img, .catfish-classes .image.is-16by9 img, .catfish-classes .image.is-2by1 img, .catfish-classes .image.is-3by1 img, .catfish-classes .image.is-4by5 img, .catfish-classes .image.is-3by4 img, .catfish-classes .image.is-2by3 img, .catfish-classes .image.is-3by5 img, .catfish-classes .image.is-9by16 img, .catfish-classes .image.is-1by2 img, .catfish-classes .image.is-1by3 img, .vue-component-wrapper .image.is-square .catfish-classes img, .vue-component-wrapper .image.is-1by1 .catfish-classes img, .vue-component-wrapper .image.is-5by4 .catfish-classes img, .vue-component-wrapper .image.is-4by3 .catfish-classes img, .vue-component-wrapper .image.is-3by2 .catfish-classes img, .vue-component-wrapper .image.is-5by3 .catfish-classes img, .vue-component-wrapper .image.is-16by9 .catfish-classes img, .vue-component-wrapper .image.is-2by1 .catfish-classes img, .vue-component-wrapper .image.is-3by1 .catfish-classes img, .vue-component-wrapper .image.is-4by5 .catfish-classes img, .vue-component-wrapper .image.is-3by4 .catfish-classes img, .vue-component-wrapper .image.is-2by3 .catfish-classes img, .vue-component-wrapper .image.is-3by5 .catfish-classes img, .vue-component-wrapper .image.is-9by16 .catfish-classes img, .vue-component-wrapper .image.is-1by2 .catfish-classes img, .vue-component-wrapper .image.is-1by3 .catfish-classes img, .catfish-classes .modal, .catfish-classes .modal-background, .catfish-classes .dropdown .background, .vue-component-wrapper .dropdown .catfish-classes .background, .catfish-classes .loading-overlay, .catfish-classes .loading-overlay .loading-background, .vue-component-wrapper .loading-overlay .catfish-classes .loading-background, .vue-component-wrapper .is-overlay, .vue-component-wrapper .hero-video, .catfish-classes .image.is-covered .vue-component-wrapper img, .vue-component-wrapper .image.is-covered img, .catfish-classes .image.is-contained .vue-component-wrapper img, .vue-component-wrapper .image.is-contained img, .catfish-classes .image.is-square .vue-component-wrapper img, .catfish-classes .image.is-1by1 .vue-component-wrapper img, .catfish-classes .image.is-5by4 .vue-component-wrapper img, .catfish-classes .image.is-4by3 .vue-component-wrapper img, .catfish-classes .image.is-3by2 .vue-component-wrapper img, .catfish-classes .image.is-5by3 .vue-component-wrapper img, .catfish-classes .image.is-16by9 .vue-component-wrapper img, .catfish-classes .image.is-2by1 .vue-component-wrapper img, .catfish-classes .image.is-3by1 .vue-component-wrapper img, .catfish-classes .image.is-4by5 .vue-component-wrapper img, .catfish-classes .image.is-3by4 .vue-component-wrapper img, .catfish-classes .image.is-2by3 .vue-component-wrapper img, .catfish-classes .image.is-3by5 .vue-component-wrapper img, .catfish-classes .image.is-9by16 .vue-component-wrapper img, .catfish-classes .image.is-1by2 .vue-component-wrapper img, .catfish-classes .image.is-1by3 .vue-component-wrapper img, .vue-component-wrapper .image.is-square img, .vue-component-wrapper .image.is-1by1 img, .vue-component-wrapper .image.is-5by4 img, .vue-component-wrapper .image.is-4by3 img, .vue-component-wrapper .image.is-3by2 img, .vue-component-wrapper .image.is-5by3 img, .vue-component-wrapper .image.is-16by9 img, .vue-component-wrapper .image.is-2by1 img, .vue-component-wrapper .image.is-3by1 img, .vue-component-wrapper .image.is-4by5 img, .vue-component-wrapper .image.is-3by4 img, .vue-component-wrapper .image.is-2by3 img, .vue-component-wrapper .image.is-3by5 img, .vue-component-wrapper .image.is-9by16 img, .vue-component-wrapper .image.is-1by2 img, .vue-component-wrapper .image.is-1by3 img, .vue-component-wrapper .modal, .vue-component-wrapper .modal-background, .catfish-classes .dropdown .vue-component-wrapper .background, .vue-component-wrapper .dropdown .background, .vue-component-wrapper .loading-overlay, .catfish-classes .loading-overlay .vue-component-wrapper .loading-background, .vue-component-wrapper .loading-overlay .loading-background { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.catfish-classes .catfish-button, .catfish-classes .button, .catfish-classes .input, .catfish-classes .catfish-input, .catfish-classes .catfish-select, .catfish-classes .textarea, .catfish-classes .catfish-textarea, .catfish-classes .select select, .vue-component-wrapper .select .catfish-classes select, .catfish-classes .file-cta, .catfish-classes .file-name, .catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .catfish-classes .file-cta, .catfish-classes .pagination-previous, .catfish-classes .pagination-next, .catfish-classes .pagination-link, .catfish-classes .pagination-ellipsis, .catfish-classes .taginput .taginput-container.is-focusable, .vue-component-wrapper .taginput .catfish-classes .taginput-container.is-focusable, .vue-component-wrapper .catfish-button, .vue-component-wrapper .button, .vue-component-wrapper .input, .vue-component-wrapper .catfish-input, .vue-component-wrapper .catfish-select, .vue-component-wrapper .textarea, .vue-component-wrapper .catfish-textarea, .catfish-classes .select .vue-component-wrapper select, .vue-component-wrapper .select select, .vue-component-wrapper .file-cta, .vue-component-wrapper .file-name, .catfish-classes .file:not(.is-boxed):not(.is-area) .vue-component-wrapper .file-cta, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta, .vue-component-wrapper .pagination-previous, .vue-component-wrapper .pagination-next, .vue-component-wrapper .pagination-link, .vue-component-wrapper .pagination-ellipsis, .catfish-classes .taginput .vue-component-wrapper .taginput-container.is-focusable, .vue-component-wrapper .taginput .taginput-container.is-focusable { -moz-appearance: none; -webkit-appearance: none; align-items: center; border: 1px solid transparent; border-radius: 4px; box-shadow: none; display: inline-flex; font-size: 1rem; height: 4em; justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); padding-right: calc(0.625em - 1px); padding-top: calc(0.375em - 1px); position: relative; vertical-align: top; }
.catfish-classes .catfish-button:focus, .catfish-classes .button:focus, .catfish-classes .input:focus, .catfish-classes .catfish-input:focus, .catfish-classes .catfish-select:focus, .catfish-classes .textarea:focus, .catfish-classes .catfish-textarea:focus, .catfish-classes .select select:focus, .vue-component-wrapper .select .catfish-classes select:focus, .catfish-classes .file-cta:focus, .catfish-classes .file-name:focus, .catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta:focus, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .catfish-classes .file-cta:focus, .catfish-classes .pagination-previous:focus, .catfish-classes .pagination-next:focus, .catfish-classes .pagination-link:focus, .catfish-classes .pagination-ellipsis:focus, .catfish-classes .taginput .taginput-container.is-focusable:focus, .vue-component-wrapper .taginput .catfish-classes .taginput-container.is-focusable:focus, .catfish-classes .is-focused.catfish-button, .catfish-classes .is-focused.button, .catfish-classes .is-focused.input, .catfish-classes .is-focused.catfish-input, .catfish-classes .is-focused.catfish-select, .catfish-classes .is-focused.textarea, .catfish-classes .is-focused.catfish-textarea, .catfish-classes .select select.is-focused, .vue-component-wrapper .select .catfish-classes select.is-focused, .catfish-classes .is-focused.file-cta, .catfish-classes .is-focused.file-name, .catfish-classes .file:not(.is-boxed):not(.is-area) .is-focused.file-cta, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .catfish-classes .is-focused.file-cta, .catfish-classes .is-focused.pagination-previous, .catfish-classes .is-focused.pagination-next, .catfish-classes .is-focused.pagination-link, .catfish-classes .is-focused.pagination-ellipsis, .catfish-classes .taginput .is-focused.taginput-container.is-focusable, .vue-component-wrapper .taginput .catfish-classes .is-focused.taginput-container.is-focusable, .catfish-classes .catfish-button:active, .catfish-classes .button:active, .catfish-classes .input:active, .catfish-classes .catfish-input:active, .catfish-classes .catfish-select:active, .catfish-classes .textarea:active, .catfish-classes .catfish-textarea:active, .catfish-classes .select select:active, .vue-component-wrapper .select .catfish-classes select:active, .catfish-classes .file-cta:active, .catfish-classes .file-name:active, .catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta:active, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .catfish-classes .file-cta:active, .catfish-classes .pagination-previous:active, .catfish-classes .pagination-next:active, .catfish-classes .pagination-link:active, .catfish-classes .pagination-ellipsis:active, .catfish-classes .taginput .taginput-container.is-focusable:active, .vue-component-wrapper .taginput .catfish-classes .taginput-container.is-focusable:active, .catfish-classes .is-active.catfish-button, .catfish-classes .is-active.button, .catfish-classes .is-active.input, .catfish-classes .is-active.catfish-input, .catfish-classes .is-active.catfish-select, .catfish-classes .is-active.textarea, .catfish-classes .is-active.catfish-textarea, .catfish-classes .select select.is-active, .vue-component-wrapper .select .catfish-classes select.is-active, .catfish-classes .is-active.file-cta, .catfish-classes .is-active.file-name, .catfish-classes .file:not(.is-boxed):not(.is-area) .is-active.file-cta, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .catfish-classes .is-active.file-cta, .catfish-classes .is-active.pagination-previous, .catfish-classes .is-active.pagination-next, .catfish-classes .is-active.pagination-link, .catfish-classes .is-active.pagination-ellipsis, .catfish-classes .taginput .is-active.taginput-container.is-focusable, .vue-component-wrapper .taginput .catfish-classes .is-active.taginput-container.is-focusable, .vue-component-wrapper .catfish-button:focus, .vue-component-wrapper .button:focus, .vue-component-wrapper .input:focus, .vue-component-wrapper .catfish-input:focus, .vue-component-wrapper .catfish-select:focus, .vue-component-wrapper .textarea:focus, .vue-component-wrapper .catfish-textarea:focus, .catfish-classes .select .vue-component-wrapper select:focus, .vue-component-wrapper .select select:focus, .vue-component-wrapper .file-cta:focus, .vue-component-wrapper .file-name:focus, .catfish-classes .file:not(.is-boxed):not(.is-area) .vue-component-wrapper .file-cta:focus, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta:focus, .vue-component-wrapper .pagination-previous:focus, .vue-component-wrapper .pagination-next:focus, .vue-component-wrapper .pagination-link:focus, .vue-component-wrapper .pagination-ellipsis:focus, .catfish-classes .taginput .vue-component-wrapper .taginput-container.is-focusable:focus, .vue-component-wrapper .taginput .taginput-container.is-focusable:focus, .vue-component-wrapper .is-focused.catfish-button, .vue-component-wrapper .is-focused.button, .vue-component-wrapper .is-focused.input, .vue-component-wrapper .is-focused.catfish-input, .vue-component-wrapper .is-focused.catfish-select, .vue-component-wrapper .is-focused.textarea, .vue-component-wrapper .is-focused.catfish-textarea, .catfish-classes .select .vue-component-wrapper select.is-focused, .vue-component-wrapper .select select.is-focused, .vue-component-wrapper .is-focused.file-cta, .vue-component-wrapper .is-focused.file-name, .catfish-classes .file:not(.is-boxed):not(.is-area) .vue-component-wrapper .is-focused.file-cta, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .is-focused.file-cta, .vue-component-wrapper .is-focused.pagination-previous, .vue-component-wrapper .is-focused.pagination-next, .vue-component-wrapper .is-focused.pagination-link, .vue-component-wrapper .is-focused.pagination-ellipsis, .catfish-classes .taginput .vue-component-wrapper .is-focused.taginput-container.is-focusable, .vue-component-wrapper .taginput .is-focused.taginput-container.is-focusable, .vue-component-wrapper .catfish-button:active, .vue-component-wrapper .button:active, .vue-component-wrapper .input:active, .vue-component-wrapper .catfish-input:active, .vue-component-wrapper .catfish-select:active, .vue-component-wrapper .textarea:active, .vue-component-wrapper .catfish-textarea:active, .catfish-classes .select .vue-component-wrapper select:active, .vue-component-wrapper .select select:active, .vue-component-wrapper .file-cta:active, .vue-component-wrapper .file-name:active, .catfish-classes .file:not(.is-boxed):not(.is-area) .vue-component-wrapper .file-cta:active, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta:active, .vue-component-wrapper .pagination-previous:active, .vue-component-wrapper .pagination-next:active, .vue-component-wrapper .pagination-link:active, .vue-component-wrapper .pagination-ellipsis:active, .catfish-classes .taginput .vue-component-wrapper .taginput-container.is-focusable:active, .vue-component-wrapper .taginput .taginput-container.is-focusable:active, .vue-component-wrapper .is-active.catfish-button, .vue-component-wrapper .is-active.button, .vue-component-wrapper .is-active.input, .vue-component-wrapper .is-active.catfish-input, .vue-component-wrapper .is-active.catfish-select, .vue-component-wrapper .is-active.textarea, .vue-component-wrapper .is-active.catfish-textarea, .catfish-classes .select .vue-component-wrapper select.is-active, .vue-component-wrapper .select select.is-active, .vue-component-wrapper .is-active.file-cta, .vue-component-wrapper .is-active.file-name, .catfish-classes .file:not(.is-boxed):not(.is-area) .vue-component-wrapper .is-active.file-cta, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .is-active.file-cta, .vue-component-wrapper .is-active.pagination-previous, .vue-component-wrapper .is-active.pagination-next, .vue-component-wrapper .is-active.pagination-link, .vue-component-wrapper .is-active.pagination-ellipsis, .catfish-classes .taginput .vue-component-wrapper .is-active.taginput-container.is-focusable, .vue-component-wrapper .taginput .is-active.taginput-container.is-focusable { outline: none; }
.catfish-classes [disabled].catfish-button, .catfish-classes [disabled].button, .catfish-classes [disabled].input, .catfish-classes [disabled].catfish-input, .catfish-classes [disabled].catfish-select, .catfish-classes [disabled].textarea, .catfish-classes [disabled].catfish-textarea, .catfish-classes .select select[disabled], .vue-component-wrapper .select .catfish-classes select[disabled], .catfish-classes [disabled].file-cta, .catfish-classes [disabled].file-name, .catfish-classes .file:not(.is-boxed):not(.is-area) [disabled].file-cta, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .catfish-classes [disabled].file-cta, .catfish-classes [disabled].pagination-previous, .catfish-classes [disabled].pagination-next, .catfish-classes [disabled].pagination-link, .catfish-classes [disabled].pagination-ellipsis, .catfish-classes .taginput [disabled].taginput-container.is-focusable, .vue-component-wrapper .taginput .catfish-classes [disabled].taginput-container.is-focusable, .vue-component-wrapper [disabled].catfish-button, .vue-component-wrapper [disabled].button, .vue-component-wrapper [disabled].input, .vue-component-wrapper [disabled].catfish-input, .vue-component-wrapper [disabled].catfish-select, .vue-component-wrapper [disabled].textarea, .vue-component-wrapper [disabled].catfish-textarea, .catfish-classes .select .vue-component-wrapper select[disabled], .vue-component-wrapper .select select[disabled], .vue-component-wrapper [disabled].file-cta, .vue-component-wrapper [disabled].file-name, .catfish-classes .file:not(.is-boxed):not(.is-area) .vue-component-wrapper [disabled].file-cta, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) [disabled].file-cta, .vue-component-wrapper [disabled].pagination-previous, .vue-component-wrapper [disabled].pagination-next, .vue-component-wrapper [disabled].pagination-link, .vue-component-wrapper [disabled].pagination-ellipsis, .catfish-classes .taginput .vue-component-wrapper [disabled].taginput-container.is-focusable, .vue-component-wrapper .taginput [disabled].taginput-container.is-focusable { cursor: not-allowed; }
.catfish-classes html, .catfish-classes body, .catfish-classes p, .catfish-classes ol, .catfish-classes ul, .catfish-classes li, .catfish-classes dl, .catfish-classes dt, .catfish-classes dd, .catfish-classes blockquote, .catfish-classes figure, .catfish-classes fieldset, .catfish-classes legend, .catfish-classes textarea, .catfish-classes pre, .catfish-classes iframe, .catfish-classes hr, .catfish-classes h1, .catfish-classes h2, .catfish-classes h3, .catfish-classes footer h4, footer .catfish-classes h4, .catfish-classes footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .catfish-classes .enter-address-title, .catfish-classes .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .catfish-classes .enter-address-title, .catfish-classes h4, .catfish-classes .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv .catfish-classes .enter-address-title, .catfish-classes h5, .catfish-classes h6, .catfish-classes .block-account-navigation .title, .block-account-navigation .catfish-classes .title, .vue-component-wrapper html, .vue-component-wrapper body, .vue-component-wrapper p, .vue-component-wrapper ol, .vue-component-wrapper ul, .vue-component-wrapper li, .vue-component-wrapper dl, .vue-component-wrapper dt, .vue-component-wrapper dd, .vue-component-wrapper blockquote, .vue-component-wrapper figure, .vue-component-wrapper fieldset, .vue-component-wrapper legend, .vue-component-wrapper textarea, .vue-component-wrapper pre, .vue-component-wrapper iframe, .vue-component-wrapper hr, .vue-component-wrapper h1, .vue-component-wrapper h2, .vue-component-wrapper h3, .vue-component-wrapper footer h4, footer .vue-component-wrapper h4, .vue-component-wrapper footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .vue-component-wrapper .enter-address-title, .vue-component-wrapper .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .vue-component-wrapper .enter-address-title, .vue-component-wrapper h4, .vue-component-wrapper .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv .vue-component-wrapper .enter-address-title, .vue-component-wrapper h5, .vue-component-wrapper h6, .vue-component-wrapper .block-account-navigation .title, .block-account-navigation .vue-component-wrapper .title { margin: 0; padding: 0; }
.catfish-classes h1, .catfish-classes h2, .catfish-classes h3, .catfish-classes footer h4, footer .catfish-classes h4, .catfish-classes footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .catfish-classes .enter-address-title, .catfish-classes .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .catfish-classes .enter-address-title, .catfish-classes h4, .catfish-classes .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv .catfish-classes .enter-address-title, .catfish-classes h5, .catfish-classes h6, .catfish-classes .block-account-navigation .title, .block-account-navigation .catfish-classes .title, .vue-component-wrapper h1, .vue-component-wrapper h2, .vue-component-wrapper h3, .vue-component-wrapper footer h4, footer .vue-component-wrapper h4, .vue-component-wrapper footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .vue-component-wrapper .enter-address-title, .vue-component-wrapper .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .vue-component-wrapper .enter-address-title, .vue-component-wrapper h4, .vue-component-wrapper .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv .vue-component-wrapper .enter-address-title, .vue-component-wrapper h5, .vue-component-wrapper h6, .vue-component-wrapper .block-account-navigation .title, .block-account-navigation .vue-component-wrapper .title { font-size: 100%; font-weight: normal; }
.catfish-classes ul, .vue-component-wrapper ul { list-style: none; }
.catfish-classes button, .catfish-classes .t-grid .t-button, .t-grid .catfish-classes .t-button, .catfish-classes input, .catfish-classes select, .catfish-classes textarea, .vue-component-wrapper button, .vue-component-wrapper .t-grid .t-button, .t-grid .vue-component-wrapper .t-button, .vue-component-wrapper input, .vue-component-wrapper select, .vue-component-wrapper textarea { margin: 0; }
.catfish-classes html, .vue-component-wrapper html { box-sizing: border-box; }
.catfish-classes *, .catfish-classes *::before, .catfish-classes *::after, .vue-component-wrapper *, .vue-component-wrapper *::before, .vue-component-wrapper *::after { box-sizing: inherit; }
.catfish-classes img, .catfish-classes audio, .catfish-classes video, .vue-component-wrapper img, .vue-component-wrapper audio, .vue-component-wrapper video { height: auto; max-width: 100%; }
.catfish-classes iframe, .vue-component-wrapper iframe { border: 0; }
.catfish-classes table, .vue-component-wrapper table { border-collapse: collapse; border-spacing: 0; }
.catfish-classes td, .catfish-classes th, .vue-component-wrapper td, .vue-component-wrapper th { padding: 0; text-align: left; }
.catfish-classes html, .vue-component-wrapper html { background-color: #FFFFFF; font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: 300px; overflow-x: hidden; overflow-y: scroll; text-rendering: optimizeLegibility; text-size-adjust: 100%; background-image: url(/00000000-0000-0000-0000-000000000000/Handler/Static/) !important; background-position: center; background-repeat: repeat; }
@media screen and (max-width: 320px) { .catfish-classes html, .vue-component-wrapper html { font-size: 12px; } }
@media screen and (min-width: 750px), print { .catfish-classes html, .vue-component-wrapper html { font-size: 11px; } }
.catfish-classes article, .catfish-classes aside, .catfish-classes figure, .catfish-classes footer, .catfish-classes header, .catfish-classes hgroup, .catfish-classes section, .vue-component-wrapper article, .vue-component-wrapper aside, .vue-component-wrapper figure, .vue-component-wrapper footer, .vue-component-wrapper header, .vue-component-wrapper hgroup, .vue-component-wrapper section { display: block; }
.catfish-classes body, .catfish-classes button, .catfish-classes .t-grid .t-button, .t-grid .catfish-classes .t-button, .catfish-classes input, .catfish-classes select, .catfish-classes textarea, .vue-component-wrapper body, .vue-component-wrapper button, .vue-component-wrapper .t-grid .t-button, .t-grid .vue-component-wrapper .t-button, .vue-component-wrapper input, .vue-component-wrapper select, .vue-component-wrapper textarea { font-family: OpenSans-Regular; }
.catfish-classes code, .catfish-classes pre, .vue-component-wrapper code, .vue-component-wrapper pre { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; font-family: monospace; }
.catfish-classes body, .vue-component-wrapper body { color: #222222; font-size: 1rem; font-weight: 400; line-height: 1; }
.catfish-classes a, .vue-component-wrapper a { color: #353E49; cursor: pointer; text-decoration: none; }
.catfish-classes a strong, .vue-component-wrapper a strong { color: currentColor; }
.catfish-classes a:hover, .vue-component-wrapper a:hover { color: #303842; }
.catfish-classes code, .vue-component-wrapper code { background-color: #f5f5f5; color: #4a4a4a; font-size: 0.875em; font-weight: normal; padding: 0.25em 0.5em 0.25em; }
.catfish-classes hr, .vue-component-wrapper hr { background-color: #353E49; border: none; display: block; height: 1px; margin: 1.5rem 0; }
.catfish-classes img, .vue-component-wrapper img { height: auto; max-width: 100%; }
.catfish-classes input[type="checkbox"], .catfish-classes input[type="radio"], .vue-component-wrapper input[type="checkbox"], .vue-component-wrapper input[type="radio"] { vertical-align: baseline; }
.catfish-classes small, .vue-component-wrapper small { font-size: 0.875em; }
.catfish-classes span, .vue-component-wrapper span { font-style: inherit; font-weight: inherit; }
.catfish-classes strong, .vue-component-wrapper strong { font-weight: 700; }
.catfish-classes pre, .vue-component-wrapper pre { -webkit-overflow-scrolling: touch; padding: 1.25rem 1.5rem 1.25rem 1.5rem; background-color: #f5f5f5; color: #4a4a4a; font-size: 0.875em; overflow-x: auto; white-space: pre; word-wrap: normal; }
.catfish-classes pre code, .vue-component-wrapper pre code { background-color: transparent; color: currentColor; font-size: 1em; padding: 0; }
.catfish-classes table td, .catfish-classes table th, .vue-component-wrapper table td, .vue-component-wrapper table th { text-align: left; vertical-align: top; }
.catfish-classes table th, .vue-component-wrapper table th { color: #4a4a4a; }
.catfish-classes .fa, .vue-component-wrapper .fa { font-weight: 400; }
.catfish-classes .fa, .catfish-classes .fab, .catfish-classes .fal, .catfish-classes .far, .catfish-classes .fas, .vue-component-wrapper .fa, .vue-component-wrapper .fab, .vue-component-wrapper .fal, .vue-component-wrapper .far, .vue-component-wrapper .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Pro"; }
.catfish-classes .fa-lg, .vue-component-wrapper .fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -.0667em; }
.catfish-classes .fa-xs, .vue-component-wrapper .fa-xs { font-size: .75em; }
.catfish-classes .fa-sm, .vue-component-wrapper .fa-sm { font-size: .875em; }
.catfish-classes .fa-1x, .vue-component-wrapper .fa-1x { font-size: 1em; }
.catfish-classes .fa-2x, .vue-component-wrapper .fa-2x { font-size: 2em; }
.catfish-classes .fa-3x, .vue-component-wrapper .fa-3x { font-size: 3em; }
.catfish-classes .fa-4x, .vue-component-wrapper .fa-4x { font-size: 4em; }
.catfish-classes .fa-5x, .vue-component-wrapper .fa-5x { font-size: 5em; }
.catfish-classes .fa-6x, .vue-component-wrapper .fa-6x { font-size: 6em; }
.catfish-classes .fa-7x, .vue-component-wrapper .fa-7x { font-size: 7em; }
.catfish-classes .fa-8x, .vue-component-wrapper .fa-8x { font-size: 8em; }
.catfish-classes .fa-9x, .vue-component-wrapper .fa-9x { font-size: 9em; }
.catfish-classes .fa-10x, .vue-component-wrapper .fa-10x { font-size: 10em; }
.catfish-classes .fa-fw, .vue-component-wrapper .fa-fw { text-align: center; width: 1.25em; }
.catfish-classes .fa-ul, .vue-component-wrapper .fa-ul { list-style-type: none; margin-left: 2.5em ; padding-left: 0 ; }
.catfish-classes .fa-ul > li, .vue-component-wrapper .fa-ul > li { position: relative; }
.catfish-classes .fa-li, .vue-component-wrapper .fa-li { left: -2em ; position: absolute; text-align: center; width: 2em; line-height: inherit; }
.catfish-classes .fa-border, .vue-component-wrapper .fa-border { border: .08em solid #eee; border-radius: .1em; padding: .2em .25em .15em; }
.catfish-classes .fa-pull-left, .vue-component-wrapper .fa-pull-left { float: left ; }
.catfish-classes .fa-pull-right, .vue-component-wrapper .fa-pull-right { float: right ; }
.catfish-classes .fa.fa-pull-left, .catfish-classes .fab.fa-pull-left, .catfish-classes .fal.fa-pull-left, .catfish-classes .far.fa-pull-left, .catfish-classes .fas.fa-pull-left, .vue-component-wrapper .fa.fa-pull-left, .vue-component-wrapper .fab.fa-pull-left, .vue-component-wrapper .fal.fa-pull-left, .vue-component-wrapper .far.fa-pull-left, .vue-component-wrapper .fas.fa-pull-left { margin-right: 0.3em ; }
.catfish-classes .fa.fa-pull-right, .catfish-classes .fab.fa-pull-right, .catfish-classes .fal.fa-pull-right, .catfish-classes .far.fa-pull-right, .catfish-classes .fas.fa-pull-right, .vue-component-wrapper .fa.fa-pull-right, .vue-component-wrapper .fab.fa-pull-right, .vue-component-wrapper .fal.fa-pull-right, .vue-component-wrapper .far.fa-pull-right, .vue-component-wrapper .fas.fa-pull-right { margin-left: 0.3em ; }
.catfish-classes .fa-spin, .vue-component-wrapper .fa-spin { animation: a 2s infinite linear; }
.catfish-classes .fa-pulse, .vue-component-wrapper .fa-pulse { animation: a 1s infinite steps(8); }
@keyframes a { 0% { transform: rotate(0deg); }
to { transform: rotate(1turn); } }
.catfish-classes .fa-rotate-90, .vue-component-wrapper .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); }
.catfish-classes .fa-rotate-180, .vue-component-wrapper .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); }
.catfish-classes .fa-rotate-270, .vue-component-wrapper .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); }
.catfish-classes .fa-flip-horizontal, .vue-component-wrapper .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scaleX(-1); }
.catfish-classes .fa-flip-vertical, .vue-component-wrapper .fa-flip-vertical { transform: scaleY(-1); }
.catfish-classes .fa-flip-horizontal.fa-flip-vertical, .catfish-classes .fa-flip-vertical, .vue-component-wrapper .fa-flip-horizontal.fa-flip-vertical, .vue-component-wrapper .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; }
.catfish-classes .fa-flip-horizontal.fa-flip-vertical, .vue-component-wrapper .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1); }
.catfish-classes :root .fa-flip-horizontal, .catfish-classes :root .fa-flip-vertical, .catfish-classes :root .fa-rotate-90, .catfish-classes :root .fa-rotate-180, .catfish-classes :root .fa-rotate-270, .vue-component-wrapper :root .fa-flip-horizontal, .vue-component-wrapper :root .fa-flip-vertical, .vue-component-wrapper :root .fa-rotate-90, .vue-component-wrapper :root .fa-rotate-180, .vue-component-wrapper :root .fa-rotate-270 { -webkit-filter: none; filter: none; }
.catfish-classes .fa-stack, .vue-component-wrapper .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2em; }
.catfish-classes .fa-stack-1x, .catfish-classes .fa-stack-2x, .vue-component-wrapper .fa-stack-1x, .vue-component-wrapper .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; }
.catfish-classes .fa-stack-1x, .vue-component-wrapper .fa-stack-1x { line-height: inherit; }
.catfish-classes .fa-stack-2x, .vue-component-wrapper .fa-stack-2x { font-size: 2em; }
.catfish-classes .fa-inverse, .vue-component-wrapper .fa-inverse { color: white; }
.catfish-classes .fa-500px:before, .vue-component-wrapper .fa-500px:before { content: "\f26e"; }
.catfish-classes .fa-accessible-icon:before, .vue-component-wrapper .fa-accessible-icon:before { content: "\f368"; }
.catfish-classes .fa-accusoft:before, .vue-component-wrapper .fa-accusoft:before { content: "\f369"; }
.catfish-classes .fa-address-book:before, .vue-component-wrapper .fa-address-book:before { content: "\f2b9"; }
.catfish-classes .fa-address-card:before, .vue-component-wrapper .fa-address-card:before { content: "\f2bb"; }
.catfish-classes .fa-adjust:before, .vue-component-wrapper .fa-adjust:before { content: "\f042"; }
.catfish-classes .fa-adn:before, .vue-component-wrapper .fa-adn:before { content: "\f170"; }
.catfish-classes .fa-adversal:before, .vue-component-wrapper .fa-adversal:before { content: "\f36a"; }
.catfish-classes .fa-affiliatetheme:before, .vue-component-wrapper .fa-affiliatetheme:before { content: "\f36b"; }
.catfish-classes .fa-air-freshener:before, .vue-component-wrapper .fa-air-freshener:before { content: "\f5d0"; }
.catfish-classes .fa-alarm-clock:before, .vue-component-wrapper .fa-alarm-clock:before { content: "\f34e"; }
.catfish-classes .fa-algolia:before, .vue-component-wrapper .fa-algolia:before { content: "\f36c"; }
.catfish-classes .fa-align-center:before, .vue-component-wrapper .fa-align-center:before { content: "\f037"; }
.catfish-classes .fa-align-justify:before, .vue-component-wrapper .fa-align-justify:before { content: "\f039"; }
.catfish-classes .fa-align-left:before, .vue-component-wrapper .fa-align-left:before { content: "\f036"; }
.catfish-classes .fa-align-right:before, .vue-component-wrapper .fa-align-right:before { content: "\f038"; }
.catfish-classes .fa-allergies:before, .vue-component-wrapper .fa-allergies:before { content: "\f461"; }
.catfish-classes .fa-amazon:before, .vue-component-wrapper .fa-amazon:before { content: "\f270"; }
.catfish-classes .fa-amazon-pay:before, .vue-component-wrapper .fa-amazon-pay:before { content: "\f42c"; }
.catfish-classes .fa-ambulance:before, .vue-component-wrapper .fa-ambulance:before { content: "\f0f9"; }
.catfish-classes .fa-american-sign-language-interpreting:before, .vue-component-wrapper .fa-american-sign-language-interpreting:before { content: "\f2a3"; }
.catfish-classes .fa-amilia:before, .vue-component-wrapper .fa-amilia:before { content: "\f36d"; }
.catfish-classes .fa-anchor:before, .vue-component-wrapper .fa-anchor:before { content: "\f13d"; }
.catfish-classes .fa-android:before, .vue-component-wrapper .fa-android:before { content: "\f17b"; }
.catfish-classes .fa-angellist:before, .vue-component-wrapper .fa-angellist:before { content: "\f209"; }
.catfish-classes .fa-angle-double-down:before, .vue-component-wrapper .fa-angle-double-down:before { content: "\f103"; }
.catfish-classes .fa-angle-double-left:before, .vue-component-wrapper .fa-angle-double-left:before { content: "\f100"; }
.catfish-classes .fa-angle-double-right:before, .vue-component-wrapper .fa-angle-double-right:before { content: "\f101"; }
.catfish-classes .fa-angle-double-up:before, .vue-component-wrapper .fa-angle-double-up:before { content: "\f102"; }
.catfish-classes .fa-angle-down:before, .vue-component-wrapper .fa-angle-down:before { content: "\f107"; }
.catfish-classes .fa-angle-left:before, .vue-component-wrapper .fa-angle-left:before { content: "\f104"; }
.catfish-classes .fa-angle-right:before, .vue-component-wrapper .fa-angle-right:before { content: "\f105"; }
.catfish-classes .fa-angle-up:before, .vue-component-wrapper .fa-angle-up:before { content: "\f106"; }
.catfish-classes .fa-angry:before, .vue-component-wrapper .fa-angry:before { content: "\f556"; }
.catfish-classes .fa-angrycreative:before, .vue-component-wrapper .fa-angrycreative:before { content: "\f36e"; }
.catfish-classes .fa-angular:before, .vue-component-wrapper .fa-angular:before { content: "\f420"; }
.catfish-classes .fa-app-store:before, .vue-component-wrapper .fa-app-store:before { content: "\f36f"; }
.catfish-classes .fa-app-store-ios:before, .vue-component-wrapper .fa-app-store-ios:before { content: "\f370"; }
.catfish-classes .fa-apper:before, .vue-component-wrapper .fa-apper:before { content: "\f371"; }
.catfish-classes .fa-apple:before, .vue-component-wrapper .fa-apple:before { content: "\f179"; }
.catfish-classes .fa-apple-alt:before, .vue-component-wrapper .fa-apple-alt:before { content: "\f5d1"; }
.catfish-classes .fa-apple-pay:before, .vue-component-wrapper .fa-apple-pay:before { content: "\f415"; }
.catfish-classes .fa-archive:before, .vue-component-wrapper .fa-archive:before { content: "\f187"; }
.catfish-classes .fa-archway:before, .vue-component-wrapper .fa-archway:before { content: "\f557"; }
.catfish-classes .fa-arrow-alt-circle-down:before, .vue-component-wrapper .fa-arrow-alt-circle-down:before { content: "\f358"; }
.catfish-classes .fa-arrow-alt-circle-left:before, .vue-component-wrapper .fa-arrow-alt-circle-left:before { content: "\f359"; }
.catfish-classes .fa-arrow-alt-circle-right:before, .vue-component-wrapper .fa-arrow-alt-circle-right:before { content: "\f35a"; }
.catfish-classes .fa-arrow-alt-circle-up:before, .vue-component-wrapper .fa-arrow-alt-circle-up:before { content: "\f35b"; }
.catfish-classes .fa-arrow-alt-down:before, .vue-component-wrapper .fa-arrow-alt-down:before { content: "\f354"; }
.catfish-classes .fa-arrow-alt-from-bottom:before, .vue-component-wrapper .fa-arrow-alt-from-bottom:before { content: "\f346"; }
.catfish-classes .fa-arrow-alt-from-left:before, .vue-component-wrapper .fa-arrow-alt-from-left:before { content: "\f347"; }
.catfish-classes .fa-arrow-alt-from-right:before, .vue-component-wrapper .fa-arrow-alt-from-right:before { content: "\f348"; }
.catfish-classes .fa-arrow-alt-from-top:before, .vue-component-wrapper .fa-arrow-alt-from-top:before { content: "\f349"; }
.catfish-classes .fa-arrow-alt-left:before, .vue-component-wrapper .fa-arrow-alt-left:before { content: "\f355"; }
.catfish-classes .fa-arrow-alt-right:before, .vue-component-wrapper .fa-arrow-alt-right:before { content: "\f356"; }
.catfish-classes .fa-arrow-alt-square-down:before, .vue-component-wrapper .fa-arrow-alt-square-down:before { content: "\f350"; }
.catfish-classes .fa-arrow-alt-square-left:before, .vue-component-wrapper .fa-arrow-alt-square-left:before { content: "\f351"; }
.catfish-classes .fa-arrow-alt-square-right:before, .vue-component-wrapper .fa-arrow-alt-square-right:before { content: "\f352"; }
.catfish-classes .fa-arrow-alt-square-up:before, .vue-component-wrapper .fa-arrow-alt-square-up:before { content: "\f353"; }
.catfish-classes .fa-arrow-alt-to-bottom:before, .vue-component-wrapper .fa-arrow-alt-to-bottom:before { content: "\f34a"; }
.catfish-classes .fa-arrow-alt-to-left:before, .vue-component-wrapper .fa-arrow-alt-to-left:before { content: "\f34b"; }
.catfish-classes .fa-arrow-alt-to-right:before, .vue-component-wrapper .fa-arrow-alt-to-right:before { content: "\f34c"; }
.catfish-classes .fa-arrow-alt-to-top:before, .vue-component-wrapper .fa-arrow-alt-to-top:before { content: "\f34d"; }
.catfish-classes .fa-arrow-alt-up:before, .vue-component-wrapper .fa-arrow-alt-up:before { content: "\f357"; }
.catfish-classes .fa-arrow-circle-down:before, .vue-component-wrapper .fa-arrow-circle-down:before { content: "\f0ab"; }
.catfish-classes .fa-arrow-circle-left:before, .vue-component-wrapper .fa-arrow-circle-left:before { content: "\f0a8"; }
.catfish-classes .fa-arrow-circle-right:before, .vue-component-wrapper .fa-arrow-circle-right:before { content: "\f0a9"; }
.catfish-classes .fa-arrow-circle-up:before, .vue-component-wrapper .fa-arrow-circle-up:before { content: "\f0aa"; }
.catfish-classes .fa-arrow-down:before, .vue-component-wrapper .fa-arrow-down:before { content: "\f063"; }
.catfish-classes .fa-arrow-from-bottom:before, .vue-component-wrapper .fa-arrow-from-bottom:before { content: "\f342"; }
.catfish-classes .fa-arrow-from-left:before, .vue-component-wrapper .fa-arrow-from-left:before { content: "\f343"; }
.catfish-classes .fa-arrow-from-right:before, .vue-component-wrapper .fa-arrow-from-right:before { content: "\f344"; }
.catfish-classes .fa-arrow-from-top:before, .vue-component-wrapper .fa-arrow-from-top:before { content: "\f345"; }
.catfish-classes .fa-arrow-left:before, .vue-component-wrapper .fa-arrow-left:before { content: "\f060"; }
.catfish-classes .fa-arrow-right:before, .vue-component-wrapper .fa-arrow-right:before { content: "\f061"; }
.catfish-classes .fa-arrow-square-down:before, .vue-component-wrapper .fa-arrow-square-down:before { content: "\f339"; }
.catfish-classes .fa-arrow-square-left:before, .vue-component-wrapper .fa-arrow-square-left:before { content: "\f33a"; }
.catfish-classes .fa-arrow-square-right:before, .vue-component-wrapper .fa-arrow-square-right:before { content: "\f33b"; }
.catfish-classes .fa-arrow-square-up:before, .vue-component-wrapper .fa-arrow-square-up:before { content: "\f33c"; }
.catfish-classes .fa-arrow-to-bottom:before, .vue-component-wrapper .fa-arrow-to-bottom:before { content: "\f33d"; }
.catfish-classes .fa-arrow-to-left:before, .vue-component-wrapper .fa-arrow-to-left:before { content: "\f33e"; }
.catfish-classes .fa-arrow-to-right:before, .vue-component-wrapper .fa-arrow-to-right:before { content: "\f340"; }
.catfish-classes .fa-arrow-to-top:before, .vue-component-wrapper .fa-arrow-to-top:before { content: "\f341"; }
.catfish-classes .fa-arrow-up:before, .vue-component-wrapper .fa-arrow-up:before { content: "\f062"; }
.catfish-classes .fa-arrows:before, .vue-component-wrapper .fa-arrows:before { content: "\f047"; }
.catfish-classes .fa-arrows-alt:before, .vue-component-wrapper .fa-arrows-alt:before { content: "\f0b2"; }
.catfish-classes .fa-arrows-alt-h:before, .vue-component-wrapper .fa-arrows-alt-h:before { content: "\f337"; }
.catfish-classes .fa-arrows-alt-v:before, .vue-component-wrapper .fa-arrows-alt-v:before { content: "\f338"; }
.catfish-classes .fa-arrows-h:before, .vue-component-wrapper .fa-arrows-h:before { content: "\f07e"; }
.catfish-classes .fa-arrows-v:before, .vue-component-wrapper .fa-arrows-v:before { content: "\f07d"; }
.catfish-classes .fa-assistive-listening-systems:before, .vue-component-wrapper .fa-assistive-listening-systems:before { content: "\f2a2"; }
.catfish-classes .fa-asterisk:before, .vue-component-wrapper .fa-asterisk:before { content: "\f069"; }
.catfish-classes .fa-asymmetrik:before, .vue-component-wrapper .fa-asymmetrik:before { content: "\f372"; }
.catfish-classes .fa-at:before, .vue-component-wrapper .fa-at:before { content: "\f1fa"; }
.catfish-classes .fa-atlas:before, .vue-component-wrapper .fa-atlas:before { content: "\f558"; }
.catfish-classes .fa-atom:before, .vue-component-wrapper .fa-atom:before { content: "\f5d2"; }
.catfish-classes .fa-atom-alt:before, .vue-component-wrapper .fa-atom-alt:before { content: "\f5d3"; }
.catfish-classes .fa-audible:before, .vue-component-wrapper .fa-audible:before { content: "\f373"; }
.catfish-classes .fa-audio-description:before, .vue-component-wrapper .fa-audio-description:before { content: "\f29e"; }
.catfish-classes .fa-autoprefixer:before, .vue-component-wrapper .fa-autoprefixer:before { content: "\f41c"; }
.catfish-classes .fa-avianex:before, .vue-component-wrapper .fa-avianex:before { content: "\f374"; }
.catfish-classes .fa-aviato:before, .vue-component-wrapper .fa-aviato:before { content: "\f421"; }
.catfish-classes .fa-award:before, .vue-component-wrapper .fa-award:before { content: "\f559"; }
.catfish-classes .fa-aws:before, .vue-component-wrapper .fa-aws:before { content: "\f375"; }
.catfish-classes .fa-backpack:before, .vue-component-wrapper .fa-backpack:before { content: "\f5d4"; }
.catfish-classes .fa-backspace:before, .vue-component-wrapper .fa-backspace:before { content: "\f55a"; }
.catfish-classes .fa-backward:before, .vue-component-wrapper .fa-backward:before { content: "\f04a"; }
.catfish-classes .fa-badge:before, .vue-component-wrapper .fa-badge:before { content: "\f335"; }
.catfish-classes .fa-badge-check:before, .vue-component-wrapper .fa-badge-check:before { content: "\f336"; }
.catfish-classes .fa-balance-scale:before, .vue-component-wrapper .fa-balance-scale:before { content: "\f24e"; }
.catfish-classes .fa-balance-scale-left:before, .vue-component-wrapper .fa-balance-scale-left:before { content: "\f515"; }
.catfish-classes .fa-balance-scale-right:before, .vue-component-wrapper .fa-balance-scale-right:before { content: "\f516"; }
.catfish-classes .fa-ban:before, .vue-component-wrapper .fa-ban:before { content: "\f05e"; }
.catfish-classes .fa-band-aid:before, .vue-component-wrapper .fa-band-aid:before { content: "\f462"; }
.catfish-classes .fa-bandcamp:before, .vue-component-wrapper .fa-bandcamp:before { content: "\f2d5"; }
.catfish-classes .fa-barcode:before, .vue-component-wrapper .fa-barcode:before { content: "\f02a"; }
.catfish-classes .fa-barcode-alt:before, .vue-component-wrapper .fa-barcode-alt:before { content: "\f463"; }
.catfish-classes .fa-barcode-read:before, .vue-component-wrapper .fa-barcode-read:before { content: "\f464"; }
.catfish-classes .fa-barcode-scan:before, .vue-component-wrapper .fa-barcode-scan:before { content: "\f465"; }
.catfish-classes .fa-bars:before, .vue-component-wrapper .fa-bars:before { content: "\f0c9"; }
.catfish-classes .fa-baseball:before, .vue-component-wrapper .fa-baseball:before { content: "\f432"; }
.catfish-classes .fa-baseball-ball:before, .vue-component-wrapper .fa-baseball-ball:before { content: "\f433"; }
.catfish-classes .fa-basketball-ball:before, .vue-component-wrapper .fa-basketball-ball:before { content: "\f434"; }
.catfish-classes .fa-basketball-hoop:before, .vue-component-wrapper .fa-basketball-hoop:before { content: "\f435"; }
.catfish-classes .fa-bath:before, .vue-component-wrapper .fa-bath:before { content: "\f2cd"; }
.catfish-classes .fa-battery-bolt:before, .vue-component-wrapper .fa-battery-bolt:before { content: "\f376"; }
.catfish-classes .fa-battery-empty:before, .vue-component-wrapper .fa-battery-empty:before { content: "\f244"; }
.catfish-classes .fa-battery-full:before, .vue-component-wrapper .fa-battery-full:before { content: "\f240"; }
.catfish-classes .fa-battery-half:before, .vue-component-wrapper .fa-battery-half:before { content: "\f242"; }
.catfish-classes .fa-battery-quarter:before, .vue-component-wrapper .fa-battery-quarter:before { content: "\f243"; }
.catfish-classes .fa-battery-slash:before, .vue-component-wrapper .fa-battery-slash:before { content: "\f377"; }
.catfish-classes .fa-battery-three-quarters:before, .vue-component-wrapper .fa-battery-three-quarters:before { content: "\f241"; }
.catfish-classes .fa-bed:before, .vue-component-wrapper .fa-bed:before { content: "\f236"; }
.catfish-classes .fa-beer:before, .vue-component-wrapper .fa-beer:before { content: "\f0fc"; }
.catfish-classes .fa-behance:before, .vue-component-wrapper .fa-behance:before { content: "\f1b4"; }
.catfish-classes .fa-behance-square:before, .vue-component-wrapper .fa-behance-square:before { content: "\f1b5"; }
.catfish-classes .fa-bell:before, .vue-component-wrapper .fa-bell:before { content: "\f0f3"; }
.catfish-classes .fa-bell-school:before, .vue-component-wrapper .fa-bell-school:before { content: "\f5d5"; }
.catfish-classes .fa-bell-school-slash:before, .vue-component-wrapper .fa-bell-school-slash:before { content: "\f5d6"; }
.catfish-classes .fa-bell-slash:before, .vue-component-wrapper .fa-bell-slash:before { content: "\f1f6"; }
.catfish-classes .fa-bezier-curve:before, .vue-component-wrapper .fa-bezier-curve:before { content: "\f55b"; }
.catfish-classes .fa-bicycle:before, .vue-component-wrapper .fa-bicycle:before { content: "\f206"; }
.catfish-classes .fa-bimobject:before, .vue-component-wrapper .fa-bimobject:before { content: "\f378"; }
.catfish-classes .fa-binoculars:before, .vue-component-wrapper .fa-binoculars:before { content: "\f1e5"; }
.catfish-classes .fa-birthday-cake:before, .vue-component-wrapper .fa-birthday-cake:before { content: "\f1fd"; }
.catfish-classes .fa-bitbucket:before, .vue-component-wrapper .fa-bitbucket:before { content: "\f171"; }
.catfish-classes .fa-bitcoin:before, .vue-component-wrapper .fa-bitcoin:before { content: "\f379"; }
.catfish-classes .fa-bity:before, .vue-component-wrapper .fa-bity:before { content: "\f37a"; }
.catfish-classes .fa-black-tie:before, .vue-component-wrapper .fa-black-tie:before { content: "\f27e"; }
.catfish-classes .fa-blackberry:before, .vue-component-wrapper .fa-blackberry:before { content: "\f37b"; }
.catfish-classes .fa-blanket:before, .vue-component-wrapper .fa-blanket:before { content: "\f498"; }
.catfish-classes .fa-blender:before, .vue-component-wrapper .fa-blender:before { content: "\f517"; }
.catfish-classes .fa-blind:before, .vue-component-wrapper .fa-blind:before { content: "\f29d"; }
.catfish-classes .fa-blogger:before, .vue-component-wrapper .fa-blogger:before { content: "\f37c"; }
.catfish-classes .fa-blogger-b:before, .vue-component-wrapper .fa-blogger-b:before { content: "\f37d"; }
.catfish-classes .fa-bluetooth:before, .vue-component-wrapper .fa-bluetooth:before { content: "\f293"; }
.catfish-classes .fa-bluetooth-b:before, .vue-component-wrapper .fa-bluetooth-b:before { content: "\f294"; }
.catfish-classes .fa-bold:before, .vue-component-wrapper .fa-bold:before { content: "\f032"; }
.catfish-classes .fa-bolt:before, .vue-component-wrapper .fa-bolt:before { content: "\f0e7"; }
.catfish-classes .fa-bomb:before, .vue-component-wrapper .fa-bomb:before { content: "\f1e2"; }
.catfish-classes .fa-bone:before, .vue-component-wrapper .fa-bone:before { content: "\f5d7"; }
.catfish-classes .fa-bone-break:before, .vue-component-wrapper .fa-bone-break:before { content: "\f5d8"; }
.catfish-classes .fa-bong:before, .vue-component-wrapper .fa-bong:before { content: "\f55c"; }
.catfish-classes .fa-book:before, .vue-component-wrapper .fa-book:before { content: "\f02d"; }
.catfish-classes .fa-book-alt:before, .vue-component-wrapper .fa-book-alt:before { content: "\f5d9"; }
.catfish-classes .fa-book-heart:before, .vue-component-wrapper .fa-book-heart:before { content: "\f499"; }
.catfish-classes .fa-book-open:before, .vue-component-wrapper .fa-book-open:before { content: "\f518"; }
.catfish-classes .fa-book-reader:before, .vue-component-wrapper .fa-book-reader:before { content: "\f5da"; }
.catfish-classes .fa-bookmark:before, .vue-component-wrapper .fa-bookmark:before { content: "\f02e"; }
.catfish-classes .fa-books:before, .vue-component-wrapper .fa-books:before { content: "\f5db"; }
.catfish-classes .fa-bowling-ball:before, .vue-component-wrapper .fa-bowling-ball:before { content: "\f436"; }
.catfish-classes .fa-bowling-pins:before, .vue-component-wrapper .fa-bowling-pins:before { content: "\f437"; }
.catfish-classes .fa-box:before, .vue-component-wrapper .fa-box:before { content: "\f466"; }
.catfish-classes .fa-box-alt:before, .vue-component-wrapper .fa-box-alt:before { content: "\f49a"; }
.catfish-classes .fa-box-check:before, .vue-component-wrapper .fa-box-check:before { content: "\f467"; }
.catfish-classes .fa-box-fragile:before, .vue-component-wrapper .fa-box-fragile:before { content: "\f49b"; }
.catfish-classes .fa-box-full:before, .vue-component-wrapper .fa-box-full:before { content: "\f49c"; }
.catfish-classes .fa-box-heart:before, .vue-component-wrapper .fa-box-heart:before { content: "\f49d"; }
.catfish-classes .fa-box-open:before, .vue-component-wrapper .fa-box-open:before { content: "\f49e"; }
.catfish-classes .fa-box-up:before, .vue-component-wrapper .fa-box-up:before { content: "\f49f"; }
.catfish-classes .fa-box-usd:before, .vue-component-wrapper .fa-box-usd:before { content: "\f4a0"; }
.catfish-classes .fa-boxes:before, .vue-component-wrapper .fa-boxes:before { content: "\f468"; }
.catfish-classes .fa-boxes-alt:before, .vue-component-wrapper .fa-boxes-alt:before { content: "\f4a1"; }
.catfish-classes .fa-boxing-glove:before, .vue-component-wrapper .fa-boxing-glove:before { content: "\f438"; }
.catfish-classes .fa-braille:before, .vue-component-wrapper .fa-braille:before { content: "\f2a1"; }
.catfish-classes .fa-brain:before, .vue-component-wrapper .fa-brain:before { content: "\f5dc"; }
.catfish-classes .fa-briefcase:before, .vue-component-wrapper .fa-briefcase:before { content: "\f0b1"; }
.catfish-classes .fa-briefcase-medical:before, .vue-component-wrapper .fa-briefcase-medical:before { content: "\f469"; }
.catfish-classes .fa-broadcast-tower:before, .vue-component-wrapper .fa-broadcast-tower:before { content: "\f519"; }
.catfish-classes .fa-broom:before, .vue-component-wrapper .fa-broom:before { content: "\f51a"; }
.catfish-classes .fa-browser:before, .vue-component-wrapper .fa-browser:before { content: "\f37e"; }
.catfish-classes .fa-brush:before, .vue-component-wrapper .fa-brush:before { content: "\f55d"; }
.catfish-classes .fa-btc:before, .vue-component-wrapper .fa-btc:before { content: "\f15a"; }
.catfish-classes .fa-bug:before, .vue-component-wrapper .fa-bug:before { content: "\f188"; }
.catfish-classes .fa-building:before, .vue-component-wrapper .fa-building:before { content: "\f1ad"; }
.catfish-classes .fa-bullhorn:before, .vue-component-wrapper .fa-bullhorn:before { content: "\f0a1"; }
.catfish-classes .fa-bullseye:before, .vue-component-wrapper .fa-bullseye:before { content: "\f140"; }
.catfish-classes .fa-burn:before, .vue-component-wrapper .fa-burn:before { content: "\f46a"; }
.catfish-classes .fa-buromobelexperte:before, .vue-component-wrapper .fa-buromobelexperte:before { content: "\f37f"; }
.catfish-classes .fa-bus:before, .vue-component-wrapper .fa-bus:before { content: "\f207"; }
.catfish-classes .fa-bus-alt:before, .vue-component-wrapper .fa-bus-alt:before { content: "\f55e"; }
.catfish-classes .fa-bus-school:before, .vue-component-wrapper .fa-bus-school:before { content: "\f5dd"; }
.catfish-classes .fa-buysellads:before, .vue-component-wrapper .fa-buysellads:before { content: "\f20d"; }
.catfish-classes .fa-calculator:before, .vue-component-wrapper .fa-calculator:before { content: "\f1ec"; }
.catfish-classes .fa-calendar:before, .vue-component-wrapper .fa-calendar:before { content: "\f133"; }
.catfish-classes .fa-calendar-alt:before, .vue-component-wrapper .fa-calendar-alt:before { content: "\f073"; }
.catfish-classes .fa-calendar-check:before, .vue-component-wrapper .fa-calendar-check:before { content: "\f274"; }
.catfish-classes .fa-calendar-edit:before, .vue-component-wrapper .fa-calendar-edit:before { content: "\f333"; }
.catfish-classes .fa-calendar-exclamation:before, .vue-component-wrapper .fa-calendar-exclamation:before { content: "\f334"; }
.catfish-classes .fa-calendar-minus:before, .vue-component-wrapper .fa-calendar-minus:before { content: "\f272"; }
.catfish-classes .fa-calendar-plus:before, .vue-component-wrapper .fa-calendar-plus:before { content: "\f271"; }
.catfish-classes .fa-calendar-times:before, .vue-component-wrapper .fa-calendar-times:before { content: "\f273"; }
.catfish-classes .fa-camera:before, .vue-component-wrapper .fa-camera:before { content: "\f030"; }
.catfish-classes .fa-camera-alt:before, .vue-component-wrapper .fa-camera-alt:before { content: "\f332"; }
.catfish-classes .fa-camera-retro:before, .vue-component-wrapper .fa-camera-retro:before { content: "\f083"; }
.catfish-classes .fa-cannabis:before, .vue-component-wrapper .fa-cannabis:before { content: "\f55f"; }
.catfish-classes .fa-capsules:before, .vue-component-wrapper .fa-capsules:before { content: "\f46b"; }
.catfish-classes .fa-car:before, .vue-component-wrapper .fa-car:before { content: "\f1b9"; }
.catfish-classes .fa-car-alt:before, .vue-component-wrapper .fa-car-alt:before { content: "\f5de"; }
.catfish-classes .fa-car-battery:before, .vue-component-wrapper .fa-car-battery:before { content: "\f5df"; }
.catfish-classes .fa-car-bump:before, .vue-component-wrapper .fa-car-bump:before { content: "\f5e0"; }
.catfish-classes .fa-car-crash:before, .vue-component-wrapper .fa-car-crash:before { content: "\f5e1"; }
.catfish-classes .fa-car-garage:before, .vue-component-wrapper .fa-car-garage:before { content: "\f5e2"; }
.catfish-classes .fa-car-mechanic:before, .vue-component-wrapper .fa-car-mechanic:before { content: "\f5e3"; }
.catfish-classes .fa-car-side:before, .vue-component-wrapper .fa-car-side:before { content: "\f5e4"; }
.catfish-classes .fa-car-tilt:before, .vue-component-wrapper .fa-car-tilt:before { content: "\f5e5"; }
.catfish-classes .fa-car-wash:before, .vue-component-wrapper .fa-car-wash:before { content: "\f5e6"; }
.catfish-classes .fa-caret-circle-down:before, .vue-component-wrapper .fa-caret-circle-down:before { content: "\f32d"; }
.catfish-classes .fa-caret-circle-left:before, .vue-component-wrapper .fa-caret-circle-left:before { content: "\f32e"; }
.catfish-classes .fa-caret-circle-right:before, .vue-component-wrapper .fa-caret-circle-right:before { content: "\f330"; }
.catfish-classes .fa-caret-circle-up:before, .vue-component-wrapper .fa-caret-circle-up:before { content: "\f331"; }
.catfish-classes .fa-caret-down:before, .vue-component-wrapper .fa-caret-down:before { content: "\f0d7"; }
.catfish-classes .fa-caret-left:before, .vue-component-wrapper .fa-caret-left:before { content: "\f0d9"; }
.catfish-classes .fa-caret-right:before, .vue-component-wrapper .fa-caret-right:before { content: "\f0da"; }
.catfish-classes .fa-caret-square-down:before, .vue-component-wrapper .fa-caret-square-down:before { content: "\f150"; }
.catfish-classes .fa-caret-square-left:before, .vue-component-wrapper .fa-caret-square-left:before { content: "\f191"; }
.catfish-classes .fa-caret-square-right:before, .vue-component-wrapper .fa-caret-square-right:before { content: "\f152"; }
.catfish-classes .fa-caret-square-up:before, .vue-component-wrapper .fa-caret-square-up:before { content: "\f151"; }
.catfish-classes .fa-caret-up:before, .vue-component-wrapper .fa-caret-up:before { content: "\f0d8"; }
.catfish-classes .fa-cart-arrow-down:before, .vue-component-wrapper .fa-cart-arrow-down:before { content: "\f218"; }
.catfish-classes .fa-cart-plus:before, .vue-component-wrapper .fa-cart-plus:before { content: "\f217"; }
.catfish-classes .fa-cc-amazon-pay:before, .vue-component-wrapper .fa-cc-amazon-pay:before { content: "\f42d"; }
.catfish-classes .fa-cc-amex:before, .vue-component-wrapper .fa-cc-amex:before { content: "\f1f3"; }
.catfish-classes .fa-cc-apple-pay:before, .vue-component-wrapper .fa-cc-apple-pay:before { content: "\f416"; }
.catfish-classes .fa-cc-diners-club:before, .vue-component-wrapper .fa-cc-diners-club:before { content: "\f24c"; }
.catfish-classes .fa-cc-discover:before, .vue-component-wrapper .fa-cc-discover:before { content: "\f1f2"; }
.catfish-classes .fa-cc-jcb:before, .vue-component-wrapper .fa-cc-jcb:before { content: "\f24b"; }
.catfish-classes .fa-cc-mastercard:before, .vue-component-wrapper .fa-cc-mastercard:before { content: "\f1f1"; }
.catfish-classes .fa-cc-paypal:before, .vue-component-wrapper .fa-cc-paypal:before { content: "\f1f4"; }
.catfish-classes .fa-cc-stripe:before, .vue-component-wrapper .fa-cc-stripe:before { content: "\f1f5"; }
.catfish-classes .fa-cc-visa:before, .vue-component-wrapper .fa-cc-visa:before { content: "\f1f0"; }
.catfish-classes .fa-centercode:before, .vue-component-wrapper .fa-centercode:before { content: "\f380"; }
.catfish-classes .fa-certificate:before, .vue-component-wrapper .fa-certificate:before { content: "\f0a3"; }
.catfish-classes .fa-chalkboard:before, .vue-component-wrapper .fa-chalkboard:before { content: "\f51b"; }
.catfish-classes .fa-chalkboard-teacher:before, .vue-component-wrapper .fa-chalkboard-teacher:before { content: "\f51c"; }
.catfish-classes .fa-charging-station:before, .vue-component-wrapper .fa-charging-station:before { content: "\f5e7"; }
.catfish-classes .fa-chart-area:before, .vue-component-wrapper .fa-chart-area:before { content: "\f1fe"; }
.catfish-classes .fa-chart-bar:before, .vue-component-wrapper .fa-chart-bar:before { content: "\f080"; }
.catfish-classes .fa-chart-line:before, .vue-component-wrapper .fa-chart-line:before { content: "\f201"; }
.catfish-classes .fa-chart-pie:before, .vue-component-wrapper .fa-chart-pie:before { content: "\f200"; }
.catfish-classes .fa-check:before, .vue-component-wrapper .fa-check:before { content: "\f00c"; }
.catfish-classes .fa-check-circle:before, .vue-component-wrapper .fa-check-circle:before { content: "\f058"; }
.catfish-classes .fa-check-double:before, .vue-component-wrapper .fa-check-double:before { content: "\f560"; }
.catfish-classes .fa-check-square:before, .vue-component-wrapper .fa-check-square:before { content: "\f14a"; }
.catfish-classes .fa-chess:before, .vue-component-wrapper .fa-chess:before { content: "\f439"; }
.catfish-classes .fa-chess-bishop:before, .vue-component-wrapper .fa-chess-bishop:before { content: "\f43a"; }
.catfish-classes .fa-chess-bishop-alt:before, .vue-component-wrapper .fa-chess-bishop-alt:before { content: "\f43b"; }
.catfish-classes .fa-chess-board:before, .vue-component-wrapper .fa-chess-board:before { content: "\f43c"; }
.catfish-classes .fa-chess-clock:before, .vue-component-wrapper .fa-chess-clock:before { content: "\f43d"; }
.catfish-classes .fa-chess-clock-alt:before, .vue-component-wrapper .fa-chess-clock-alt:before { content: "\f43e"; }
.catfish-classes .fa-chess-king:before, .vue-component-wrapper .fa-chess-king:before { content: "\f43f"; }
.catfish-classes .fa-chess-king-alt:before, .vue-component-wrapper .fa-chess-king-alt:before { content: "\f440"; }
.catfish-classes .fa-chess-knight:before, .vue-component-wrapper .fa-chess-knight:before { content: "\f441"; }
.catfish-classes .fa-chess-knight-alt:before, .vue-component-wrapper .fa-chess-knight-alt:before { content: "\f442"; }
.catfish-classes .fa-chess-pawn:before, .vue-component-wrapper .fa-chess-pawn:before { content: "\f443"; }
.catfish-classes .fa-chess-pawn-alt:before, .vue-component-wrapper .fa-chess-pawn-alt:before { content: "\f444"; }
.catfish-classes .fa-chess-queen:before, .vue-component-wrapper .fa-chess-queen:before { content: "\f445"; }
.catfish-classes .fa-chess-queen-alt:before, .vue-component-wrapper .fa-chess-queen-alt:before { content: "\f446"; }
.catfish-classes .fa-chess-rook:before, .vue-component-wrapper .fa-chess-rook:before { content: "\f447"; }
.catfish-classes .fa-chess-rook-alt:before, .vue-component-wrapper .fa-chess-rook-alt:before { content: "\f448"; }
.catfish-classes .fa-chevron-circle-down:before, .vue-component-wrapper .fa-chevron-circle-down:before { content: "\f13a"; }
.catfish-classes .fa-chevron-circle-left:before, .vue-component-wrapper .fa-chevron-circle-left:before { content: "\f137"; }
.catfish-classes .fa-chevron-circle-right:before, .vue-component-wrapper .fa-chevron-circle-right:before { content: "\f138"; }
.catfish-classes .fa-chevron-circle-up:before, .vue-component-wrapper .fa-chevron-circle-up:before { content: "\f139"; }
.catfish-classes .fa-chevron-double-down:before, .vue-component-wrapper .fa-chevron-double-down:before { content: "\f322"; }
.catfish-classes .fa-chevron-double-left:before, .vue-component-wrapper .fa-chevron-double-left:before { content: "\f323"; }
.catfish-classes .fa-chevron-double-right:before, .vue-component-wrapper .fa-chevron-double-right:before { content: "\f324"; }
.catfish-classes .fa-chevron-double-up:before, .vue-component-wrapper .fa-chevron-double-up:before { content: "\f325"; }
.catfish-classes .fa-chevron-down:before, .vue-component-wrapper .fa-chevron-down:before { content: "\f078"; }
.catfish-classes .fa-chevron-left:before, .vue-component-wrapper .fa-chevron-left:before { content: "\f053"; }
.catfish-classes .fa-chevron-right:before, .vue-component-wrapper .fa-chevron-right:before { content: "\f054"; }
.catfish-classes .fa-chevron-square-down:before, .vue-component-wrapper .fa-chevron-square-down:before { content: "\f329"; }
.catfish-classes .fa-chevron-square-left:before, .vue-component-wrapper .fa-chevron-square-left:before { content: "\f32a"; }
.catfish-classes .fa-chevron-square-right:before, .vue-component-wrapper .fa-chevron-square-right:before { content: "\f32b"; }
.catfish-classes .fa-chevron-square-up:before, .vue-component-wrapper .fa-chevron-square-up:before { content: "\f32c"; }
.catfish-classes .fa-chevron-up:before, .vue-component-wrapper .fa-chevron-up:before { content: "\f077"; }
.catfish-classes .fa-child:before, .vue-component-wrapper .fa-child:before { content: "\f1ae"; }
.catfish-classes .fa-chrome:before, .vue-component-wrapper .fa-chrome:before { content: "\f268"; }
.catfish-classes .fa-church:before, .vue-component-wrapper .fa-church:before { content: "\f51d"; }
.catfish-classes .fa-circle:before, .vue-component-wrapper .fa-circle:before { content: "\f111"; }
.catfish-classes .fa-circle-notch:before, .vue-component-wrapper .fa-circle-notch:before { content: "\f1ce"; }
.catfish-classes .fa-clipboard:before, .vue-component-wrapper .fa-clipboard:before { content: "\f328"; }
.catfish-classes .fa-clipboard-check:before, .vue-component-wrapper .fa-clipboard-check:before { content: "\f46c"; }
.catfish-classes .fa-clipboard-list:before, .vue-component-wrapper .fa-clipboard-list:before { content: "\f46d"; }
.catfish-classes .fa-clipboard-prescription:before, .vue-component-wrapper .fa-clipboard-prescription:before { content: "\f5e8"; }
.catfish-classes .fa-clock:before, .vue-component-wrapper .fa-clock:before { content: "\f017"; }
.catfish-classes .fa-clone:before, .vue-component-wrapper .fa-clone:before { content: "\f24d"; }
.catfish-classes .fa-closed-captioning:before, .vue-component-wrapper .fa-closed-captioning:before { content: "\f20a"; }
.catfish-classes .fa-cloud:before, .vue-component-wrapper .fa-cloud:before { content: "\f0c2"; }
.catfish-classes .fa-cloud-download:before, .vue-component-wrapper .fa-cloud-download:before { content: "\f0ed"; }
.catfish-classes .fa-cloud-download-alt:before, .vue-component-wrapper .fa-cloud-download-alt:before { content: "\f381"; }
.catfish-classes .fa-cloud-upload:before, .vue-component-wrapper .fa-cloud-upload:before { content: "\f0ee"; }
.catfish-classes .fa-cloud-upload-alt:before, .vue-component-wrapper .fa-cloud-upload-alt:before { content: "\f382"; }
.catfish-classes .fa-cloudscale:before, .vue-component-wrapper .fa-cloudscale:before { content: "\f383"; }
.catfish-classes .fa-cloudsmith:before, .vue-component-wrapper .fa-cloudsmith:before { content: "\f384"; }
.catfish-classes .fa-cloudversify:before, .vue-component-wrapper .fa-cloudversify:before { content: "\f385"; }
.catfish-classes .fa-club:before, .vue-component-wrapper .fa-club:before { content: "\f327"; }
.catfish-classes .fa-cocktail:before, .vue-component-wrapper .fa-cocktail:before { content: "\f561"; }
.catfish-classes .fa-code:before, .vue-component-wrapper .fa-code:before { content: "\f121"; }
.catfish-classes .fa-code-branch:before, .vue-component-wrapper .fa-code-branch:before { content: "\f126"; }
.catfish-classes .fa-code-commit:before, .vue-component-wrapper .fa-code-commit:before { content: "\f386"; }
.catfish-classes .fa-code-merge:before, .vue-component-wrapper .fa-code-merge:before { content: "\f387"; }
.catfish-classes .fa-codepen:before, .vue-component-wrapper .fa-codepen:before { content: "\f1cb"; }
.catfish-classes .fa-codiepie:before, .vue-component-wrapper .fa-codiepie:before { content: "\f284"; }
.catfish-classes .fa-coffee:before, .vue-component-wrapper .fa-coffee:before { content: "\f0f4"; }
.catfish-classes .fa-cog:before, .vue-component-wrapper .fa-cog:before { content: "\f013"; }
.catfish-classes .fa-cogs:before, .vue-component-wrapper .fa-cogs:before { content: "\f085"; }
.catfish-classes .fa-coins:before, .vue-component-wrapper .fa-coins:before { content: "\f51e"; }
.catfish-classes .fa-columns:before, .vue-component-wrapper .fa-columns:before { content: "\f0db"; }
.catfish-classes .fa-comment:before, .vue-component-wrapper .fa-comment:before { content: "\f075"; }
.catfish-classes .fa-comment-alt:before, .vue-component-wrapper .fa-comment-alt:before { content: "\f27a"; }
.catfish-classes .fa-comment-alt-check:before, .vue-component-wrapper .fa-comment-alt-check:before { content: "\f4a2"; }
.catfish-classes .fa-comment-alt-dots:before, .vue-component-wrapper .fa-comment-alt-dots:before { content: "\f4a3"; }
.catfish-classes .fa-comment-alt-edit:before, .vue-component-wrapper .fa-comment-alt-edit:before { content: "\f4a4"; }
.catfish-classes .fa-comment-alt-exclamation:before, .vue-component-wrapper .fa-comment-alt-exclamation:before { content: "\f4a5"; }
.catfish-classes .fa-comment-alt-lines:before, .vue-component-wrapper .fa-comment-alt-lines:before { content: "\f4a6"; }
.catfish-classes .fa-comment-alt-minus:before, .vue-component-wrapper .fa-comment-alt-minus:before { content: "\f4a7"; }
.catfish-classes .fa-comment-alt-plus:before, .vue-component-wrapper .fa-comment-alt-plus:before { content: "\f4a8"; }
.catfish-classes .fa-comment-alt-slash:before, .vue-component-wrapper .fa-comment-alt-slash:before { content: "\f4a9"; }
.catfish-classes .fa-comment-alt-smile:before, .vue-component-wrapper .fa-comment-alt-smile:before { content: "\f4aa"; }
.catfish-classes .fa-comment-alt-times:before, .vue-component-wrapper .fa-comment-alt-times:before { content: "\f4ab"; }
.catfish-classes .fa-comment-check:before, .vue-component-wrapper .fa-comment-check:before { content: "\f4ac"; }
.catfish-classes .fa-comment-dots:before, .vue-component-wrapper .fa-comment-dots:before { content: "\f4ad"; }
.catfish-classes .fa-comment-edit:before, .vue-component-wrapper .fa-comment-edit:before { content: "\f4ae"; }
.catfish-classes .fa-comment-exclamation:before, .vue-component-wrapper .fa-comment-exclamation:before { content: "\f4af"; }
.catfish-classes .fa-comment-lines:before, .vue-component-wrapper .fa-comment-lines:before { content: "\f4b0"; }
.catfish-classes .fa-comment-minus:before, .vue-component-wrapper .fa-comment-minus:before { content: "\f4b1"; }
.catfish-classes .fa-comment-plus:before, .vue-component-wrapper .fa-comment-plus:before { content: "\f4b2"; }
.catfish-classes .fa-comment-slash:before, .vue-component-wrapper .fa-comment-slash:before { content: "\f4b3"; }
.catfish-classes .fa-comment-smile:before, .vue-component-wrapper .fa-comment-smile:before { content: "\f4b4"; }
.catfish-classes .fa-comment-times:before, .vue-component-wrapper .fa-comment-times:before { content: "\f4b5"; }
.catfish-classes .fa-comments:before, .vue-component-wrapper .fa-comments:before { content: "\f086"; }
.catfish-classes .fa-comments-alt:before, .vue-component-wrapper .fa-comments-alt:before { content: "\f4b6"; }
.catfish-classes .fa-compact-disc:before, .vue-component-wrapper .fa-compact-disc:before { content: "\f51f"; }
.catfish-classes .fa-compass:before, .vue-component-wrapper .fa-compass:before { content: "\f14e"; }
.catfish-classes .fa-compass-slash:before, .vue-component-wrapper .fa-compass-slash:before { content: "\f5e9"; }
.catfish-classes .fa-compress:before, .vue-component-wrapper .fa-compress:before { content: "\f066"; }
.catfish-classes .fa-compress-alt:before, .vue-component-wrapper .fa-compress-alt:before { content: "\f422"; }
.catfish-classes .fa-compress-wide:before, .vue-component-wrapper .fa-compress-wide:before { content: "\f326"; }
.catfish-classes .fa-concierge-bell:before, .vue-component-wrapper .fa-concierge-bell:before { content: "\f562"; }
.catfish-classes .fa-connectdevelop:before, .vue-component-wrapper .fa-connectdevelop:before { content: "\f20e"; }
.catfish-classes .fa-container-storage:before, .vue-component-wrapper .fa-container-storage:before { content: "\f4b7"; }
.catfish-classes .fa-contao:before, .vue-component-wrapper .fa-contao:before { content: "\f26d"; }
.catfish-classes .fa-conveyor-belt:before, .vue-component-wrapper .fa-conveyor-belt:before { content: "\f46e"; }
.catfish-classes .fa-conveyor-belt-alt:before, .vue-component-wrapper .fa-conveyor-belt-alt:before { content: "\f46f"; }
.catfish-classes .fa-cookie:before, .vue-component-wrapper .fa-cookie:before { content: "\f563"; }
.catfish-classes .fa-cookie-bite:before, .vue-component-wrapper .fa-cookie-bite:before { content: "\f564"; }
.catfish-classes .fa-copy:before, .vue-component-wrapper .fa-copy:before { content: "\f0c5"; }
.catfish-classes .fa-copyright:before, .vue-component-wrapper .fa-copyright:before { content: "\f1f9"; }
.catfish-classes .fa-couch:before, .vue-component-wrapper .fa-couch:before { content: "\f4b8"; }
.catfish-classes .fa-cpanel:before, .vue-component-wrapper .fa-cpanel:before { content: "\f388"; }
.catfish-classes .fa-creative-commons:before, .vue-component-wrapper .fa-creative-commons:before { content: "\f25e"; }
.catfish-classes .fa-creative-commons-by:before, .vue-component-wrapper .fa-creative-commons-by:before { content: "\f4e7"; }
.catfish-classes .fa-creative-commons-nc:before, .vue-component-wrapper .fa-creative-commons-nc:before { content: "\f4e8"; }
.catfish-classes .fa-creative-commons-nc-eu:before, .vue-component-wrapper .fa-creative-commons-nc-eu:before { content: "\f4e9"; }
.catfish-classes .fa-creative-commons-nc-jp:before, .vue-component-wrapper .fa-creative-commons-nc-jp:before { content: "\f4ea"; }
.catfish-classes .fa-creative-commons-nd:before, .vue-component-wrapper .fa-creative-commons-nd:before { content: "\f4eb"; }
.catfish-classes .fa-creative-commons-pd:before, .vue-component-wrapper .fa-creative-commons-pd:before { content: "\f4ec"; }
.catfish-classes .fa-creative-commons-pd-alt:before, .vue-component-wrapper .fa-creative-commons-pd-alt:before { content: "\f4ed"; }
.catfish-classes .fa-creative-commons-remix:before, .vue-component-wrapper .fa-creative-commons-remix:before { content: "\f4ee"; }
.catfish-classes .fa-creative-commons-sa:before, .vue-component-wrapper .fa-creative-commons-sa:before { content: "\f4ef"; }
.catfish-classes .fa-creative-commons-sampling:before, .vue-component-wrapper .fa-creative-commons-sampling:before { content: "\f4f0"; }
.catfish-classes .fa-creative-commons-sampling-plus:before, .vue-component-wrapper .fa-creative-commons-sampling-plus:before { content: "\f4f1"; }
.catfish-classes .fa-creative-commons-share:before, .vue-component-wrapper .fa-creative-commons-share:before { content: "\f4f2"; }
.catfish-classes .fa-creative-commons-zero:before, .vue-component-wrapper .fa-creative-commons-zero:before { content: "\f4f3"; }
.catfish-classes .fa-credit-card:before, .vue-component-wrapper .fa-credit-card:before { content: "\f09d"; }
.catfish-classes .fa-credit-card-blank:before, .vue-component-wrapper .fa-credit-card-blank:before { content: "\f389"; }
.catfish-classes .fa-credit-card-front:before, .vue-component-wrapper .fa-credit-card-front:before { content: "\f38a"; }
.catfish-classes .fa-cricket:before, .vue-component-wrapper .fa-cricket:before { content: "\f449"; }
.catfish-classes .fa-crop:before, .vue-component-wrapper .fa-crop:before { content: "\f125"; }
.catfish-classes .fa-crop-alt:before, .vue-component-wrapper .fa-crop-alt:before { content: "\f565"; }
.catfish-classes .fa-crosshairs:before, .vue-component-wrapper .fa-crosshairs:before { content: "\f05b"; }
.catfish-classes .fa-crow:before, .vue-component-wrapper .fa-crow:before { content: "\f520"; }
.catfish-classes .fa-crown:before, .vue-component-wrapper .fa-crown:before { content: "\f521"; }
.catfish-classes .fa-css3:before, .vue-component-wrapper .fa-css3:before { content: "\f13c"; }
.catfish-classes .fa-css3-alt:before, .vue-component-wrapper .fa-css3-alt:before { content: "\f38b"; }
.catfish-classes .fa-cube:before, .vue-component-wrapper .fa-cube:before { content: "\f1b2"; }
.catfish-classes .fa-cubes:before, .vue-component-wrapper .fa-cubes:before { content: "\f1b3"; }
.catfish-classes .fa-curling:before, .vue-component-wrapper .fa-curling:before { content: "\f44a"; }
.catfish-classes .fa-cut:before, .vue-component-wrapper .fa-cut:before { content: "\f0c4"; }
.catfish-classes .fa-cuttlefish:before, .vue-component-wrapper .fa-cuttlefish:before { content: "\f38c"; }
.catfish-classes .fa-d-and-d:before, .vue-component-wrapper .fa-d-and-d:before { content: "\f38d"; }
.catfish-classes .fa-dashcube:before, .vue-component-wrapper .fa-dashcube:before { content: "\f210"; }
.catfish-classes .fa-database:before, .vue-component-wrapper .fa-database:before { content: "\f1c0"; }
.catfish-classes .fa-deaf:before, .vue-component-wrapper .fa-deaf:before { content: "\f2a4"; }
.catfish-classes .fa-delicious:before, .vue-component-wrapper .fa-delicious:before { content: "\f1a5"; }
.catfish-classes .fa-deploydog:before, .vue-component-wrapper .fa-deploydog:before { content: "\f38e"; }
.catfish-classes .fa-deskpro:before, .vue-component-wrapper .fa-deskpro:before { content: "\f38f"; }
.catfish-classes .fa-desktop:before, .vue-component-wrapper .fa-desktop:before { content: "\f108"; }
.catfish-classes .fa-desktop-alt:before, .vue-component-wrapper .fa-desktop-alt:before { content: "\f390"; }
.catfish-classes .fa-deviantart:before, .vue-component-wrapper .fa-deviantart:before { content: "\f1bd"; }
.catfish-classes .fa-diagnoses:before, .vue-component-wrapper .fa-diagnoses:before { content: "\f470"; }
.catfish-classes .fa-diamond:before, .vue-component-wrapper .fa-diamond:before { content: "\f219"; }
.catfish-classes .fa-dice:before, .vue-component-wrapper .fa-dice:before { content: "\f522"; }
.catfish-classes .fa-dice-five:before, .vue-component-wrapper .fa-dice-five:before { content: "\f523"; }
.catfish-classes .fa-dice-four:before, .vue-component-wrapper .fa-dice-four:before { content: "\f524"; }
.catfish-classes .fa-dice-one:before, .vue-component-wrapper .fa-dice-one:before { content: "\f525"; }
.catfish-classes .fa-dice-six:before, .vue-component-wrapper .fa-dice-six:before { content: "\f526"; }
.catfish-classes .fa-dice-three:before, .vue-component-wrapper .fa-dice-three:before { content: "\f527"; }
.catfish-classes .fa-dice-two:before, .vue-component-wrapper .fa-dice-two:before { content: "\f528"; }
.catfish-classes .fa-digg:before, .vue-component-wrapper .fa-digg:before { content: "\f1a6"; }
.catfish-classes .fa-digital-ocean:before, .vue-component-wrapper .fa-digital-ocean:before { content: "\f391"; }
.catfish-classes .fa-digital-tachograph:before, .vue-component-wrapper .fa-digital-tachograph:before { content: "\f566"; }
.catfish-classes .fa-diploma:before, .vue-component-wrapper .fa-diploma:before { content: "\f5ea"; }
.catfish-classes .fa-directions:before, .vue-component-wrapper .fa-directions:before { content: "\f5eb"; }
.catfish-classes .fa-discord:before, .vue-component-wrapper .fa-discord:before { content: "\f392"; }
.catfish-classes .fa-discourse:before, .vue-component-wrapper .fa-discourse:before { content: "\f393"; }
.catfish-classes .fa-divide:before, .vue-component-wrapper .fa-divide:before { content: "\f529"; }
.catfish-classes .fa-dizzy:before, .vue-component-wrapper .fa-dizzy:before { content: "\f567"; }
.catfish-classes .fa-dna:before, .vue-component-wrapper .fa-dna:before { content: "\f471"; }
.catfish-classes .fa-do-not-enter:before, .vue-component-wrapper .fa-do-not-enter:before { content: "\f5ec"; }
.catfish-classes .fa-dochub:before, .vue-component-wrapper .fa-dochub:before { content: "\f394"; }
.catfish-classes .fa-docker:before, .vue-component-wrapper .fa-docker:before { content: "\f395"; }
.catfish-classes .fa-dollar-sign:before, .vue-component-wrapper .fa-dollar-sign:before { content: "\f155"; }
.catfish-classes .fa-dolly:before, .vue-component-wrapper .fa-dolly:before { content: "\f472"; }
.catfish-classes .fa-dolly-empty:before, .vue-component-wrapper .fa-dolly-empty:before { content: "\f473"; }
.catfish-classes .fa-dolly-flatbed:before, .vue-component-wrapper .fa-dolly-flatbed:before { content: "\f474"; }
.catfish-classes .fa-dolly-flatbed-alt:before, .vue-component-wrapper .fa-dolly-flatbed-alt:before { content: "\f475"; }
.catfish-classes .fa-dolly-flatbed-empty:before, .vue-component-wrapper .fa-dolly-flatbed-empty:before { content: "\f476"; }
.catfish-classes .fa-donate:before, .vue-component-wrapper .fa-donate:before { content: "\f4b9"; }
.catfish-classes .fa-door-closed:before, .vue-component-wrapper .fa-door-closed:before { content: "\f52a"; }
.catfish-classes .fa-door-open:before, .vue-component-wrapper .fa-door-open:before { content: "\f52b"; }
.catfish-classes .fa-dot-circle:before, .vue-component-wrapper .fa-dot-circle:before { content: "\f192"; }
.catfish-classes .fa-dove:before, .vue-component-wrapper .fa-dove:before { content: "\f4ba"; }
.catfish-classes .fa-download:before, .vue-component-wrapper .fa-download:before { content: "\f019"; }
.catfish-classes .fa-draft2digital:before, .vue-component-wrapper .fa-draft2digital:before { content: "\f396"; }
.catfish-classes .fa-drafting-compass:before, .vue-component-wrapper .fa-drafting-compass:before { content: "\f568"; }
.catfish-classes .fa-draw-circle:before, .vue-component-wrapper .fa-draw-circle:before { content: "\f5ed"; }
.catfish-classes .fa-draw-polygon:before, .vue-component-wrapper .fa-draw-polygon:before { content: "\f5ee"; }
.catfish-classes .fa-draw-square:before, .vue-component-wrapper .fa-draw-square:before { content: "\f5ef"; }
.catfish-classes .fa-dribbble:before, .vue-component-wrapper .fa-dribbble:before { content: "\f17d"; }
.catfish-classes .fa-dribbble-square:before, .vue-component-wrapper .fa-dribbble-square:before { content: "\f397"; }
.catfish-classes .fa-dropbox:before, .vue-component-wrapper .fa-dropbox:before { content: "\f16b"; }
.catfish-classes .fa-drum:before, .vue-component-wrapper .fa-drum:before { content: "\f569"; }
.catfish-classes .fa-drum-steelpan:before, .vue-component-wrapper .fa-drum-steelpan:before { content: "\f56a"; }
.catfish-classes .fa-drupal:before, .vue-component-wrapper .fa-drupal:before { content: "\f1a9"; }
.catfish-classes .fa-dumbbell:before, .vue-component-wrapper .fa-dumbbell:before { content: "\f44b"; }
.catfish-classes .fa-dyalog:before, .vue-component-wrapper .fa-dyalog:before { content: "\f399"; }
.catfish-classes .fa-ear:before, .vue-component-wrapper .fa-ear:before { content: "\f5f0"; }
.catfish-classes .fa-earlybirds:before, .vue-component-wrapper .fa-earlybirds:before { content: "\f39a"; }
.catfish-classes .fa-ebay:before, .vue-component-wrapper .fa-ebay:before { content: "\f4f4"; }
.catfish-classes .fa-edge:before, .vue-component-wrapper .fa-edge:before { content: "\f282"; }
.catfish-classes .fa-edit:before, .vue-component-wrapper .fa-edit:before { content: "\f044"; }
.catfish-classes .fa-eject:before, .vue-component-wrapper .fa-eject:before { content: "\f052"; }
.catfish-classes .fa-elementor:before, .vue-component-wrapper .fa-elementor:before { content: "\f430"; }
.catfish-classes .fa-ellipsis-h:before, .vue-component-wrapper .fa-ellipsis-h:before { content: "\f141"; }
.catfish-classes .fa-ellipsis-h-alt:before, .vue-component-wrapper .fa-ellipsis-h-alt:before { content: "\f39b"; }
.catfish-classes .fa-ellipsis-v:before, .vue-component-wrapper .fa-ellipsis-v:before { content: "\f142"; }
.catfish-classes .fa-ellipsis-v-alt:before, .vue-component-wrapper .fa-ellipsis-v-alt:before { content: "\f39c"; }
.catfish-classes .fa-ello:before, .vue-component-wrapper .fa-ello:before { content: "\f5f1"; }
.catfish-classes .fa-ember:before, .vue-component-wrapper .fa-ember:before { content: "\f423"; }
.catfish-classes .fa-empire:before, .vue-component-wrapper .fa-empire:before { content: "\f1d1"; }
.catfish-classes .fa-engine-warning:before, .vue-component-wrapper .fa-engine-warning:before { content: "\f5f2"; }
.catfish-classes .fa-envelope:before, .vue-component-wrapper .fa-envelope:before { content: "\f0e0"; }
.catfish-classes .fa-envelope-open:before, .vue-component-wrapper .fa-envelope-open:before { content: "\f2b6"; }
.catfish-classes .fa-envelope-square:before, .vue-component-wrapper .fa-envelope-square:before { content: "\f199"; }
.catfish-classes .fa-envira:before, .vue-component-wrapper .fa-envira:before { content: "\f299"; }
.catfish-classes .fa-equals:before, .vue-component-wrapper .fa-equals:before { content: "\f52c"; }
.catfish-classes .fa-eraser:before, .vue-component-wrapper .fa-eraser:before { content: "\f12d"; }
.catfish-classes .fa-erlang:before, .vue-component-wrapper .fa-erlang:before { content: "\f39d"; }
.catfish-classes .fa-ethereum:before, .vue-component-wrapper .fa-ethereum:before { content: "\f42e"; }
.catfish-classes .fa-etsy:before, .vue-component-wrapper .fa-etsy:before { content: "\f2d7"; }
.catfish-classes .fa-euro-sign:before, .vue-component-wrapper .fa-euro-sign:before { content: "\f153"; }
.catfish-classes .fa-exchange:before, .vue-component-wrapper .fa-exchange:before { content: "\f0ec"; }
.catfish-classes .fa-exchange-alt:before, .vue-component-wrapper .fa-exchange-alt:before { content: "\f362"; }
.catfish-classes .fa-exclamation:before, .vue-component-wrapper .fa-exclamation:before { content: "\f12a"; }
.catfish-classes .fa-exclamation-circle:before, .vue-component-wrapper .fa-exclamation-circle:before { content: "\f06a"; }
.catfish-classes .fa-exclamation-square:before, .vue-component-wrapper .fa-exclamation-square:before { content: "\f321"; }
.catfish-classes .fa-exclamation-triangle:before, .vue-component-wrapper .fa-exclamation-triangle:before { content: "\f071"; }
.catfish-classes .fa-expand:before, .vue-component-wrapper .fa-expand:before { content: "\f065"; }
.catfish-classes .fa-expand-alt:before, .vue-component-wrapper .fa-expand-alt:before { content: "\f424"; }
.catfish-classes .fa-expand-arrows:before, .vue-component-wrapper .fa-expand-arrows:before { content: "\f31d"; }
.catfish-classes .fa-expand-arrows-alt:before, .vue-component-wrapper .fa-expand-arrows-alt:before { content: "\f31e"; }
.catfish-classes .fa-expand-wide:before, .vue-component-wrapper .fa-expand-wide:before { content: "\f320"; }
.catfish-classes .fa-expeditedssl:before, .vue-component-wrapper .fa-expeditedssl:before { content: "\f23e"; }
.catfish-classes .fa-external-link:before, .vue-component-wrapper .fa-external-link:before { content: "\f08e"; }
.catfish-classes .fa-external-link-alt:before, .vue-component-wrapper .fa-external-link-alt:before { content: "\f35d"; }
.catfish-classes .fa-external-link-square:before, .vue-component-wrapper .fa-external-link-square:before { content: "\f14c"; }
.catfish-classes .fa-external-link-square-alt:before, .vue-component-wrapper .fa-external-link-square-alt:before { content: "\f360"; }
.catfish-classes .fa-eye:before, .vue-component-wrapper .fa-eye:before { content: "\f06e"; }
.catfish-classes .fa-eye-dropper:before, .vue-component-wrapper .fa-eye-dropper:before { content: "\f1fb"; }
.catfish-classes .fa-eye-slash:before, .vue-component-wrapper .fa-eye-slash:before { content: "\f070"; }
.catfish-classes .fa-facebook:before, .vue-component-wrapper .fa-facebook:before { content: "\f09a"; }
.catfish-classes .fa-facebook-f:before, .vue-component-wrapper .fa-facebook-f:before { content: "\f39e"; }
.catfish-classes .fa-facebook-messenger:before, .vue-component-wrapper .fa-facebook-messenger:before { content: "\f39f"; }
.catfish-classes .fa-facebook-square:before, .vue-component-wrapper .fa-facebook-square:before { content: "\f082"; }
.catfish-classes .fa-fast-backward:before, .vue-component-wrapper .fa-fast-backward:before { content: "\f049"; }
.catfish-classes .fa-fast-forward:before, .vue-component-wrapper .fa-fast-forward:before { content: "\f050"; }
.catfish-classes .fa-fax:before, .vue-component-wrapper .fa-fax:before { content: "\f1ac"; }
.catfish-classes .fa-feather:before, .vue-component-wrapper .fa-feather:before { content: "\f52d"; }
.catfish-classes .fa-feather-alt:before, .vue-component-wrapper .fa-feather-alt:before { content: "\f56b"; }
.catfish-classes .fa-female:before, .vue-component-wrapper .fa-female:before { content: "\f182"; }
.catfish-classes .fa-field-hockey:before, .vue-component-wrapper .fa-field-hockey:before { content: "\f44c"; }
.catfish-classes .fa-fighter-jet:before, .vue-component-wrapper .fa-fighter-jet:before { content: "\f0fb"; }
.catfish-classes .fa-file:before, .vue-component-wrapper .fa-file:before { content: "\f15b"; }
.catfish-classes .fa-file-alt:before, .vue-component-wrapper .fa-file-alt:before { content: "\f15c"; }
.catfish-classes .fa-file-archive:before, .vue-component-wrapper .fa-file-archive:before { content: "\f1c6"; }
.catfish-classes .fa-file-audio:before, .vue-component-wrapper .fa-file-audio:before { content: "\f1c7"; }
.catfish-classes .fa-file-certificate:before, .vue-component-wrapper .fa-file-certificate:before { content: "\f5f3"; }
.catfish-classes .fa-file-check:before, .vue-component-wrapper .fa-file-check:before { content: "\f316"; }
.catfish-classes .fa-file-code:before, .vue-component-wrapper .fa-file-code:before { content: "\f1c9"; }
.catfish-classes .fa-file-contract:before, .vue-component-wrapper .fa-file-contract:before { content: "\f56c"; }
.catfish-classes .fa-file-download:before, .vue-component-wrapper .fa-file-download:before { content: "\f56d"; }
.catfish-classes .fa-file-edit:before, .vue-component-wrapper .fa-file-edit:before { content: "\f31c"; }
.catfish-classes .fa-file-excel:before, .vue-component-wrapper .fa-file-excel:before { content: "\f1c3"; }
.catfish-classes .fa-file-exclamation:before, .vue-component-wrapper .fa-file-exclamation:before { content: "\f31a"; }
.catfish-classes .fa-file-export:before, .vue-component-wrapper .fa-file-export:before { content: "\f56e"; }
.catfish-classes .fa-file-image:before, .vue-component-wrapper .fa-file-image:before { content: "\f1c5"; }
.catfish-classes .fa-file-import:before, .vue-component-wrapper .fa-file-import:before { content: "\f56f"; }
.catfish-classes .fa-file-invoice:before, .vue-component-wrapper .fa-file-invoice:before { content: "\f570"; }
.catfish-classes .fa-file-invoice-dollar:before, .vue-component-wrapper .fa-file-invoice-dollar:before { content: "\f571"; }
.catfish-classes .fa-file-medical:before, .vue-component-wrapper .fa-file-medical:before { content: "\f477"; }
.catfish-classes .fa-file-medical-alt:before, .vue-component-wrapper .fa-file-medical-alt:before { content: "\f478"; }
.catfish-classes .fa-file-minus:before, .vue-component-wrapper .fa-file-minus:before { content: "\f318"; }
.catfish-classes .fa-file-pdf:before, .vue-component-wrapper .fa-file-pdf:before { content: "\f1c1"; }
.catfish-classes .fa-file-plus:before, .vue-component-wrapper .fa-file-plus:before { content: "\f319"; }
.catfish-classes .fa-file-powerpoint:before, .vue-component-wrapper .fa-file-powerpoint:before { content: "\f1c4"; }
.catfish-classes .fa-file-prescription:before, .vue-component-wrapper .fa-file-prescription:before { content: "\f572"; }
.catfish-classes .fa-file-signature:before, .vue-component-wrapper .fa-file-signature:before { content: "\f573"; }
.catfish-classes .fa-file-times:before, .vue-component-wrapper .fa-file-times:before { content: "\f317"; }
.catfish-classes .fa-file-upload:before, .vue-component-wrapper .fa-file-upload:before { content: "\f574"; }
.catfish-classes .fa-file-video:before, .vue-component-wrapper .fa-file-video:before { content: "\f1c8"; }
.catfish-classes .fa-file-word:before, .vue-component-wrapper .fa-file-word:before { content: "\f1c2"; }
.catfish-classes .fa-fill:before, .vue-component-wrapper .fa-fill:before { content: "\f575"; }
.catfish-classes .fa-fill-drip:before, .vue-component-wrapper .fa-fill-drip:before { content: "\f576"; }
.catfish-classes .fa-film:before, .vue-component-wrapper .fa-film:before { content: "\f008"; }
.catfish-classes .fa-film-alt:before, .vue-component-wrapper .fa-film-alt:before { content: "\f3a0"; }
.catfish-classes .fa-filter:before, .vue-component-wrapper .fa-filter:before { content: "\f0b0"; }
.catfish-classes .fa-fingerprint:before, .vue-component-wrapper .fa-fingerprint:before { content: "\f577"; }
.catfish-classes .fa-fire:before, .vue-component-wrapper .fa-fire:before { content: "\f06d"; }
.catfish-classes .fa-fire-extinguisher:before, .vue-component-wrapper .fa-fire-extinguisher:before { content: "\f134"; }
.catfish-classes .fa-firefox:before, .vue-component-wrapper .fa-firefox:before { content: "\f269"; }
.catfish-classes .fa-first-aid:before, .vue-component-wrapper .fa-first-aid:before { content: "\f479"; }
.catfish-classes .fa-first-order:before, .vue-component-wrapper .fa-first-order:before { content: "\f2b0"; }
.catfish-classes .fa-first-order-alt:before, .vue-component-wrapper .fa-first-order-alt:before { content: "\f50a"; }
.catfish-classes .fa-firstdraft:before, .vue-component-wrapper .fa-firstdraft:before { content: "\f3a1"; }
.catfish-classes .fa-fish:before, .vue-component-wrapper .fa-fish:before { content: "\f578"; }
.catfish-classes .fa-flag:before, .vue-component-wrapper .fa-flag:before { content: "\f024"; }
.catfish-classes .fa-flag-checkered:before, .vue-component-wrapper .fa-flag-checkered:before { content: "\f11e"; }
.catfish-classes .fa-flask:before, .vue-component-wrapper .fa-flask:before { content: "\f0c3"; }
.catfish-classes .fa-flickr:before, .vue-component-wrapper .fa-flickr:before { content: "\f16e"; }
.catfish-classes .fa-flipboard:before, .vue-component-wrapper .fa-flipboard:before { content: "\f44d"; }
.catfish-classes .fa-flushed:before, .vue-component-wrapper .fa-flushed:before { content: "\f579"; }
.catfish-classes .fa-fly:before, .vue-component-wrapper .fa-fly:before { content: "\f417"; }
.catfish-classes .fa-folder:before, .vue-component-wrapper .fa-folder:before { content: "\f07b"; }
.catfish-classes .fa-folder-open:before, .vue-component-wrapper .fa-folder-open:before { content: "\f07c"; }
.catfish-classes .fa-font:before, .vue-component-wrapper .fa-font:before { content: "\f031"; }
.catfish-classes .fa-font-awesome:before, .vue-component-wrapper .fa-font-awesome:before { content: "\f2b4"; }
.catfish-classes .fa-font-awesome-alt:before, .vue-component-wrapper .fa-font-awesome-alt:before { content: "\f35c"; }
.catfish-classes .fa-font-awesome-flag:before, .vue-component-wrapper .fa-font-awesome-flag:before { content: "\f425"; }
.catfish-classes .fa-font-awesome-logo-full:before, .vue-component-wrapper .fa-font-awesome-logo-full:before { content: "\f4e6"; }
.catfish-classes .fa-fonticons:before, .vue-component-wrapper .fa-fonticons:before { content: "\f280"; }
.catfish-classes .fa-fonticons-fi:before, .vue-component-wrapper .fa-fonticons-fi:before { content: "\f3a2"; }
.catfish-classes .fa-football-ball:before, .vue-component-wrapper .fa-football-ball:before { content: "\f44e"; }
.catfish-classes .fa-football-helmet:before, .vue-component-wrapper .fa-football-helmet:before { content: "\f44f"; }
.catfish-classes .fa-forklift:before, .vue-component-wrapper .fa-forklift:before { content: "\f47a"; }
.catfish-classes .fa-fort-awesome:before, .vue-component-wrapper .fa-fort-awesome:before { content: "\f286"; }
.catfish-classes .fa-fort-awesome-alt:before, .vue-component-wrapper .fa-fort-awesome-alt:before { content: "\f3a3"; }
.catfish-classes .fa-forumbee:before, .vue-component-wrapper .fa-forumbee:before { content: "\f211"; }
.catfish-classes .fa-forward:before, .vue-component-wrapper .fa-forward:before { content: "\f04e"; }
.catfish-classes .fa-foursquare:before, .vue-component-wrapper .fa-foursquare:before { content: "\f180"; }
.catfish-classes .fa-fragile:before, .vue-component-wrapper .fa-fragile:before { content: "\f4bb"; }
.catfish-classes .fa-free-code-camp:before, .vue-component-wrapper .fa-free-code-camp:before { content: "\f2c5"; }
.catfish-classes .fa-freebsd:before, .vue-component-wrapper .fa-freebsd:before { content: "\f3a4"; }
.catfish-classes .fa-frog:before, .vue-component-wrapper .fa-frog:before { content: "\f52e"; }
.catfish-classes .fa-frown:before, .vue-component-wrapper .fa-frown:before { content: "\f119"; }
.catfish-classes .fa-frown-open:before, .vue-component-wrapper .fa-frown-open:before { content: "\f57a"; }
.catfish-classes .fa-fulcrum:before, .vue-component-wrapper .fa-fulcrum:before { content: "\f50b"; }
.catfish-classes .fa-futbol:before, .vue-component-wrapper .fa-futbol:before { content: "\f1e3"; }
.catfish-classes .fa-galactic-republic:before, .vue-component-wrapper .fa-galactic-republic:before { content: "\f50c"; }
.catfish-classes .fa-galactic-senate:before, .vue-component-wrapper .fa-galactic-senate:before { content: "\f50d"; }
.catfish-classes .fa-gamepad:before, .vue-component-wrapper .fa-gamepad:before { content: "\f11b"; }
.catfish-classes .fa-gas-pump:before, .vue-component-wrapper .fa-gas-pump:before { content: "\f52f"; }
.catfish-classes .fa-gas-pump-slash:before, .vue-component-wrapper .fa-gas-pump-slash:before { content: "\f5f4"; }
.catfish-classes .fa-gavel:before, .vue-component-wrapper .fa-gavel:before { content: "\f0e3"; }
.catfish-classes .fa-gem:before, .vue-component-wrapper .fa-gem:before { content: "\f3a5"; }
.catfish-classes .fa-genderless:before, .vue-component-wrapper .fa-genderless:before { content: "\f22d"; }
.catfish-classes .fa-get-pocket:before, .vue-component-wrapper .fa-get-pocket:before { content: "\f265"; }
.catfish-classes .fa-gg:before, .vue-component-wrapper .fa-gg:before { content: "\f260"; }
.catfish-classes .fa-gg-circle:before, .vue-component-wrapper .fa-gg-circle:before { content: "\f261"; }
.catfish-classes .fa-gift:before, .vue-component-wrapper .fa-gift:before { content: "\f06b"; }
.catfish-classes .fa-git:before, .vue-component-wrapper .fa-git:before { content: "\f1d3"; }
.catfish-classes .fa-git-square:before, .vue-component-wrapper .fa-git-square:before { content: "\f1d2"; }
.catfish-classes .fa-github:before, .vue-component-wrapper .fa-github:before { content: "\f09b"; }
.catfish-classes .fa-github-alt:before, .vue-component-wrapper .fa-github-alt:before { content: "\f113"; }
.catfish-classes .fa-github-square:before, .vue-component-wrapper .fa-github-square:before { content: "\f092"; }
.catfish-classes .fa-gitkraken:before, .vue-component-wrapper .fa-gitkraken:before { content: "\f3a6"; }
.catfish-classes .fa-gitlab:before, .vue-component-wrapper .fa-gitlab:before { content: "\f296"; }
.catfish-classes .fa-gitter:before, .vue-component-wrapper .fa-gitter:before { content: "\f426"; }
.catfish-classes .fa-glass-martini:before, .vue-component-wrapper .fa-glass-martini:before { content: "\f000"; }
.catfish-classes .fa-glass-martini-alt:before, .vue-component-wrapper .fa-glass-martini-alt:before { content: "\f57b"; }
.catfish-classes .fa-glasses:before, .vue-component-wrapper .fa-glasses:before { content: "\f530"; }
.catfish-classes .fa-glasses-alt:before, .vue-component-wrapper .fa-glasses-alt:before { content: "\f5f5"; }
.catfish-classes .fa-glide:before, .vue-component-wrapper .fa-glide:before { content: "\f2a5"; }
.catfish-classes .fa-glide-g:before, .vue-component-wrapper .fa-glide-g:before { content: "\f2a6"; }
.catfish-classes .fa-globe:before, .vue-component-wrapper .fa-globe:before { content: "\f0ac"; }
.catfish-classes .fa-globe-africa:before, .vue-component-wrapper .fa-globe-africa:before { content: "\f57c"; }
.catfish-classes .fa-globe-americas:before, .vue-component-wrapper .fa-globe-americas:before { content: "\f57d"; }
.catfish-classes .fa-globe-asia:before, .vue-component-wrapper .fa-globe-asia:before { content: "\f57e"; }
.catfish-classes .fa-globe-stand:before, .vue-component-wrapper .fa-globe-stand:before { content: "\f5f6"; }
.catfish-classes .fa-gofore:before, .vue-component-wrapper .fa-gofore:before { content: "\f3a7"; }
.catfish-classes .fa-golf-ball:before, .vue-component-wrapper .fa-golf-ball:before { content: "\f450"; }
.catfish-classes .fa-golf-club:before, .vue-component-wrapper .fa-golf-club:before { content: "\f451"; }
.catfish-classes .fa-goodreads:before, .vue-component-wrapper .fa-goodreads:before { content: "\f3a8"; }
.catfish-classes .fa-goodreads-g:before, .vue-component-wrapper .fa-goodreads-g:before { content: "\f3a9"; }
.catfish-classes .fa-google:before, .vue-component-wrapper .fa-google:before { content: "\f1a0"; }
.catfish-classes .fa-google-drive:before, .vue-component-wrapper .fa-google-drive:before { content: "\f3aa"; }
.catfish-classes .fa-google-play:before, .vue-component-wrapper .fa-google-play:before { content: "\f3ab"; }
.catfish-classes .fa-google-plus:before, .vue-component-wrapper .fa-google-plus:before { content: "\f2b3"; }
.catfish-classes .fa-google-plus-g:before, .vue-component-wrapper .fa-google-plus-g:before { content: "\f0d5"; }
.catfish-classes .fa-google-plus-square:before, .vue-component-wrapper .fa-google-plus-square:before { content: "\f0d4"; }
.catfish-classes .fa-google-wallet:before, .vue-component-wrapper .fa-google-wallet:before { content: "\f1ee"; }
.catfish-classes .fa-graduation-cap:before, .vue-component-wrapper .fa-graduation-cap:before { content: "\f19d"; }
.catfish-classes .fa-gratipay:before, .vue-component-wrapper .fa-gratipay:before { content: "\f184"; }
.catfish-classes .fa-grav:before, .vue-component-wrapper .fa-grav:before { content: "\f2d6"; }
.catfish-classes .fa-greater-than:before, .vue-component-wrapper .fa-greater-than:before { content: "\f531"; }
.catfish-classes .fa-greater-than-equal:before, .vue-component-wrapper .fa-greater-than-equal:before { content: "\f532"; }
.catfish-classes .fa-grimace:before, .vue-component-wrapper .fa-grimace:before { content: "\f57f"; }
.catfish-classes .fa-grin:before, .vue-component-wrapper .fa-grin:before { content: "\f580"; }
.catfish-classes .fa-grin-alt:before, .vue-component-wrapper .fa-grin-alt:before { content: "\f581"; }
.catfish-classes .fa-grin-beam:before, .vue-component-wrapper .fa-grin-beam:before { content: "\f582"; }
.catfish-classes .fa-grin-beam-sweat:before, .vue-component-wrapper .fa-grin-beam-sweat:before { content: "\f583"; }
.catfish-classes .fa-grin-hearts:before, .vue-component-wrapper .fa-grin-hearts:before { content: "\f584"; }
.catfish-classes .fa-grin-squint:before, .vue-component-wrapper .fa-grin-squint:before { content: "\f585"; }
.catfish-classes .fa-grin-squint-tears:before, .vue-component-wrapper .fa-grin-squint-tears:before { content: "\f586"; }
.catfish-classes .fa-grin-stars:before, .vue-component-wrapper .fa-grin-stars:before { content: "\f587"; }
.catfish-classes .fa-grin-tears:before, .vue-component-wrapper .fa-grin-tears:before { content: "\f588"; }
.catfish-classes .fa-grin-tongue:before, .vue-component-wrapper .fa-grin-tongue:before { content: "\f589"; }
.catfish-classes .fa-grin-tongue-squint:before, .vue-component-wrapper .fa-grin-tongue-squint:before { content: "\f58a"; }
.catfish-classes .fa-grin-tongue-wink:before, .vue-component-wrapper .fa-grin-tongue-wink:before { content: "\f58b"; }
.catfish-classes .fa-grin-wink:before, .vue-component-wrapper .fa-grin-wink:before { content: "\f58c"; }
.catfish-classes .fa-grip-horizontal:before, .vue-component-wrapper .fa-grip-horizontal:before { content: "\f58d"; }
.catfish-classes .fa-grip-vertical:before, .vue-component-wrapper .fa-grip-vertical:before { content: "\f58e"; }
.catfish-classes .fa-gripfire:before, .vue-component-wrapper .fa-gripfire:before { content: "\f3ac"; }
.catfish-classes .fa-grunt:before, .vue-component-wrapper .fa-grunt:before { content: "\f3ad"; }
.catfish-classes .fa-gulp:before, .vue-component-wrapper .fa-gulp:before { content: "\f3ae"; }
.catfish-classes .fa-h-square:before, .vue-component-wrapper .fa-h-square:before { content: "\f0fd"; }
.catfish-classes .fa-h1:before, .vue-component-wrapper .fa-h1:before { content: "\f313"; }
.catfish-classes .fa-h2:before, .vue-component-wrapper .fa-h2:before { content: "\f314"; }
.catfish-classes .fa-h3:before, .vue-component-wrapper .fa-h3:before { content: "\f315"; }
.catfish-classes .fa-hacker-news:before, .vue-component-wrapper .fa-hacker-news:before { content: "\f1d4"; }
.catfish-classes .fa-hacker-news-square:before, .vue-component-wrapper .fa-hacker-news-square:before { content: "\f3af"; }
.catfish-classes .fa-hackerrank:before, .vue-component-wrapper .fa-hackerrank:before { content: "\f5f7"; }
.catfish-classes .fa-hand-heart:before, .vue-component-wrapper .fa-hand-heart:before { content: "\f4bc"; }
.catfish-classes .fa-hand-holding:before, .vue-component-wrapper .fa-hand-holding:before { content: "\f4bd"; }
.catfish-classes .fa-hand-holding-box:before, .vue-component-wrapper .fa-hand-holding-box:before { content: "\f47b"; }
.catfish-classes .fa-hand-holding-heart:before, .vue-component-wrapper .fa-hand-holding-heart:before { content: "\f4be"; }
.catfish-classes .fa-hand-holding-seedling:before, .vue-component-wrapper .fa-hand-holding-seedling:before { content: "\f4bf"; }
.catfish-classes .fa-hand-holding-usd:before, .vue-component-wrapper .fa-hand-holding-usd:before { content: "\f4c0"; }
.catfish-classes .fa-hand-holding-water:before, .vue-component-wrapper .fa-hand-holding-water:before { content: "\f4c1"; }
.catfish-classes .fa-hand-lizard:before, .vue-component-wrapper .fa-hand-lizard:before { content: "\f258"; }
.catfish-classes .fa-hand-paper:before, .vue-component-wrapper .fa-hand-paper:before { content: "\f256"; }
.catfish-classes .fa-hand-peace:before, .vue-component-wrapper .fa-hand-peace:before { content: "\f25b"; }
.catfish-classes .fa-hand-point-down:before, .vue-component-wrapper .fa-hand-point-down:before { content: "\f0a7"; }
.catfish-classes .fa-hand-point-left:before, .vue-component-wrapper .fa-hand-point-left:before { content: "\f0a5"; }
.catfish-classes .fa-hand-point-right:before, .vue-component-wrapper .fa-hand-point-right:before { content: "\f0a4"; }
.catfish-classes .fa-hand-point-up:before, .vue-component-wrapper .fa-hand-point-up:before { content: "\f0a6"; }
.catfish-classes .fa-hand-pointer:before, .vue-component-wrapper .fa-hand-pointer:before { content: "\f25a"; }
.catfish-classes .fa-hand-receiving:before, .vue-component-wrapper .fa-hand-receiving:before { content: "\f47c"; }
.catfish-classes .fa-hand-rock:before, .vue-component-wrapper .fa-hand-rock:before { content: "\f255"; }
.catfish-classes .fa-hand-scissors:before, .vue-component-wrapper .fa-hand-scissors:before { content: "\f257"; }
.catfish-classes .fa-hand-spock:before, .vue-component-wrapper .fa-hand-spock:before { content: "\f259"; }
.catfish-classes .fa-hands:before, .vue-component-wrapper .fa-hands:before { content: "\f4c2"; }
.catfish-classes .fa-hands-heart:before, .vue-component-wrapper .fa-hands-heart:before { content: "\f4c3"; }
.catfish-classes .fa-hands-helping:before, .vue-component-wrapper .fa-hands-helping:before { content: "\f4c4"; }
.catfish-classes .fa-hands-usd:before, .vue-component-wrapper .fa-hands-usd:before { content: "\f4c5"; }
.catfish-classes .fa-handshake:before, .vue-component-wrapper .fa-handshake:before { content: "\f2b5"; }
.catfish-classes .fa-handshake-alt:before, .vue-component-wrapper .fa-handshake-alt:before { content: "\f4c6"; }
.catfish-classes .fa-hashtag:before, .vue-component-wrapper .fa-hashtag:before { content: "\f292"; }
.catfish-classes .fa-hdd:before, .vue-component-wrapper .fa-hdd:before { content: "\f0a0"; }
.catfish-classes .fa-heading:before, .vue-component-wrapper .fa-heading:before { content: "\f1dc"; }
.catfish-classes .fa-headphones:before, .vue-component-wrapper .fa-headphones:before { content: "\f025"; }
.catfish-classes .fa-headphones-alt:before, .vue-component-wrapper .fa-headphones-alt:before { content: "\f58f"; }
.catfish-classes .fa-headset:before, .vue-component-wrapper .fa-headset:before { content: "\f590"; }
.catfish-classes .fa-heart:before, .vue-component-wrapper .fa-heart:before { content: "\f004"; }
.catfish-classes .fa-heart-circle:before, .vue-component-wrapper .fa-heart-circle:before { content: "\f4c7"; }
.catfish-classes .fa-heart-rate:before, .vue-component-wrapper .fa-heart-rate:before { content: "\f5f8"; }
.catfish-classes .fa-heart-square:before, .vue-component-wrapper .fa-heart-square:before { content: "\f4c8"; }
.catfish-classes .fa-heartbeat:before, .vue-component-wrapper .fa-heartbeat:before { content: "\f21e"; }
.catfish-classes .fa-helicopter:before, .vue-component-wrapper .fa-helicopter:before { content: "\f533"; }
.catfish-classes .fa-hexagon:before, .vue-component-wrapper .fa-hexagon:before { content: "\f312"; }
.catfish-classes .fa-highlighter:before, .vue-component-wrapper .fa-highlighter:before { content: "\f591"; }
.catfish-classes .fa-hips:before, .vue-component-wrapper .fa-hips:before { content: "\f452"; }
.catfish-classes .fa-hire-a-helper:before, .vue-component-wrapper .fa-hire-a-helper:before { content: "\f3b0"; }
.catfish-classes .fa-history:before, .vue-component-wrapper .fa-history:before { content: "\f1da"; }
.catfish-classes .fa-hockey-puck:before, .vue-component-wrapper .fa-hockey-puck:before { content: "\f453"; }
.catfish-classes .fa-hockey-sticks:before, .vue-component-wrapper .fa-hockey-sticks:before { content: "\f454"; }
.catfish-classes .fa-home:before, .vue-component-wrapper .fa-home:before { content: "\f015"; }
.catfish-classes .fa-home-heart:before, .vue-component-wrapper .fa-home-heart:before { content: "\f4c9"; }
.catfish-classes .fa-hooli:before, .vue-component-wrapper .fa-hooli:before { content: "\f427"; }
.catfish-classes .fa-hornbill:before, .vue-component-wrapper .fa-hornbill:before { content: "\f592"; }
.catfish-classes .fa-hospital:before, .vue-component-wrapper .fa-hospital:before { content: "\f0f8"; }
.catfish-classes .fa-hospital-alt:before, .vue-component-wrapper .fa-hospital-alt:before { content: "\f47d"; }
.catfish-classes .fa-hospital-symbol:before, .vue-component-wrapper .fa-hospital-symbol:before { content: "\f47e"; }
.catfish-classes .fa-hot-tub:before, .vue-component-wrapper .fa-hot-tub:before { content: "\f593"; }
.catfish-classes .fa-hotel:before, .vue-component-wrapper .fa-hotel:before { content: "\f594"; }
.catfish-classes .fa-hotjar:before, .vue-component-wrapper .fa-hotjar:before { content: "\f3b1"; }
.catfish-classes .fa-hourglass:before, .vue-component-wrapper .fa-hourglass:before { content: "\f254"; }
.catfish-classes .fa-hourglass-end:before, .vue-component-wrapper .fa-hourglass-end:before { content: "\f253"; }
.catfish-classes .fa-hourglass-half:before, .vue-component-wrapper .fa-hourglass-half:before { content: "\f252"; }
.catfish-classes .fa-hourglass-start:before, .vue-component-wrapper .fa-hourglass-start:before { content: "\f251"; }
.catfish-classes .fa-houzz:before, .vue-component-wrapper .fa-houzz:before { content: "\f27c"; }
.catfish-classes .fa-html5:before, .vue-component-wrapper .fa-html5:before { content: "\f13b"; }
.catfish-classes .fa-hubspot:before, .vue-component-wrapper .fa-hubspot:before { content: "\f3b2"; }
.catfish-classes .fa-i-cursor:before, .vue-component-wrapper .fa-i-cursor:before { content: "\f246"; }
.catfish-classes .fa-id-badge:before, .vue-component-wrapper .fa-id-badge:before { content: "\f2c1"; }
.catfish-classes .fa-id-card:before, .vue-component-wrapper .fa-id-card:before { content: "\f2c2"; }
.catfish-classes .fa-id-card-alt:before, .vue-component-wrapper .fa-id-card-alt:before { content: "\f47f"; }
.catfish-classes .fa-image:before, .vue-component-wrapper .fa-image:before { content: "\f03e"; }
.catfish-classes .fa-images:before, .vue-component-wrapper .fa-images:before { content: "\f302"; }
.catfish-classes .fa-imdb:before, .vue-component-wrapper .fa-imdb:before { content: "\f2d8"; }
.catfish-classes .fa-inbox:before, .vue-component-wrapper .fa-inbox:before { content: "\f01c"; }
.catfish-classes .fa-inbox-in:before, .vue-component-wrapper .fa-inbox-in:before { content: "\f310"; }
.catfish-classes .fa-inbox-out:before, .vue-component-wrapper .fa-inbox-out:before { content: "\f311"; }
.catfish-classes .fa-indent:before, .vue-component-wrapper .fa-indent:before { content: "\f03c"; }
.catfish-classes .fa-industry:before, .vue-component-wrapper .fa-industry:before { content: "\f275"; }
.catfish-classes .fa-industry-alt:before, .vue-component-wrapper .fa-industry-alt:before { content: "\f3b3"; }
.catfish-classes .fa-infinity:before, .vue-component-wrapper .fa-infinity:before { content: "\f534"; }
.catfish-classes .fa-info:before, .vue-component-wrapper .fa-info:before { content: "\f129"; }
.catfish-classes .fa-info-circle:before, .vue-component-wrapper .fa-info-circle:before { content: "\f05a"; }
.catfish-classes .fa-info-square:before, .vue-component-wrapper .fa-info-square:before { content: "\f30f"; }
.catfish-classes .fa-inhaler:before, .vue-component-wrapper .fa-inhaler:before { content: "\f5f9"; }
.catfish-classes .fa-instagram:before, .vue-component-wrapper .fa-instagram:before { content: "\f16d"; }
.catfish-classes .fa-internet-explorer:before, .vue-component-wrapper .fa-internet-explorer:before { content: "\f26b"; }
.catfish-classes .fa-inventory:before, .vue-component-wrapper .fa-inventory:before { content: "\f480"; }
.catfish-classes .fa-ioxhost:before, .vue-component-wrapper .fa-ioxhost:before { content: "\f208"; }
.catfish-classes .fa-italic:before, .vue-component-wrapper .fa-italic:before { content: "\f033"; }
.catfish-classes .fa-itunes:before, .vue-component-wrapper .fa-itunes:before { content: "\f3b4"; }
.catfish-classes .fa-itunes-note:before, .vue-component-wrapper .fa-itunes-note:before { content: "\f3b5"; }
.catfish-classes .fa-jack-o-lantern:before, .vue-component-wrapper .fa-jack-o-lantern:before { content: "\f30e"; }
.catfish-classes .fa-java:before, .vue-component-wrapper .fa-java:before { content: "\f4e4"; }
.catfish-classes .fa-jedi-order:before, .vue-component-wrapper .fa-jedi-order:before { content: "\f50e"; }
.catfish-classes .fa-jenkins:before, .vue-component-wrapper .fa-jenkins:before { content: "\f3b6"; }
.catfish-classes .fa-joget:before, .vue-component-wrapper .fa-joget:before { content: "\f3b7"; }
.catfish-classes .fa-joint:before, .vue-component-wrapper .fa-joint:before { content: "\f595"; }
.catfish-classes .fa-joomla:before, .vue-component-wrapper .fa-joomla:before { content: "\f1aa"; }
.catfish-classes .fa-js:before, .vue-component-wrapper .fa-js:before { content: "\f3b8"; }
.catfish-classes .fa-js-square:before, .vue-component-wrapper .fa-js-square:before { content: "\f3b9"; }
.catfish-classes .fa-jsfiddle:before, .vue-component-wrapper .fa-jsfiddle:before { content: "\f1cc"; }
.catfish-classes .fa-kaggle:before, .vue-component-wrapper .fa-kaggle:before { content: "\f5fa"; }
.catfish-classes .fa-key:before, .vue-component-wrapper .fa-key:before { content: "\f084"; }
.catfish-classes .fa-keybase:before, .vue-component-wrapper .fa-keybase:before { content: "\f4f5"; }
.catfish-classes .fa-keyboard:before, .vue-component-wrapper .fa-keyboard:before { content: "\f11c"; }
.catfish-classes .fa-keycdn:before, .vue-component-wrapper .fa-keycdn:before { content: "\f3ba"; }
.catfish-classes .fa-kickstarter:before, .vue-component-wrapper .fa-kickstarter:before { content: "\f3bb"; }
.catfish-classes .fa-kickstarter-k:before, .vue-component-wrapper .fa-kickstarter-k:before { content: "\f3bc"; }
.catfish-classes .fa-kidneys:before, .vue-component-wrapper .fa-kidneys:before { content: "\f5fb"; }
.catfish-classes .fa-kiss:before, .vue-component-wrapper .fa-kiss:before { content: "\f596"; }
.catfish-classes .fa-kiss-beam:before, .vue-component-wrapper .fa-kiss-beam:before { content: "\f597"; }
.catfish-classes .fa-kiss-wink-heart:before, .vue-component-wrapper .fa-kiss-wink-heart:before { content: "\f598"; }
.catfish-classes .fa-kiwi-bird:before, .vue-component-wrapper .fa-kiwi-bird:before { content: "\f535"; }
.catfish-classes .fa-korvue:before, .vue-component-wrapper .fa-korvue:before { content: "\f42f"; }
.catfish-classes .fa-lamp:before, .vue-component-wrapper .fa-lamp:before { content: "\f4ca"; }
.catfish-classes .fa-language:before, .vue-component-wrapper .fa-language:before { content: "\f1ab"; }
.catfish-classes .fa-laptop:before, .vue-component-wrapper .fa-laptop:before { content: "\f109"; }
.catfish-classes .fa-laptop-code:before, .vue-component-wrapper .fa-laptop-code:before { content: "\f5fc"; }
.catfish-classes .fa-laravel:before, .vue-component-wrapper .fa-laravel:before { content: "\f3bd"; }
.catfish-classes .fa-lastfm:before, .vue-component-wrapper .fa-lastfm:before { content: "\f202"; }
.catfish-classes .fa-lastfm-square:before, .vue-component-wrapper .fa-lastfm-square:before { content: "\f203"; }
.catfish-classes .fa-laugh:before, .vue-component-wrapper .fa-laugh:before { content: "\f599"; }
.catfish-classes .fa-laugh-beam:before, .vue-component-wrapper .fa-laugh-beam:before { content: "\f59a"; }
.catfish-classes .fa-laugh-squint:before, .vue-component-wrapper .fa-laugh-squint:before { content: "\f59b"; }
.catfish-classes .fa-laugh-wink:before, .vue-component-wrapper .fa-laugh-wink:before { content: "\f59c"; }
.catfish-classes .fa-layer-group:before, .vue-component-wrapper .fa-layer-group:before { content: "\f5fd"; }
.catfish-classes .fa-layer-minus:before, .vue-component-wrapper .fa-layer-minus:before { content: "\f5fe"; }
.catfish-classes .fa-layer-plus:before, .vue-component-wrapper .fa-layer-plus:before { content: "\f5ff"; }
.catfish-classes .fa-leaf:before, .vue-component-wrapper .fa-leaf:before { content: "\f06c"; }
.catfish-classes .fa-leaf-heart:before, .vue-component-wrapper .fa-leaf-heart:before { content: "\f4cb"; }
.catfish-classes .fa-leanpub:before, .vue-component-wrapper .fa-leanpub:before { content: "\f212"; }
.catfish-classes .fa-lemon:before, .vue-component-wrapper .fa-lemon:before { content: "\f094"; }
.catfish-classes .fa-less:before, .vue-component-wrapper .fa-less:before { content: "\f41d"; }
.catfish-classes .fa-less-than:before, .vue-component-wrapper .fa-less-than:before { content: "\f536"; }
.catfish-classes .fa-less-than-equal:before, .vue-component-wrapper .fa-less-than-equal:before { content: "\f537"; }
.catfish-classes .fa-level-down:before, .vue-component-wrapper .fa-level-down:before { content: "\f149"; }
.catfish-classes .fa-level-down-alt:before, .vue-component-wrapper .fa-level-down-alt:before { content: "\f3be"; }
.catfish-classes .fa-level-up:before, .vue-component-wrapper .fa-level-up:before { content: "\f148"; }
.catfish-classes .fa-level-up-alt:before, .vue-component-wrapper .fa-level-up-alt:before { content: "\f3bf"; }
.catfish-classes .fa-life-ring:before, .vue-component-wrapper .fa-life-ring:before { content: "\f1cd"; }
.catfish-classes .fa-lightbulb:before, .vue-component-wrapper .fa-lightbulb:before { content: "\f0eb"; }
.catfish-classes .fa-line:before, .vue-component-wrapper .fa-line:before { content: "\f3c0"; }
.catfish-classes .fa-link:before, .vue-component-wrapper .fa-link:before { content: "\f0c1"; }
.catfish-classes .fa-linkedin:before, .vue-component-wrapper .fa-linkedin:before { content: "\f08c"; }
.catfish-classes .fa-linkedin-in:before, .vue-component-wrapper .fa-linkedin-in:before { content: "\f0e1"; }
.catfish-classes .fa-linode:before, .vue-component-wrapper .fa-linode:before { content: "\f2b8"; }
.catfish-classes .fa-linux:before, .vue-component-wrapper .fa-linux:before { content: "\f17c"; }
.catfish-classes .fa-lips:before, .vue-component-wrapper .fa-lips:before { content: "\f600"; }
.catfish-classes .fa-lira-sign:before, .vue-component-wrapper .fa-lira-sign:before { content: "\f195"; }
.catfish-classes .fa-list:before, .vue-component-wrapper .fa-list:before { content: "\f03a"; }
.catfish-classes .fa-list-alt:before, .vue-component-wrapper .fa-list-alt:before { content: "\f022"; }
.catfish-classes .fa-list-ol:before, .vue-component-wrapper .fa-list-ol:before { content: "\f0cb"; }
.catfish-classes .fa-list-ul:before, .vue-component-wrapper .fa-list-ul:before { content: "\f0ca"; }
.catfish-classes .fa-location:before, .vue-component-wrapper .fa-location:before { content: "\f601"; }
.catfish-classes .fa-location-arrow:before, .vue-component-wrapper .fa-location-arrow:before { content: "\f124"; }
.catfish-classes .fa-location-circle:before, .vue-component-wrapper .fa-location-circle:before { content: "\f602"; }
.catfish-classes .fa-location-slash:before, .vue-component-wrapper .fa-location-slash:before { content: "\f603"; }
.catfish-classes .fa-lock:before, .vue-component-wrapper .fa-lock:before { content: "\f023"; }
.catfish-classes .fa-lock-alt:before, .vue-component-wrapper .fa-lock-alt:before { content: "\f30d"; }
.catfish-classes .fa-lock-open:before, .vue-component-wrapper .fa-lock-open:before { content: "\f3c1"; }
.catfish-classes .fa-lock-open-alt:before, .vue-component-wrapper .fa-lock-open-alt:before { content: "\f3c2"; }
.catfish-classes .fa-long-arrow-alt-down:before, .vue-component-wrapper .fa-long-arrow-alt-down:before { content: "\f309"; }
.catfish-classes .fa-long-arrow-alt-left:before, .vue-component-wrapper .fa-long-arrow-alt-left:before { content: "\f30a"; }
.catfish-classes .fa-long-arrow-alt-right:before, .vue-component-wrapper .fa-long-arrow-alt-right:before { content: "\f30b"; }
.catfish-classes .fa-long-arrow-alt-up:before, .vue-component-wrapper .fa-long-arrow-alt-up:before { content: "\f30c"; }
.catfish-classes .fa-long-arrow-down:before, .vue-component-wrapper .fa-long-arrow-down:before { content: "\f175"; }
.catfish-classes .fa-long-arrow-left:before, .vue-component-wrapper .fa-long-arrow-left:before { content: "\f177"; }
.catfish-classes .fa-long-arrow-right:before, .vue-component-wrapper .fa-long-arrow-right:before { content: "\f178"; }
.catfish-classes .fa-long-arrow-up:before, .vue-component-wrapper .fa-long-arrow-up:before { content: "\f176"; }
.catfish-classes .fa-loveseat:before, .vue-component-wrapper .fa-loveseat:before { content: "\f4cc"; }
.catfish-classes .fa-low-vision:before, .vue-component-wrapper .fa-low-vision:before { content: "\f2a8"; }
.catfish-classes .fa-luchador:before, .vue-component-wrapper .fa-luchador:before { content: "\f455"; }
.catfish-classes .fa-luggage-cart:before, .vue-component-wrapper .fa-luggage-cart:before { content: "\f59d"; }
.catfish-classes .fa-lungs:before, .vue-component-wrapper .fa-lungs:before { content: "\f604"; }
.catfish-classes .fa-lyft:before, .vue-component-wrapper .fa-lyft:before { content: "\f3c3"; }
.catfish-classes .fa-magento:before, .vue-component-wrapper .fa-magento:before { content: "\f3c4"; }
.catfish-classes .fa-magic:before, .vue-component-wrapper .fa-magic:before { content: "\f0d0"; }
.catfish-classes .fa-magnet:before, .vue-component-wrapper .fa-magnet:before { content: "\f076"; }
.catfish-classes .fa-mailchimp:before, .vue-component-wrapper .fa-mailchimp:before { content: "\f59e"; }
.catfish-classes .fa-male:before, .vue-component-wrapper .fa-male:before { content: "\f183"; }
.catfish-classes .fa-mandalorian:before, .vue-component-wrapper .fa-mandalorian:before { content: "\f50f"; }
.catfish-classes .fa-map:before, .vue-component-wrapper .fa-map:before { content: "\f279"; }
.catfish-classes .fa-map-marked:before, .vue-component-wrapper .fa-map-marked:before { content: "\f59f"; }
.catfish-classes .fa-map-marked-alt:before, .vue-component-wrapper .fa-map-marked-alt:before { content: "\f5a0"; }
.catfish-classes .fa-map-marker:before, .vue-component-wrapper .fa-map-marker:before { content: "\f041"; }
.catfish-classes .fa-map-marker-alt:before, .vue-component-wrapper .fa-map-marker-alt:before { content: "\f3c5"; }
.catfish-classes .fa-map-marker-alt-slash:before, .vue-component-wrapper .fa-map-marker-alt-slash:before { content: "\f605"; }
.catfish-classes .fa-map-marker-check:before, .vue-component-wrapper .fa-map-marker-check:before { content: "\f606"; }
.catfish-classes .fa-map-marker-edit:before, .vue-component-wrapper .fa-map-marker-edit:before { content: "\f607"; }
.catfish-classes .fa-map-marker-exclamation:before, .vue-component-wrapper .fa-map-marker-exclamation:before { content: "\f608"; }
.catfish-classes .fa-map-marker-minus:before, .vue-component-wrapper .fa-map-marker-minus:before { content: "\f609"; }
.catfish-classes .fa-map-marker-plus:before, .vue-component-wrapper .fa-map-marker-plus:before { content: "\f60a"; }
.catfish-classes .fa-map-marker-question:before, .vue-component-wrapper .fa-map-marker-question:before { content: "\f60b"; }
.catfish-classes .fa-map-marker-slash:before, .vue-component-wrapper .fa-map-marker-slash:before { content: "\f60c"; }
.catfish-classes .fa-map-marker-smile:before, .vue-component-wrapper .fa-map-marker-smile:before { content: "\f60d"; }
.catfish-classes .fa-map-marker-times:before, .vue-component-wrapper .fa-map-marker-times:before { content: "\f60e"; }
.catfish-classes .fa-map-pin:before, .vue-component-wrapper .fa-map-pin:before { content: "\f276"; }
.catfish-classes .fa-map-signs:before, .vue-component-wrapper .fa-map-signs:before { content: "\f277"; }
.catfish-classes .fa-markdown:before, .vue-component-wrapper .fa-markdown:before { content: "\f60f"; }
.catfish-classes .fa-marker:before, .vue-component-wrapper .fa-marker:before { content: "\f5a1"; }
.catfish-classes .fa-mars:before, .vue-component-wrapper .fa-mars:before { content: "\f222"; }
.catfish-classes .fa-mars-double:before, .vue-component-wrapper .fa-mars-double:before { content: "\f227"; }
.catfish-classes .fa-mars-stroke:before, .vue-component-wrapper .fa-mars-stroke:before { content: "\f229"; }
.catfish-classes .fa-mars-stroke-h:before, .vue-component-wrapper .fa-mars-stroke-h:before { content: "\f22b"; }
.catfish-classes .fa-mars-stroke-v:before, .vue-component-wrapper .fa-mars-stroke-v:before { content: "\f22a"; }
.catfish-classes .fa-mastodon:before, .vue-component-wrapper .fa-mastodon:before { content: "\f4f6"; }
.catfish-classes .fa-maxcdn:before, .vue-component-wrapper .fa-maxcdn:before { content: "\f136"; }
.catfish-classes .fa-medal:before, .vue-component-wrapper .fa-medal:before { content: "\f5a2"; }
.catfish-classes .fa-medapps:before, .vue-component-wrapper .fa-medapps:before { content: "\f3c6"; }
.catfish-classes .fa-medium:before, .vue-component-wrapper .fa-medium:before { content: "\f23a"; }
.catfish-classes .fa-medium-m:before, .vue-component-wrapper .fa-medium-m:before { content: "\f3c7"; }
.catfish-classes .fa-medkit:before, .vue-component-wrapper .fa-medkit:before { content: "\f0fa"; }
.catfish-classes .fa-medrt:before, .vue-component-wrapper .fa-medrt:before { content: "\f3c8"; }
.catfish-classes .fa-meetup:before, .vue-component-wrapper .fa-meetup:before { content: "\f2e0"; }
.catfish-classes .fa-megaport:before, .vue-component-wrapper .fa-megaport:before { content: "\f5a3"; }
.catfish-classes .fa-meh:before, .vue-component-wrapper .fa-meh:before { content: "\f11a"; }
.catfish-classes .fa-meh-blank:before, .vue-component-wrapper .fa-meh-blank:before { content: "\f5a4"; }
.catfish-classes .fa-meh-rolling-eyes:before, .vue-component-wrapper .fa-meh-rolling-eyes:before { content: "\f5a5"; }
.catfish-classes .fa-memory:before, .vue-component-wrapper .fa-memory:before { content: "\f538"; }
.catfish-classes .fa-mercury:before, .vue-component-wrapper .fa-mercury:before { content: "\f223"; }
.catfish-classes .fa-microchip:before, .vue-component-wrapper .fa-microchip:before { content: "\f2db"; }
.catfish-classes .fa-microphone:before, .vue-component-wrapper .fa-microphone:before { content: "\f130"; }
.catfish-classes .fa-microphone-alt:before, .vue-component-wrapper .fa-microphone-alt:before { content: "\f3c9"; }
.catfish-classes .fa-microphone-alt-slash:before, .vue-component-wrapper .fa-microphone-alt-slash:before { content: "\f539"; }
.catfish-classes .fa-microphone-slash:before, .vue-component-wrapper .fa-microphone-slash:before { content: "\f131"; }
.catfish-classes .fa-microscope:before, .vue-component-wrapper .fa-microscope:before { content: "\f610"; }
.catfish-classes .fa-microsoft:before, .vue-component-wrapper .fa-microsoft:before { content: "\f3ca"; }
.catfish-classes .fa-minus:before, .vue-component-wrapper .fa-minus:before { content: "\f068"; }
.catfish-classes .fa-minus-circle:before, .vue-component-wrapper .fa-minus-circle:before { content: "\f056"; }
.catfish-classes .fa-minus-hexagon:before, .vue-component-wrapper .fa-minus-hexagon:before { content: "\f307"; }
.catfish-classes .fa-minus-octagon:before, .vue-component-wrapper .fa-minus-octagon:before { content: "\f308"; }
.catfish-classes .fa-minus-square:before, .vue-component-wrapper .fa-minus-square:before { content: "\f146"; }
.catfish-classes .fa-mix:before, .vue-component-wrapper .fa-mix:before { content: "\f3cb"; }
.catfish-classes .fa-mixcloud:before, .vue-component-wrapper .fa-mixcloud:before { content: "\f289"; }
.catfish-classes .fa-mizuni:before, .vue-component-wrapper .fa-mizuni:before { content: "\f3cc"; }
.catfish-classes .fa-mobile:before, .vue-component-wrapper .fa-mobile:before { content: "\f10b"; }
.catfish-classes .fa-mobile-alt:before, .vue-component-wrapper .fa-mobile-alt:before { content: "\f3cd"; }
.catfish-classes .fa-mobile-android:before, .vue-component-wrapper .fa-mobile-android:before { content: "\f3ce"; }
.catfish-classes .fa-mobile-android-alt:before, .vue-component-wrapper .fa-mobile-android-alt:before { content: "\f3cf"; }
.catfish-classes .fa-modx:before, .vue-component-wrapper .fa-modx:before { content: "\f285"; }
.catfish-classes .fa-monero:before, .vue-component-wrapper .fa-monero:before { content: "\f3d0"; }
.catfish-classes .fa-money-bill:before, .vue-component-wrapper .fa-money-bill:before { content: "\f0d6"; }
.catfish-classes .fa-money-bill-alt:before, .vue-component-wrapper .fa-money-bill-alt:before { content: "\f3d1"; }
.catfish-classes .fa-money-bill-wave:before, .vue-component-wrapper .fa-money-bill-wave:before { content: "\f53a"; }
.catfish-classes .fa-money-bill-wave-alt:before, .vue-component-wrapper .fa-money-bill-wave-alt:before { content: "\f53b"; }
.catfish-classes .fa-money-check:before, .vue-component-wrapper .fa-money-check:before { content: "\f53c"; }
.catfish-classes .fa-money-check-alt:before, .vue-component-wrapper .fa-money-check-alt:before { content: "\f53d"; }
.catfish-classes .fa-monitor-heart-rate:before, .vue-component-wrapper .fa-monitor-heart-rate:before { content: "\f611"; }
.catfish-classes .fa-monument:before, .vue-component-wrapper .fa-monument:before { content: "\f5a6"; }
.catfish-classes .fa-moon:before, .vue-component-wrapper .fa-moon:before { content: "\f186"; }
.catfish-classes .fa-mortar-pestle:before, .vue-component-wrapper .fa-mortar-pestle:before { content: "\f5a7"; }
.catfish-classes .fa-motorcycle:before, .vue-component-wrapper .fa-motorcycle:before { content: "\f21c"; }
.catfish-classes .fa-mouse-pointer:before, .vue-component-wrapper .fa-mouse-pointer:before { content: "\f245"; }
.catfish-classes .fa-music:before, .vue-component-wrapper .fa-music:before { content: "\f001"; }
.catfish-classes .fa-napster:before, .vue-component-wrapper .fa-napster:before { content: "\f3d2"; }
.catfish-classes .fa-neos:before, .vue-component-wrapper .fa-neos:before { content: "\f612"; }
.catfish-classes .fa-neuter:before, .vue-component-wrapper .fa-neuter:before { content: "\f22c"; }
.catfish-classes .fa-newspaper:before, .vue-component-wrapper .fa-newspaper:before { content: "\f1ea"; }
.catfish-classes .fa-nimblr:before, .vue-component-wrapper .fa-nimblr:before { content: "\f5a8"; }
.catfish-classes .fa-nintendo-switch:before, .vue-component-wrapper .fa-nintendo-switch:before { content: "\f418"; }
.catfish-classes .fa-node:before, .vue-component-wrapper .fa-node:before { content: "\f419"; }
.catfish-classes .fa-node-js:before, .vue-component-wrapper .fa-node-js:before { content: "\f3d3"; }
.catfish-classes .fa-not-equal:before, .vue-component-wrapper .fa-not-equal:before { content: "\f53e"; }
.catfish-classes .fa-notes-medical:before, .vue-component-wrapper .fa-notes-medical:before { content: "\f481"; }
.catfish-classes .fa-npm:before, .vue-component-wrapper .fa-npm:before { content: "\f3d4"; }
.catfish-classes .fa-ns8:before, .vue-component-wrapper .fa-ns8:before { content: "\f3d5"; }
.catfish-classes .fa-nutritionix:before, .vue-component-wrapper .fa-nutritionix:before { content: "\f3d6"; }
.catfish-classes .fa-object-group:before, .vue-component-wrapper .fa-object-group:before { content: "\f247"; }
.catfish-classes .fa-object-ungroup:before, .vue-component-wrapper .fa-object-ungroup:before { content: "\f248"; }
.catfish-classes .fa-octagon:before, .vue-component-wrapper .fa-octagon:before { content: "\f306"; }
.catfish-classes .fa-odnoklassniki:before, .vue-component-wrapper .fa-odnoklassniki:before { content: "\f263"; }
.catfish-classes .fa-odnoklassniki-square:before, .vue-component-wrapper .fa-odnoklassniki-square:before { content: "\f264"; }
.catfish-classes .fa-oil-can:before, .vue-component-wrapper .fa-oil-can:before { content: "\f613"; }
.catfish-classes .fa-oil-temp:before, .vue-component-wrapper .fa-oil-temp:before { content: "\f614"; }
.catfish-classes .fa-old-republic:before, .vue-component-wrapper .fa-old-republic:before { content: "\f510"; }
.catfish-classes .fa-opencart:before, .vue-component-wrapper .fa-opencart:before { content: "\f23d"; }
.catfish-classes .fa-openid:before, .vue-component-wrapper .fa-openid:before { content: "\f19b"; }
.catfish-classes .fa-opera:before, .vue-component-wrapper .fa-opera:before { content: "\f26a"; }
.catfish-classes .fa-optin-monster:before, .vue-component-wrapper .fa-optin-monster:before { content: "\f23c"; }
.catfish-classes .fa-osi:before, .vue-component-wrapper .fa-osi:before { content: "\f41a"; }
.catfish-classes .fa-outdent:before, .vue-component-wrapper .fa-outdent:before { content: "\f03b"; }
.catfish-classes .fa-page4:before, .vue-component-wrapper .fa-page4:before { content: "\f3d7"; }
.catfish-classes .fa-pagelines:before, .vue-component-wrapper .fa-pagelines:before { content: "\f18c"; }
.catfish-classes .fa-paint-brush:before, .vue-component-wrapper .fa-paint-brush:before { content: "\f1fc"; }
.catfish-classes .fa-paint-brush-alt:before, .vue-component-wrapper .fa-paint-brush-alt:before { content: "\f5a9"; }
.catfish-classes .fa-paint-roller:before, .vue-component-wrapper .fa-paint-roller:before { content: "\f5aa"; }
.catfish-classes .fa-palette:before, .vue-component-wrapper .fa-palette:before { content: "\f53f"; }
.catfish-classes .fa-palfed:before, .vue-component-wrapper .fa-palfed:before { content: "\f3d8"; }
.catfish-classes .fa-pallet:before, .vue-component-wrapper .fa-pallet:before { content: "\f482"; }
.catfish-classes .fa-pallet-alt:before, .vue-component-wrapper .fa-pallet-alt:before { content: "\f483"; }
.catfish-classes .fa-paper-plane:before, .vue-component-wrapper .fa-paper-plane:before { content: "\f1d8"; }
.catfish-classes .fa-paperclip:before, .vue-component-wrapper .fa-paperclip:before { content: "\f0c6"; }
.catfish-classes .fa-parachute-box:before, .vue-component-wrapper .fa-parachute-box:before { content: "\f4cd"; }
.catfish-classes .fa-paragraph:before, .vue-component-wrapper .fa-paragraph:before { content: "\f1dd"; }
.catfish-classes .fa-parking:before, .vue-component-wrapper .fa-parking:before { content: "\f540"; }
.catfish-classes .fa-parking-circle:before, .vue-component-wrapper .fa-parking-circle:before { content: "\f615"; }
.catfish-classes .fa-parking-circle-slash:before, .vue-component-wrapper .fa-parking-circle-slash:before { content: "\f616"; }
.catfish-classes .fa-parking-slash:before, .vue-component-wrapper .fa-parking-slash:before { content: "\f617"; }
.catfish-classes .fa-passport:before, .vue-component-wrapper .fa-passport:before { content: "\f5ab"; }
.catfish-classes .fa-paste:before, .vue-component-wrapper .fa-paste:before { content: "\f0ea"; }
.catfish-classes .fa-patreon:before, .vue-component-wrapper .fa-patreon:before { content: "\f3d9"; }
.catfish-classes .fa-pause:before, .vue-component-wrapper .fa-pause:before { content: "\f04c"; }
.catfish-classes .fa-pause-circle:before, .vue-component-wrapper .fa-pause-circle:before { content: "\f28b"; }
.catfish-classes .fa-paw:before, .vue-component-wrapper .fa-paw:before { content: "\f1b0"; }
.catfish-classes .fa-paypal:before, .vue-component-wrapper .fa-paypal:before { content: "\f1ed"; }
.catfish-classes .fa-pen:before, .vue-component-wrapper .fa-pen:before { content: "\f304"; }
.catfish-classes .fa-pen-alt:before, .vue-component-wrapper .fa-pen-alt:before { content: "\f305"; }
.catfish-classes .fa-pen-fancy:before, .vue-component-wrapper .fa-pen-fancy:before { content: "\f5ac"; }
.catfish-classes .fa-pen-nib:before, .vue-component-wrapper .fa-pen-nib:before { content: "\f5ad"; }
.catfish-classes .fa-pen-square:before, .vue-component-wrapper .fa-pen-square:before { content: "\f14b"; }
.catfish-classes .fa-pencil:before, .vue-component-wrapper .fa-pencil:before { content: "\f040"; }
.catfish-classes .fa-pencil-alt:before, .vue-component-wrapper .fa-pencil-alt:before { content: "\f303"; }
.catfish-classes .fa-pencil-paintbrush:before, .vue-component-wrapper .fa-pencil-paintbrush:before { content: "\f618"; }
.catfish-classes .fa-pencil-ruler:before, .vue-component-wrapper .fa-pencil-ruler:before { content: "\f5ae"; }
.catfish-classes .fa-pennant:before, .vue-component-wrapper .fa-pennant:before { content: "\f456"; }
.catfish-classes .fa-people-carry:before, .vue-component-wrapper .fa-people-carry:before { content: "\f4ce"; }
.catfish-classes .fa-percent:before, .vue-component-wrapper .fa-percent:before { content: "\f295"; }
.catfish-classes .fa-percentage:before, .vue-component-wrapper .fa-percentage:before { content: "\f541"; }
.catfish-classes .fa-periscope:before, .vue-component-wrapper .fa-periscope:before { content: "\f3da"; }
.catfish-classes .fa-person-carry:before, .vue-component-wrapper .fa-person-carry:before { content: "\f4cf"; }
.catfish-classes .fa-person-dolly:before, .vue-component-wrapper .fa-person-dolly:before { content: "\f4d0"; }
.catfish-classes .fa-person-dolly-empty:before, .vue-component-wrapper .fa-person-dolly-empty:before { content: "\f4d1"; }
.catfish-classes .fa-phabricator:before, .vue-component-wrapper .fa-phabricator:before { content: "\f3db"; }
.catfish-classes .fa-phoenix-framework:before, .vue-component-wrapper .fa-phoenix-framework:before { content: "\f3dc"; }
.catfish-classes .fa-phoenix-squadron:before, .vue-component-wrapper .fa-phoenix-squadron:before { content: "\f511"; }
.catfish-classes .fa-phone:before, .vue-component-wrapper .fa-phone:before { content: "\f095"; }
.catfish-classes .fa-phone-plus:before, .vue-component-wrapper .fa-phone-plus:before { content: "\f4d2"; }
.catfish-classes .fa-phone-slash:before, .vue-component-wrapper .fa-phone-slash:before { content: "\f3dd"; }
.catfish-classes .fa-phone-square:before, .vue-component-wrapper .fa-phone-square:before { content: "\f098"; }
.catfish-classes .fa-phone-volume:before, .vue-component-wrapper .fa-phone-volume:before { content: "\f2a0"; }
.catfish-classes .fa-php:before, .vue-component-wrapper .fa-php:before { content: "\f457"; }
.catfish-classes .fa-pied-piper:before, .vue-component-wrapper .fa-pied-piper:before { content: "\f2ae"; }
.catfish-classes .fa-pied-piper-alt:before, .vue-component-wrapper .fa-pied-piper-alt:before { content: "\f1a8"; }
.catfish-classes .fa-pied-piper-hat:before, .vue-component-wrapper .fa-pied-piper-hat:before { content: "\f4e5"; }
.catfish-classes .fa-pied-piper-pp:before, .vue-component-wrapper .fa-pied-piper-pp:before { content: "\f1a7"; }
.catfish-classes .fa-piggy-bank:before, .vue-component-wrapper .fa-piggy-bank:before { content: "\f4d3"; }
.catfish-classes .fa-pills:before, .vue-component-wrapper .fa-pills:before { content: "\f484"; }
.catfish-classes .fa-pinterest:before, .vue-component-wrapper .fa-pinterest:before { content: "\f0d2"; }
.catfish-classes .fa-pinterest-p:before, .vue-component-wrapper .fa-pinterest-p:before { content: "\f231"; }
.catfish-classes .fa-pinterest-square:before, .vue-component-wrapper .fa-pinterest-square:before { content: "\f0d3"; }
.catfish-classes .fa-plane:before, .vue-component-wrapper .fa-plane:before { content: "\f072"; }
.catfish-classes .fa-plane-alt:before, .vue-component-wrapper .fa-plane-alt:before { content: "\f3de"; }
.catfish-classes .fa-plane-arrival:before, .vue-component-wrapper .fa-plane-arrival:before { content: "\f5af"; }
.catfish-classes .fa-plane-departure:before, .vue-component-wrapper .fa-plane-departure:before { content: "\f5b0"; }
.catfish-classes .fa-play:before, .vue-component-wrapper .fa-play:before { content: "\f04b"; }
.catfish-classes .fa-play-circle:before, .vue-component-wrapper .fa-play-circle:before { content: "\f144"; }
.catfish-classes .fa-playstation:before, .vue-component-wrapper .fa-playstation:before { content: "\f3df"; }
.catfish-classes .fa-plug:before, .vue-component-wrapper .fa-plug:before { content: "\f1e6"; }
.catfish-classes .fa-plus:before, .vue-component-wrapper .fa-plus:before { content: "\f067"; }
.catfish-classes .fa-plus-circle:before, .vue-component-wrapper .fa-plus-circle:before { content: "\f055"; }
.catfish-classes .fa-plus-hexagon:before, .vue-component-wrapper .fa-plus-hexagon:before { content: "\f300"; }
.catfish-classes .fa-plus-octagon:before, .vue-component-wrapper .fa-plus-octagon:before { content: "\f301"; }
.catfish-classes .fa-plus-square:before, .vue-component-wrapper .fa-plus-square:before { content: "\f0fe"; }
.catfish-classes .fa-podcast:before, .vue-component-wrapper .fa-podcast:before { content: "\f2ce"; }
.catfish-classes .fa-poo:before, .vue-component-wrapper .fa-poo:before { content: "\f2fe"; }
.catfish-classes .fa-poop:before, .vue-component-wrapper .fa-poop:before { content: "\f619"; }
.catfish-classes .fa-portrait:before, .vue-component-wrapper .fa-portrait:before { content: "\f3e0"; }
.catfish-classes .fa-pound-sign:before, .vue-component-wrapper .fa-pound-sign:before { content: "\f154"; }
.catfish-classes .fa-power-off:before, .vue-component-wrapper .fa-power-off:before { content: "\f011"; }
.catfish-classes .fa-prescription:before, .vue-component-wrapper .fa-prescription:before { content: "\f5b1"; }
.catfish-classes .fa-prescription-bottle:before, .vue-component-wrapper .fa-prescription-bottle:before { content: "\f485"; }
.catfish-classes .fa-prescription-bottle-alt:before, .vue-component-wrapper .fa-prescription-bottle-alt:before { content: "\f486"; }
.catfish-classes .fa-print:before, .vue-component-wrapper .fa-print:before { content: "\f02f"; }
.catfish-classes .fa-procedures:before, .vue-component-wrapper .fa-procedures:before { content: "\f487"; }
.catfish-classes .fa-product-hunt:before, .vue-component-wrapper .fa-product-hunt:before { content: "\f288"; }
.catfish-classes .fa-project-diagram:before, .vue-component-wrapper .fa-project-diagram:before { content: "\f542"; }
.catfish-classes .fa-pushed:before, .vue-component-wrapper .fa-pushed:before { content: "\f3e1"; }
.catfish-classes .fa-puzzle-piece:before, .vue-component-wrapper .fa-puzzle-piece:before { content: "\f12e"; }
.catfish-classes .fa-python:before, .vue-component-wrapper .fa-python:before { content: "\f3e2"; }
.catfish-classes .fa-qq:before, .vue-component-wrapper .fa-qq:before { content: "\f1d6"; }
.catfish-classes .fa-qrcode:before, .vue-component-wrapper .fa-qrcode:before { content: "\f029"; }
.catfish-classes .fa-question:before, .vue-component-wrapper .fa-question:before { content: "\f128"; }
.catfish-classes .fa-question-circle:before, .vue-component-wrapper .fa-question-circle:before { content: "\f059"; }
.catfish-classes .fa-question-square:before, .vue-component-wrapper .fa-question-square:before { content: "\f2fd"; }
.catfish-classes .fa-quidditch:before, .vue-component-wrapper .fa-quidditch:before { content: "\f458"; }
.catfish-classes .fa-quinscape:before, .vue-component-wrapper .fa-quinscape:before { content: "\f459"; }
.catfish-classes .fa-quora:before, .vue-component-wrapper .fa-quora:before { content: "\f2c4"; }
.catfish-classes .fa-quote-left:before, .vue-component-wrapper .fa-quote-left:before { content: "\f10d"; }
.catfish-classes .fa-quote-right:before, .vue-component-wrapper .fa-quote-right:before { content: "\f10e"; }
.catfish-classes .fa-r-project:before, .vue-component-wrapper .fa-r-project:before { content: "\f4f7"; }
.catfish-classes .fa-racquet:before, .vue-component-wrapper .fa-racquet:before { content: "\f45a"; }
.catfish-classes .fa-ramp-loading:before, .vue-component-wrapper .fa-ramp-loading:before { content: "\f4d4"; }
.catfish-classes .fa-random:before, .vue-component-wrapper .fa-random:before { content: "\f074"; }
.catfish-classes .fa-ravelry:before, .vue-component-wrapper .fa-ravelry:before { content: "\f2d9"; }
.catfish-classes .fa-react:before, .vue-component-wrapper .fa-react:before { content: "\f41b"; }
.catfish-classes .fa-readme:before, .vue-component-wrapper .fa-readme:before { content: "\f4d5"; }
.catfish-classes .fa-rebel:before, .vue-component-wrapper .fa-rebel:before { content: "\f1d0"; }
.catfish-classes .fa-receipt:before, .vue-component-wrapper .fa-receipt:before { content: "\f543"; }
.catfish-classes .fa-rectangle-landscape:before, .vue-component-wrapper .fa-rectangle-landscape:before { content: "\f2fa"; }
.catfish-classes .fa-rectangle-portrait:before, .vue-component-wrapper .fa-rectangle-portrait:before { content: "\f2fb"; }
.catfish-classes .fa-rectangle-wide:before, .vue-component-wrapper .fa-rectangle-wide:before { content: "\f2fc"; }
.catfish-classes .fa-recycle:before, .vue-component-wrapper .fa-recycle:before { content: "\f1b8"; }
.catfish-classes .fa-red-river:before, .vue-component-wrapper .fa-red-river:before { content: "\f3e3"; }
.catfish-classes .fa-reddit:before, .vue-component-wrapper .fa-reddit:before { content: "\f1a1"; }
.catfish-classes .fa-reddit-alien:before, .vue-component-wrapper .fa-reddit-alien:before { content: "\f281"; }
.catfish-classes .fa-reddit-square:before, .vue-component-wrapper .fa-reddit-square:before { content: "\f1a2"; }
.catfish-classes .fa-redo:before, .vue-component-wrapper .fa-redo:before { content: "\f01e"; }
.catfish-classes .fa-redo-alt:before, .vue-component-wrapper .fa-redo-alt:before { content: "\f2f9"; }
.catfish-classes .fa-registered:before, .vue-component-wrapper .fa-registered:before { content: "\f25d"; }
.catfish-classes .fa-rendact:before, .vue-component-wrapper .fa-rendact:before { content: "\f3e4"; }
.catfish-classes .fa-renren:before, .vue-component-wrapper .fa-renren:before { content: "\f18b"; }
.catfish-classes .fa-repeat:before, .vue-component-wrapper .fa-repeat:before { content: "\f363"; }
.catfish-classes .fa-repeat-1:before, .vue-component-wrapper .fa-repeat-1:before { content: "\f365"; }
.catfish-classes .fa-repeat-1-alt:before, .vue-component-wrapper .fa-repeat-1-alt:before { content: "\f366"; }
.catfish-classes .fa-repeat-alt:before, .vue-component-wrapper .fa-repeat-alt:before { content: "\f364"; }
.catfish-classes .fa-reply:before, .vue-component-wrapper .fa-reply:before { content: "\f3e5"; }
.catfish-classes .fa-reply-all:before, .vue-component-wrapper .fa-reply-all:before { content: "\f122"; }
.catfish-classes .fa-replyd:before, .vue-component-wrapper .fa-replyd:before { content: "\f3e6"; }
.catfish-classes .fa-researchgate:before, .vue-component-wrapper .fa-researchgate:before { content: "\f4f8"; }
.catfish-classes .fa-resolving:before, .vue-component-wrapper .fa-resolving:before { content: "\f3e7"; }
.catfish-classes .fa-retweet:before, .vue-component-wrapper .fa-retweet:before { content: "\f079"; }
.catfish-classes .fa-retweet-alt:before, .vue-component-wrapper .fa-retweet-alt:before { content: "\f361"; }
.catfish-classes .fa-rev:before, .vue-component-wrapper .fa-rev:before { content: "\f5b2"; }
.catfish-classes .fa-ribbon:before, .vue-component-wrapper .fa-ribbon:before { content: "\f4d6"; }
.catfish-classes .fa-road:before, .vue-component-wrapper .fa-road:before { content: "\f018"; }
.catfish-classes .fa-robot:before, .vue-component-wrapper .fa-robot:before { content: "\f544"; }
.catfish-classes .fa-rocket:before, .vue-component-wrapper .fa-rocket:before { content: "\f135"; }
.catfish-classes .fa-rocketchat:before, .vue-component-wrapper .fa-rocketchat:before { content: "\f3e8"; }
.catfish-classes .fa-rockrms:before, .vue-component-wrapper .fa-rockrms:before { content: "\f3e9"; }
.catfish-classes .fa-route:before, .vue-component-wrapper .fa-route:before { content: "\f4d7"; }
.catfish-classes .fa-route-highway:before, .vue-component-wrapper .fa-route-highway:before { content: "\f61a"; }
.catfish-classes .fa-route-interstate:before, .vue-component-wrapper .fa-route-interstate:before { content: "\f61b"; }
.catfish-classes .fa-rss:before, .vue-component-wrapper .fa-rss:before { content: "\f09e"; }
.catfish-classes .fa-rss-square:before, .vue-component-wrapper .fa-rss-square:before { content: "\f143"; }
.catfish-classes .fa-ruble-sign:before, .vue-component-wrapper .fa-ruble-sign:before { content: "\f158"; }
.catfish-classes .fa-ruler:before, .vue-component-wrapper .fa-ruler:before { content: "\f545"; }
.catfish-classes .fa-ruler-combined:before, .vue-component-wrapper .fa-ruler-combined:before { content: "\f546"; }
.catfish-classes .fa-ruler-horizontal:before, .vue-component-wrapper .fa-ruler-horizontal:before { content: "\f547"; }
.catfish-classes .fa-ruler-triangle:before, .vue-component-wrapper .fa-ruler-triangle:before { content: "\f61c"; }
.catfish-classes .fa-ruler-vertical:before, .vue-component-wrapper .fa-ruler-vertical:before { content: "\f548"; }
.catfish-classes .fa-rupee-sign:before, .vue-component-wrapper .fa-rupee-sign:before { content: "\f156"; }
.catfish-classes .fa-sad-cry:before, .vue-component-wrapper .fa-sad-cry:before { content: "\f5b3"; }
.catfish-classes .fa-sad-tear:before, .vue-component-wrapper .fa-sad-tear:before { content: "\f5b4"; }
.catfish-classes .fa-safari:before, .vue-component-wrapper .fa-safari:before { content: "\f267"; }
.catfish-classes .fa-sass:before, .vue-component-wrapper .fa-sass:before { content: "\f41e"; }
.catfish-classes .fa-save:before, .vue-component-wrapper .fa-save:before { content: "\f0c7"; }
.catfish-classes .fa-scalpel:before, .vue-component-wrapper .fa-scalpel:before { content: "\f61d"; }
.catfish-classes .fa-scalpel-path:before, .vue-component-wrapper .fa-scalpel-path:before { content: "\f61e"; }
.catfish-classes .fa-scanner:before, .vue-component-wrapper .fa-scanner:before { content: "\f488"; }
.catfish-classes .fa-scanner-keyboard:before, .vue-component-wrapper .fa-scanner-keyboard:before { content: "\f489"; }
.catfish-classes .fa-scanner-touchscreen:before, .vue-component-wrapper .fa-scanner-touchscreen:before { content: "\f48a"; }
.catfish-classes .fa-schlix:before, .vue-component-wrapper .fa-schlix:before { content: "\f3ea"; }
.catfish-classes .fa-school:before, .vue-component-wrapper .fa-school:before { content: "\f549"; }
.catfish-classes .fa-screwdriver:before, .vue-component-wrapper .fa-screwdriver:before { content: "\f54a"; }
.catfish-classes .fa-scribd:before, .vue-component-wrapper .fa-scribd:before { content: "\f28a"; }
.catfish-classes .fa-scrubber:before, .vue-component-wrapper .fa-scrubber:before { content: "\f2f8"; }
.catfish-classes .fa-search:before, .vue-component-wrapper .fa-search:before { content: "\f002"; }
.catfish-classes .fa-search-minus:before, .vue-component-wrapper .fa-search-minus:before { content: "\f010"; }
.catfish-classes .fa-search-plus:before, .vue-component-wrapper .fa-search-plus:before { content: "\f00e"; }
.catfish-classes .fa-searchengin:before, .vue-component-wrapper .fa-searchengin:before { content: "\f3eb"; }
.catfish-classes .fa-seedling:before, .vue-component-wrapper .fa-seedling:before { content: "\f4d8"; }
.catfish-classes .fa-sellcast:before, .vue-component-wrapper .fa-sellcast:before { content: "\f2da"; }
.catfish-classes .fa-sellsy:before, .vue-component-wrapper .fa-sellsy:before { content: "\f213"; }
.catfish-classes .fa-server:before, .vue-component-wrapper .fa-server:before { content: "\f233"; }
.catfish-classes .fa-servicestack:before, .vue-component-wrapper .fa-servicestack:before { content: "\f3ec"; }
.catfish-classes .fa-shapes:before, .vue-component-wrapper .fa-shapes:before { content: "\f61f"; }
.catfish-classes .fa-share:before, .vue-component-wrapper .fa-share:before { content: "\f064"; }
.catfish-classes .fa-share-all:before, .vue-component-wrapper .fa-share-all:before { content: "\f367"; }
.catfish-classes .fa-share-alt:before, .vue-component-wrapper .fa-share-alt:before { content: "\f1e0"; }
.catfish-classes .fa-share-alt-square:before, .vue-component-wrapper .fa-share-alt-square:before { content: "\f1e1"; }
.catfish-classes .fa-share-square:before, .vue-component-wrapper .fa-share-square:before { content: "\f14d"; }
.catfish-classes .fa-shekel-sign:before, .vue-component-wrapper .fa-shekel-sign:before { content: "\f20b"; }
.catfish-classes .fa-shield:before, .vue-component-wrapper .fa-shield:before { content: "\f132"; }
.catfish-classes .fa-shield-alt:before, .vue-component-wrapper .fa-shield-alt:before { content: "\f3ed"; }
.catfish-classes .fa-shield-check:before, .vue-component-wrapper .fa-shield-check:before { content: "\f2f7"; }
.catfish-classes .fa-ship:before, .vue-component-wrapper .fa-ship:before { content: "\f21a"; }
.catfish-classes .fa-shipping-fast:before, .vue-component-wrapper .fa-shipping-fast:before { content: "\f48b"; }
.catfish-classes .fa-shipping-timed:before, .vue-component-wrapper .fa-shipping-timed:before { content: "\f48c"; }
.catfish-classes .fa-shirtsinbulk:before, .vue-component-wrapper .fa-shirtsinbulk:before { content: "\f214"; }
.catfish-classes .fa-shoe-prints:before, .vue-component-wrapper .fa-shoe-prints:before { content: "\f54b"; }
.catfish-classes .fa-shopping-bag:before, .vue-component-wrapper .fa-shopping-bag:before { content: "\f290"; }
.catfish-classes .fa-shopping-basket:before, .vue-component-wrapper .fa-shopping-basket:before { content: "\f291"; }
.catfish-classes .fa-shopping-cart:before, .vue-component-wrapper .fa-shopping-cart:before { content: "\f07a"; }
.catfish-classes .fa-shopware:before, .vue-component-wrapper .fa-shopware:before { content: "\f5b5"; }
.catfish-classes .fa-shower:before, .vue-component-wrapper .fa-shower:before { content: "\f2cc"; }
.catfish-classes .fa-shuttle-van:before, .vue-component-wrapper .fa-shuttle-van:before { content: "\f5b6"; }
.catfish-classes .fa-shuttlecock:before, .vue-component-wrapper .fa-shuttlecock:before { content: "\f45b"; }
.catfish-classes .fa-sign:before, .vue-component-wrapper .fa-sign:before { content: "\f4d9"; }
.catfish-classes .fa-sign-in:before, .vue-component-wrapper .fa-sign-in:before { content: "\f090"; }
.catfish-classes .fa-sign-in-alt:before, .vue-component-wrapper .fa-sign-in-alt:before { content: "\f2f6"; }
.catfish-classes .fa-sign-language:before, .vue-component-wrapper .fa-sign-language:before { content: "\f2a7"; }
.catfish-classes .fa-sign-out:before, .vue-component-wrapper .fa-sign-out:before { content: "\f08b"; }
.catfish-classes .fa-sign-out-alt:before, .vue-component-wrapper .fa-sign-out-alt:before { content: "\f2f5"; }
.catfish-classes .fa-signal:before, .vue-component-wrapper .fa-signal:before { content: "\f012"; }
.catfish-classes .fa-signature:before, .vue-component-wrapper .fa-signature:before { content: "\f5b7"; }
.catfish-classes .fa-simplybuilt:before, .vue-component-wrapper .fa-simplybuilt:before { content: "\f215"; }
.catfish-classes .fa-sistrix:before, .vue-component-wrapper .fa-sistrix:before { content: "\f3ee"; }
.catfish-classes .fa-sitemap:before, .vue-component-wrapper .fa-sitemap:before { content: "\f0e8"; }
.catfish-classes .fa-sith:before, .vue-component-wrapper .fa-sith:before { content: "\f512"; }
.catfish-classes .fa-skeleton:before, .vue-component-wrapper .fa-skeleton:before { content: "\f620"; }
.catfish-classes .fa-skull:before, .vue-component-wrapper .fa-skull:before { content: "\f54c"; }
.catfish-classes .fa-skyatlas:before, .vue-component-wrapper .fa-skyatlas:before { content: "\f216"; }
.catfish-classes .fa-skype:before, .vue-component-wrapper .fa-skype:before { content: "\f17e"; }
.catfish-classes .fa-slack:before, .vue-component-wrapper .fa-slack:before { content: "\f198"; }
.catfish-classes .fa-slack-hash:before, .vue-component-wrapper .fa-slack-hash:before { content: "\f3ef"; }
.catfish-classes .fa-sliders-h:before, .vue-component-wrapper .fa-sliders-h:before { content: "\f1de"; }
.catfish-classes .fa-sliders-h-square:before, .vue-component-wrapper .fa-sliders-h-square:before { content: "\f3f0"; }
.catfish-classes .fa-sliders-v:before, .vue-component-wrapper .fa-sliders-v:before { content: "\f3f1"; }
.catfish-classes .fa-sliders-v-square:before, .vue-component-wrapper .fa-sliders-v-square:before { content: "\f3f2"; }
.catfish-classes .fa-slideshare:before, .vue-component-wrapper .fa-slideshare:before { content: "\f1e7"; }
.catfish-classes .fa-smile:before, .vue-component-wrapper .fa-smile:before { content: "\f118"; }
.catfish-classes .fa-smile-beam:before, .vue-component-wrapper .fa-smile-beam:before { content: "\f5b8"; }
.catfish-classes .fa-smile-plus:before, .vue-component-wrapper .fa-smile-plus:before { content: "\f5b9"; }
.catfish-classes .fa-smile-wink:before, .vue-component-wrapper .fa-smile-wink:before { content: "\f4da"; }
.catfish-classes .fa-smoking:before, .vue-component-wrapper .fa-smoking:before { content: "\f48d"; }
.catfish-classes .fa-smoking-ban:before, .vue-component-wrapper .fa-smoking-ban:before { content: "\f54d"; }
.catfish-classes .fa-snapchat:before, .vue-component-wrapper .fa-snapchat:before { content: "\f2ab"; }
.catfish-classes .fa-snapchat-ghost:before, .vue-component-wrapper .fa-snapchat-ghost:before { content: "\f2ac"; }
.catfish-classes .fa-snapchat-square:before, .vue-component-wrapper .fa-snapchat-square:before { content: "\f2ad"; }
.catfish-classes .fa-snowflake:before, .vue-component-wrapper .fa-snowflake:before { content: "\f2dc"; }
.catfish-classes .fa-solar-panel:before, .vue-component-wrapper .fa-solar-panel:before { content: "\f5ba"; }
.catfish-classes .fa-sort:before, .vue-component-wrapper .fa-sort:before { content: "\f0dc"; }
.catfish-classes .fa-sort-alpha-down:before, .vue-component-wrapper .fa-sort-alpha-down:before { content: "\f15d"; }
.catfish-classes .fa-sort-alpha-up:before, .vue-component-wrapper .fa-sort-alpha-up:before { content: "\f15e"; }
.catfish-classes .fa-sort-amount-down:before, .vue-component-wrapper .fa-sort-amount-down:before { content: "\f160"; }
.catfish-classes .fa-sort-amount-up:before, .vue-component-wrapper .fa-sort-amount-up:before { content: "\f161"; }
.catfish-classes .fa-sort-down:before, .vue-component-wrapper .fa-sort-down:before { content: "\f0dd"; }
.catfish-classes .fa-sort-numeric-down:before, .vue-component-wrapper .fa-sort-numeric-down:before { content: "\f162"; }
.catfish-classes .fa-sort-numeric-up:before, .vue-component-wrapper .fa-sort-numeric-up:before { content: "\f163"; }
.catfish-classes .fa-sort-up:before, .vue-component-wrapper .fa-sort-up:before { content: "\f0de"; }
.catfish-classes .fa-soundcloud:before, .vue-component-wrapper .fa-soundcloud:before { content: "\f1be"; }
.catfish-classes .fa-spa:before, .vue-component-wrapper .fa-spa:before { content: "\f5bb"; }
.catfish-classes .fa-space-shuttle:before, .vue-component-wrapper .fa-space-shuttle:before { content: "\f197"; }
.catfish-classes .fa-spade:before, .vue-component-wrapper .fa-spade:before { content: "\f2f4"; }
.catfish-classes .fa-speakap:before, .vue-component-wrapper .fa-speakap:before { content: "\f3f3"; }
.catfish-classes .fa-spinner:before, .vue-component-wrapper .fa-spinner:before { content: "\f110"; }
.catfish-classes .fa-spinner-third:before, .vue-component-wrapper .fa-spinner-third:before { content: "\f3f4"; }
.catfish-classes .fa-splotch:before, .vue-component-wrapper .fa-splotch:before { content: "\f5bc"; }
.catfish-classes .fa-spotify:before, .vue-component-wrapper .fa-spotify:before { content: "\f1bc"; }
.catfish-classes .fa-spray-can:before, .vue-component-wrapper .fa-spray-can:before { content: "\f5bd"; }
.catfish-classes .fa-square:before, .vue-component-wrapper .fa-square:before { content: "\f0c8"; }
.catfish-classes .fa-square-full:before, .vue-component-wrapper .fa-square-full:before { content: "\f45c"; }
.catfish-classes .fa-squarespace:before, .vue-component-wrapper .fa-squarespace:before { content: "\f5be"; }
.catfish-classes .fa-stack-exchange:before, .vue-component-wrapper .fa-stack-exchange:before { content: "\f18d"; }
.catfish-classes .fa-stack-overflow:before, .vue-component-wrapper .fa-stack-overflow:before { content: "\f16c"; }
.catfish-classes .fa-stamp:before, .vue-component-wrapper .fa-stamp:before { content: "\f5bf"; }
.catfish-classes .fa-star:before, .vue-component-wrapper .fa-star:before { content: "\f005"; }
.catfish-classes .fa-star-exclamation:before, .vue-component-wrapper .fa-star-exclamation:before { content: "\f2f3"; }
.catfish-classes .fa-star-half:before, .vue-component-wrapper .fa-star-half:before { content: "\f089"; }
.catfish-classes .fa-star-half-alt:before, .vue-component-wrapper .fa-star-half-alt:before { content: "\f5c0"; }
.catfish-classes .fa-star-of-life:before, .vue-component-wrapper .fa-star-of-life:before { content: "\f621"; }
.catfish-classes .fa-staylinked:before, .vue-component-wrapper .fa-staylinked:before { content: "\f3f5"; }
.catfish-classes .fa-steam:before, .vue-component-wrapper .fa-steam:before { content: "\f1b6"; }
.catfish-classes .fa-steam-square:before, .vue-component-wrapper .fa-steam-square:before { content: "\f1b7"; }
.catfish-classes .fa-steam-symbol:before, .vue-component-wrapper .fa-steam-symbol:before { content: "\f3f6"; }
.catfish-classes .fa-steering-wheel:before, .vue-component-wrapper .fa-steering-wheel:before { content: "\f622"; }
.catfish-classes .fa-step-backward:before, .vue-component-wrapper .fa-step-backward:before { content: "\f048"; }
.catfish-classes .fa-step-forward:before, .vue-component-wrapper .fa-step-forward:before { content: "\f051"; }
.catfish-classes .fa-stethoscope:before, .vue-component-wrapper .fa-stethoscope:before { content: "\f0f1"; }
.catfish-classes .fa-sticker-mule:before, .vue-component-wrapper .fa-sticker-mule:before { content: "\f3f7"; }
.catfish-classes .fa-sticky-note:before, .vue-component-wrapper .fa-sticky-note:before { content: "\f249"; }
.catfish-classes .fa-stomach:before, .vue-component-wrapper .fa-stomach:before { content: "\f623"; }
.catfish-classes .fa-stop:before, .vue-component-wrapper .fa-stop:before { content: "\f04d"; }
.catfish-classes .fa-stop-circle:before, .vue-component-wrapper .fa-stop-circle:before { content: "\f28d"; }
.catfish-classes .fa-stopwatch:before, .vue-component-wrapper .fa-stopwatch:before { content: "\f2f2"; }
.catfish-classes .fa-store:before, .vue-component-wrapper .fa-store:before { content: "\f54e"; }
.catfish-classes .fa-store-alt:before, .vue-component-wrapper .fa-store-alt:before { content: "\f54f"; }
.catfish-classes .fa-strava:before, .vue-component-wrapper .fa-strava:before { content: "\f428"; }
.catfish-classes .fa-stream:before, .vue-component-wrapper .fa-stream:before { content: "\f550"; }
.catfish-classes .fa-street-view:before, .vue-component-wrapper .fa-street-view:before { content: "\f21d"; }
.catfish-classes .fa-strikethrough:before, .vue-component-wrapper .fa-strikethrough:before { content: "\f0cc"; }
.catfish-classes .fa-stripe:before, .vue-component-wrapper .fa-stripe:before { content: "\f429"; }
.catfish-classes .fa-stripe-s:before, .vue-component-wrapper .fa-stripe-s:before { content: "\f42a"; }
.catfish-classes .fa-stroopwafel:before, .vue-component-wrapper .fa-stroopwafel:before { content: "\f551"; }
.catfish-classes .fa-studiovinari:before, .vue-component-wrapper .fa-studiovinari:before { content: "\f3f8"; }
.catfish-classes .fa-stumbleupon:before, .vue-component-wrapper .fa-stumbleupon:before { content: "\f1a4"; }
.catfish-classes .fa-stumbleupon-circle:before, .vue-component-wrapper .fa-stumbleupon-circle:before { content: "\f1a3"; }
.catfish-classes .fa-subscript:before, .vue-component-wrapper .fa-subscript:before { content: "\f12c"; }
.catfish-classes .fa-subway:before, .vue-component-wrapper .fa-subway:before { content: "\f239"; }
.catfish-classes .fa-suitcase:before, .vue-component-wrapper .fa-suitcase:before { content: "\f0f2"; }
.catfish-classes .fa-suitcase-rolling:before, .vue-component-wrapper .fa-suitcase-rolling:before { content: "\f5c1"; }
.catfish-classes .fa-sun:before, .vue-component-wrapper .fa-sun:before { content: "\f185"; }
.catfish-classes .fa-superpowers:before, .vue-component-wrapper .fa-superpowers:before { content: "\f2dd"; }
.catfish-classes .fa-superscript:before, .vue-component-wrapper .fa-superscript:before { content: "\f12b"; }
.catfish-classes .fa-supple:before, .vue-component-wrapper .fa-supple:before { content: "\f3f9"; }
.catfish-classes .fa-surprise:before, .vue-component-wrapper .fa-surprise:before { content: "\f5c2"; }
.catfish-classes .fa-swatchbook:before, .vue-component-wrapper .fa-swatchbook:before { content: "\f5c3"; }
.catfish-classes .fa-swimmer:before, .vue-component-wrapper .fa-swimmer:before { content: "\f5c4"; }
.catfish-classes .fa-swimming-pool:before, .vue-component-wrapper .fa-swimming-pool:before { content: "\f5c5"; }
.catfish-classes .fa-sync:before, .vue-component-wrapper .fa-sync:before { content: "\f021"; }
.catfish-classes .fa-sync-alt:before, .vue-component-wrapper .fa-sync-alt:before { content: "\f2f1"; }
.catfish-classes .fa-syringe:before, .vue-component-wrapper .fa-syringe:before { content: "\f48e"; }
.catfish-classes .fa-table:before, .vue-component-wrapper .fa-table:before { content: "\f0ce"; }
.catfish-classes .fa-table-tennis:before, .vue-component-wrapper .fa-table-tennis:before { content: "\f45d"; }
.catfish-classes .fa-tablet:before, .vue-component-wrapper .fa-tablet:before { content: "\f10a"; }
.catfish-classes .fa-tablet-alt:before, .vue-component-wrapper .fa-tablet-alt:before { content: "\f3fa"; }
.catfish-classes .fa-tablet-android:before, .vue-component-wrapper .fa-tablet-android:before { content: "\f3fb"; }
.catfish-classes .fa-tablet-android-alt:before, .vue-component-wrapper .fa-tablet-android-alt:before { content: "\f3fc"; }
.catfish-classes .fa-tablet-rugged:before, .vue-component-wrapper .fa-tablet-rugged:before { content: "\f48f"; }
.catfish-classes .fa-tablets:before, .vue-component-wrapper .fa-tablets:before { content: "\f490"; }
.catfish-classes .fa-tachometer:before, .vue-component-wrapper .fa-tachometer:before { content: "\f0e4"; }
.catfish-classes .fa-tachometer-alt:before, .vue-component-wrapper .fa-tachometer-alt:before { content: "\f3fd"; }
.catfish-classes .fa-tachometer-alt-average:before, .vue-component-wrapper .fa-tachometer-alt-average:before { content: "\f624"; }
.catfish-classes .fa-tachometer-alt-fast:before, .vue-component-wrapper .fa-tachometer-alt-fast:before { content: "\f625"; }
.catfish-classes .fa-tachometer-alt-fastest:before, .vue-component-wrapper .fa-tachometer-alt-fastest:before { content: "\f626"; }
.catfish-classes .fa-tachometer-alt-slow:before, .vue-component-wrapper .fa-tachometer-alt-slow:before { content: "\f627"; }
.catfish-classes .fa-tachometer-alt-slowest:before, .vue-component-wrapper .fa-tachometer-alt-slowest:before { content: "\f628"; }
.catfish-classes .fa-tachometer-average:before, .vue-component-wrapper .fa-tachometer-average:before { content: "\f629"; }
.catfish-classes .fa-tachometer-fast:before, .vue-component-wrapper .fa-tachometer-fast:before { content: "\f62a"; }
.catfish-classes .fa-tachometer-fastest:before, .vue-component-wrapper .fa-tachometer-fastest:before { content: "\f62b"; }
.catfish-classes .fa-tachometer-slow:before, .vue-component-wrapper .fa-tachometer-slow:before { content: "\f62c"; }
.catfish-classes .fa-tachometer-slowest:before, .vue-component-wrapper .fa-tachometer-slowest:before { content: "\f62d"; }
.catfish-classes .fa-tag:before, .vue-component-wrapper .fa-tag:before { content: "\f02b"; }
.catfish-classes .fa-tags:before, .vue-component-wrapper .fa-tags:before { content: "\f02c"; }
.catfish-classes .fa-tape:before, .vue-component-wrapper .fa-tape:before { content: "\f4db"; }
.catfish-classes .fa-tasks:before, .vue-component-wrapper .fa-tasks:before { content: "\f0ae"; }
.catfish-classes .fa-taxi:before, .vue-component-wrapper .fa-taxi:before { content: "\f1ba"; }
.catfish-classes .fa-teamspeak:before, .vue-component-wrapper .fa-teamspeak:before { content: "\f4f9"; }
.catfish-classes .fa-teeth:before, .vue-component-wrapper .fa-teeth:before { content: "\f62e"; }
.catfish-classes .fa-teeth-open:before, .vue-component-wrapper .fa-teeth-open:before { content: "\f62f"; }
.catfish-classes .fa-telegram:before, .vue-component-wrapper .fa-telegram:before { content: "\f2c6"; }
.catfish-classes .fa-telegram-plane:before, .vue-component-wrapper .fa-telegram-plane:before { content: "\f3fe"; }
.catfish-classes .fa-tencent-weibo:before, .vue-component-wrapper .fa-tencent-weibo:before { content: "\f1d5"; }
.catfish-classes .fa-tennis-ball:before, .vue-component-wrapper .fa-tennis-ball:before { content: "\f45e"; }
.catfish-classes .fa-terminal:before, .vue-component-wrapper .fa-terminal:before { content: "\f120"; }
.catfish-classes .fa-text-height:before, .vue-component-wrapper .fa-text-height:before { content: "\f034"; }
.catfish-classes .fa-text-width:before, .vue-component-wrapper .fa-text-width:before { content: "\f035"; }
.catfish-classes .fa-th:before, .vue-component-wrapper .fa-th:before { content: "\f00a"; }
.catfish-classes .fa-th-large:before, .vue-component-wrapper .fa-th-large:before { content: "\f009"; }
.catfish-classes .fa-th-list:before, .vue-component-wrapper .fa-th-list:before { content: "\f00b"; }
.catfish-classes .fa-theater-masks:before, .vue-component-wrapper .fa-theater-masks:before { content: "\f630"; }
.catfish-classes .fa-themeco:before, .vue-component-wrapper .fa-themeco:before { content: "\f5c6"; }
.catfish-classes .fa-themeisle:before, .vue-component-wrapper .fa-themeisle:before { content: "\f2b2"; }
.catfish-classes .fa-thermometer:before, .vue-component-wrapper .fa-thermometer:before { content: "\f491"; }
.catfish-classes .fa-thermometer-empty:before, .vue-component-wrapper .fa-thermometer-empty:before { content: "\f2cb"; }
.catfish-classes .fa-thermometer-full:before, .vue-component-wrapper .fa-thermometer-full:before { content: "\f2c7"; }
.catfish-classes .fa-thermometer-half:before, .vue-component-wrapper .fa-thermometer-half:before { content: "\f2c9"; }
.catfish-classes .fa-thermometer-quarter:before, .vue-component-wrapper .fa-thermometer-quarter:before { content: "\f2ca"; }
.catfish-classes .fa-thermometer-three-quarters:before, .vue-component-wrapper .fa-thermometer-three-quarters:before { content: "\f2c8"; }
.catfish-classes .fa-thumbs-down:before, .vue-component-wrapper .fa-thumbs-down:before { content: "\f165"; }
.catfish-classes .fa-thumbs-up:before, .vue-component-wrapper .fa-thumbs-up:before { content: "\f164"; }
.catfish-classes .fa-thumbtack:before, .vue-component-wrapper .fa-thumbtack:before { content: "\f08d"; }
.catfish-classes .fa-ticket:before, .vue-component-wrapper .fa-ticket:before { content: "\f145"; }
.catfish-classes .fa-ticket-alt:before, .vue-component-wrapper .fa-ticket-alt:before { content: "\f3ff"; }
.catfish-classes .fa-times:before, .vue-component-wrapper .fa-times:before { content: "\f00d"; }
.catfish-classes .fa-times-circle:before, .vue-component-wrapper .fa-times-circle:before { content: "\f057"; }
.catfish-classes .fa-times-hexagon:before, .vue-component-wrapper .fa-times-hexagon:before { content: "\f2ee"; }
.catfish-classes .fa-times-octagon:before, .vue-component-wrapper .fa-times-octagon:before { content: "\f2f0"; }
.catfish-classes .fa-times-square:before, .vue-component-wrapper .fa-times-square:before { content: "\f2d3"; }
.catfish-classes .fa-tint:before, .vue-component-wrapper .fa-tint:before { content: "\f043"; }
.catfish-classes .fa-tint-slash:before, .vue-component-wrapper .fa-tint-slash:before { content: "\f5c7"; }
.catfish-classes .fa-tire:before, .vue-component-wrapper .fa-tire:before { content: "\f631"; }
.catfish-classes .fa-tire-flat:before, .vue-component-wrapper .fa-tire-flat:before { content: "\f632"; }
.catfish-classes .fa-tire-pressure-warning:before, .vue-component-wrapper .fa-tire-pressure-warning:before { content: "\f633"; }
.catfish-classes .fa-tire-rugged:before, .vue-component-wrapper .fa-tire-rugged:before { content: "\f634"; }
.catfish-classes .fa-tired:before, .vue-component-wrapper .fa-tired:before { content: "\f5c8"; }
.catfish-classes .fa-toggle-off:before, .vue-component-wrapper .fa-toggle-off:before { content: "\f204"; }
.catfish-classes .fa-toggle-on:before, .vue-component-wrapper .fa-toggle-on:before { content: "\f205"; }
.catfish-classes .fa-toolbox:before, .vue-component-wrapper .fa-toolbox:before { content: "\f552"; }
.catfish-classes .fa-tooth:before, .vue-component-wrapper .fa-tooth:before { content: "\f5c9"; }
.catfish-classes .fa-toothbrush:before, .vue-component-wrapper .fa-toothbrush:before { content: "\f635"; }
.catfish-classes .fa-trade-federation:before, .vue-component-wrapper .fa-trade-federation:before { content: "\f513"; }
.catfish-classes .fa-trademark:before, .vue-component-wrapper .fa-trademark:before { content: "\f25c"; }
.catfish-classes .fa-traffic-cone:before, .vue-component-wrapper .fa-traffic-cone:before { content: "\f636"; }
.catfish-classes .fa-traffic-light:before, .vue-component-wrapper .fa-traffic-light:before { content: "\f637"; }
.catfish-classes .fa-traffic-light-go:before, .vue-component-wrapper .fa-traffic-light-go:before { content: "\f638"; }
.catfish-classes .fa-traffic-light-slow:before, .vue-component-wrapper .fa-traffic-light-slow:before { content: "\f639"; }
.catfish-classes .fa-traffic-light-stop:before, .vue-component-wrapper .fa-traffic-light-stop:before { content: "\f63a"; }
.catfish-classes .fa-train:before, .vue-component-wrapper .fa-train:before { content: "\f238"; }
.catfish-classes .fa-transgender:before, .vue-component-wrapper .fa-transgender:before { content: "\f224"; }
.catfish-classes .fa-transgender-alt:before, .vue-component-wrapper .fa-transgender-alt:before { content: "\f225"; }
.catfish-classes .fa-trash:before, .vue-component-wrapper .fa-trash:before { content: "\f1f8"; }
.catfish-classes .fa-trash-alt:before, .vue-component-wrapper .fa-trash-alt:before { content: "\f2ed"; }
.catfish-classes .fa-tree:before, .vue-component-wrapper .fa-tree:before { content: "\f1bb"; }
.catfish-classes .fa-tree-alt:before, .vue-component-wrapper .fa-tree-alt:before { content: "\f400"; }
.catfish-classes .fa-trello:before, .vue-component-wrapper .fa-trello:before { content: "\f181"; }
.catfish-classes .fa-triangle:before, .vue-component-wrapper .fa-triangle:before { content: "\f2ec"; }
.catfish-classes .fa-tripadvisor:before, .vue-component-wrapper .fa-tripadvisor:before { content: "\f262"; }
.catfish-classes .fa-trophy:before, .vue-component-wrapper .fa-trophy:before { content: "\f091"; }
.catfish-classes .fa-trophy-alt:before, .vue-component-wrapper .fa-trophy-alt:before { content: "\f2eb"; }
.catfish-classes .fa-truck:before, .vue-component-wrapper .fa-truck:before { content: "\f0d1"; }
.catfish-classes .fa-truck-container:before, .vue-component-wrapper .fa-truck-container:before { content: "\f4dc"; }
.catfish-classes .fa-truck-couch:before, .vue-component-wrapper .fa-truck-couch:before { content: "\f4dd"; }
.catfish-classes .fa-truck-loading:before, .vue-component-wrapper .fa-truck-loading:before { content: "\f4de"; }
.catfish-classes .fa-truck-monster:before, .vue-component-wrapper .fa-truck-monster:before { content: "\f63b"; }
.catfish-classes .fa-truck-moving:before, .vue-component-wrapper .fa-truck-moving:before { content: "\f4df"; }
.catfish-classes .fa-truck-pickup:before, .vue-component-wrapper .fa-truck-pickup:before { content: "\f63c"; }
.catfish-classes .fa-truck-ramp:before, .vue-component-wrapper .fa-truck-ramp:before { content: "\f4e0"; }
.catfish-classes .fa-tshirt:before, .vue-component-wrapper .fa-tshirt:before { content: "\f553"; }
.catfish-classes .fa-tty:before, .vue-component-wrapper .fa-tty:before { content: "\f1e4"; }
.catfish-classes .fa-tumblr:before, .vue-component-wrapper .fa-tumblr:before { content: "\f173"; }
.catfish-classes .fa-tumblr-square:before, .vue-component-wrapper .fa-tumblr-square:before { content: "\f174"; }
.catfish-classes .fa-tv:before, .vue-component-wrapper .fa-tv:before { content: "\f26c"; }
.catfish-classes .fa-tv-retro:before, .vue-component-wrapper .fa-tv-retro:before { content: "\f401"; }
.catfish-classes .fa-twitch:before, .vue-component-wrapper .fa-twitch:before { content: "\f1e8"; }
.catfish-classes .fa-twitter:before, .vue-component-wrapper .fa-twitter:before { content: "\f099"; }
.catfish-classes .fa-twitter-square:before, .vue-component-wrapper .fa-twitter-square:before { content: "\f081"; }
.catfish-classes .fa-typo3:before, .vue-component-wrapper .fa-typo3:before { content: "\f42b"; }
.catfish-classes .fa-uber:before, .vue-component-wrapper .fa-uber:before { content: "\f402"; }
.catfish-classes .fa-uikit:before, .vue-component-wrapper .fa-uikit:before { content: "\f403"; }
.catfish-classes .fa-umbrella:before, .vue-component-wrapper .fa-umbrella:before { content: "\f0e9"; }
.catfish-classes .fa-umbrella-beach:before, .vue-component-wrapper .fa-umbrella-beach:before { content: "\f5ca"; }
.catfish-classes .fa-underline:before, .vue-component-wrapper .fa-underline:before { content: "\f0cd"; }
.catfish-classes .fa-undo:before, .vue-component-wrapper .fa-undo:before { content: "\f0e2"; }
.catfish-classes .fa-undo-alt:before, .vue-component-wrapper .fa-undo-alt:before { content: "\f2ea"; }
.catfish-classes .fa-uniregistry:before, .vue-component-wrapper .fa-uniregistry:before { content: "\f404"; }
.catfish-classes .fa-universal-access:before, .vue-component-wrapper .fa-universal-access:before { content: "\f29a"; }
.catfish-classes .fa-university:before, .vue-component-wrapper .fa-university:before { content: "\f19c"; }
.catfish-classes .fa-unlink:before, .vue-component-wrapper .fa-unlink:before { content: "\f127"; }
.catfish-classes .fa-unlock:before, .vue-component-wrapper .fa-unlock:before { content: "\f09c"; }
.catfish-classes .fa-unlock-alt:before, .vue-component-wrapper .fa-unlock-alt:before { content: "\f13e"; }
.catfish-classes .fa-untappd:before, .vue-component-wrapper .fa-untappd:before { content: "\f405"; }
.catfish-classes .fa-upload:before, .vue-component-wrapper .fa-upload:before { content: "\f093"; }
.catfish-classes .fa-usb:before, .vue-component-wrapper .fa-usb:before { content: "\f287"; }
.catfish-classes .fa-usd-circle:before, .vue-component-wrapper .fa-usd-circle:before { content: "\f2e8"; }
.catfish-classes .fa-usd-square:before, .vue-component-wrapper .fa-usd-square:before { content: "\f2e9"; }
.catfish-classes .fa-user:before, .vue-component-wrapper .fa-user:before { content: "\f007"; }
.catfish-classes .fa-user-alt:before, .vue-component-wrapper .fa-user-alt:before { content: "\f406"; }
.catfish-classes .fa-user-alt-slash:before, .vue-component-wrapper .fa-user-alt-slash:before { content: "\f4fa"; }
.catfish-classes .fa-user-astronaut:before, .vue-component-wrapper .fa-user-astronaut:before { content: "\f4fb"; }
.catfish-classes .fa-user-check:before, .vue-component-wrapper .fa-user-check:before { content: "\f4fc"; }
.catfish-classes .fa-user-circle:before, .vue-component-wrapper .fa-user-circle:before { content: "\f2bd"; }
.catfish-classes .fa-user-clock:before, .vue-component-wrapper .fa-user-clock:before { content: "\f4fd"; }
.catfish-classes .fa-user-cog:before, .vue-component-wrapper .fa-user-cog:before { content: "\f4fe"; }
.catfish-classes .fa-user-edit:before, .vue-component-wrapper .fa-user-edit:before { content: "\f4ff"; }
.catfish-classes .fa-user-friends:before, .vue-component-wrapper .fa-user-friends:before { content: "\f500"; }
.catfish-classes .fa-user-graduate:before, .vue-component-wrapper .fa-user-graduate:before { content: "\f501"; }
.catfish-classes .fa-user-lock:before, .vue-component-wrapper .fa-user-lock:before { content: "\f502"; }
.catfish-classes .fa-user-md:before, .vue-component-wrapper .fa-user-md:before { content: "\f0f0"; }
.catfish-classes .fa-user-minus:before, .vue-component-wrapper .fa-user-minus:before { content: "\f503"; }
.catfish-classes .fa-user-ninja:before, .vue-component-wrapper .fa-user-ninja:before { content: "\f504"; }
.catfish-classes .fa-user-plus:before, .vue-component-wrapper .fa-user-plus:before { content: "\f234"; }
.catfish-classes .fa-user-secret:before, .vue-component-wrapper .fa-user-secret:before { content: "\f21b"; }
.catfish-classes .fa-user-shield:before, .vue-component-wrapper .fa-user-shield:before { content: "\f505"; }
.catfish-classes .fa-user-slash:before, .vue-component-wrapper .fa-user-slash:before { content: "\f506"; }
.catfish-classes .fa-user-tag:before, .vue-component-wrapper .fa-user-tag:before { content: "\f507"; }
.catfish-classes .fa-user-tie:before, .vue-component-wrapper .fa-user-tie:before { content: "\f508"; }
.catfish-classes .fa-user-times:before, .vue-component-wrapper .fa-user-times:before { content: "\f235"; }
.catfish-classes .fa-users:before, .vue-component-wrapper .fa-users:before { content: "\f0c0"; }
.catfish-classes .fa-users-class:before, .vue-component-wrapper .fa-users-class:before { content: "\f63d"; }
.catfish-classes .fa-users-cog:before, .vue-component-wrapper .fa-users-cog:before { content: "\f509"; }
.catfish-classes .fa-ussunnah:before, .vue-component-wrapper .fa-ussunnah:before { content: "\f407"; }
.catfish-classes .fa-utensil-fork:before, .vue-component-wrapper .fa-utensil-fork:before { content: "\f2e3"; }
.catfish-classes .fa-utensil-knife:before, .vue-component-wrapper .fa-utensil-knife:before { content: "\f2e4"; }
.catfish-classes .fa-utensil-spoon:before, .vue-component-wrapper .fa-utensil-spoon:before { content: "\f2e5"; }
.catfish-classes .fa-utensils:before, .vue-component-wrapper .fa-utensils:before { content: "\f2e7"; }
.catfish-classes .fa-utensils-alt:before, .vue-component-wrapper .fa-utensils-alt:before { content: "\f2e6"; }
.catfish-classes .fa-vaadin:before, .vue-component-wrapper .fa-vaadin:before { content: "\f408"; }
.catfish-classes .fa-vector-square:before, .vue-component-wrapper .fa-vector-square:before { content: "\f5cb"; }
.catfish-classes .fa-venus:before, .vue-component-wrapper .fa-venus:before { content: "\f221"; }
.catfish-classes .fa-venus-double:before, .vue-component-wrapper .fa-venus-double:before { content: "\f226"; }
.catfish-classes .fa-venus-mars:before, .vue-component-wrapper .fa-venus-mars:before { content: "\f228"; }
.catfish-classes .fa-viacoin:before, .vue-component-wrapper .fa-viacoin:before { content: "\f237"; }
.catfish-classes .fa-viadeo:before, .vue-component-wrapper .fa-viadeo:before { content: "\f2a9"; }
.catfish-classes .fa-viadeo-square:before, .vue-component-wrapper .fa-viadeo-square:before { content: "\f2aa"; }
.catfish-classes .fa-vial:before, .vue-component-wrapper .fa-vial:before { content: "\f492"; }
.catfish-classes .fa-vials:before, .vue-component-wrapper .fa-vials:before { content: "\f493"; }
.catfish-classes .fa-viber:before, .vue-component-wrapper .fa-viber:before { content: "\f409"; }
.catfish-classes .fa-video:before, .vue-component-wrapper .fa-video:before { content: "\f03d"; }
.catfish-classes .fa-video-plus:before, .vue-component-wrapper .fa-video-plus:before { content: "\f4e1"; }
.catfish-classes .fa-video-slash:before, .vue-component-wrapper .fa-video-slash:before { content: "\f4e2"; }
.catfish-classes .fa-vimeo:before, .vue-component-wrapper .fa-vimeo:before { content: "\f40a"; }
.catfish-classes .fa-vimeo-square:before, .vue-component-wrapper .fa-vimeo-square:before { content: "\f194"; }
.catfish-classes .fa-vimeo-v:before, .vue-component-wrapper .fa-vimeo-v:before { content: "\f27d"; }
.catfish-classes .fa-vine:before, .vue-component-wrapper .fa-vine:before { content: "\f1ca"; }
.catfish-classes .fa-vk:before, .vue-component-wrapper .fa-vk:before { content: "\f189"; }
.catfish-classes .fa-vnv:before, .vue-component-wrapper .fa-vnv:before { content: "\f40b"; }
.catfish-classes .fa-volleyball-ball:before, .vue-component-wrapper .fa-volleyball-ball:before { content: "\f45f"; }
.catfish-classes .fa-volume-down:before, .vue-component-wrapper .fa-volume-down:before { content: "\f027"; }
.catfish-classes .fa-volume-mute:before, .vue-component-wrapper .fa-volume-mute:before { content: "\f2e2"; }
.catfish-classes .fa-volume-off:before, .vue-component-wrapper .fa-volume-off:before { content: "\f026"; }
.catfish-classes .fa-volume-up:before, .vue-component-wrapper .fa-volume-up:before { content: "\f028"; }
.catfish-classes .fa-vuejs:before, .vue-component-wrapper .fa-vuejs:before { content: "\f41f"; }
.catfish-classes .fa-walking:before, .vue-component-wrapper .fa-walking:before { content: "\f554"; }
.catfish-classes .fa-wallet:before, .vue-component-wrapper .fa-wallet:before { content: "\f555"; }
.catfish-classes .fa-warehouse:before, .vue-component-wrapper .fa-warehouse:before { content: "\f494"; }
.catfish-classes .fa-warehouse-alt:before, .vue-component-wrapper .fa-warehouse-alt:before { content: "\f495"; }
.catfish-classes .fa-watch:before, .vue-component-wrapper .fa-watch:before { content: "\f2e1"; }
.catfish-classes .fa-watch-fitness:before, .vue-component-wrapper .fa-watch-fitness:before { content: "\f63e"; }
.catfish-classes .fa-weebly:before, .vue-component-wrapper .fa-weebly:before { content: "\f5cc"; }
.catfish-classes .fa-weibo:before, .vue-component-wrapper .fa-weibo:before { content: "\f18a"; }
.catfish-classes .fa-weight:before, .vue-component-wrapper .fa-weight:before { content: "\f496"; }
.catfish-classes .fa-weight-hanging:before, .vue-component-wrapper .fa-weight-hanging:before { content: "\f5cd"; }
.catfish-classes .fa-weixin:before, .vue-component-wrapper .fa-weixin:before { content: "\f1d7"; }
.catfish-classes .fa-whatsapp:before, .vue-component-wrapper .fa-whatsapp:before { content: "\f232"; }
.catfish-classes .fa-whatsapp-square:before, .vue-component-wrapper .fa-whatsapp-square:before { content: "\f40c"; }
.catfish-classes .fa-wheelchair:before, .vue-component-wrapper .fa-wheelchair:before { content: "\f193"; }
.catfish-classes .fa-whistle:before, .vue-component-wrapper .fa-whistle:before { content: "\f460"; }
.catfish-classes .fa-whmcs:before, .vue-component-wrapper .fa-whmcs:before { content: "\f40d"; }
.catfish-classes .fa-wifi:before, .vue-component-wrapper .fa-wifi:before { content: "\f1eb"; }
.catfish-classes .fa-wikipedia-w:before, .vue-component-wrapper .fa-wikipedia-w:before { content: "\f266"; }
.catfish-classes .fa-window:before, .vue-component-wrapper .fa-window:before { content: "\f40e"; }
.catfish-classes .fa-window-alt:before, .vue-component-wrapper .fa-window-alt:before { content: "\f40f"; }
.catfish-classes .fa-window-close:before, .vue-component-wrapper .fa-window-close:before { content: "\f410"; }
.catfish-classes .fa-window-maximize:before, .vue-component-wrapper .fa-window-maximize:before { content: "\f2d0"; }
.catfish-classes .fa-window-minimize:before, .vue-component-wrapper .fa-window-minimize:before { content: "\f2d1"; }
.catfish-classes .fa-window-restore:before, .vue-component-wrapper .fa-window-restore:before { content: "\f2d2"; }
.catfish-classes .fa-windows:before, .vue-component-wrapper .fa-windows:before { content: "\f17a"; }
.catfish-classes .fa-wine-glass:before, .vue-component-wrapper .fa-wine-glass:before { content: "\f4e3"; }
.catfish-classes .fa-wine-glass-alt:before, .vue-component-wrapper .fa-wine-glass-alt:before { content: "\f5ce"; }
.catfish-classes .fa-wix:before, .vue-component-wrapper .fa-wix:before { content: "\f5cf"; }
.catfish-classes .fa-wolf-pack-battalion:before, .vue-component-wrapper .fa-wolf-pack-battalion:before { content: "\f514"; }
.catfish-classes .fa-won-sign:before, .vue-component-wrapper .fa-won-sign:before { content: "\f159"; }
.catfish-classes .fa-wordpress:before, .vue-component-wrapper .fa-wordpress:before { content: "\f19a"; }
.catfish-classes .fa-wordpress-simple:before, .vue-component-wrapper .fa-wordpress-simple:before { content: "\f411"; }
.catfish-classes .fa-wpbeginner:before, .vue-component-wrapper .fa-wpbeginner:before { content: "\f297"; }
.catfish-classes .fa-wpexplorer:before, .vue-component-wrapper .fa-wpexplorer:before { content: "\f2de"; }
.catfish-classes .fa-wpforms:before, .vue-component-wrapper .fa-wpforms:before { content: "\f298"; }
.catfish-classes .fa-wrench:before, .vue-component-wrapper .fa-wrench:before { content: "\f0ad"; }
.catfish-classes .fa-x-ray:before, .vue-component-wrapper .fa-x-ray:before { content: "\f497"; }
.catfish-classes .fa-xbox:before, .vue-component-wrapper .fa-xbox:before { content: "\f412"; }
.catfish-classes .fa-xing:before, .vue-component-wrapper .fa-xing:before { content: "\f168"; }
.catfish-classes .fa-xing-square:before, .vue-component-wrapper .fa-xing-square:before { content: "\f169"; }
.catfish-classes .fa-y-combinator:before, .vue-component-wrapper .fa-y-combinator:before { content: "\f23b"; }
.catfish-classes .fa-yahoo:before, .vue-component-wrapper .fa-yahoo:before { content: "\f19e"; }
.catfish-classes .fa-yandex:before, .vue-component-wrapper .fa-yandex:before { content: "\f413"; }
.catfish-classes .fa-yandex-international:before, .vue-component-wrapper .fa-yandex-international:before { content: "\f414"; }
.catfish-classes .fa-yelp:before, .vue-component-wrapper .fa-yelp:before { content: "\f1e9"; }
.catfish-classes .fa-yen-sign:before, .vue-component-wrapper .fa-yen-sign:before { content: "\f157"; }
.catfish-classes .fa-yoast:before, .vue-component-wrapper .fa-yoast:before { content: "\f2b1"; }
.catfish-classes .fa-youtube:before, .vue-component-wrapper .fa-youtube:before { content: "\f167"; }
.catfish-classes .fa-youtube-square:before, .vue-component-wrapper .fa-youtube-square:before { content: "\f431"; }
.catfish-classes .fa-zhihu:before, .vue-component-wrapper .fa-zhihu:before { content: "\f63f"; }
.catfish-classes .sr-only, .vue-component-wrapper .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.catfish-classes .sr-only-focusable:active, .catfish-classes .sr-only-focusable:focus, .vue-component-wrapper .sr-only-focusable:active, .vue-component-wrapper .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.catfish-classes .fa.fa-glass:before, .vue-component-wrapper .fa.fa-glass:before { content: "\f000"; }
.catfish-classes .fa.fa-meetup, .vue-component-wrapper .fa.fa-meetup { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-star-o, .vue-component-wrapper .fa.fa-star-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-star-o:before, .vue-component-wrapper .fa.fa-star-o:before { content: "\f005"; }
.catfish-classes .fa.fa-close:before, .catfish-classes .fa.fa-remove:before, .vue-component-wrapper .fa.fa-close:before, .vue-component-wrapper .fa.fa-remove:before { content: "\f00d"; }
.catfish-classes .fa.fa-gear:before, .vue-component-wrapper .fa.fa-gear:before { content: "\f013"; }
.catfish-classes .fa.fa-trash-o, .vue-component-wrapper .fa.fa-trash-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-trash-o:before, .vue-component-wrapper .fa.fa-trash-o:before { content: "\f2ed"; }
.catfish-classes .fa.fa-file-o, .vue-component-wrapper .fa.fa-file-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-file-o:before, .vue-component-wrapper .fa.fa-file-o:before { content: "\f15b"; }
.catfish-classes .fa.fa-clock-o, .vue-component-wrapper .fa.fa-clock-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-clock-o:before, .vue-component-wrapper .fa.fa-clock-o:before { content: "\f017"; }
.catfish-classes .fa.fa-arrow-circle-o-down, .vue-component-wrapper .fa.fa-arrow-circle-o-down { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-arrow-circle-o-down:before, .vue-component-wrapper .fa.fa-arrow-circle-o-down:before { content: "\f358"; }
.catfish-classes .fa.fa-arrow-circle-o-up, .vue-component-wrapper .fa.fa-arrow-circle-o-up { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-arrow-circle-o-up:before, .vue-component-wrapper .fa.fa-arrow-circle-o-up:before { content: "\f35b"; }
.catfish-classes .fa.fa-play-circle-o, .vue-component-wrapper .fa.fa-play-circle-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-play-circle-o:before, .vue-component-wrapper .fa.fa-play-circle-o:before { content: "\f144"; }
.catfish-classes .fa.fa-repeat:before, .catfish-classes .fa.fa-rotate-right:before, .vue-component-wrapper .fa.fa-repeat:before, .vue-component-wrapper .fa.fa-rotate-right:before { content: "\f01e"; }
.catfish-classes .fa.fa-refresh:before, .vue-component-wrapper .fa.fa-refresh:before { content: "\f021"; }
.catfish-classes .fa.fa-list-alt, .vue-component-wrapper .fa.fa-list-alt { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-dedent:before, .vue-component-wrapper .fa.fa-dedent:before { content: "\f03b"; }
.catfish-classes .fa.fa-video-camera:before, .vue-component-wrapper .fa.fa-video-camera:before { content: "\f03d"; }
.catfish-classes .fa.fa-picture-o, .vue-component-wrapper .fa.fa-picture-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-picture-o:before, .vue-component-wrapper .fa.fa-picture-o:before { content: "\f03e"; }
.catfish-classes .fa.fa-photo, .vue-component-wrapper .fa.fa-photo { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-photo:before, .vue-component-wrapper .fa.fa-photo:before { content: "\f03e"; }
.catfish-classes .fa.fa-image, .vue-component-wrapper .fa.fa-image { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-image:before, .vue-component-wrapper .fa.fa-image:before { content: "\f03e"; }
.catfish-classes .fa.fa-pencil:before, .vue-component-wrapper .fa.fa-pencil:before { content: "\f303"; }
.catfish-classes .fa.fa-map-marker:before, .vue-component-wrapper .fa.fa-map-marker:before { content: "\f3c5"; }
.catfish-classes .fa.fa-pencil-square-o, .vue-component-wrapper .fa.fa-pencil-square-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-pencil-square-o:before, .vue-component-wrapper .fa.fa-pencil-square-o:before { content: "\f044"; }
.catfish-classes .fa.fa-share-square-o, .vue-component-wrapper .fa.fa-share-square-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-share-square-o:before, .vue-component-wrapper .fa.fa-share-square-o:before { content: "\f14d"; }
.catfish-classes .fa.fa-check-square-o, .vue-component-wrapper .fa.fa-check-square-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-check-square-o:before, .vue-component-wrapper .fa.fa-check-square-o:before { content: "\f14a"; }
.catfish-classes .fa.fa-arrows:before, .vue-component-wrapper .fa.fa-arrows:before { content: "\f0b2"; }
.catfish-classes .fa.fa-times-circle-o, .vue-component-wrapper .fa.fa-times-circle-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-times-circle-o:before, .vue-component-wrapper .fa.fa-times-circle-o:before { content: "\f057"; }
.catfish-classes .fa.fa-check-circle-o, .vue-component-wrapper .fa.fa-check-circle-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-check-circle-o:before, .vue-component-wrapper .fa.fa-check-circle-o:before { content: "\f058"; }
.catfish-classes .fa.fa-mail-forward:before, .vue-component-wrapper .fa.fa-mail-forward:before { content: "\f064"; }
.catfish-classes .fa.fa-eye, .catfish-classes .fa.fa-eye-slash, .vue-component-wrapper .fa.fa-eye, .vue-component-wrapper .fa.fa-eye-slash { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-warning:before, .vue-component-wrapper .fa.fa-warning:before { content: "\f071"; }
.catfish-classes .fa.fa-calendar:before, .vue-component-wrapper .fa.fa-calendar:before { content: "\f073"; }
.catfish-classes .fa.fa-arrows-v:before, .vue-component-wrapper .fa.fa-arrows-v:before { content: "\f338"; }
.catfish-classes .fa.fa-arrows-h:before, .vue-component-wrapper .fa.fa-arrows-h:before { content: "\f337"; }
.catfish-classes .fa.fa-bar-chart, .vue-component-wrapper .fa.fa-bar-chart { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-bar-chart:before, .vue-component-wrapper .fa.fa-bar-chart:before { content: "\f080"; }
.catfish-classes .fa.fa-bar-chart-o, .vue-component-wrapper .fa.fa-bar-chart-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-bar-chart-o:before, .vue-component-wrapper .fa.fa-bar-chart-o:before { content: "\f080"; }
.catfish-classes .fa.fa-facebook-square, .catfish-classes .fa.fa-twitter-square, .vue-component-wrapper .fa.fa-facebook-square, .vue-component-wrapper .fa.fa-twitter-square { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-gears:before, .vue-component-wrapper .fa.fa-gears:before { content: "\f085"; }
.catfish-classes .fa.fa-thumbs-o-up, .vue-component-wrapper .fa.fa-thumbs-o-up { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-thumbs-o-up:before, .vue-component-wrapper .fa.fa-thumbs-o-up:before { content: "\f164"; }
.catfish-classes .fa.fa-thumbs-o-down, .vue-component-wrapper .fa.fa-thumbs-o-down { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-thumbs-o-down:before, .vue-component-wrapper .fa.fa-thumbs-o-down:before { content: "\f165"; }
.catfish-classes .fa.fa-heart-o, .vue-component-wrapper .fa.fa-heart-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-heart-o:before, .vue-component-wrapper .fa.fa-heart-o:before { content: "\f004"; }
.catfish-classes .fa.fa-sign-out:before, .vue-component-wrapper .fa.fa-sign-out:before { content: "\f2f5"; }
.catfish-classes .fa.fa-linkedin-square, .vue-component-wrapper .fa.fa-linkedin-square { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-linkedin-square:before, .vue-component-wrapper .fa.fa-linkedin-square:before { content: "\f08c"; }
.catfish-classes .fa.fa-thumb-tack:before, .vue-component-wrapper .fa.fa-thumb-tack:before { content: "\f08d"; }
.catfish-classes .fa.fa-external-link:before, .vue-component-wrapper .fa.fa-external-link:before { content: "\f35d"; }
.catfish-classes .fa.fa-sign-in:before, .vue-component-wrapper .fa.fa-sign-in:before { content: "\f2f6"; }
.catfish-classes .fa.fa-github-square, .vue-component-wrapper .fa.fa-github-square { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-lemon-o, .vue-component-wrapper .fa.fa-lemon-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-lemon-o:before, .vue-component-wrapper .fa.fa-lemon-o:before { content: "\f094"; }
.catfish-classes .fa.fa-square-o, .vue-component-wrapper .fa.fa-square-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-square-o:before, .vue-component-wrapper .fa.fa-square-o:before { content: "\f0c8"; }
.catfish-classes .fa.fa-bookmark-o, .vue-component-wrapper .fa.fa-bookmark-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-bookmark-o:before, .vue-component-wrapper .fa.fa-bookmark-o:before { content: "\f02e"; }
.catfish-classes .fa.fa-facebook, .catfish-classes .fa.fa-twitter, .vue-component-wrapper .fa.fa-facebook, .vue-component-wrapper .fa.fa-twitter { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-facebook:before, .vue-component-wrapper .fa.fa-facebook:before { content: "\f39e"; }
.catfish-classes .fa.fa-facebook-f, .vue-component-wrapper .fa.fa-facebook-f { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-facebook-f:before, .vue-component-wrapper .fa.fa-facebook-f:before { content: "\f39e"; }
.catfish-classes .fa.fa-github, .vue-component-wrapper .fa.fa-github { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-credit-card, .vue-component-wrapper .fa.fa-credit-card { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-feed:before, .vue-component-wrapper .fa.fa-feed:before { content: "\f09e"; }
.catfish-classes .fa.fa-hdd-o, .vue-component-wrapper .fa.fa-hdd-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-hdd-o:before, .vue-component-wrapper .fa.fa-hdd-o:before { content: "\f0a0"; }
.catfish-classes .fa.fa-hand-o-right, .vue-component-wrapper .fa.fa-hand-o-right { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-hand-o-right:before, .vue-component-wrapper .fa.fa-hand-o-right:before { content: "\f0a4"; }
.catfish-classes .fa.fa-hand-o-left, .vue-component-wrapper .fa.fa-hand-o-left { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-hand-o-left:before, .vue-component-wrapper .fa.fa-hand-o-left:before { content: "\f0a5"; }
.catfish-classes .fa.fa-hand-o-up, .vue-component-wrapper .fa.fa-hand-o-up { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-hand-o-up:before, .vue-component-wrapper .fa.fa-hand-o-up:before { content: "\f0a6"; }
.catfish-classes .fa.fa-hand-o-down, .vue-component-wrapper .fa.fa-hand-o-down { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-hand-o-down:before, .vue-component-wrapper .fa.fa-hand-o-down:before { content: "\f0a7"; }
.catfish-classes .fa.fa-arrows-alt:before, .vue-component-wrapper .fa.fa-arrows-alt:before { content: "\f31e"; }
.catfish-classes .fa.fa-group:before, .vue-component-wrapper .fa.fa-group:before { content: "\f0c0"; }
.catfish-classes .fa.fa-chain:before, .vue-component-wrapper .fa.fa-chain:before { content: "\f0c1"; }
.catfish-classes .fa.fa-scissors:before, .vue-component-wrapper .fa.fa-scissors:before { content: "\f0c4"; }
.catfish-classes .fa.fa-files-o, .vue-component-wrapper .fa.fa-files-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-files-o:before, .vue-component-wrapper .fa.fa-files-o:before { content: "\f0c5"; }
.catfish-classes .fa.fa-floppy-o, .vue-component-wrapper .fa.fa-floppy-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-floppy-o:before, .vue-component-wrapper .fa.fa-floppy-o:before { content: "\f0c7"; }
.catfish-classes .fa.fa-navicon:before, .catfish-classes .fa.fa-reorder:before, .vue-component-wrapper .fa.fa-navicon:before, .vue-component-wrapper .fa.fa-reorder:before { content: "\f0c9"; }
.catfish-classes .fa.fa-google-plus, .catfish-classes .fa.fa-google-plus-square, .catfish-classes .fa.fa-pinterest, .catfish-classes .fa.fa-pinterest-square, .vue-component-wrapper .fa.fa-google-plus, .vue-component-wrapper .fa.fa-google-plus-square, .vue-component-wrapper .fa.fa-pinterest, .vue-component-wrapper .fa.fa-pinterest-square { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-google-plus:before, .vue-component-wrapper .fa.fa-google-plus:before { content: "\f0d5"; }
.catfish-classes .fa.fa-money, .vue-component-wrapper .fa.fa-money { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-money:before, .vue-component-wrapper .fa.fa-money:before { content: "\f3d1"; }
.catfish-classes .fa.fa-unsorted:before, .vue-component-wrapper .fa.fa-unsorted:before { content: "\f0dc"; }
.catfish-classes .fa.fa-sort-desc:before, .vue-component-wrapper .fa.fa-sort-desc:before { content: "\f0dd"; }
.catfish-classes .fa.fa-sort-asc:before, .vue-component-wrapper .fa.fa-sort-asc:before { content: "\f0de"; }
.catfish-classes .fa.fa-linkedin, .vue-component-wrapper .fa.fa-linkedin { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-linkedin:before, .vue-component-wrapper .fa.fa-linkedin:before { content: "\f0e1"; }
.catfish-classes .fa.fa-rotate-left:before, .vue-component-wrapper .fa.fa-rotate-left:before { content: "\f0e2"; }
.catfish-classes .fa.fa-legal:before, .vue-component-wrapper .fa.fa-legal:before { content: "\f0e3"; }
.catfish-classes .fa.fa-dashboard:before, .catfish-classes .fa.fa-tachometer:before, .vue-component-wrapper .fa.fa-dashboard:before, .vue-component-wrapper .fa.fa-tachometer:before { content: "\f3fd"; }
.catfish-classes .fa.fa-comment-o, .vue-component-wrapper .fa.fa-comment-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-comment-o:before, .vue-component-wrapper .fa.fa-comment-o:before { content: "\f075"; }
.catfish-classes .fa.fa-comments-o, .vue-component-wrapper .fa.fa-comments-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-comments-o:before, .vue-component-wrapper .fa.fa-comments-o:before { content: "\f086"; }
.catfish-classes .fa.fa-flash:before, .vue-component-wrapper .fa.fa-flash:before { content: "\f0e7"; }
.catfish-classes .fa.fa-clipboard, .catfish-classes .fa.fa-paste, .vue-component-wrapper .fa.fa-clipboard, .vue-component-wrapper .fa.fa-paste { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-paste:before, .vue-component-wrapper .fa.fa-paste:before { content: "\f328"; }
.catfish-classes .fa.fa-lightbulb-o, .vue-component-wrapper .fa.fa-lightbulb-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-lightbulb-o:before, .vue-component-wrapper .fa.fa-lightbulb-o:before { content: "\f0eb"; }
.catfish-classes .fa.fa-exchange:before, .vue-component-wrapper .fa.fa-exchange:before { content: "\f362"; }
.catfish-classes .fa.fa-cloud-download:before, .vue-component-wrapper .fa.fa-cloud-download:before { content: "\f381"; }
.catfish-classes .fa.fa-cloud-upload:before, .vue-component-wrapper .fa.fa-cloud-upload:before { content: "\f382"; }
.catfish-classes .fa.fa-bell-o, .vue-component-wrapper .fa.fa-bell-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-bell-o:before, .vue-component-wrapper .fa.fa-bell-o:before { content: "\f0f3"; }
.catfish-classes .fa.fa-cutlery:before, .vue-component-wrapper .fa.fa-cutlery:before { content: "\f2e7"; }
.catfish-classes .fa.fa-file-text-o, .vue-component-wrapper .fa.fa-file-text-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-file-text-o:before, .vue-component-wrapper .fa.fa-file-text-o:before { content: "\f15c"; }
.catfish-classes .fa.fa-building-o, .vue-component-wrapper .fa.fa-building-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-building-o:before, .vue-component-wrapper .fa.fa-building-o:before { content: "\f1ad"; }
.catfish-classes .fa.fa-hospital-o, .vue-component-wrapper .fa.fa-hospital-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-hospital-o:before, .vue-component-wrapper .fa.fa-hospital-o:before { content: "\f0f8"; }
.catfish-classes .fa.fa-tablet:before, .vue-component-wrapper .fa.fa-tablet:before { content: "\f3fa"; }
.catfish-classes .fa.fa-mobile-phone:before, .catfish-classes .fa.fa-mobile:before, .vue-component-wrapper .fa.fa-mobile-phone:before, .vue-component-wrapper .fa.fa-mobile:before { content: "\f3cd"; }
.catfish-classes .fa.fa-circle-o, .vue-component-wrapper .fa.fa-circle-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-circle-o:before, .vue-component-wrapper .fa.fa-circle-o:before { content: "\f111"; }
.catfish-classes .fa.fa-mail-reply:before, .vue-component-wrapper .fa.fa-mail-reply:before { content: "\f3e5"; }
.catfish-classes .fa.fa-github-alt, .vue-component-wrapper .fa.fa-github-alt { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-folder-o, .vue-component-wrapper .fa.fa-folder-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-folder-o:before, .vue-component-wrapper .fa.fa-folder-o:before { content: "\f07b"; }
.catfish-classes .fa.fa-folder-open-o, .vue-component-wrapper .fa.fa-folder-open-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-folder-open-o:before, .vue-component-wrapper .fa.fa-folder-open-o:before { content: "\f07c"; }
.catfish-classes .fa.fa-smile-o, .vue-component-wrapper .fa.fa-smile-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-smile-o:before, .vue-component-wrapper .fa.fa-smile-o:before { content: "\f118"; }
.catfish-classes .fa.fa-frown-o, .vue-component-wrapper .fa.fa-frown-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-frown-o:before, .vue-component-wrapper .fa.fa-frown-o:before { content: "\f119"; }
.catfish-classes .fa.fa-meh-o, .vue-component-wrapper .fa.fa-meh-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-meh-o:before, .vue-component-wrapper .fa.fa-meh-o:before { content: "\f11a"; }
.catfish-classes .fa.fa-keyboard-o, .vue-component-wrapper .fa.fa-keyboard-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-keyboard-o:before, .vue-component-wrapper .fa.fa-keyboard-o:before { content: "\f11c"; }
.catfish-classes .fa.fa-flag-o, .vue-component-wrapper .fa.fa-flag-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-flag-o:before, .vue-component-wrapper .fa.fa-flag-o:before { content: "\f024"; }
.catfish-classes .fa.fa-mail-reply-all:before, .vue-component-wrapper .fa.fa-mail-reply-all:before { content: "\f122"; }
.catfish-classes .fa.fa-star-half-o, .vue-component-wrapper .fa.fa-star-half-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-star-half-o:before, .vue-component-wrapper .fa.fa-star-half-o:before { content: "\f089"; }
.catfish-classes .fa.fa-star-half-empty, .vue-component-wrapper .fa.fa-star-half-empty { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-star-half-empty:before, .vue-component-wrapper .fa.fa-star-half-empty:before { content: "\f089"; }
.catfish-classes .fa.fa-star-half-full, .vue-component-wrapper .fa.fa-star-half-full { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-star-half-full:before, .vue-component-wrapper .fa.fa-star-half-full:before { content: "\f089"; }
.catfish-classes .fa.fa-code-fork:before, .vue-component-wrapper .fa.fa-code-fork:before { content: "\f126"; }
.catfish-classes .fa.fa-chain-broken:before, .vue-component-wrapper .fa.fa-chain-broken:before { content: "\f127"; }
.catfish-classes .fa.fa-shield:before, .vue-component-wrapper .fa.fa-shield:before { content: "\f3ed"; }
.catfish-classes .fa.fa-calendar-o, .vue-component-wrapper .fa.fa-calendar-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-calendar-o:before, .vue-component-wrapper .fa.fa-calendar-o:before { content: "\f133"; }
.catfish-classes .fa.fa-css3, .catfish-classes .fa.fa-html5, .catfish-classes .fa.fa-maxcdn, .vue-component-wrapper .fa.fa-css3, .vue-component-wrapper .fa.fa-html5, .vue-component-wrapper .fa.fa-maxcdn { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-ticket:before, .vue-component-wrapper .fa.fa-ticket:before { content: "\f3ff"; }
.catfish-classes .fa.fa-minus-square-o, .vue-component-wrapper .fa.fa-minus-square-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-minus-square-o:before, .vue-component-wrapper .fa.fa-minus-square-o:before { content: "\f146"; }
.catfish-classes .fa.fa-level-up:before, .vue-component-wrapper .fa.fa-level-up:before { content: "\f3bf"; }
.catfish-classes .fa.fa-level-down:before, .vue-component-wrapper .fa.fa-level-down:before { content: "\f3be"; }
.catfish-classes .fa.fa-pencil-square:before, .vue-component-wrapper .fa.fa-pencil-square:before { content: "\f14b"; }
.catfish-classes .fa.fa-external-link-square:before, .vue-component-wrapper .fa.fa-external-link-square:before { content: "\f360"; }
.catfish-classes .fa.fa-compass, .vue-component-wrapper .fa.fa-compass { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-caret-square-o-down, .vue-component-wrapper .fa.fa-caret-square-o-down { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-caret-square-o-down:before, .vue-component-wrapper .fa.fa-caret-square-o-down:before { content: "\f150"; }
.catfish-classes .fa.fa-toggle-down, .vue-component-wrapper .fa.fa-toggle-down { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-toggle-down:before, .vue-component-wrapper .fa.fa-toggle-down:before { content: "\f150"; }
.catfish-classes .fa.fa-caret-square-o-up, .vue-component-wrapper .fa.fa-caret-square-o-up { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-caret-square-o-up:before, .vue-component-wrapper .fa.fa-caret-square-o-up:before { content: "\f151"; }
.catfish-classes .fa.fa-toggle-up, .vue-component-wrapper .fa.fa-toggle-up { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-toggle-up:before, .vue-component-wrapper .fa.fa-toggle-up:before { content: "\f151"; }
.catfish-classes .fa.fa-caret-square-o-right, .vue-component-wrapper .fa.fa-caret-square-o-right { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-caret-square-o-right:before, .vue-component-wrapper .fa.fa-caret-square-o-right:before { content: "\f152"; }
.catfish-classes .fa.fa-toggle-right, .vue-component-wrapper .fa.fa-toggle-right { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-toggle-right:before, .vue-component-wrapper .fa.fa-toggle-right:before { content: "\f152"; }
.catfish-classes .fa.fa-eur:before, .catfish-classes .fa.fa-euro:before, .vue-component-wrapper .fa.fa-eur:before, .vue-component-wrapper .fa.fa-euro:before { content: "\f153"; }
.catfish-classes .fa.fa-gbp:before, .vue-component-wrapper .fa.fa-gbp:before { content: "\f154"; }
.catfish-classes .fa.fa-dollar:before, .catfish-classes .fa.fa-usd:before, .vue-component-wrapper .fa.fa-dollar:before, .vue-component-wrapper .fa.fa-usd:before { content: "\f155"; }
.catfish-classes .fa.fa-inr:before, .catfish-classes .fa.fa-rupee:before, .vue-component-wrapper .fa.fa-inr:before, .vue-component-wrapper .fa.fa-rupee:before { content: "\f156"; }
.catfish-classes .fa.fa-cny:before, .catfish-classes .fa.fa-jpy:before, .catfish-classes .fa.fa-rmb:before, .catfish-classes .fa.fa-yen:before, .vue-component-wrapper .fa.fa-cny:before, .vue-component-wrapper .fa.fa-jpy:before, .vue-component-wrapper .fa.fa-rmb:before, .vue-component-wrapper .fa.fa-yen:before { content: "\f157"; }
.catfish-classes .fa.fa-rouble:before, .catfish-classes .fa.fa-rub:before, .catfish-classes .fa.fa-ruble:before, .vue-component-wrapper .fa.fa-rouble:before, .vue-component-wrapper .fa.fa-rub:before, .vue-component-wrapper .fa.fa-ruble:before { content: "\f158"; }
.catfish-classes .fa.fa-krw:before, .catfish-classes .fa.fa-won:before, .vue-component-wrapper .fa.fa-krw:before, .vue-component-wrapper .fa.fa-won:before { content: "\f159"; }
.catfish-classes .fa.fa-bitcoin, .catfish-classes .fa.fa-btc, .vue-component-wrapper .fa.fa-bitcoin, .vue-component-wrapper .fa.fa-btc { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-bitcoin:before, .vue-component-wrapper .fa.fa-bitcoin:before { content: "\f15a"; }
.catfish-classes .fa.fa-file-text:before, .vue-component-wrapper .fa.fa-file-text:before { content: "\f15c"; }
.catfish-classes .fa.fa-sort-alpha-asc:before, .vue-component-wrapper .fa.fa-sort-alpha-asc:before { content: "\f15d"; }
.catfish-classes .fa.fa-sort-alpha-desc:before, .vue-component-wrapper .fa.fa-sort-alpha-desc:before { content: "\f15e"; }
.catfish-classes .fa.fa-sort-amount-asc:before, .vue-component-wrapper .fa.fa-sort-amount-asc:before { content: "\f160"; }
.catfish-classes .fa.fa-sort-amount-desc:before, .vue-component-wrapper .fa.fa-sort-amount-desc:before { content: "\f161"; }
.catfish-classes .fa.fa-sort-numeric-asc:before, .vue-component-wrapper .fa.fa-sort-numeric-asc:before { content: "\f162"; }
.catfish-classes .fa.fa-sort-numeric-desc:before, .vue-component-wrapper .fa.fa-sort-numeric-desc:before { content: "\f163"; }
.catfish-classes .fa.fa-xing, .catfish-classes .fa.fa-xing-square, .catfish-classes .fa.fa-youtube, .catfish-classes .fa.fa-youtube-play, .catfish-classes .fa.fa-youtube-square, .vue-component-wrapper .fa.fa-xing, .vue-component-wrapper .fa.fa-xing-square, .vue-component-wrapper .fa.fa-youtube, .vue-component-wrapper .fa.fa-youtube-play, .vue-component-wrapper .fa.fa-youtube-square { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-youtube-play:before, .vue-component-wrapper .fa.fa-youtube-play:before { content: "\f167"; }
.catfish-classes .fa.fa-adn, .catfish-classes .fa.fa-bitbucket, .catfish-classes .fa.fa-bitbucket-square, .catfish-classes .fa.fa-dropbox, .catfish-classes .fa.fa-flickr, .catfish-classes .fa.fa-instagram, .catfish-classes .fa.fa-stack-overflow, .vue-component-wrapper .fa.fa-adn, .vue-component-wrapper .fa.fa-bitbucket, .vue-component-wrapper .fa.fa-bitbucket-square, .vue-component-wrapper .fa.fa-dropbox, .vue-component-wrapper .fa.fa-flickr, .vue-component-wrapper .fa.fa-instagram, .vue-component-wrapper .fa.fa-stack-overflow { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-bitbucket-square:before, .vue-component-wrapper .fa.fa-bitbucket-square:before { content: "\f171"; }
.catfish-classes .fa.fa-tumblr, .catfish-classes .fa.fa-tumblr-square, .vue-component-wrapper .fa.fa-tumblr, .vue-component-wrapper .fa.fa-tumblr-square { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-long-arrow-down:before, .vue-component-wrapper .fa.fa-long-arrow-down:before { content: "\f309"; }
.catfish-classes .fa.fa-long-arrow-up:before, .vue-component-wrapper .fa.fa-long-arrow-up:before { content: "\f30c"; }
.catfish-classes .fa.fa-long-arrow-left:before, .vue-component-wrapper .fa.fa-long-arrow-left:before { content: "\f30a"; }
.catfish-classes .fa.fa-long-arrow-right:before, .vue-component-wrapper .fa.fa-long-arrow-right:before { content: "\f30b"; }
.catfish-classes .fa.fa-android, .catfish-classes .fa.fa-apple, .catfish-classes .fa.fa-dribbble, .catfish-classes .fa.fa-foursquare, .catfish-classes .fa.fa-gittip, .catfish-classes .fa.fa-gratipay, .catfish-classes .fa.fa-linux, .catfish-classes .fa.fa-skype, .catfish-classes .fa.fa-trello, .catfish-classes .fa.fa-windows, .vue-component-wrapper .fa.fa-android, .vue-component-wrapper .fa.fa-apple, .vue-component-wrapper .fa.fa-dribbble, .vue-component-wrapper .fa.fa-foursquare, .vue-component-wrapper .fa.fa-gittip, .vue-component-wrapper .fa.fa-gratipay, .vue-component-wrapper .fa.fa-linux, .vue-component-wrapper .fa.fa-skype, .vue-component-wrapper .fa.fa-trello, .vue-component-wrapper .fa.fa-windows { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-gittip:before, .vue-component-wrapper .fa.fa-gittip:before { content: "\f184"; }
.catfish-classes .fa.fa-sun-o, .vue-component-wrapper .fa.fa-sun-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-sun-o:before, .vue-component-wrapper .fa.fa-sun-o:before { content: "\f185"; }
.catfish-classes .fa.fa-moon-o, .vue-component-wrapper .fa.fa-moon-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-moon-o:before, .vue-component-wrapper .fa.fa-moon-o:before { content: "\f186"; }
.catfish-classes .fa.fa-pagelines, .catfish-classes .fa.fa-renren, .catfish-classes .fa.fa-stack-exchange, .catfish-classes .fa.fa-vk, .catfish-classes .fa.fa-weibo, .vue-component-wrapper .fa.fa-pagelines, .vue-component-wrapper .fa.fa-renren, .vue-component-wrapper .fa.fa-stack-exchange, .vue-component-wrapper .fa.fa-vk, .vue-component-wrapper .fa.fa-weibo { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-arrow-circle-o-right, .vue-component-wrapper .fa.fa-arrow-circle-o-right { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-arrow-circle-o-right:before, .vue-component-wrapper .fa.fa-arrow-circle-o-right:before { content: "\f35a"; }
.catfish-classes .fa.fa-arrow-circle-o-left, .vue-component-wrapper .fa.fa-arrow-circle-o-left { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-arrow-circle-o-left:before, .vue-component-wrapper .fa.fa-arrow-circle-o-left:before { content: "\f359"; }
.catfish-classes .fa.fa-caret-square-o-left, .vue-component-wrapper .fa.fa-caret-square-o-left { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-caret-square-o-left:before, .vue-component-wrapper .fa.fa-caret-square-o-left:before { content: "\f191"; }
.catfish-classes .fa.fa-toggle-left, .vue-component-wrapper .fa.fa-toggle-left { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-toggle-left:before, .vue-component-wrapper .fa.fa-toggle-left:before { content: "\f191"; }
.catfish-classes .fa.fa-dot-circle-o, .vue-component-wrapper .fa.fa-dot-circle-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-dot-circle-o:before, .vue-component-wrapper .fa.fa-dot-circle-o:before { content: "\f192"; }
.catfish-classes .fa.fa-vimeo-square, .vue-component-wrapper .fa.fa-vimeo-square { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-try:before, .catfish-classes .fa.fa-turkish-lira:before, .vue-component-wrapper .fa.fa-try:before, .vue-component-wrapper .fa.fa-turkish-lira:before { content: "\f195"; }
.catfish-classes .fa.fa-plus-square-o, .vue-component-wrapper .fa.fa-plus-square-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-plus-square-o:before, .vue-component-wrapper .fa.fa-plus-square-o:before { content: "\f0fe"; }
.catfish-classes .fa.fa-openid, .catfish-classes .fa.fa-slack, .catfish-classes .fa.fa-wordpress, .vue-component-wrapper .fa.fa-openid, .vue-component-wrapper .fa.fa-slack, .vue-component-wrapper .fa.fa-wordpress { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-bank:before, .catfish-classes .fa.fa-institution:before, .vue-component-wrapper .fa.fa-bank:before, .vue-component-wrapper .fa.fa-institution:before { content: "\f19c"; }
.catfish-classes .fa.fa-mortar-board:before, .vue-component-wrapper .fa.fa-mortar-board:before { content: "\f19d"; }
.catfish-classes .fa.fa-delicious, .catfish-classes .fa.fa-digg, .catfish-classes .fa.fa-drupal, .catfish-classes .fa.fa-google, .catfish-classes .fa.fa-joomla, .catfish-classes .fa.fa-pied-piper-alt, .catfish-classes .fa.fa-pied-piper-pp, .catfish-classes .fa.fa-reddit, .catfish-classes .fa.fa-reddit-square, .catfish-classes .fa.fa-stumbleupon, .catfish-classes .fa.fa-stumbleupon-circle, .catfish-classes .fa.fa-yahoo, .vue-component-wrapper .fa.fa-delicious, .vue-component-wrapper .fa.fa-digg, .vue-component-wrapper .fa.fa-drupal, .vue-component-wrapper .fa.fa-google, .vue-component-wrapper .fa.fa-joomla, .vue-component-wrapper .fa.fa-pied-piper-alt, .vue-component-wrapper .fa.fa-pied-piper-pp, .vue-component-wrapper .fa.fa-reddit, .vue-component-wrapper .fa.fa-reddit-square, .vue-component-wrapper .fa.fa-stumbleupon, .vue-component-wrapper .fa.fa-stumbleupon-circle, .vue-component-wrapper .fa.fa-yahoo { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-spoon:before, .vue-component-wrapper .fa.fa-spoon:before { content: "\f2e5"; }
.catfish-classes .fa.fa-behance, .catfish-classes .fa.fa-behance-square, .catfish-classes .fa.fa-steam, .catfish-classes .fa.fa-steam-square, .vue-component-wrapper .fa.fa-behance, .vue-component-wrapper .fa.fa-behance-square, .vue-component-wrapper .fa.fa-steam, .vue-component-wrapper .fa.fa-steam-square { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-automobile:before, .vue-component-wrapper .fa.fa-automobile:before { content: "\f1b9"; }
.catfish-classes .fa.fa-cab:before, .vue-component-wrapper .fa.fa-cab:before { content: "\f1ba"; }
.catfish-classes .fa.fa-envelope-o, .vue-component-wrapper .fa.fa-envelope-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-envelope-o:before, .vue-component-wrapper .fa.fa-envelope-o:before { content: "\f0e0"; }
.catfish-classes .fa.fa-deviantart, .catfish-classes .fa.fa-soundcloud, .vue-component-wrapper .fa.fa-deviantart, .vue-component-wrapper .fa.fa-soundcloud { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-file-pdf-o, .vue-component-wrapper .fa.fa-file-pdf-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-file-pdf-o:before, .vue-component-wrapper .fa.fa-file-pdf-o:before { content: "\f1c1"; }
.catfish-classes .fa.fa-file-word-o, .vue-component-wrapper .fa.fa-file-word-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-file-word-o:before, .vue-component-wrapper .fa.fa-file-word-o:before { content: "\f1c2"; }
.catfish-classes .fa.fa-file-excel-o, .vue-component-wrapper .fa.fa-file-excel-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-file-excel-o:before, .vue-component-wrapper .fa.fa-file-excel-o:before { content: "\f1c3"; }
.catfish-classes .fa.fa-file-powerpoint-o, .vue-component-wrapper .fa.fa-file-powerpoint-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-file-powerpoint-o:before, .vue-component-wrapper .fa.fa-file-powerpoint-o:before { content: "\f1c4"; }
.catfish-classes .fa.fa-file-image-o, .vue-component-wrapper .fa.fa-file-image-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-file-image-o:before, .vue-component-wrapper .fa.fa-file-image-o:before { content: "\f1c5"; }
.catfish-classes .fa.fa-file-photo-o, .vue-component-wrapper .fa.fa-file-photo-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-file-photo-o:before, .vue-component-wrapper .fa.fa-file-photo-o:before { content: "\f1c5"; }
.catfish-classes .fa.fa-file-picture-o, .vue-component-wrapper .fa.fa-file-picture-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-file-picture-o:before, .vue-component-wrapper .fa.fa-file-picture-o:before { content: "\f1c5"; }
.catfish-classes .fa.fa-file-archive-o, .vue-component-wrapper .fa.fa-file-archive-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-file-archive-o:before, .vue-component-wrapper .fa.fa-file-archive-o:before { content: "\f1c6"; }
.catfish-classes .fa.fa-file-zip-o, .vue-component-wrapper .fa.fa-file-zip-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-file-zip-o:before, .vue-component-wrapper .fa.fa-file-zip-o:before { content: "\f1c6"; }
.catfish-classes .fa.fa-file-audio-o, .vue-component-wrapper .fa.fa-file-audio-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-file-audio-o:before, .vue-component-wrapper .fa.fa-file-audio-o:before { content: "\f1c7"; }
.catfish-classes .fa.fa-file-sound-o, .vue-component-wrapper .fa.fa-file-sound-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-file-sound-o:before, .vue-component-wrapper .fa.fa-file-sound-o:before { content: "\f1c7"; }
.catfish-classes .fa.fa-file-video-o, .vue-component-wrapper .fa.fa-file-video-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-file-video-o:before, .vue-component-wrapper .fa.fa-file-video-o:before { content: "\f1c8"; }
.catfish-classes .fa.fa-file-movie-o, .vue-component-wrapper .fa.fa-file-movie-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-file-movie-o:before, .vue-component-wrapper .fa.fa-file-movie-o:before { content: "\f1c8"; }
.catfish-classes .fa.fa-file-code-o, .vue-component-wrapper .fa.fa-file-code-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-file-code-o:before, .vue-component-wrapper .fa.fa-file-code-o:before { content: "\f1c9"; }
.catfish-classes .fa.fa-codepen, .catfish-classes .fa.fa-jsfiddle, .catfish-classes .fa.fa-vine, .vue-component-wrapper .fa.fa-codepen, .vue-component-wrapper .fa.fa-jsfiddle, .vue-component-wrapper .fa.fa-vine { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-life-bouy, .catfish-classes .fa.fa-life-ring, .vue-component-wrapper .fa.fa-life-bouy, .vue-component-wrapper .fa.fa-life-ring { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-life-bouy:before, .vue-component-wrapper .fa.fa-life-bouy:before { content: "\f1cd"; }
.catfish-classes .fa.fa-life-buoy, .vue-component-wrapper .fa.fa-life-buoy { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-life-buoy:before, .vue-component-wrapper .fa.fa-life-buoy:before { content: "\f1cd"; }
.catfish-classes .fa.fa-life-saver, .vue-component-wrapper .fa.fa-life-saver { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-life-saver:before, .vue-component-wrapper .fa.fa-life-saver:before { content: "\f1cd"; }
.catfish-classes .fa.fa-support, .vue-component-wrapper .fa.fa-support { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-support:before, .vue-component-wrapper .fa.fa-support:before { content: "\f1cd"; }
.catfish-classes .fa.fa-circle-o-notch:before, .vue-component-wrapper .fa.fa-circle-o-notch:before { content: "\f1ce"; }
.catfish-classes .fa.fa-ra, .catfish-classes .fa.fa-rebel, .vue-component-wrapper .fa.fa-ra, .vue-component-wrapper .fa.fa-rebel { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-ra:before, .vue-component-wrapper .fa.fa-ra:before { content: "\f1d0"; }
.catfish-classes .fa.fa-resistance, .vue-component-wrapper .fa.fa-resistance { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-resistance:before, .vue-component-wrapper .fa.fa-resistance:before { content: "\f1d0"; }
.catfish-classes .fa.fa-empire, .catfish-classes .fa.fa-ge, .vue-component-wrapper .fa.fa-empire, .vue-component-wrapper .fa.fa-ge { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-ge:before, .vue-component-wrapper .fa.fa-ge:before { content: "\f1d1"; }
.catfish-classes .fa.fa-git, .catfish-classes .fa.fa-git-square, .catfish-classes .fa.fa-hacker-news, .catfish-classes .fa.fa-y-combinator-square, .vue-component-wrapper .fa.fa-git, .vue-component-wrapper .fa.fa-git-square, .vue-component-wrapper .fa.fa-hacker-news, .vue-component-wrapper .fa.fa-y-combinator-square { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-y-combinator-square:before, .vue-component-wrapper .fa.fa-y-combinator-square:before { content: "\f1d4"; }
.catfish-classes .fa.fa-yc-square, .vue-component-wrapper .fa.fa-yc-square { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-yc-square:before, .vue-component-wrapper .fa.fa-yc-square:before { content: "\f1d4"; }
.catfish-classes .fa.fa-qq, .catfish-classes .fa.fa-tencent-weibo, .catfish-classes .fa.fa-wechat, .catfish-classes .fa.fa-weixin, .vue-component-wrapper .fa.fa-qq, .vue-component-wrapper .fa.fa-tencent-weibo, .vue-component-wrapper .fa.fa-wechat, .vue-component-wrapper .fa.fa-weixin { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-wechat:before, .vue-component-wrapper .fa.fa-wechat:before { content: "\f1d7"; }
.catfish-classes .fa.fa-send:before, .vue-component-wrapper .fa.fa-send:before { content: "\f1d8"; }
.catfish-classes .fa.fa-paper-plane-o, .vue-component-wrapper .fa.fa-paper-plane-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-paper-plane-o:before, .vue-component-wrapper .fa.fa-paper-plane-o:before { content: "\f1d8"; }
.catfish-classes .fa.fa-send-o, .vue-component-wrapper .fa.fa-send-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-send-o:before, .vue-component-wrapper .fa.fa-send-o:before { content: "\f1d8"; }
.catfish-classes .fa.fa-circle-thin, .vue-component-wrapper .fa.fa-circle-thin { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-circle-thin:before, .vue-component-wrapper .fa.fa-circle-thin:before { content: "\f111"; }
.catfish-classes .fa.fa-header:before, .vue-component-wrapper .fa.fa-header:before { content: "\f1dc"; }
.catfish-classes .fa.fa-sliders:before, .vue-component-wrapper .fa.fa-sliders:before { content: "\f1de"; }
.catfish-classes .fa.fa-futbol-o, .vue-component-wrapper .fa.fa-futbol-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-futbol-o:before, .vue-component-wrapper .fa.fa-futbol-o:before { content: "\f1e3"; }
.catfish-classes .fa.fa-soccer-ball-o, .vue-component-wrapper .fa.fa-soccer-ball-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-soccer-ball-o:before, .vue-component-wrapper .fa.fa-soccer-ball-o:before { content: "\f1e3"; }
.catfish-classes .fa.fa-slideshare, .catfish-classes .fa.fa-twitch, .catfish-classes .fa.fa-yelp, .vue-component-wrapper .fa.fa-slideshare, .vue-component-wrapper .fa.fa-twitch, .vue-component-wrapper .fa.fa-yelp { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-newspaper-o, .vue-component-wrapper .fa.fa-newspaper-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-newspaper-o:before, .vue-component-wrapper .fa.fa-newspaper-o:before { content: "\f1ea"; }
.catfish-classes .fa.fa-cc-amex, .catfish-classes .fa.fa-cc-discover, .catfish-classes .fa.fa-cc-mastercard, .catfish-classes .fa.fa-cc-paypal, .catfish-classes .fa.fa-cc-stripe, .catfish-classes .fa.fa-cc-visa, .catfish-classes .fa.fa-google-wallet, .catfish-classes .fa.fa-paypal, .vue-component-wrapper .fa.fa-cc-amex, .vue-component-wrapper .fa.fa-cc-discover, .vue-component-wrapper .fa.fa-cc-mastercard, .vue-component-wrapper .fa.fa-cc-paypal, .vue-component-wrapper .fa.fa-cc-stripe, .vue-component-wrapper .fa.fa-cc-visa, .vue-component-wrapper .fa.fa-google-wallet, .vue-component-wrapper .fa.fa-paypal { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-bell-slash-o, .vue-component-wrapper .fa.fa-bell-slash-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-bell-slash-o:before, .vue-component-wrapper .fa.fa-bell-slash-o:before { content: "\f1f6"; }
.catfish-classes .fa.fa-trash:before, .vue-component-wrapper .fa.fa-trash:before { content: "\f2ed"; }
.catfish-classes .fa.fa-copyright, .vue-component-wrapper .fa.fa-copyright { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-eyedropper:before, .vue-component-wrapper .fa.fa-eyedropper:before { content: "\f1fb"; }
.catfish-classes .fa.fa-area-chart:before, .vue-component-wrapper .fa.fa-area-chart:before { content: "\f1fe"; }
.catfish-classes .fa.fa-pie-chart:before, .vue-component-wrapper .fa.fa-pie-chart:before { content: "\f200"; }
.catfish-classes .fa.fa-line-chart:before, .vue-component-wrapper .fa.fa-line-chart:before { content: "\f201"; }
.catfish-classes .fa.fa-angellist, .catfish-classes .fa.fa-ioxhost, .catfish-classes .fa.fa-lastfm, .catfish-classes .fa.fa-lastfm-square, .vue-component-wrapper .fa.fa-angellist, .vue-component-wrapper .fa.fa-ioxhost, .vue-component-wrapper .fa.fa-lastfm, .vue-component-wrapper .fa.fa-lastfm-square { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-cc, .vue-component-wrapper .fa.fa-cc { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-cc:before, .vue-component-wrapper .fa.fa-cc:before { content: "\f20a"; }
.catfish-classes .fa.fa-ils:before, .catfish-classes .fa.fa-shekel:before, .catfish-classes .fa.fa-sheqel:before, .vue-component-wrapper .fa.fa-ils:before, .vue-component-wrapper .fa.fa-shekel:before, .vue-component-wrapper .fa.fa-sheqel:before { content: "\f20b"; }
.catfish-classes .fa.fa-meanpath, .vue-component-wrapper .fa.fa-meanpath { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-meanpath:before, .vue-component-wrapper .fa.fa-meanpath:before { content: "\f2b4"; }
.catfish-classes .fa.fa-buysellads, .catfish-classes .fa.fa-connectdevelop, .catfish-classes .fa.fa-dashcube, .catfish-classes .fa.fa-forumbee, .catfish-classes .fa.fa-leanpub, .catfish-classes .fa.fa-sellsy, .catfish-classes .fa.fa-shirtsinbulk, .catfish-classes .fa.fa-simplybuilt, .catfish-classes .fa.fa-skyatlas, .vue-component-wrapper .fa.fa-buysellads, .vue-component-wrapper .fa.fa-connectdevelop, .vue-component-wrapper .fa.fa-dashcube, .vue-component-wrapper .fa.fa-forumbee, .vue-component-wrapper .fa.fa-leanpub, .vue-component-wrapper .fa.fa-sellsy, .vue-component-wrapper .fa.fa-shirtsinbulk, .vue-component-wrapper .fa.fa-simplybuilt, .vue-component-wrapper .fa.fa-skyatlas { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-diamond, .vue-component-wrapper .fa.fa-diamond { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-diamond:before, .vue-component-wrapper .fa.fa-diamond:before { content: "\f3a5"; }
.catfish-classes .fa.fa-intersex:before, .vue-component-wrapper .fa.fa-intersex:before { content: "\f224"; }
.catfish-classes .fa.fa-facebook-official, .vue-component-wrapper .fa.fa-facebook-official { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-facebook-official:before, .vue-component-wrapper .fa.fa-facebook-official:before { content: "\f09a"; }
.catfish-classes .fa.fa-pinterest-p, .catfish-classes .fa.fa-whatsapp, .vue-component-wrapper .fa.fa-pinterest-p, .vue-component-wrapper .fa.fa-whatsapp { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-hotel:before, .vue-component-wrapper .fa.fa-hotel:before { content: "\f236"; }
.catfish-classes .fa.fa-medium, .catfish-classes .fa.fa-viacoin, .catfish-classes .fa.fa-y-combinator, .catfish-classes .fa.fa-yc, .vue-component-wrapper .fa.fa-medium, .vue-component-wrapper .fa.fa-viacoin, .vue-component-wrapper .fa.fa-y-combinator, .vue-component-wrapper .fa.fa-yc { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-yc:before, .vue-component-wrapper .fa.fa-yc:before { content: "\f23b"; }
.catfish-classes .fa.fa-expeditedssl, .catfish-classes .fa.fa-opencart, .catfish-classes .fa.fa-optin-monster, .vue-component-wrapper .fa.fa-expeditedssl, .vue-component-wrapper .fa.fa-opencart, .vue-component-wrapper .fa.fa-optin-monster { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-battery-4:before, .catfish-classes .fa.fa-battery:before, .vue-component-wrapper .fa.fa-battery-4:before, .vue-component-wrapper .fa.fa-battery:before { content: "\f240"; }
.catfish-classes .fa.fa-battery-3:before, .vue-component-wrapper .fa.fa-battery-3:before { content: "\f241"; }
.catfish-classes .fa.fa-battery-2:before, .vue-component-wrapper .fa.fa-battery-2:before { content: "\f242"; }
.catfish-classes .fa.fa-battery-1:before, .vue-component-wrapper .fa.fa-battery-1:before { content: "\f243"; }
.catfish-classes .fa.fa-battery-0:before, .vue-component-wrapper .fa.fa-battery-0:before { content: "\f244"; }
.catfish-classes .fa.fa-object-group, .catfish-classes .fa.fa-object-ungroup, .catfish-classes .fa.fa-sticky-note-o, .vue-component-wrapper .fa.fa-object-group, .vue-component-wrapper .fa.fa-object-ungroup, .vue-component-wrapper .fa.fa-sticky-note-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-sticky-note-o:before, .vue-component-wrapper .fa.fa-sticky-note-o:before { content: "\f249"; }
.catfish-classes .fa.fa-cc-diners-club, .catfish-classes .fa.fa-cc-jcb, .vue-component-wrapper .fa.fa-cc-diners-club, .vue-component-wrapper .fa.fa-cc-jcb { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-clone, .catfish-classes .fa.fa-hourglass-o, .vue-component-wrapper .fa.fa-clone, .vue-component-wrapper .fa.fa-hourglass-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-hourglass-o:before, .vue-component-wrapper .fa.fa-hourglass-o:before { content: "\f254"; }
.catfish-classes .fa.fa-hourglass-1:before, .vue-component-wrapper .fa.fa-hourglass-1:before { content: "\f251"; }
.catfish-classes .fa.fa-hourglass-2:before, .vue-component-wrapper .fa.fa-hourglass-2:before { content: "\f252"; }
.catfish-classes .fa.fa-hourglass-3:before, .vue-component-wrapper .fa.fa-hourglass-3:before { content: "\f253"; }
.catfish-classes .fa.fa-hand-rock-o, .vue-component-wrapper .fa.fa-hand-rock-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-hand-rock-o:before, .vue-component-wrapper .fa.fa-hand-rock-o:before { content: "\f255"; }
.catfish-classes .fa.fa-hand-grab-o, .vue-component-wrapper .fa.fa-hand-grab-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-hand-grab-o:before, .vue-component-wrapper .fa.fa-hand-grab-o:before { content: "\f255"; }
.catfish-classes .fa.fa-hand-paper-o, .vue-component-wrapper .fa.fa-hand-paper-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-hand-paper-o:before, .vue-component-wrapper .fa.fa-hand-paper-o:before { content: "\f256"; }
.catfish-classes .fa.fa-hand-stop-o, .vue-component-wrapper .fa.fa-hand-stop-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-hand-stop-o:before, .vue-component-wrapper .fa.fa-hand-stop-o:before { content: "\f256"; }
.catfish-classes .fa.fa-hand-scissors-o, .vue-component-wrapper .fa.fa-hand-scissors-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-hand-scissors-o:before, .vue-component-wrapper .fa.fa-hand-scissors-o:before { content: "\f257"; }
.catfish-classes .fa.fa-hand-lizard-o, .vue-component-wrapper .fa.fa-hand-lizard-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-hand-lizard-o:before, .vue-component-wrapper .fa.fa-hand-lizard-o:before { content: "\f258"; }
.catfish-classes .fa.fa-hand-spock-o, .vue-component-wrapper .fa.fa-hand-spock-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-hand-spock-o:before, .vue-component-wrapper .fa.fa-hand-spock-o:before { content: "\f259"; }
.catfish-classes .fa.fa-hand-pointer-o, .vue-component-wrapper .fa.fa-hand-pointer-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-hand-pointer-o:before, .vue-component-wrapper .fa.fa-hand-pointer-o:before { content: "\f25a"; }
.catfish-classes .fa.fa-hand-peace-o, .vue-component-wrapper .fa.fa-hand-peace-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-hand-peace-o:before, .vue-component-wrapper .fa.fa-hand-peace-o:before { content: "\f25b"; }
.catfish-classes .fa.fa-registered, .vue-component-wrapper .fa.fa-registered { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-chrome, .catfish-classes .fa.fa-creative-commons, .catfish-classes .fa.fa-firefox, .catfish-classes .fa.fa-get-pocket, .catfish-classes .fa.fa-gg, .catfish-classes .fa.fa-gg-circle, .catfish-classes .fa.fa-internet-explorer, .catfish-classes .fa.fa-odnoklassniki, .catfish-classes .fa.fa-odnoklassniki-square, .catfish-classes .fa.fa-opera, .catfish-classes .fa.fa-safari, .catfish-classes .fa.fa-tripadvisor, .catfish-classes .fa.fa-wikipedia-w, .vue-component-wrapper .fa.fa-chrome, .vue-component-wrapper .fa.fa-creative-commons, .vue-component-wrapper .fa.fa-firefox, .vue-component-wrapper .fa.fa-get-pocket, .vue-component-wrapper .fa.fa-gg, .vue-component-wrapper .fa.fa-gg-circle, .vue-component-wrapper .fa.fa-internet-explorer, .vue-component-wrapper .fa.fa-odnoklassniki, .vue-component-wrapper .fa.fa-odnoklassniki-square, .vue-component-wrapper .fa.fa-opera, .vue-component-wrapper .fa.fa-safari, .vue-component-wrapper .fa.fa-tripadvisor, .vue-component-wrapper .fa.fa-wikipedia-w { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-television:before, .vue-component-wrapper .fa.fa-television:before { content: "\f26c"; }
.catfish-classes .fa.fa-500px, .catfish-classes .fa.fa-amazon, .catfish-classes .fa.fa-contao, .vue-component-wrapper .fa.fa-500px, .vue-component-wrapper .fa.fa-amazon, .vue-component-wrapper .fa.fa-contao { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-calendar-plus-o, .vue-component-wrapper .fa.fa-calendar-plus-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-calendar-plus-o:before, .vue-component-wrapper .fa.fa-calendar-plus-o:before { content: "\f271"; }
.catfish-classes .fa.fa-calendar-minus-o, .vue-component-wrapper .fa.fa-calendar-minus-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-calendar-minus-o:before, .vue-component-wrapper .fa.fa-calendar-minus-o:before { content: "\f272"; }
.catfish-classes .fa.fa-calendar-times-o, .vue-component-wrapper .fa.fa-calendar-times-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-calendar-times-o:before, .vue-component-wrapper .fa.fa-calendar-times-o:before { content: "\f273"; }
.catfish-classes .fa.fa-calendar-check-o, .vue-component-wrapper .fa.fa-calendar-check-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-calendar-check-o:before, .vue-component-wrapper .fa.fa-calendar-check-o:before { content: "\f274"; }
.catfish-classes .fa.fa-map-o, .vue-component-wrapper .fa.fa-map-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-map-o:before, .vue-component-wrapper .fa.fa-map-o:before { content: "\f279"; }
.catfish-classes .fa.fa-commenting, .vue-component-wrapper .fa.fa-commenting { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-commenting:before, .vue-component-wrapper .fa.fa-commenting:before { content: "\f4ad"; }
.catfish-classes .fa.fa-commenting-o, .vue-component-wrapper .fa.fa-commenting-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-commenting-o:before, .vue-component-wrapper .fa.fa-commenting-o:before { content: "\f4ad"; }
.catfish-classes .fa.fa-houzz, .catfish-classes .fa.fa-vimeo, .vue-component-wrapper .fa.fa-houzz, .vue-component-wrapper .fa.fa-vimeo { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-vimeo:before, .vue-component-wrapper .fa.fa-vimeo:before { content: "\f27d"; }
.catfish-classes .fa.fa-black-tie, .catfish-classes .fa.fa-edge, .catfish-classes .fa.fa-fonticons, .catfish-classes .fa.fa-reddit-alien, .vue-component-wrapper .fa.fa-black-tie, .vue-component-wrapper .fa.fa-edge, .vue-component-wrapper .fa.fa-fonticons, .vue-component-wrapper .fa.fa-reddit-alien { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-credit-card-alt:before, .vue-component-wrapper .fa.fa-credit-card-alt:before { content: "\f09d"; }
.catfish-classes .fa.fa-codiepie, .catfish-classes .fa.fa-fort-awesome, .catfish-classes .fa.fa-mixcloud, .catfish-classes .fa.fa-modx, .catfish-classes .fa.fa-product-hunt, .catfish-classes .fa.fa-scribd, .catfish-classes .fa.fa-usb, .vue-component-wrapper .fa.fa-codiepie, .vue-component-wrapper .fa.fa-fort-awesome, .vue-component-wrapper .fa.fa-mixcloud, .vue-component-wrapper .fa.fa-modx, .vue-component-wrapper .fa.fa-product-hunt, .vue-component-wrapper .fa.fa-scribd, .vue-component-wrapper .fa.fa-usb { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-pause-circle-o, .vue-component-wrapper .fa.fa-pause-circle-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-pause-circle-o:before, .vue-component-wrapper .fa.fa-pause-circle-o:before { content: "\f28b"; }
.catfish-classes .fa.fa-stop-circle-o, .vue-component-wrapper .fa.fa-stop-circle-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-stop-circle-o:before, .vue-component-wrapper .fa.fa-stop-circle-o:before { content: "\f28d"; }
.catfish-classes .fa.fa-bluetooth, .catfish-classes .fa.fa-bluetooth-b, .catfish-classes .fa.fa-envira, .catfish-classes .fa.fa-gitlab, .catfish-classes .fa.fa-wheelchair-alt, .catfish-classes .fa.fa-wpbeginner, .catfish-classes .fa.fa-wpforms, .vue-component-wrapper .fa.fa-bluetooth, .vue-component-wrapper .fa.fa-bluetooth-b, .vue-component-wrapper .fa.fa-envira, .vue-component-wrapper .fa.fa-gitlab, .vue-component-wrapper .fa.fa-wheelchair-alt, .vue-component-wrapper .fa.fa-wpbeginner, .vue-component-wrapper .fa.fa-wpforms { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-wheelchair-alt:before, .vue-component-wrapper .fa.fa-wheelchair-alt:before { content: "\f368"; }
.catfish-classes .fa.fa-question-circle-o, .vue-component-wrapper .fa.fa-question-circle-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-question-circle-o:before, .vue-component-wrapper .fa.fa-question-circle-o:before { content: "\f059"; }
.catfish-classes .fa.fa-volume-control-phone:before, .vue-component-wrapper .fa.fa-volume-control-phone:before { content: "\f2a0"; }
.catfish-classes .fa.fa-asl-interpreting:before, .vue-component-wrapper .fa.fa-asl-interpreting:before { content: "\f2a3"; }
.catfish-classes .fa.fa-deafness:before, .catfish-classes .fa.fa-hard-of-hearing:before, .vue-component-wrapper .fa.fa-deafness:before, .vue-component-wrapper .fa.fa-hard-of-hearing:before { content: "\f2a4"; }
.catfish-classes .fa.fa-glide, .catfish-classes .fa.fa-glide-g, .vue-component-wrapper .fa.fa-glide, .vue-component-wrapper .fa.fa-glide-g { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-signing:before, .vue-component-wrapper .fa.fa-signing:before { content: "\f2a7"; }
.catfish-classes .fa.fa-first-order, .catfish-classes .fa.fa-google-plus-official, .catfish-classes .fa.fa-pied-piper, .catfish-classes .fa.fa-snapchat, .catfish-classes .fa.fa-snapchat-ghost, .catfish-classes .fa.fa-snapchat-square, .catfish-classes .fa.fa-themeisle, .catfish-classes .fa.fa-viadeo, .catfish-classes .fa.fa-viadeo-square, .catfish-classes .fa.fa-yoast, .vue-component-wrapper .fa.fa-first-order, .vue-component-wrapper .fa.fa-google-plus-official, .vue-component-wrapper .fa.fa-pied-piper, .vue-component-wrapper .fa.fa-snapchat, .vue-component-wrapper .fa.fa-snapchat-ghost, .vue-component-wrapper .fa.fa-snapchat-square, .vue-component-wrapper .fa.fa-themeisle, .vue-component-wrapper .fa.fa-viadeo, .vue-component-wrapper .fa.fa-viadeo-square, .vue-component-wrapper .fa.fa-yoast { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-google-plus-official:before, .vue-component-wrapper .fa.fa-google-plus-official:before { content: "\f2b3"; }
.catfish-classes .fa.fa-google-plus-circle, .vue-component-wrapper .fa.fa-google-plus-circle { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-google-plus-circle:before, .vue-component-wrapper .fa.fa-google-plus-circle:before { content: "\f2b3"; }
.catfish-classes .fa.fa-fa, .catfish-classes .fa.fa-font-awesome, .vue-component-wrapper .fa.fa-fa, .vue-component-wrapper .fa.fa-font-awesome { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-fa:before, .vue-component-wrapper .fa.fa-fa:before { content: "\f2b4"; }
.catfish-classes .fa.fa-handshake-o, .vue-component-wrapper .fa.fa-handshake-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-handshake-o:before, .vue-component-wrapper .fa.fa-handshake-o:before { content: "\f2b5"; }
.catfish-classes .fa.fa-envelope-open-o, .vue-component-wrapper .fa.fa-envelope-open-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-envelope-open-o:before, .vue-component-wrapper .fa.fa-envelope-open-o:before { content: "\f2b6"; }
.catfish-classes .fa.fa-linode, .vue-component-wrapper .fa.fa-linode { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-address-book-o, .vue-component-wrapper .fa.fa-address-book-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-address-book-o:before, .vue-component-wrapper .fa.fa-address-book-o:before { content: "\f2b9"; }
.catfish-classes .fa.fa-vcard:before, .vue-component-wrapper .fa.fa-vcard:before { content: "\f2bb"; }
.catfish-classes .fa.fa-address-card-o, .vue-component-wrapper .fa.fa-address-card-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-address-card-o:before, .vue-component-wrapper .fa.fa-address-card-o:before { content: "\f2bb"; }
.catfish-classes .fa.fa-vcard-o, .vue-component-wrapper .fa.fa-vcard-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-vcard-o:before, .vue-component-wrapper .fa.fa-vcard-o:before { content: "\f2bb"; }
.catfish-classes .fa.fa-user-circle-o, .vue-component-wrapper .fa.fa-user-circle-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-user-circle-o:before, .vue-component-wrapper .fa.fa-user-circle-o:before { content: "\f2bd"; }
.catfish-classes .fa.fa-user-o, .vue-component-wrapper .fa.fa-user-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-user-o:before, .vue-component-wrapper .fa.fa-user-o:before { content: "\f007"; }
.catfish-classes .fa.fa-id-badge, .vue-component-wrapper .fa.fa-id-badge { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-drivers-license:before, .vue-component-wrapper .fa.fa-drivers-license:before { content: "\f2c2"; }
.catfish-classes .fa.fa-id-card-o, .vue-component-wrapper .fa.fa-id-card-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-id-card-o:before, .vue-component-wrapper .fa.fa-id-card-o:before { content: "\f2c2"; }
.catfish-classes .fa.fa-drivers-license-o, .vue-component-wrapper .fa.fa-drivers-license-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-drivers-license-o:before, .vue-component-wrapper .fa.fa-drivers-license-o:before { content: "\f2c2"; }
.catfish-classes .fa.fa-free-code-camp, .catfish-classes .fa.fa-quora, .catfish-classes .fa.fa-telegram, .vue-component-wrapper .fa.fa-free-code-camp, .vue-component-wrapper .fa.fa-quora, .vue-component-wrapper .fa.fa-telegram { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-thermometer-4:before, .catfish-classes .fa.fa-thermometer:before, .vue-component-wrapper .fa.fa-thermometer-4:before, .vue-component-wrapper .fa.fa-thermometer:before { content: "\f2c7"; }
.catfish-classes .fa.fa-thermometer-3:before, .vue-component-wrapper .fa.fa-thermometer-3:before { content: "\f2c8"; }
.catfish-classes .fa.fa-thermometer-2:before, .vue-component-wrapper .fa.fa-thermometer-2:before { content: "\f2c9"; }
.catfish-classes .fa.fa-thermometer-1:before, .vue-component-wrapper .fa.fa-thermometer-1:before { content: "\f2ca"; }
.catfish-classes .fa.fa-thermometer-0:before, .vue-component-wrapper .fa.fa-thermometer-0:before { content: "\f2cb"; }
.catfish-classes .fa.fa-bathtub:before, .catfish-classes .fa.fa-s15:before, .vue-component-wrapper .fa.fa-bathtub:before, .vue-component-wrapper .fa.fa-s15:before { content: "\f2cd"; }
.catfish-classes .fa.fa-window-maximize, .catfish-classes .fa.fa-window-restore, .vue-component-wrapper .fa.fa-window-maximize, .vue-component-wrapper .fa.fa-window-restore { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-times-rectangle:before, .vue-component-wrapper .fa.fa-times-rectangle:before { content: "\f410"; }
.catfish-classes .fa.fa-window-close-o, .vue-component-wrapper .fa.fa-window-close-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-window-close-o:before, .vue-component-wrapper .fa.fa-window-close-o:before { content: "\f410"; }
.catfish-classes .fa.fa-times-rectangle-o, .vue-component-wrapper .fa.fa-times-rectangle-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-times-rectangle-o:before, .vue-component-wrapper .fa.fa-times-rectangle-o:before { content: "\f410"; }
.catfish-classes .fa.fa-bandcamp, .catfish-classes .fa.fa-eercast, .catfish-classes .fa.fa-etsy, .catfish-classes .fa.fa-grav, .catfish-classes .fa.fa-imdb, .catfish-classes .fa.fa-ravelry, .vue-component-wrapper .fa.fa-bandcamp, .vue-component-wrapper .fa.fa-eercast, .vue-component-wrapper .fa.fa-etsy, .vue-component-wrapper .fa.fa-grav, .vue-component-wrapper .fa.fa-imdb, .vue-component-wrapper .fa.fa-ravelry { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .fa.fa-eercast:before, .vue-component-wrapper .fa.fa-eercast:before { content: "\f2da"; }
.catfish-classes .fa.fa-snowflake-o, .vue-component-wrapper .fa.fa-snowflake-o { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.catfish-classes .fa.fa-snowflake-o:before, .vue-component-wrapper .fa.fa-snowflake-o:before { content: "\f2dc"; }
.catfish-classes .fa.fa-spotify, .catfish-classes .fa.fa-superpowers, .catfish-classes .fa.fa-wpexplorer, .vue-component-wrapper .fa.fa-spotify, .vue-component-wrapper .fa.fa-superpowers, .vue-component-wrapper .fa.fa-wpexplorer { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.catfish-classes .product-price-overlay-modal.fade-enter-active, .catfish-classes .product-price-overlay-modal.fade-leave-active, .vue-component-wrapper .product-price-overlay-modal.fade-enter-active, .vue-component-wrapper .product-price-overlay-modal.fade-leave-active { transition: opacity 0.7s; }
.catfish-classes .product-price-overlay-modal.modal .card, .vue-component-wrapper .product-price-overlay-modal.modal .card { min-height: 50px; }
@media screen and (min-width: 1087px) { .catfish-classes .navbar-menu .current-basket-quantity, .vue-component-wrapper .navbar-menu .current-basket-quantity { margin-left: 0.2rem; } }
.catfish-classes .is-flex-direction-row, .vue-component-wrapper .is-flex-direction-row { flex-direction: row !important; }
.catfish-classes .is-flex-direction-row-reverse, .vue-component-wrapper .is-flex-direction-row-reverse { flex-direction: row-reverse !important; }
.catfish-classes .is-flex-direction-column, .vue-component-wrapper .is-flex-direction-column { flex-direction: column !important; }
.catfish-classes .is-flex-direction-column-reverse, .vue-component-wrapper .is-flex-direction-column-reverse { flex-direction: column-reverse !important; }
.catfish-classes .is-flex-wrap-nowrap, .vue-component-wrapper .is-flex-wrap-nowrap { flex-wrap: nowrap !important; }
.catfish-classes .is-flex-wrap-wrap, .vue-component-wrapper .is-flex-wrap-wrap { flex-wrap: wrap !important; }
.catfish-classes .is-flex-wrap-wrap-reverse, .vue-component-wrapper .is-flex-wrap-wrap-reverse { flex-wrap: wrap-reverse !important; }
.catfish-classes .is-justify-content-flex-start, .vue-component-wrapper .is-justify-content-flex-start { justify-content: flex-start !important; }
.catfish-classes .is-justify-content-flex-end, .vue-component-wrapper .is-justify-content-flex-end { justify-content: flex-end !important; }
.catfish-classes .is-justify-content-center, .vue-component-wrapper .is-justify-content-center { justify-content: center !important; }
.catfish-classes .is-justify-content-space-between, .vue-component-wrapper .is-justify-content-space-between { justify-content: space-between !important; }
.catfish-classes .is-justify-content-space-around, .vue-component-wrapper .is-justify-content-space-around { justify-content: space-around !important; }
.catfish-classes .is-justify-content-space-evenly, .vue-component-wrapper .is-justify-content-space-evenly { justify-content: space-evenly !important; }
.catfish-classes .is-justify-content-start, .vue-component-wrapper .is-justify-content-start { justify-content: start !important; }
.catfish-classes .is-justify-content-end, .vue-component-wrapper .is-justify-content-end { justify-content: end !important; }
.catfish-classes .is-justify-content-left, .vue-component-wrapper .is-justify-content-left { justify-content: left !important; }
.catfish-classes .is-justify-content-right, .vue-component-wrapper .is-justify-content-right { justify-content: right !important; }
.catfish-classes .is-align-content-flex-start, .vue-component-wrapper .is-align-content-flex-start { align-content: flex-start !important; }
.catfish-classes .is-align-content-flex-end, .vue-component-wrapper .is-align-content-flex-end { align-content: flex-end !important; }
.catfish-classes .is-align-content-center, .vue-component-wrapper .is-align-content-center { align-content: center !important; }
.catfish-classes .is-align-content-space-between, .vue-component-wrapper .is-align-content-space-between { align-content: space-between !important; }
.catfish-classes .is-align-content-space-around, .vue-component-wrapper .is-align-content-space-around { align-content: space-around !important; }
.catfish-classes .is-align-content-space-evenly, .vue-component-wrapper .is-align-content-space-evenly { align-content: space-evenly !important; }
.catfish-classes .is-align-content-stretch, .vue-component-wrapper .is-align-content-stretch { align-content: stretch !important; }
.catfish-classes .is-align-content-start, .vue-component-wrapper .is-align-content-start { align-content: start !important; }
.catfish-classes .is-align-content-end, .vue-component-wrapper .is-align-content-end { align-content: end !important; }
.catfish-classes .is-align-content-baseline, .vue-component-wrapper .is-align-content-baseline { align-content: baseline !important; }
.catfish-classes .is-align-items-stretch, .vue-component-wrapper .is-align-items-stretch { align-items: stretch !important; }
.catfish-classes .is-align-items-flex-start, .vue-component-wrapper .is-align-items-flex-start { align-items: flex-start !important; }
.catfish-classes .is-align-items-flex-end, .vue-component-wrapper .is-align-items-flex-end { align-items: flex-end !important; }
.catfish-classes .is-align-items-center, .vue-component-wrapper .is-align-items-center { align-items: center !important; }
.catfish-classes .is-align-items-baseline, .vue-component-wrapper .is-align-items-baseline { align-items: baseline !important; }
.catfish-classes .is-align-items-start, .vue-component-wrapper .is-align-items-start { align-items: start !important; }
.catfish-classes .is-align-items-end, .vue-component-wrapper .is-align-items-end { align-items: end !important; }
.catfish-classes .is-align-items-self-start, .vue-component-wrapper .is-align-items-self-start { align-items: self-start !important; }
.catfish-classes .is-align-items-self-end, .vue-component-wrapper .is-align-items-self-end { align-items: self-end !important; }
.catfish-classes .is-align-self-auto, .vue-component-wrapper .is-align-self-auto { align-self: auto !important; }
.catfish-classes .is-align-self-flex-start, .vue-component-wrapper .is-align-self-flex-start { align-self: flex-start !important; }
.catfish-classes .is-align-self-flex-end, .vue-component-wrapper .is-align-self-flex-end { align-self: flex-end !important; }
.catfish-classes .is-align-self-center, .vue-component-wrapper .is-align-self-center { align-self: center !important; }
.catfish-classes .is-align-self-baseline, .vue-component-wrapper .is-align-self-baseline { align-self: baseline !important; }
.catfish-classes .is-align-self-stretch, .vue-component-wrapper .is-align-self-stretch { align-self: stretch !important; }
.catfish-classes .is-flex-grow-0, .vue-component-wrapper .is-flex-grow-0 { flex-grow: 0 !important; }
.catfish-classes .is-flex-grow-1, .vue-component-wrapper .is-flex-grow-1 { flex-grow: 1 !important; }
.catfish-classes .is-flex-grow-2, .vue-component-wrapper .is-flex-grow-2 { flex-grow: 2 !important; }
.catfish-classes .is-flex-grow-3, .vue-component-wrapper .is-flex-grow-3 { flex-grow: 3 !important; }
.catfish-classes .is-flex-grow-4, .vue-component-wrapper .is-flex-grow-4 { flex-grow: 4 !important; }
.catfish-classes .is-flex-grow-5, .vue-component-wrapper .is-flex-grow-5 { flex-grow: 5 !important; }
.catfish-classes .is-flex-shrink-0, .vue-component-wrapper .is-flex-shrink-0 { flex-shrink: 0 !important; }
.catfish-classes .is-flex-shrink-1, .vue-component-wrapper .is-flex-shrink-1 { flex-shrink: 1 !important; }
.catfish-classes .is-flex-shrink-2, .vue-component-wrapper .is-flex-shrink-2 { flex-shrink: 2 !important; }
.catfish-classes .is-flex-shrink-3, .vue-component-wrapper .is-flex-shrink-3 { flex-shrink: 3 !important; }
.catfish-classes .is-flex-shrink-4, .vue-component-wrapper .is-flex-shrink-4 { flex-shrink: 4 !important; }
.catfish-classes .is-flex-shrink-5, .vue-component-wrapper .is-flex-shrink-5 { flex-shrink: 5 !important; }
.catfish-classes .is-size-1, .vue-component-wrapper .is-size-1 { font-size: 2.488em !important; }
.catfish-classes .is-size-2, .vue-component-wrapper .is-size-2 { font-size: 2.074em !important; }
.catfish-classes .is-size-3, .vue-component-wrapper .is-size-3 { font-size: 1.728em !important; }
.catfish-classes .is-size-4, .vue-component-wrapper .is-size-4 { font-size: 1.44em !important; }
.catfish-classes .is-size-5, .vue-component-wrapper .is-size-5 { font-size: 1.2em !important; }
.catfish-classes .is-size-6, .vue-component-wrapper .is-size-6 { font-size: 1rem !important; }
.catfish-classes .is-size-7, .vue-component-wrapper .is-size-7 { font-size: 0.833em !important; }
@media screen and (max-width: 749px) { .catfish-classes .is-size-1-mobile, .vue-component-wrapper .is-size-1-mobile { font-size: 2.488em !important; }
.catfish-classes .is-size-2-mobile, .vue-component-wrapper .is-size-2-mobile { font-size: 2.074em !important; }
.catfish-classes .is-size-3-mobile, .vue-component-wrapper .is-size-3-mobile { font-size: 1.728em !important; }
.catfish-classes .is-size-4-mobile, .vue-component-wrapper .is-size-4-mobile { font-size: 1.44em !important; }
.catfish-classes .is-size-5-mobile, .vue-component-wrapper .is-size-5-mobile { font-size: 1.2em !important; }
.catfish-classes .is-size-6-mobile, .vue-component-wrapper .is-size-6-mobile { font-size: 1rem !important; }
.catfish-classes .is-size-7-mobile, .vue-component-wrapper .is-size-7-mobile { font-size: 0.833em !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .is-size-1-tablet, .vue-component-wrapper .is-size-1-tablet { font-size: 2.488em !important; }
.catfish-classes .is-size-2-tablet, .vue-component-wrapper .is-size-2-tablet { font-size: 2.074em !important; }
.catfish-classes .is-size-3-tablet, .vue-component-wrapper .is-size-3-tablet { font-size: 1.728em !important; }
.catfish-classes .is-size-4-tablet, .vue-component-wrapper .is-size-4-tablet { font-size: 1.44em !important; }
.catfish-classes .is-size-5-tablet, .vue-component-wrapper .is-size-5-tablet { font-size: 1.2em !important; }
.catfish-classes .is-size-6-tablet, .vue-component-wrapper .is-size-6-tablet { font-size: 1rem !important; }
.catfish-classes .is-size-7-tablet, .vue-component-wrapper .is-size-7-tablet { font-size: 0.833em !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .is-size-1-touch, .vue-component-wrapper .is-size-1-touch { font-size: 2.488em !important; }
.catfish-classes .is-size-2-touch, .vue-component-wrapper .is-size-2-touch { font-size: 2.074em !important; }
.catfish-classes .is-size-3-touch, .vue-component-wrapper .is-size-3-touch { font-size: 1.728em !important; }
.catfish-classes .is-size-4-touch, .vue-component-wrapper .is-size-4-touch { font-size: 1.44em !important; }
.catfish-classes .is-size-5-touch, .vue-component-wrapper .is-size-5-touch { font-size: 1.2em !important; }
.catfish-classes .is-size-6-touch, .vue-component-wrapper .is-size-6-touch { font-size: 1rem !important; }
.catfish-classes .is-size-7-touch, .vue-component-wrapper .is-size-7-touch { font-size: 0.833em !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .is-size-1-desktop, .vue-component-wrapper .is-size-1-desktop { font-size: 2.488em !important; }
.catfish-classes .is-size-2-desktop, .vue-component-wrapper .is-size-2-desktop { font-size: 2.074em !important; }
.catfish-classes .is-size-3-desktop, .vue-component-wrapper .is-size-3-desktop { font-size: 1.728em !important; }
.catfish-classes .is-size-4-desktop, .vue-component-wrapper .is-size-4-desktop { font-size: 1.44em !important; }
.catfish-classes .is-size-5-desktop, .vue-component-wrapper .is-size-5-desktop { font-size: 1.2em !important; }
.catfish-classes .is-size-6-desktop, .vue-component-wrapper .is-size-6-desktop { font-size: 1rem !important; }
.catfish-classes .is-size-7-desktop, .vue-component-wrapper .is-size-7-desktop { font-size: 0.833em !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .is-size-1-widescreen, .vue-component-wrapper .is-size-1-widescreen { font-size: 2.488em !important; }
.catfish-classes .is-size-2-widescreen, .vue-component-wrapper .is-size-2-widescreen { font-size: 2.074em !important; }
.catfish-classes .is-size-3-widescreen, .vue-component-wrapper .is-size-3-widescreen { font-size: 1.728em !important; }
.catfish-classes .is-size-4-widescreen, .vue-component-wrapper .is-size-4-widescreen { font-size: 1.44em !important; }
.catfish-classes .is-size-5-widescreen, .vue-component-wrapper .is-size-5-widescreen { font-size: 1.2em !important; }
.catfish-classes .is-size-6-widescreen, .vue-component-wrapper .is-size-6-widescreen { font-size: 1rem !important; }
.catfish-classes .is-size-7-widescreen, .vue-component-wrapper .is-size-7-widescreen { font-size: 0.833em !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .is-size-1-fullhd, .vue-component-wrapper .is-size-1-fullhd { font-size: 2.488em !important; }
.catfish-classes .is-size-2-fullhd, .vue-component-wrapper .is-size-2-fullhd { font-size: 2.074em !important; }
.catfish-classes .is-size-3-fullhd, .vue-component-wrapper .is-size-3-fullhd { font-size: 1.728em !important; }
.catfish-classes .is-size-4-fullhd, .vue-component-wrapper .is-size-4-fullhd { font-size: 1.44em !important; }
.catfish-classes .is-size-5-fullhd, .vue-component-wrapper .is-size-5-fullhd { font-size: 1.2em !important; }
.catfish-classes .is-size-6-fullhd, .vue-component-wrapper .is-size-6-fullhd { font-size: 1rem !important; }
.catfish-classes .is-size-7-fullhd, .vue-component-wrapper .is-size-7-fullhd { font-size: 0.833em !important; } }
.catfish-classes .has-text-centered, .vue-component-wrapper .has-text-centered { text-align: center !important; }
.catfish-classes .has-text-justified, .vue-component-wrapper .has-text-justified { text-align: justify !important; }
.catfish-classes .has-text-left, .vue-component-wrapper .has-text-left { text-align: left !important; }
.catfish-classes .has-text-right, .vue-component-wrapper .has-text-right { text-align: right !important; }
@media screen and (max-width: 749px) { .catfish-classes .has-text-centered-mobile, .vue-component-wrapper .has-text-centered-mobile { text-align: center !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .has-text-centered-tablet, .vue-component-wrapper .has-text-centered-tablet { text-align: center !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .has-text-centered-tablet-only, .vue-component-wrapper .has-text-centered-tablet-only { text-align: center !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .has-text-centered-touch, .vue-component-wrapper .has-text-centered-touch { text-align: center !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .has-text-centered-desktop, .vue-component-wrapper .has-text-centered-desktop { text-align: center !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .has-text-centered-desktop-only, .vue-component-wrapper .has-text-centered-desktop-only { text-align: center !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .has-text-centered-widescreen, .vue-component-wrapper .has-text-centered-widescreen { text-align: center !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .has-text-centered-widescreen-only, .vue-component-wrapper .has-text-centered-widescreen-only { text-align: center !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .has-text-centered-fullhd, .vue-component-wrapper .has-text-centered-fullhd { text-align: center !important; } }
@media screen and (max-width: 749px) { .catfish-classes .has-text-justified-mobile, .vue-component-wrapper .has-text-justified-mobile { text-align: justify !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .has-text-justified-tablet, .vue-component-wrapper .has-text-justified-tablet { text-align: justify !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .has-text-justified-tablet-only, .vue-component-wrapper .has-text-justified-tablet-only { text-align: justify !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .has-text-justified-touch, .vue-component-wrapper .has-text-justified-touch { text-align: justify !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .has-text-justified-desktop, .vue-component-wrapper .has-text-justified-desktop { text-align: justify !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .has-text-justified-desktop-only, .vue-component-wrapper .has-text-justified-desktop-only { text-align: justify !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .has-text-justified-widescreen, .vue-component-wrapper .has-text-justified-widescreen { text-align: justify !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .has-text-justified-widescreen-only, .vue-component-wrapper .has-text-justified-widescreen-only { text-align: justify !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .has-text-justified-fullhd, .vue-component-wrapper .has-text-justified-fullhd { text-align: justify !important; } }
@media screen and (max-width: 749px) { .catfish-classes .has-text-left-mobile, .vue-component-wrapper .has-text-left-mobile { text-align: left !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .has-text-left-tablet, .vue-component-wrapper .has-text-left-tablet { text-align: left !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .has-text-left-tablet-only, .vue-component-wrapper .has-text-left-tablet-only { text-align: left !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .has-text-left-touch, .vue-component-wrapper .has-text-left-touch { text-align: left !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .has-text-left-desktop, .vue-component-wrapper .has-text-left-desktop { text-align: left !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .has-text-left-desktop-only, .vue-component-wrapper .has-text-left-desktop-only { text-align: left !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .has-text-left-widescreen, .vue-component-wrapper .has-text-left-widescreen { text-align: left !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .has-text-left-widescreen-only, .vue-component-wrapper .has-text-left-widescreen-only { text-align: left !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .has-text-left-fullhd, .vue-component-wrapper .has-text-left-fullhd { text-align: left !important; } }
@media screen and (max-width: 749px) { .catfish-classes .has-text-right-mobile, .vue-component-wrapper .has-text-right-mobile { text-align: right !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .has-text-right-tablet, .vue-component-wrapper .has-text-right-tablet { text-align: right !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .has-text-right-tablet-only, .vue-component-wrapper .has-text-right-tablet-only { text-align: right !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .has-text-right-touch, .vue-component-wrapper .has-text-right-touch { text-align: right !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .has-text-right-desktop, .vue-component-wrapper .has-text-right-desktop { text-align: right !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .has-text-right-desktop-only, .vue-component-wrapper .has-text-right-desktop-only { text-align: right !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .has-text-right-widescreen, .vue-component-wrapper .has-text-right-widescreen { text-align: right !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .has-text-right-widescreen-only, .vue-component-wrapper .has-text-right-widescreen-only { text-align: right !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .has-text-right-fullhd, .vue-component-wrapper .has-text-right-fullhd { text-align: right !important; } }
.catfish-classes .is-capitalized, .vue-component-wrapper .is-capitalized { text-transform: capitalize !important; }
.catfish-classes .is-lowercase, .vue-component-wrapper .is-lowercase { text-transform: lowercase !important; }
.catfish-classes .is-uppercase, .vue-component-wrapper .is-uppercase { text-transform: uppercase !important; }
.catfish-classes .is-italic, .vue-component-wrapper .is-italic { font-style: italic !important; }
.catfish-classes .has-text-weight-light, .vue-component-wrapper .has-text-weight-light { font-weight: 300 !important; }
.catfish-classes .has-text-weight-normal, .vue-component-wrapper .has-text-weight-normal { font-weight: 400 !important; }
.catfish-classes .has-text-weight-semibold, .vue-component-wrapper .has-text-weight-semibold { font-weight: 600 !important; }
.catfish-classes .has-text-weight-bold, .vue-component-wrapper .has-text-weight-bold { font-weight: 700 !important; }
.catfish-classes .is-word-break-word, .vue-component-wrapper .is-word-break-word { word-break: break-word !important; }
.catfish-classes .is-word-break-all, .vue-component-wrapper .is-word-break-all { word-break: break-all !important; }
.catfish-classes .is-underlined, .vue-component-wrapper .is-underlined { text-decoration: underline; }
.catfish-classes .has-text-wrap-auto, .vue-component-wrapper .has-text-wrap-auto { text-wrap: auto !important; }
.catfish-classes .has-text-wrap-inherit, .vue-component-wrapper .has-text-wrap-inherit { text-wrap: inherit !important; }
.catfish-classes .has-text-wrap-initial, .vue-component-wrapper .has-text-wrap-initial { text-wrap: initial !important; }
.catfish-classes .has-text-wrap-revert, .vue-component-wrapper .has-text-wrap-revert { text-wrap: revert !important; }
.catfish-classes .has-text-wrap-unset, .vue-component-wrapper .has-text-wrap-unset { text-wrap: unset !important; }
.catfish-classes .is-block, .vue-component-wrapper .is-block { display: block !important; }
@media screen and (max-width: 749px) { .catfish-classes .is-block-mobile, .vue-component-wrapper .is-block-mobile { display: block !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .is-block-tablet, .vue-component-wrapper .is-block-tablet { display: block !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .is-block-tablet-only, .vue-component-wrapper .is-block-tablet-only { display: block !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .is-block-touch, .vue-component-wrapper .is-block-touch { display: block !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .is-block-desktop, .vue-component-wrapper .is-block-desktop { display: block !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .is-block-desktop-only, .vue-component-wrapper .is-block-desktop-only { display: block !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .is-block-widescreen, .vue-component-wrapper .is-block-widescreen { display: block !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .is-block-widescreen-only, .vue-component-wrapper .is-block-widescreen-only { display: block !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .is-block-fullhd, .vue-component-wrapper .is-block-fullhd { display: block !important; } }
.catfish-classes .is-flex, .vue-component-wrapper .is-flex { display: flex !important; }
@media screen and (max-width: 749px) { .catfish-classes .is-flex-mobile, .vue-component-wrapper .is-flex-mobile { display: flex !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .is-flex-tablet, .vue-component-wrapper .is-flex-tablet { display: flex !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .is-flex-tablet-only, .vue-component-wrapper .is-flex-tablet-only { display: flex !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .is-flex-touch, .vue-component-wrapper .is-flex-touch { display: flex !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .is-flex-desktop, .vue-component-wrapper .is-flex-desktop { display: flex !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .is-flex-desktop-only, .vue-component-wrapper .is-flex-desktop-only { display: flex !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .is-flex-widescreen, .vue-component-wrapper .is-flex-widescreen { display: flex !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .is-flex-widescreen-only, .vue-component-wrapper .is-flex-widescreen-only { display: flex !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .is-flex-fullhd, .vue-component-wrapper .is-flex-fullhd { display: flex !important; } }
.catfish-classes .is-inline, .vue-component-wrapper .is-inline { display: inline !important; }
@media screen and (max-width: 749px) { .catfish-classes .is-inline-mobile, .vue-component-wrapper .is-inline-mobile { display: inline !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .is-inline-tablet, .vue-component-wrapper .is-inline-tablet { display: inline !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .is-inline-tablet-only, .vue-component-wrapper .is-inline-tablet-only { display: inline !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .is-inline-touch, .vue-component-wrapper .is-inline-touch { display: inline !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .is-inline-desktop, .vue-component-wrapper .is-inline-desktop { display: inline !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .is-inline-desktop-only, .vue-component-wrapper .is-inline-desktop-only { display: inline !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .is-inline-widescreen, .vue-component-wrapper .is-inline-widescreen { display: inline !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .is-inline-widescreen-only, .vue-component-wrapper .is-inline-widescreen-only { display: inline !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .is-inline-fullhd, .vue-component-wrapper .is-inline-fullhd { display: inline !important; } }
.catfish-classes .is-inline-block, .vue-component-wrapper .is-inline-block { display: inline-block !important; }
@media screen and (max-width: 749px) { .catfish-classes .is-inline-block-mobile, .vue-component-wrapper .is-inline-block-mobile { display: inline-block !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .is-inline-block-tablet, .vue-component-wrapper .is-inline-block-tablet { display: inline-block !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .is-inline-block-tablet-only, .vue-component-wrapper .is-inline-block-tablet-only { display: inline-block !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .is-inline-block-touch, .vue-component-wrapper .is-inline-block-touch { display: inline-block !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .is-inline-block-desktop, .vue-component-wrapper .is-inline-block-desktop { display: inline-block !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .is-inline-block-desktop-only, .vue-component-wrapper .is-inline-block-desktop-only { display: inline-block !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .is-inline-block-widescreen, .vue-component-wrapper .is-inline-block-widescreen { display: inline-block !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .is-inline-block-widescreen-only, .vue-component-wrapper .is-inline-block-widescreen-only { display: inline-block !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .is-inline-block-fullhd, .vue-component-wrapper .is-inline-block-fullhd { display: inline-block !important; } }
.catfish-classes .is-inline-flex, .vue-component-wrapper .is-inline-flex { display: inline-flex !important; }
@media screen and (max-width: 749px) { .catfish-classes .is-inline-flex-mobile, .vue-component-wrapper .is-inline-flex-mobile { display: inline-flex !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .is-inline-flex-tablet, .vue-component-wrapper .is-inline-flex-tablet { display: inline-flex !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .is-inline-flex-tablet-only, .vue-component-wrapper .is-inline-flex-tablet-only { display: inline-flex !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .is-inline-flex-touch, .vue-component-wrapper .is-inline-flex-touch { display: inline-flex !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .is-inline-flex-desktop, .vue-component-wrapper .is-inline-flex-desktop { display: inline-flex !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .is-inline-flex-desktop-only, .vue-component-wrapper .is-inline-flex-desktop-only { display: inline-flex !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .is-inline-flex-widescreen, .vue-component-wrapper .is-inline-flex-widescreen { display: inline-flex !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .is-inline-flex-widescreen-only, .vue-component-wrapper .is-inline-flex-widescreen-only { display: inline-flex !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .is-inline-flex-fullhd, .vue-component-wrapper .is-inline-flex-fullhd { display: inline-flex !important; } }
.catfish-classes .hide, .vue-component-wrapper .hide { display: none; }
.catfish-classes .hidden, .catfish-classes .is-hidden, .vue-component-wrapper .hidden, .vue-component-wrapper .is-hidden { display: none !important; }
.catfish-classes .is-hidden-arone, .vue-component-wrapper .is-hidden-arone { display: none !important; }
.catfish-classes .is-sr-only, .vue-component-wrapper .is-sr-only { border: none !important; clip-path: inset(50%) !important; clip: rect(0, 0, 0, 0) !important; height: 0.01em !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 0.01em !important; }
@media screen and (max-width: 749px) { .catfish-classes .is-hidden-mobile, .vue-component-wrapper .is-hidden-mobile { display: none !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .is-hidden-tablet, .vue-component-wrapper .is-hidden-tablet { display: none !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .is-hidden-tablet-only, .vue-component-wrapper .is-hidden-tablet-only { display: none !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .is-hidden-touch, .vue-component-wrapper .is-hidden-touch { display: none !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .is-hidden-desktop, .vue-component-wrapper .is-hidden-desktop { display: none !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .is-hidden-desktop-only, .vue-component-wrapper .is-hidden-desktop-only { display: none !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .is-hidden-widescreen, .vue-component-wrapper .is-hidden-widescreen { display: none !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .is-hidden-widescreen-only, .vue-component-wrapper .is-hidden-widescreen-only { display: none !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .is-hidden-fullhd, .vue-component-wrapper .is-hidden-fullhd { display: none !important; } }
.catfish-classes .invisible, .catfish-classes .visuallyhidden, .catfish-classes .is-invisible, .vue-component-wrapper .invisible, .vue-component-wrapper .visuallyhidden, .vue-component-wrapper .is-invisible { visibility: hidden !important; }
@media screen and (max-width: 749px) { .catfish-classes .is-invisible-mobile, .vue-component-wrapper .is-invisible-mobile { visibility: hidden !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .is-invisible-tablet, .vue-component-wrapper .is-invisible-tablet { visibility: hidden !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .is-invisible-tablet-only, .vue-component-wrapper .is-invisible-tablet-only { visibility: hidden !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .is-invisible-touch, .vue-component-wrapper .is-invisible-touch { visibility: hidden !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .is-invisible-desktop, .vue-component-wrapper .is-invisible-desktop { visibility: hidden !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .is-invisible-desktop-only, .vue-component-wrapper .is-invisible-desktop-only { visibility: hidden !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .is-invisible-widescreen, .vue-component-wrapper .is-invisible-widescreen { visibility: hidden !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .is-invisible-widescreen-only, .vue-component-wrapper .is-invisible-widescreen-only { visibility: hidden !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .is-invisible-fullhd, .vue-component-wrapper .is-invisible-fullhd { visibility: hidden !important; } }
.catfish-classes .is-hidden-new-theme, .vue-component-wrapper .is-hidden-new-theme { display: none !important; }
.catfish-classes .is-clearfix::after, .vue-component-wrapper .is-clearfix::after { clear: both; content: " "; display: table; }
.catfish-classes .is-pulled-left, .vue-component-wrapper .is-pulled-left { float: left !important; }
.catfish-classes .is-pulled-right, .vue-component-wrapper .is-pulled-right { float: right !important; }
.catfish-classes .has-height-64, .vue-component-wrapper .has-height-64 { height: 64px !important; }
.catfish-classes .has-height-128, .vue-component-wrapper .has-height-128 { height: 128px !important; }
.catfish-classes .has-height-256, .vue-component-wrapper .has-height-256 { height: 256px !important; }
.catfish-classes .has-height-480, .vue-component-wrapper .has-height-480 { height: 480px !important; }
.catfish-classes .has-height-640, .vue-component-wrapper .has-height-640 { height: 640px !important; }
.catfish-classes .has-height-720, .vue-component-wrapper .has-height-720 { height: 720px !important; }
.catfish-classes .has-height-800, .vue-component-wrapper .has-height-800 { height: 800px !important; }
.catfish-classes .has-height-960, .vue-component-wrapper .has-height-960 { height: 960px !important; }
@media screen and (max-width: 749px) { .catfish-classes .has-height-64-mobile, .vue-component-wrapper .has-height-64-mobile { height: 64px !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .has-height-64-tablet, .vue-component-wrapper .has-height-64-tablet { height: 64px !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .has-height-64-tablet-only, .vue-component-wrapper .has-height-64-tablet-only { height: 64px !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .has-height-64-touch, .vue-component-wrapper .has-height-64-touch { height: 64px !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .has-height-64-desktop, .vue-component-wrapper .has-height-64-desktop { height: 64px !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .has-height-64-desktop-only, .vue-component-wrapper .has-height-64-desktop-only { height: 64px !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .has-height-64-widescreen, .vue-component-wrapper .has-height-64-widescreen { height: 64px !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .has-height-64-widescreen-only, .vue-component-wrapper .has-height-64-widescreen-only { height: 64px !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .has-height-64-fullhd, .vue-component-wrapper .has-height-64-fullhd { height: 64px !important; } }
@media screen and (max-width: 749px) { .catfish-classes .has-height-128-mobile, .vue-component-wrapper .has-height-128-mobile { height: 128px !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .has-height-128-tablet, .vue-component-wrapper .has-height-128-tablet { height: 128px !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .has-height-128-tablet-only, .vue-component-wrapper .has-height-128-tablet-only { height: 128px !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .has-height-128-touch, .vue-component-wrapper .has-height-128-touch { height: 128px !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .has-height-128-desktop, .vue-component-wrapper .has-height-128-desktop { height: 128px !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .has-height-128-desktop-only, .vue-component-wrapper .has-height-128-desktop-only { height: 128px !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .has-height-128-widescreen, .vue-component-wrapper .has-height-128-widescreen { height: 128px !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .has-height-128-widescreen-only, .vue-component-wrapper .has-height-128-widescreen-only { height: 128px !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .has-height-128-fullhd, .vue-component-wrapper .has-height-128-fullhd { height: 128px !important; } }
@media screen and (max-width: 749px) { .catfish-classes .has-height-256-mobile, .vue-component-wrapper .has-height-256-mobile { height: 256px !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .has-height-256-tablet, .vue-component-wrapper .has-height-256-tablet { height: 256px !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .has-height-256-tablet-only, .vue-component-wrapper .has-height-256-tablet-only { height: 256px !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .has-height-256-touch, .vue-component-wrapper .has-height-256-touch { height: 256px !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .has-height-256-desktop, .vue-component-wrapper .has-height-256-desktop { height: 256px !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .has-height-256-desktop-only, .vue-component-wrapper .has-height-256-desktop-only { height: 256px !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .has-height-256-widescreen, .vue-component-wrapper .has-height-256-widescreen { height: 256px !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .has-height-256-widescreen-only, .vue-component-wrapper .has-height-256-widescreen-only { height: 256px !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .has-height-256-fullhd, .vue-component-wrapper .has-height-256-fullhd { height: 256px !important; } }
@media screen and (max-width: 749px) { .catfish-classes .has-height-480-mobile, .vue-component-wrapper .has-height-480-mobile { height: 480px !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .has-height-480-tablet, .vue-component-wrapper .has-height-480-tablet { height: 480px !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .has-height-480-tablet-only, .vue-component-wrapper .has-height-480-tablet-only { height: 480px !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .has-height-480-touch, .vue-component-wrapper .has-height-480-touch { height: 480px !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .has-height-480-desktop, .vue-component-wrapper .has-height-480-desktop { height: 480px !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .has-height-480-desktop-only, .vue-component-wrapper .has-height-480-desktop-only { height: 480px !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .has-height-480-widescreen, .vue-component-wrapper .has-height-480-widescreen { height: 480px !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .has-height-480-widescreen-only, .vue-component-wrapper .has-height-480-widescreen-only { height: 480px !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .has-height-480-fullhd, .vue-component-wrapper .has-height-480-fullhd { height: 480px !important; } }
@media screen and (max-width: 749px) { .catfish-classes .has-height-640-mobile, .vue-component-wrapper .has-height-640-mobile { height: 640px !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .has-height-640-tablet, .vue-component-wrapper .has-height-640-tablet { height: 640px !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .has-height-640-tablet-only, .vue-component-wrapper .has-height-640-tablet-only { height: 640px !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .has-height-640-touch, .vue-component-wrapper .has-height-640-touch { height: 640px !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .has-height-640-desktop, .vue-component-wrapper .has-height-640-desktop { height: 640px !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .has-height-640-desktop-only, .vue-component-wrapper .has-height-640-desktop-only { height: 640px !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .has-height-640-widescreen, .vue-component-wrapper .has-height-640-widescreen { height: 640px !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .has-height-640-widescreen-only, .vue-component-wrapper .has-height-640-widescreen-only { height: 640px !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .has-height-640-fullhd, .vue-component-wrapper .has-height-640-fullhd { height: 640px !important; } }
@media screen and (max-width: 749px) { .catfish-classes .has-height-720-mobile, .vue-component-wrapper .has-height-720-mobile { height: 720px !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .has-height-720-tablet, .vue-component-wrapper .has-height-720-tablet { height: 720px !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .has-height-720-tablet-only, .vue-component-wrapper .has-height-720-tablet-only { height: 720px !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .has-height-720-touch, .vue-component-wrapper .has-height-720-touch { height: 720px !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .has-height-720-desktop, .vue-component-wrapper .has-height-720-desktop { height: 720px !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .has-height-720-desktop-only, .vue-component-wrapper .has-height-720-desktop-only { height: 720px !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .has-height-720-widescreen, .vue-component-wrapper .has-height-720-widescreen { height: 720px !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .has-height-720-widescreen-only, .vue-component-wrapper .has-height-720-widescreen-only { height: 720px !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .has-height-720-fullhd, .vue-component-wrapper .has-height-720-fullhd { height: 720px !important; } }
@media screen and (max-width: 749px) { .catfish-classes .has-height-800-mobile, .vue-component-wrapper .has-height-800-mobile { height: 800px !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .has-height-800-tablet, .vue-component-wrapper .has-height-800-tablet { height: 800px !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .has-height-800-tablet-only, .vue-component-wrapper .has-height-800-tablet-only { height: 800px !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .has-height-800-touch, .vue-component-wrapper .has-height-800-touch { height: 800px !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .has-height-800-desktop, .vue-component-wrapper .has-height-800-desktop { height: 800px !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .has-height-800-desktop-only, .vue-component-wrapper .has-height-800-desktop-only { height: 800px !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .has-height-800-widescreen, .vue-component-wrapper .has-height-800-widescreen { height: 800px !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .has-height-800-widescreen-only, .vue-component-wrapper .has-height-800-widescreen-only { height: 800px !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .has-height-800-fullhd, .vue-component-wrapper .has-height-800-fullhd { height: 800px !important; } }
@media screen and (max-width: 749px) { .catfish-classes .has-height-960-mobile, .vue-component-wrapper .has-height-960-mobile { height: 960px !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .has-height-960-tablet, .vue-component-wrapper .has-height-960-tablet { height: 960px !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .has-height-960-tablet-only, .vue-component-wrapper .has-height-960-tablet-only { height: 960px !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .has-height-960-touch, .vue-component-wrapper .has-height-960-touch { height: 960px !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .has-height-960-desktop, .vue-component-wrapper .has-height-960-desktop { height: 960px !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .has-height-960-desktop-only, .vue-component-wrapper .has-height-960-desktop-only { height: 960px !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .has-height-960-widescreen, .vue-component-wrapper .has-height-960-widescreen { height: 960px !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .has-height-960-widescreen-only, .vue-component-wrapper .has-height-960-widescreen-only { height: 960px !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .has-height-960-fullhd, .vue-component-wrapper .has-height-960-fullhd { height: 960px !important; } }
.catfish-classes .has-maxheight-64, .vue-component-wrapper .has-maxheight-64 { max-height: 64px !important; overflow-y: auto; }
.catfish-classes .has-maxheight-128, .vue-component-wrapper .has-maxheight-128 { max-height: 128px !important; overflow-y: auto; }
.catfish-classes .has-maxheight-256, .vue-component-wrapper .has-maxheight-256 { max-height: 256px !important; overflow-y: auto; }
.catfish-classes .has-maxheight-480, .vue-component-wrapper .has-maxheight-480 { max-height: 480px !important; overflow-y: auto; }
.catfish-classes .has-maxheight-640, .vue-component-wrapper .has-maxheight-640 { max-height: 640px !important; overflow-y: auto; }
.catfish-classes .has-maxheight-720, .vue-component-wrapper .has-maxheight-720 { max-height: 720px !important; overflow-y: auto; }
.catfish-classes .has-maxheight-800, .vue-component-wrapper .has-maxheight-800 { max-height: 800px !important; overflow-y: auto; }
.catfish-classes .has-maxheight-960, .vue-component-wrapper .has-maxheight-960 { max-height: 960px !important; overflow-y: auto; }
.catfish-classes .has-maxwidth-48, .vue-component-wrapper .has-maxwidth-48 { max-width: 48px !important; }
.catfish-classes .has-maxwidth-120, .vue-component-wrapper .has-maxwidth-120 { max-width: 120px !important; }
.catfish-classes .has-maxwidth-480, .vue-component-wrapper .has-maxwidth-480 { max-width: 480px !important; }
.catfish-classes .has-maxwidth-640, .vue-component-wrapper .has-maxwidth-640 { max-width: 640px !important; }
.catfish-classes .has-maxwidth-720, .vue-component-wrapper .has-maxwidth-720 { max-width: 720px !important; }
.catfish-classes .has-maxwidth-800, .vue-component-wrapper .has-maxwidth-800 { max-width: 800px !important; }
.catfish-classes .has-maxwidth-960, .vue-component-wrapper .has-maxwidth-960 { max-width: 960px !important; }
.catfish-classes .has-width-48, .vue-component-wrapper .has-width-48 { width: 48px !important; }
.catfish-classes .has-width-120, .vue-component-wrapper .has-width-120 { width: 120px !important; }
.catfish-classes .has-width-480, .vue-component-wrapper .has-width-480 { width: 480px !important; }
.catfish-classes .has-width-640, .vue-component-wrapper .has-width-640 { width: 640px !important; }
.catfish-classes .has-width-720, .vue-component-wrapper .has-width-720 { width: 720px !important; }
.catfish-classes .has-width-800, .vue-component-wrapper .has-width-800 { width: 800px !important; }
.catfish-classes .has-width-960, .vue-component-wrapper .has-width-960 { width: 960px !important; }
.catfish-classes .has-minwidth-48, .vue-component-wrapper .has-minwidth-48 { min-width: 48px !important; }
.catfish-classes .has-minwidth-120, .vue-component-wrapper .has-minwidth-120 { min-width: 120px !important; }
.catfish-classes .has-minwidth-480, .vue-component-wrapper .has-minwidth-480 { min-width: 480px !important; }
.catfish-classes .has-minwidth-640, .vue-component-wrapper .has-minwidth-640 { min-width: 640px !important; }
.catfish-classes .has-minwidth-720, .vue-component-wrapper .has-minwidth-720 { min-width: 720px !important; }
.catfish-classes .has-minwidth-800, .vue-component-wrapper .has-minwidth-800 { min-width: 800px !important; }
.catfish-classes .has-minwidth-960, .vue-component-wrapper .has-minwidth-960 { min-width: 960px !important; }
.catfish-classes .is-radiusless, .vue-component-wrapper .is-radiusless { border-radius: 0 !important; }
.catfish-classes .is-shadowless, .vue-component-wrapper .is-shadowless { box-shadow: none !important; }
.catfish-classes .is-selectable, .vue-component-wrapper .is-selectable { cursor: pointer !important; }
.catfish-classes .is-fullwidth, .vue-component-wrapper .is-fullwidth { width: 100% !important; max-width: 100% !important; }
.catfish-classes .is-width-min-content, .vue-component-wrapper .is-width-min-content { width: min-content !important; }
.catfish-classes .is-clickable, .vue-component-wrapper .is-clickable { cursor: pointer !important; }
@media screen and (max-width: 749px) { .catfish-classes .is-fullwidth-mobile, .vue-component-wrapper .is-fullwidth-mobile { width: 100% !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .is-fullwidth-tablet, .vue-component-wrapper .is-fullwidth-tablet { width: 100% !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .is-fullwidth-tablet-only, .vue-component-wrapper .is-fullwidth-tablet-only { width: 100% !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .is-fullwidth-touch, .vue-component-wrapper .is-fullwidth-touch { width: 100% !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .is-fullwidth-desktop, .vue-component-wrapper .is-fullwidth-desktop { width: 100% !important; } }
.catfish-classes .has-background-cover, .vue-component-wrapper .has-background-cover { background-size: cover; background-position: center; }
.catfish-classes .hidden-new-theme, .vue-component-wrapper .hidden-new-theme { display: none !important; }
.catfish-classes .is-nowrap, .vue-component-wrapper .is-nowrap { white-space: nowrap !important; }
.catfish-classes .has-no-pointer-events, .vue-component-wrapper .has-no-pointer-events { pointer-events: none !important; }
.catfish-classes .has-no-border-radius, .vue-component-wrapper .has-no-border-radius { border-radius: 0px !important; }
.catfish-classes .has-no-border-radius-top, .vue-component-wrapper .has-no-border-radius-top { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
.catfish-classes .has-no-border-radius-bottom, .vue-component-wrapper .has-no-border-radius-bottom { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }
.catfish-classes .has-no-border-radius-left, .vue-component-wrapper .has-no-border-radius-left { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; }
.catfish-classes .has-no-border-radius-right, .vue-component-wrapper .has-no-border-radius-right { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; }
.catfish-classes .has-no-border-radius-top-left, .vue-component-wrapper .has-no-border-radius-top-left { border-top-left-radius: 0px !important; }
.catfish-classes .has-no-border-radius-top-right, .vue-component-wrapper .has-no-border-radius-top-right { border-top-right-radius: 0px !important; }
.catfish-classes .has-no-border-radius-bottom-left, .vue-component-wrapper .has-no-border-radius-bottom-left { border-bottom-left-radius: 0px !important; }
.catfish-classes .has-no-border-radius-bottom-right, .vue-component-wrapper .has-no-border-radius-bottom-right { border-bottom-right-radius: 0px !important; }
.catfish-classes .is-underlined, .vue-component-wrapper .is-underlined { text-decoration: underline; }
.catfish-classes .is-link, .vue-component-wrapper .is-link { text-decoration: underline; }
.catfish-classes .is-link:hover, .vue-component-wrapper .is-link:hover { color: #353E49; }
.catfish-classes .is-clipped, .vue-component-wrapper .is-clipped { overflow: hidden !important; }
.catfish-classes .is-noscroll, .vue-component-wrapper .is-noscroll { position: fixed; overflow-y: hidden; width: 100%; bottom: 0; }
.catfish-classes .is-scroll-y, .vue-component-wrapper .is-scroll-y { overflow-y: auto; }
.catfish-classes .is-scroll-x, .vue-component-wrapper .is-scroll-x { overflow-x: auto; }
.catfish-classes .is-relative, .vue-component-wrapper .is-relative { position: relative; }
.catfish-classes .is-absolute, .vue-component-wrapper .is-absolute { position: absolute; }
.catfish-classes .is-zindex--1, .vue-component-wrapper .is-zindex--1 { z-index: -1 !important; }
.catfish-classes .is-zindex-0, .vue-component-wrapper .is-zindex-0 { z-index: 0 !important; }
.catfish-classes .is-zindex-10, .vue-component-wrapper .is-zindex-10 { z-index: 10 !important; }
.catfish-classes .is-zindex-20, .vue-component-wrapper .is-zindex-20 { z-index: 20 !important; }
.catfish-classes .is-zindex-9999, .vue-component-wrapper .is-zindex-9999 { z-index: 9999 !important; }
.catfish-classes .is-zindex-99995, .vue-component-wrapper .is-zindex-99995 { z-index: 99995 !important; }
.catfish-classes .has-text-white, .vue-component-wrapper .has-text-white { color: white !important; }
.catfish-classes a.has-text-white:hover, .catfish-classes a.has-text-white:focus, .vue-component-wrapper a.has-text-white:hover, .vue-component-wrapper a.has-text-white:focus { color: #e6e6e6 !important; }
.catfish-classes .has-background-white, .vue-component-wrapper .has-background-white { background-color: white !important; }
.catfish-classes .has-border-white, .vue-component-wrapper .has-border-white { border: 1px solid white !important; }
.catfish-classes .has-text-white-invert, .catfish-classes .has-text-white-invert > a:not(.button):not([class*='has-text-']), .catfish-classes .has-text-white-invert > span > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-white-invert, .vue-component-wrapper .has-text-white-invert > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-white-invert > span > a:not(.button):not([class*='has-text-']) { color: rgba(26, 26, 26, 0.7) !important; }
.catfish-classes a.has-text-white-invert:not(.button):not([class*='has-text-']):hover, .catfish-classes a.has-text-white-invert:not(.button):not([class*='has-text-']):focus, .vue-component-wrapper a.has-text-white-invert:not(.button):not([class*='has-text-']):hover, .vue-component-wrapper a.has-text-white-invert:not(.button):not([class*='has-text-']):focus { color: rgba(1, 1, 1, 0.7) !important; }
.catfish-classes .has-text-black, .vue-component-wrapper .has-text-black { color: #0a0a0a !important; }
.catfish-classes a.has-text-black:hover, .catfish-classes a.has-text-black:focus, .vue-component-wrapper a.has-text-black:hover, .vue-component-wrapper a.has-text-black:focus { color: black !important; }
.catfish-classes .has-background-black, .vue-component-wrapper .has-background-black { background-color: #0a0a0a !important; }
.catfish-classes .has-border-black, .vue-component-wrapper .has-border-black { border: 1px solid #0a0a0a !important; }
.catfish-classes .has-text-black-invert, .catfish-classes .has-text-black-invert > a:not(.button):not([class*='has-text-']), .catfish-classes .has-text-black-invert > span > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-black-invert, .vue-component-wrapper .has-text-black-invert > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-black-invert > span > a:not(.button):not([class*='has-text-']) { color: #fff !important; }
.catfish-classes a.has-text-black-invert:not(.button):not([class*='has-text-']):hover, .catfish-classes a.has-text-black-invert:not(.button):not([class*='has-text-']):focus, .vue-component-wrapper a.has-text-black-invert:not(.button):not([class*='has-text-']):hover, .vue-component-wrapper a.has-text-black-invert:not(.button):not([class*='has-text-']):focus { color: #e6e6e6 !important; }
.catfish-classes .has-text-light, .vue-component-wrapper .has-text-light { color: #f5f5f5 !important; }
.catfish-classes a.has-text-light:hover, .catfish-classes a.has-text-light:focus, .vue-component-wrapper a.has-text-light:hover, .vue-component-wrapper a.has-text-light:focus { color: gainsboro !important; }
.catfish-classes .has-background-light, .vue-component-wrapper .has-background-light { background-color: #f5f5f5 !important; }
.catfish-classes .has-border-light, .vue-component-wrapper .has-border-light { border: 1px solid #f5f5f5 !important; }
.catfish-classes .has-text-light-invert, .catfish-classes .has-text-light-invert > a:not(.button):not([class*='has-text-']), .catfish-classes .has-text-light-invert > span > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-light-invert, .vue-component-wrapper .has-text-light-invert > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-light-invert > span > a:not(.button):not([class*='has-text-']) { color: rgba(25, 25, 25, 0.7) !important; }
.catfish-classes a.has-text-light-invert:not(.button):not([class*='has-text-']):hover, .catfish-classes a.has-text-light-invert:not(.button):not([class*='has-text-']):focus, .vue-component-wrapper a.has-text-light-invert:not(.button):not([class*='has-text-']):hover, .vue-component-wrapper a.has-text-light-invert:not(.button):not([class*='has-text-']):focus { color: rgba(0, 0, 0, 0.7) !important; }
.catfish-classes .has-text-dark, .vue-component-wrapper .has-text-dark { color: #4a4a4a !important; }
.catfish-classes a.has-text-dark:hover, .catfish-classes a.has-text-dark:focus, .vue-component-wrapper a.has-text-dark:hover, .vue-component-wrapper a.has-text-dark:focus { color: #313131 !important; }
.catfish-classes .has-background-dark, .vue-component-wrapper .has-background-dark { background-color: #4a4a4a !important; }
.catfish-classes .has-border-dark, .vue-component-wrapper .has-border-dark { border: 1px solid #4a4a4a !important; }
.catfish-classes .has-text-dark-invert, .catfish-classes .has-text-dark-invert > a:not(.button):not([class*='has-text-']), .catfish-classes .has-text-dark-invert > span > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-dark-invert, .vue-component-wrapper .has-text-dark-invert > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-dark-invert > span > a:not(.button):not([class*='has-text-']) { color: #fff !important; }
.catfish-classes a.has-text-dark-invert:not(.button):not([class*='has-text-']):hover, .catfish-classes a.has-text-dark-invert:not(.button):not([class*='has-text-']):focus, .vue-component-wrapper a.has-text-dark-invert:not(.button):not([class*='has-text-']):hover, .vue-component-wrapper a.has-text-dark-invert:not(.button):not([class*='has-text-']):focus { color: #e6e6e6 !important; }
.catfish-classes .has-text-primary, .vue-component-wrapper .has-text-primary { color: #353E49 !important; }
.catfish-classes a.has-text-primary:hover, .catfish-classes a.has-text-primary:focus, .vue-component-wrapper a.has-text-primary:hover, .vue-component-wrapper a.has-text-primary:focus { color: #20252b !important; }
.catfish-classes .has-background-primary, .vue-component-wrapper .has-background-primary { background-color: #353E49 !important; }
.catfish-classes .has-border-primary, .vue-component-wrapper .has-border-primary { border: 1px solid #353E49 !important; }
.catfish-classes .has-text-primary-invert, .catfish-classes .has-text-primary-invert > a:not(.button):not([class*='has-text-']), .catfish-classes .has-text-primary-invert > span > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-primary-invert, .vue-component-wrapper .has-text-primary-invert > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-primary-invert > span > a:not(.button):not([class*='has-text-']) { color: #fff !important; }
.catfish-classes a.has-text-primary-invert:not(.button):not([class*='has-text-']):hover, .catfish-classes a.has-text-primary-invert:not(.button):not([class*='has-text-']):focus, .vue-component-wrapper a.has-text-primary-invert:not(.button):not([class*='has-text-']):hover, .vue-component-wrapper a.has-text-primary-invert:not(.button):not([class*='has-text-']):focus { color: #e6e6e6 !important; }
.catfish-classes .has-text-secondary, .vue-component-wrapper .has-text-secondary { color: #B86BFF !important; }
.catfish-classes a.has-text-secondary:hover, .catfish-classes a.has-text-secondary:focus, .vue-component-wrapper a.has-text-secondary:hover, .vue-component-wrapper a.has-text-secondary:focus { color: #a038ff !important; }
.catfish-classes .has-background-secondary, .vue-component-wrapper .has-background-secondary { background-color: #B86BFF !important; }
.catfish-classes .has-border-secondary, .vue-component-wrapper .has-border-secondary { border: 1px solid #B86BFF !important; }
.catfish-classes .has-text-secondary-invert, .catfish-classes .has-text-secondary-invert > a:not(.button):not([class*='has-text-']), .catfish-classes .has-text-secondary-invert > span > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-secondary-invert, .vue-component-wrapper .has-text-secondary-invert > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-secondary-invert > span > a:not(.button):not([class*='has-text-']) { color: #fff !important; }
.catfish-classes a.has-text-secondary-invert:not(.button):not([class*='has-text-']):hover, .catfish-classes a.has-text-secondary-invert:not(.button):not([class*='has-text-']):focus, .vue-component-wrapper a.has-text-secondary-invert:not(.button):not([class*='has-text-']):hover, .vue-component-wrapper a.has-text-secondary-invert:not(.button):not([class*='has-text-']):focus { color: #e6e6e6 !important; }
.catfish-classes .has-text-link, .vue-component-wrapper .has-text-link { color: #353E49 !important; }
.catfish-classes a.has-text-link:hover, .catfish-classes a.has-text-link:focus, .vue-component-wrapper a.has-text-link:hover, .vue-component-wrapper a.has-text-link:focus { color: #20252b !important; }
.catfish-classes .has-background-link, .vue-component-wrapper .has-background-link { background-color: #353E49 !important; }
.catfish-classes .has-border-link, .vue-component-wrapper .has-border-link { border: 1px solid #353E49 !important; }
.catfish-classes .has-text-link-invert, .catfish-classes .has-text-link-invert > a:not(.button):not([class*='has-text-']), .catfish-classes .has-text-link-invert > span > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-link-invert, .vue-component-wrapper .has-text-link-invert > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-link-invert > span > a:not(.button):not([class*='has-text-']) { color: #fff !important; }
.catfish-classes a.has-text-link-invert:not(.button):not([class*='has-text-']):hover, .catfish-classes a.has-text-link-invert:not(.button):not([class*='has-text-']):focus, .vue-component-wrapper a.has-text-link-invert:not(.button):not([class*='has-text-']):hover, .vue-component-wrapper a.has-text-link-invert:not(.button):not([class*='has-text-']):focus { color: #e6e6e6 !important; }
.catfish-classes .has-text-info, .vue-component-wrapper .has-text-info { color: #209CEE !important; }
.catfish-classes a.has-text-info:hover, .catfish-classes a.has-text-info:focus, .vue-component-wrapper a.has-text-info:hover, .vue-component-wrapper a.has-text-info:focus { color: #1081cb !important; }
.catfish-classes .has-background-info, .vue-component-wrapper .has-background-info { background-color: #209CEE !important; }
.catfish-classes .has-border-info, .vue-component-wrapper .has-border-info { border: 1px solid #209CEE !important; }
.catfish-classes .has-text-info-invert, .catfish-classes .has-text-info-invert > a:not(.button):not([class*='has-text-']), .catfish-classes .has-text-info-invert > span > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-info-invert, .vue-component-wrapper .has-text-info-invert > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-info-invert > span > a:not(.button):not([class*='has-text-']) { color: #fff !important; }
.catfish-classes a.has-text-info-invert:not(.button):not([class*='has-text-']):hover, .catfish-classes a.has-text-info-invert:not(.button):not([class*='has-text-']):focus, .vue-component-wrapper a.has-text-info-invert:not(.button):not([class*='has-text-']):hover, .vue-component-wrapper a.has-text-info-invert:not(.button):not([class*='has-text-']):focus { color: #e6e6e6 !important; }
.catfish-classes .has-text-success, .vue-component-wrapper .has-text-success { color: #23D160 !important; }
.catfish-classes a.has-text-success:hover, .catfish-classes a.has-text-success:focus, .vue-component-wrapper a.has-text-success:hover, .vue-component-wrapper a.has-text-success:focus { color: #1ca54c !important; }
.catfish-classes .has-background-success, .vue-component-wrapper .has-background-success { background-color: #23D160 !important; }
.catfish-classes .has-border-success, .vue-component-wrapper .has-border-success { border: 1px solid #23D160 !important; }
.catfish-classes .has-text-success-invert, .catfish-classes .has-text-success-invert > a:not(.button):not([class*='has-text-']), .catfish-classes .has-text-success-invert > span > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-success-invert, .vue-component-wrapper .has-text-success-invert > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-success-invert > span > a:not(.button):not([class*='has-text-']) { color: #fff !important; }
.catfish-classes a.has-text-success-invert:not(.button):not([class*='has-text-']):hover, .catfish-classes a.has-text-success-invert:not(.button):not([class*='has-text-']):focus, .vue-component-wrapper a.has-text-success-invert:not(.button):not([class*='has-text-']):hover, .vue-component-wrapper a.has-text-success-invert:not(.button):not([class*='has-text-']):focus { color: #e6e6e6 !important; }
.catfish-classes .has-text-warning, .vue-component-wrapper .has-text-warning { color: #FFDD57 !important; }
.catfish-classes a.has-text-warning:hover, .catfish-classes a.has-text-warning:focus, .vue-component-wrapper a.has-text-warning:hover, .vue-component-wrapper a.has-text-warning:focus { color: #ffd324 !important; }
.catfish-classes .has-background-warning, .vue-component-wrapper .has-background-warning { background-color: #FFDD57 !important; }
.catfish-classes .has-border-warning, .vue-component-wrapper .has-border-warning { border: 1px solid #FFDD57 !important; }
.catfish-classes .has-text-warning-invert, .catfish-classes .has-text-warning-invert > a:not(.button):not([class*='has-text-']), .catfish-classes .has-text-warning-invert > span > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-warning-invert, .vue-component-wrapper .has-text-warning-invert > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-warning-invert > span > a:not(.button):not([class*='has-text-']) { color: rgba(26, 22, 9, 0.7) !important; }
.catfish-classes a.has-text-warning-invert:not(.button):not([class*='has-text-']):hover, .catfish-classes a.has-text-warning-invert:not(.button):not([class*='has-text-']):focus, .vue-component-wrapper a.has-text-warning-invert:not(.button):not([class*='has-text-']):hover, .vue-component-wrapper a.has-text-warning-invert:not(.button):not([class*='has-text-']):focus { color: rgba(0, 0, 0, 0.7) !important; }
.catfish-classes .has-text-danger, .vue-component-wrapper .has-text-danger { color: #FF3860 !important; }
.catfish-classes a.has-text-danger:hover, .catfish-classes a.has-text-danger:focus, .vue-component-wrapper a.has-text-danger:hover, .vue-component-wrapper a.has-text-danger:focus { color: #ff0537 !important; }
.catfish-classes .has-background-danger, .vue-component-wrapper .has-background-danger { background-color: #FF3860 !important; }
.catfish-classes .has-border-danger, .vue-component-wrapper .has-border-danger { border: 1px solid #FF3860 !important; }
.catfish-classes .has-text-danger-invert, .catfish-classes .has-text-danger-invert > a:not(.button):not([class*='has-text-']), .catfish-classes .has-text-danger-invert > span > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-danger-invert, .vue-component-wrapper .has-text-danger-invert > a:not(.button):not([class*='has-text-']), .vue-component-wrapper .has-text-danger-invert > span > a:not(.button):not([class*='has-text-']) { color: #fff !important; }
.catfish-classes a.has-text-danger-invert:not(.button):not([class*='has-text-']):hover, .catfish-classes a.has-text-danger-invert:not(.button):not([class*='has-text-']):focus, .vue-component-wrapper a.has-text-danger-invert:not(.button):not([class*='has-text-']):hover, .vue-component-wrapper a.has-text-danger-invert:not(.button):not([class*='has-text-']):focus { color: #e6e6e6 !important; }
.catfish-classes .has-text-black-bis, .vue-component-wrapper .has-text-black-bis { color: #121212 !important; }
.catfish-classes .has-background-black-bis, .vue-component-wrapper .has-background-black-bis { background-color: #121212 !important; }
.catfish-classes .has-text-black-ter, .vue-component-wrapper .has-text-black-ter { color: #242424 !important; }
.catfish-classes .has-background-black-ter, .vue-component-wrapper .has-background-black-ter { background-color: #242424 !important; }
.catfish-classes .has-text-grey-darker, .vue-component-wrapper .has-text-grey-darker { color: #363636 !important; }
.catfish-classes .has-background-grey-darker, .vue-component-wrapper .has-background-grey-darker { background-color: #363636 !important; }
.catfish-classes .has-text-grey-dark, .vue-component-wrapper .has-text-grey-dark { color: #4a4a4a !important; }
.catfish-classes .has-background-grey-dark, .vue-component-wrapper .has-background-grey-dark { background-color: #4a4a4a !important; }
.catfish-classes .has-text-grey, .vue-component-wrapper .has-text-grey { color: #7a7a7a !important; }
.catfish-classes .has-background-grey, .vue-component-wrapper .has-background-grey { background-color: #7a7a7a !important; }
.catfish-classes .has-text-grey-light, .vue-component-wrapper .has-text-grey-light { color: #b5b5b5 !important; }
.catfish-classes .has-background-grey-light, .vue-component-wrapper .has-background-grey-light { background-color: #b5b5b5 !important; }
.catfish-classes .has-text-grey-lighter, .vue-component-wrapper .has-text-grey-lighter { color: #dbdbdb !important; }
.catfish-classes .has-background-grey-lighter, .vue-component-wrapper .has-background-grey-lighter { background-color: #dbdbdb !important; }
.catfish-classes .has-text-white-ter, .vue-component-wrapper .has-text-white-ter { color: #f5f5f5 !important; }
.catfish-classes .has-background-white-ter, .vue-component-wrapper .has-background-white-ter { background-color: #f5f5f5 !important; }
.catfish-classes .has-text-white-bis, .vue-component-wrapper .has-text-white-bis { color: #fafafa !important; }
.catfish-classes .has-background-white-bis, .vue-component-wrapper .has-background-white-bis { background-color: #fafafa !important; }
.catfish-classes .has-text-default, .vue-component-wrapper .has-text-default { color: inherit !important; }
.catfish-classes .is-marginless, .vue-component-wrapper .is-marginless { margin: 0 !important; }
.catfish-classes .is-paddingless, .vue-component-wrapper .is-paddingless { padding: 0 !important; }
.catfish-classes .has-no-bottom-padding, .vue-component-wrapper .has-no-bottom-padding { padding-bottom: 0 !important; }
.catfish-classes .has-no-top-padding, .vue-component-wrapper .has-no-top-padding { padding-top: 0 !important; }
.catfish-classes .has-no-left-padding, .vue-component-wrapper .has-no-left-padding { padding-left: 0 !important; }
.catfish-classes .has-no-right-padding, .vue-component-wrapper .has-no-right-padding { padding-right: 0 !important; }
.catfish-classes .padding-top-1rem, .vue-component-wrapper .padding-top-1rem { padding-top: 1rem; }
.catfish-classes .m-0, .vue-component-wrapper .m-0 { margin: 0 !important; }
.catfish-classes .mt-0, .vue-component-wrapper .mt-0 { margin-top: 0 !important; }
.catfish-classes .mr-0, .vue-component-wrapper .mr-0 { margin-right: 0 !important; }
.catfish-classes .mb-0, .vue-component-wrapper .mb-0 { margin-bottom: 0 !important; }
.catfish-classes .ml-0, .vue-component-wrapper .ml-0 { margin-left: 0 !important; }
.catfish-classes .mx-0, .vue-component-wrapper .mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.catfish-classes .my-0, .vue-component-wrapper .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.catfish-classes .m-1, .vue-component-wrapper .m-1 { margin: 0.25rem !important; }
.catfish-classes .mt-1, .vue-component-wrapper .mt-1 { margin-top: 0.25rem !important; }
.catfish-classes .mr-1, .vue-component-wrapper .mr-1 { margin-right: 0.25rem !important; }
.catfish-classes .mb-1, .vue-component-wrapper .mb-1 { margin-bottom: 0.25rem !important; }
.catfish-classes .ml-1, .vue-component-wrapper .ml-1 { margin-left: 0.25rem !important; }
.catfish-classes .mx-1, .vue-component-wrapper .mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.catfish-classes .my-1, .vue-component-wrapper .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.catfish-classes .m-2, .vue-component-wrapper .m-2 { margin: 0.5rem !important; }
.catfish-classes .mt-2, .vue-component-wrapper .mt-2 { margin-top: 0.5rem !important; }
.catfish-classes .mr-2, .vue-component-wrapper .mr-2 { margin-right: 0.5rem !important; }
.catfish-classes .mb-2, .vue-component-wrapper .mb-2 { margin-bottom: 0.5rem !important; }
.catfish-classes .ml-2, .vue-component-wrapper .ml-2 { margin-left: 0.5rem !important; }
.catfish-classes .mx-2, .vue-component-wrapper .mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.catfish-classes .my-2, .vue-component-wrapper .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.catfish-classes .m-3, .vue-component-wrapper .m-3 { margin: 0.75rem !important; }
.catfish-classes .mt-3, .vue-component-wrapper .mt-3 { margin-top: 0.75rem !important; }
.catfish-classes .mr-3, .vue-component-wrapper .mr-3 { margin-right: 0.75rem !important; }
.catfish-classes .mb-3, .vue-component-wrapper .mb-3 { margin-bottom: 0.75rem !important; }
.catfish-classes .ml-3, .vue-component-wrapper .ml-3 { margin-left: 0.75rem !important; }
.catfish-classes .mx-3, .vue-component-wrapper .mx-3 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; }
.catfish-classes .my-3, .vue-component-wrapper .my-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
.catfish-classes .m-4, .vue-component-wrapper .m-4 { margin: 1rem !important; }
.catfish-classes .mt-4, .vue-component-wrapper .mt-4 { margin-top: 1rem !important; }
.catfish-classes .mr-4, .vue-component-wrapper .mr-4 { margin-right: 1rem !important; }
.catfish-classes .mb-4, .vue-component-wrapper .mb-4 { margin-bottom: 1rem !important; }
.catfish-classes .ml-4, .vue-component-wrapper .ml-4 { margin-left: 1rem !important; }
.catfish-classes .mx-4, .vue-component-wrapper .mx-4 { margin-left: 1rem !important; margin-right: 1rem !important; }
.catfish-classes .my-4, .vue-component-wrapper .my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.catfish-classes .m-5, .vue-component-wrapper .m-5 { margin: 1.5rem !important; }
.catfish-classes .mt-5, .vue-component-wrapper .mt-5 { margin-top: 1.5rem !important; }
.catfish-classes .mr-5, .vue-component-wrapper .mr-5 { margin-right: 1.5rem !important; }
.catfish-classes .mb-5, .vue-component-wrapper .mb-5 { margin-bottom: 1.5rem !important; }
.catfish-classes .ml-5, .vue-component-wrapper .ml-5 { margin-left: 1.5rem !important; }
.catfish-classes .mx-5, .vue-component-wrapper .mx-5 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.catfish-classes .my-5, .vue-component-wrapper .my-5 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.catfish-classes .m-6, .vue-component-wrapper .m-6 { margin: 3rem !important; }
.catfish-classes .mt-6, .vue-component-wrapper .mt-6 { margin-top: 3rem !important; }
.catfish-classes .mr-6, .vue-component-wrapper .mr-6 { margin-right: 3rem !important; }
.catfish-classes .mb-6, .vue-component-wrapper .mb-6 { margin-bottom: 3rem !important; }
.catfish-classes .ml-6, .vue-component-wrapper .ml-6 { margin-left: 3rem !important; }
.catfish-classes .mx-6, .vue-component-wrapper .mx-6 { margin-left: 3rem !important; margin-right: 3rem !important; }
.catfish-classes .my-6, .vue-component-wrapper .my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.catfish-classes .p-0, .vue-component-wrapper .p-0 { padding: 0 !important; }
.catfish-classes .pt-0, .vue-component-wrapper .pt-0 { padding-top: 0 !important; }
.catfish-classes .pr-0, .vue-component-wrapper .pr-0 { padding-right: 0 !important; }
.catfish-classes .pb-0, .vue-component-wrapper .pb-0 { padding-bottom: 0 !important; }
.catfish-classes .pl-0, .vue-component-wrapper .pl-0 { padding-left: 0 !important; }
.catfish-classes .px-0, .vue-component-wrapper .px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.catfish-classes .py-0, .vue-component-wrapper .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.catfish-classes .p-1, .vue-component-wrapper .p-1 { padding: 0.25rem !important; }
.catfish-classes .pt-1, .vue-component-wrapper .pt-1 { padding-top: 0.25rem !important; }
.catfish-classes .pr-1, .vue-component-wrapper .pr-1 { padding-right: 0.25rem !important; }
.catfish-classes .pb-1, .vue-component-wrapper .pb-1 { padding-bottom: 0.25rem !important; }
.catfish-classes .pl-1, .vue-component-wrapper .pl-1 { padding-left: 0.25rem !important; }
.catfish-classes .px-1, .vue-component-wrapper .px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.catfish-classes .py-1, .vue-component-wrapper .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.catfish-classes .p-2, .vue-component-wrapper .p-2 { padding: 0.5rem !important; }
.catfish-classes .pt-2, .vue-component-wrapper .pt-2 { padding-top: 0.5rem !important; }
.catfish-classes .pr-2, .vue-component-wrapper .pr-2 { padding-right: 0.5rem !important; }
.catfish-classes .pb-2, .vue-component-wrapper .pb-2 { padding-bottom: 0.5rem !important; }
.catfish-classes .pl-2, .vue-component-wrapper .pl-2 { padding-left: 0.5rem !important; }
.catfish-classes .px-2, .vue-component-wrapper .px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.catfish-classes .py-2, .vue-component-wrapper .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.catfish-classes .p-3, .vue-component-wrapper .p-3 { padding: 0.75rem !important; }
.catfish-classes .pt-3, .vue-component-wrapper .pt-3 { padding-top: 0.75rem !important; }
.catfish-classes .pr-3, .vue-component-wrapper .pr-3 { padding-right: 0.75rem !important; }
.catfish-classes .pb-3, .vue-component-wrapper .pb-3 { padding-bottom: 0.75rem !important; }
.catfish-classes .pl-3, .vue-component-wrapper .pl-3 { padding-left: 0.75rem !important; }
.catfish-classes .px-3, .vue-component-wrapper .px-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
.catfish-classes .py-3, .vue-component-wrapper .py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
.catfish-classes .p-4, .vue-component-wrapper .p-4 { padding: 1rem !important; }
.catfish-classes .pt-4, .vue-component-wrapper .pt-4 { padding-top: 1rem !important; }
.catfish-classes .pr-4, .vue-component-wrapper .pr-4 { padding-right: 1rem !important; }
.catfish-classes .pb-4, .vue-component-wrapper .pb-4 { padding-bottom: 1rem !important; }
.catfish-classes .pl-4, .vue-component-wrapper .pl-4 { padding-left: 1rem !important; }
.catfish-classes .px-4, .vue-component-wrapper .px-4 { padding-left: 1rem !important; padding-right: 1rem !important; }
.catfish-classes .py-4, .vue-component-wrapper .py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.catfish-classes .p-5, .vue-component-wrapper .p-5 { padding: 1.5rem !important; }
.catfish-classes .pt-5, .vue-component-wrapper .pt-5 { padding-top: 1.5rem !important; }
.catfish-classes .pr-5, .vue-component-wrapper .pr-5 { padding-right: 1.5rem !important; }
.catfish-classes .pb-5, .vue-component-wrapper .pb-5 { padding-bottom: 1.5rem !important; }
.catfish-classes .pl-5, .vue-component-wrapper .pl-5 { padding-left: 1.5rem !important; }
.catfish-classes .px-5, .vue-component-wrapper .px-5 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.catfish-classes .py-5, .vue-component-wrapper .py-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.catfish-classes .p-6, .vue-component-wrapper .p-6 { padding: 3rem !important; }
.catfish-classes .pt-6, .vue-component-wrapper .pt-6 { padding-top: 3rem !important; }
.catfish-classes .pr-6, .vue-component-wrapper .pr-6 { padding-right: 3rem !important; }
.catfish-classes .pb-6, .vue-component-wrapper .pb-6 { padding-bottom: 3rem !important; }
.catfish-classes .pl-6, .vue-component-wrapper .pl-6 { padding-left: 3rem !important; }
.catfish-classes .px-6, .vue-component-wrapper .px-6 { padding-left: 3rem !important; padding-right: 3rem !important; }
.catfish-classes .py-6, .vue-component-wrapper .py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
@media screen and (max-width: 749px) { .catfish-classes .is-paddingless-mobile, .vue-component-wrapper .is-paddingless-mobile { padding: 0 !important; } }
@media screen and (min-width: 750px), print { .catfish-classes .is-paddingless-tablet, .vue-component-wrapper .is-paddingless-tablet { padding: 0 !important; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .is-paddingless-tablet-only, .vue-component-wrapper .is-paddingless-tablet-only { padding: 0 !important; } }
@media screen and (max-width: 1087px) { .catfish-classes .is-paddingless-touch, .vue-component-wrapper .is-paddingless-touch { padding: 0 !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .is-paddingless-desktop, .vue-component-wrapper .is-paddingless-desktop { padding: 0 !important; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .is-paddingless-desktop-only, .vue-component-wrapper .is-paddingless-desktop-only { padding: 0 !important; } }
@media screen and (min-width: 1280px) { .catfish-classes .is-paddingless-widescreen, .vue-component-wrapper .is-paddingless-widescreen { padding: 0 !important; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .is-paddingless-widescreen-only, .vue-component-wrapper .is-paddingless-widescreen-only { padding: 0 !important; } }
@media screen and (min-width: 1328px) { .catfish-classes .is-paddingless-fullhd, .vue-component-wrapper .is-paddingless-fullhd { padding: 0 !important; } }
.catfish-classes .header-spacer, .vue-component-wrapper .header-spacer { height: 7.27273em; }
@media screen and (max-width: 749px) { .catfish-classes .header-spacer, .vue-component-wrapper .header-spacer { height: 4.64286em; } }
@media screen and (min-width: 1088px) { .catfish-classes .header-spacer.two-tier-spacer, .vue-component-wrapper .header-spacer.two-tier-spacer { height: 13.36364rem; } }
.catfish-classes .ict-header-spacer, .vue-component-wrapper .ict-header-spacer { height: 7.27273em; }
@media screen and (max-width: 749px) { .catfish-classes .ict-header-spacer, .vue-component-wrapper .ict-header-spacer { height: 4.64286em; } }
.catfish-classes .is-header-logo, .vue-component-wrapper .is-header-logo { height: 3.5rem; }
@media screen and (max-width: 749px) { .catfish-classes .is-header-logo, .vue-component-wrapper .is-header-logo { height: 3.2rem; } }
.catfish-classes .is-header-logo.is-full-height, .vue-component-wrapper .is-header-logo.is-full-height { height: 7.27273em; }
@media screen and (max-width: 749px) { .catfish-classes .is-header-logo.is-full-height, .vue-component-wrapper .is-header-logo.is-full-height { height: 4.64286em; } }
@media screen and (min-width: 1088px) { .catfish-classes #main-navbar.centered-logo, .vue-component-wrapper #main-navbar.centered-logo { margin-left: -1.5rem; }
.catfish-classes #main-navbar.centered-logo.navbar-start, .catfish-classes #main-navbar.centered-logo.navbar-logo, .catfish-classes #main-navbar.centered-logo.navbar-end, .vue-component-wrapper #main-navbar.centered-logo.navbar-start, .vue-component-wrapper #main-navbar.centered-logo.navbar-logo, .vue-component-wrapper #main-navbar.centered-logo.navbar-end { flex-grow: 1; flex-shrink: 1; flex-basis: 0; }
.catfish-classes #main-navbar.centered-logo.navbar-logo, .vue-component-wrapper #main-navbar.centered-logo.navbar-logo { display: flex; align-items: center; justify-content: center; flex: none; }
.catfish-classes .navbar-item .basket-link .icon, .vue-component-wrapper .navbar-item .basket-link .icon { margin-left: -0.5rem !important; }
.catfish-classes .navbar-item .basket-link .badge, .vue-component-wrapper .navbar-item .basket-link .badge { top: -0.5rem; right: -0.5rem; } }
.catfish-classes .ict-social-links .custom a, .vue-component-wrapper .ict-social-links .custom a { display: flex; align-items: center; }
.catfish-classes .ict-social-links .custom a .image, .vue-component-wrapper .ict-social-links .custom a .image { width: 2rem; height: 2rem; display: flex; justify-content: center; align-items: center; margin-right: 0.25rem; }
.catfish-classes .ict-social-links .custom a .image img, .vue-component-wrapper .ict-social-links .custom a .image img { max-width: 1.33333em; }
.catfish-classes .ict-list, .vue-component-wrapper .ict-list { margin-top: 1em; margin-left: 2em; }
.catfish-classes ul.ict-list, .vue-component-wrapper ul.ict-list { list-style: disc outside; }
.catfish-classes ul.has-list-style-none, .catfish-classes ol.has-list-style-none, .vue-component-wrapper ul.has-list-style-none, .vue-component-wrapper ol.has-list-style-none { list-style: none !important; margin: 0; }
.catfish-classes .is-full-height, .vue-component-wrapper .is-full-height { height: 100%; min-height: 100%; }
.catfish-classes .has-background-center, .vue-component-wrapper .has-background-center { background-position: center; }
.catfish-classes .has-background-top, .vue-component-wrapper .has-background-top { background-position: top; }
.catfish-classes .has-background-bottom, .vue-component-wrapper .has-background-bottom { background-position: bottom; }
.catfish-classes .has-background-left, .vue-component-wrapper .has-background-left { background-position: left; }
.catfish-classes .has-background-right, .vue-component-wrapper .has-background-right { background-position: right; }
.catfish-classes .has-background-top-left, .vue-component-wrapper .has-background-top-left { background-position: top left; }
.catfish-classes .has-background-top-right, .vue-component-wrapper .has-background-top-right { background-position: top right; }
.catfish-classes .has-background-bottom-left, .vue-component-wrapper .has-background-bottom-left { background-position: bottom left; }
.catfish-classes .has-background-bottom-right, .vue-component-wrapper .has-background-bottom-right { background-position: bottom right; }
.catfish-classes .has-background-contain, .vue-component-wrapper .has-background-contain { background-size: contain; }
.catfish-classes .has-background-cover, .vue-component-wrapper .has-background-cover { background-size: cover; }
.catfish-classes .has-background-fit-height, .vue-component-wrapper .has-background-fit-height { background-size: auto 100%; }
.catfish-classes .has-background-height-10, .vue-component-wrapper .has-background-height-10 { background-size: auto 10%; }
.catfish-classes .has-background-height-20, .vue-component-wrapper .has-background-height-20 { background-size: auto 20%; }
.catfish-classes .has-background-height-30, .vue-component-wrapper .has-background-height-30 { background-size: auto 30%; }
.catfish-classes .has-background-height-40, .vue-component-wrapper .has-background-height-40 { background-size: auto 40%; }
.catfish-classes .has-background-height-50, .vue-component-wrapper .has-background-height-50 { background-size: auto 50%; }
.catfish-classes .has-background-height-60, .vue-component-wrapper .has-background-height-60 { background-size: auto 60%; }
.catfish-classes .has-background-height-70, .vue-component-wrapper .has-background-height-70 { background-size: auto 70%; }
.catfish-classes .has-background-height-80, .vue-component-wrapper .has-background-height-80 { background-size: auto 80%; }
.catfish-classes .has-background-height-90, .vue-component-wrapper .has-background-height-90 { background-size: auto 90%; }
.catfish-classes .has-background-fit-width, .vue-component-wrapper .has-background-fit-width { background-size: 100% auto; }
.catfish-classes .has-background-width-10, .vue-component-wrapper .has-background-width-10 { background-size: 10% auto; }
.catfish-classes .has-background-width-20, .vue-component-wrapper .has-background-width-20 { background-size: 20% auto; }
.catfish-classes .has-background-width-30, .vue-component-wrapper .has-background-width-30 { background-size: 30% auto; }
.catfish-classes .has-background-width-40, .vue-component-wrapper .has-background-width-40 { background-size: 40% auto; }
.catfish-classes .has-background-width-50, .vue-component-wrapper .has-background-width-50 { background-size: 50% auto; }
.catfish-classes .has-background-width-60, .vue-component-wrapper .has-background-width-60 { background-size: 60% auto; }
.catfish-classes .has-background-width-70, .vue-component-wrapper .has-background-width-70 { background-size: 70% auto; }
.catfish-classes .has-background-width-50, .vue-component-wrapper .has-background-width-50 { background-size: 80% auto; }
.catfish-classes .has-background-width-50, .vue-component-wrapper .has-background-width-50 { background-size: 90% auto; }
.catfish-classes .has-background-stretch, .vue-component-wrapper .has-background-stretch { background-size: 100% 100%; }
.catfish-classes .has-background-original, .vue-component-wrapper .has-background-original { background-size: initial; }
.catfish-classes .has-background-no-repeat, .vue-component-wrapper .has-background-no-repeat { background-repeat: no-repeat; }
.catfish-classes .has-background-repeat, .vue-component-wrapper .has-background-repeat { background-repeat: repeat; }
.catfish-classes .has-background-repeat-x, .vue-component-wrapper .has-background-repeat-x { background-repeat: repeat-x; }
.catfish-classes .has-background-repeat-y, .vue-component-wrapper .has-background-repeat-y { background-repeat: repeat-y; }
.catfish-classes .is-order-1, .vue-component-wrapper .is-order-1 { order: 1; }
.catfish-classes .is-order-2, .vue-component-wrapper .is-order-2 { order: 2; }
.catfish-classes .is-order-3, .vue-component-wrapper .is-order-3 { order: 3; }
.catfish-classes .is-order-4, .vue-component-wrapper .is-order-4 { order: 4; }
@media screen and (max-width: 1086px) { .catfish-classes .is-order-tablet-1, .vue-component-wrapper .is-order-tablet-1 { order: 1; }
.catfish-classes .is-order-tablet-2, .vue-component-wrapper .is-order-tablet-2 { order: 2; }
.catfish-classes .is-order-tablet-3, .vue-component-wrapper .is-order-tablet-3 { order: 3; }
.catfish-classes .is-order-tablet-4, .vue-component-wrapper .is-order-tablet-4 { order: 4; } }
@media screen and (max-width: 767px) { .catfish-classes .is-order-mobile-1, .vue-component-wrapper .is-order-mobile-1 { order: 1; }
.catfish-classes .is-order-mobile-2, .vue-component-wrapper .is-order-mobile-2 { order: 2; }
.catfish-classes .is-order-mobile-3, .vue-component-wrapper .is-order-mobile-3 { order: 3; }
.catfish-classes .is-order-mobile-4, .vue-component-wrapper .is-order-mobile-4 { order: 4; } }
.catfish-classes .is-order-1, .vue-component-wrapper .is-order-1 { order: 1; }
.catfish-classes .is-order-2, .vue-component-wrapper .is-order-2 { order: 2; }
.catfish-classes .is-order-3, .vue-component-wrapper .is-order-3 { order: 3; }
.catfish-classes .is-order-4, .vue-component-wrapper .is-order-4 { order: 4; }
@media screen and (max-width: 1086px) { .catfish-classes .is-order-tablet-1, .vue-component-wrapper .is-order-tablet-1 { order: 1; }
.catfish-classes .is-order-tablet-2, .vue-component-wrapper .is-order-tablet-2 { order: 2; }
.catfish-classes .is-order-tablet-3, .vue-component-wrapper .is-order-tablet-3 { order: 3; }
.catfish-classes .is-order-tablet-4, .vue-component-wrapper .is-order-tablet-4 { order: 4; } }
@media screen and (max-width: 767px) { .catfish-classes .is-order-mobile-1, .vue-component-wrapper .is-order-mobile-1 { order: 1; }
.catfish-classes .is-order-mobile-2, .vue-component-wrapper .is-order-mobile-2 { order: 2; }
.catfish-classes .is-order-mobile-3, .vue-component-wrapper .is-order-mobile-3 { order: 3; }
.catfish-classes .is-order-mobile-4, .vue-component-wrapper .is-order-mobile-4 { order: 4; } }
.catfish-classes .section .container.is-flex > .columns, .vue-component-wrapper .section .container.is-flex > .columns { width: calc(100% + 1.5rem); }
.catfish-classes .section .container.is-flex > .columns.is-variable.is-0, .vue-component-wrapper .section .container.is-flex > .columns.is-variable.is-0 { width: calc(100% + 0rem); }
.catfish-classes .section .container.is-flex > .columns.is-variable.is-1, .vue-component-wrapper .section .container.is-flex > .columns.is-variable.is-1 { width: calc(100% + 0.5rem); }
.catfish-classes .section .container.is-flex > .columns.is-variable.is-2, .vue-component-wrapper .section .container.is-flex > .columns.is-variable.is-2 { width: calc(100% + 1rem); }
.catfish-classes .section .container.is-flex > .columns.is-variable.is-3, .vue-component-wrapper .section .container.is-flex > .columns.is-variable.is-3 { width: calc(100% + 1.5rem); }
.catfish-classes .section .container.is-flex > .columns.is-variable.is-4, .vue-component-wrapper .section .container.is-flex > .columns.is-variable.is-4 { width: calc(100% + 2rem); }
.catfish-classes .section .container.is-flex > .columns.is-variable.is-5, .vue-component-wrapper .section .container.is-flex > .columns.is-variable.is-5 { width: calc(100% + 2.5rem); }
.catfish-classes .section .container.is-flex > .columns.is-variable.is-6, .vue-component-wrapper .section .container.is-flex > .columns.is-variable.is-6 { width: calc(100% + 3rem); }
.catfish-classes .section .container.is-flex > .columns.is-variable.is-7, .vue-component-wrapper .section .container.is-flex > .columns.is-variable.is-7 { width: calc(100% + 3.5rem); }
.catfish-classes .section .container.is-flex > .columns.is-variable.is-8, .vue-component-wrapper .section .container.is-flex > .columns.is-variable.is-8 { width: calc(100% + 4rem); }
.catfish-classes .section .is-image-scale-parent.is-ignore-padding .image, .vue-component-wrapper .section .is-image-scale-parent.is-ignore-padding .image { top: -3rem; height: calc(100% + 6rem); min-height: calc(100% + 6rem); }
.catfish-classes .section.is-small .is-image-scale-parent.is-ignore-padding .image, .vue-component-wrapper .section.is-small .is-image-scale-parent.is-ignore-padding .image { top: -2rem; height: calc(100% + 4rem); min-height: calc(100% + 4rem); }
.catfish-classes .section.is-large .is-image-scale-parent.is-ignore-padding .image, .vue-component-wrapper .section.is-large .is-image-scale-parent.is-ignore-padding .image { top: -6rem; height: calc(100% + 12rem); min-height: calc(100% + 12rem); }
.catfish-classes .section .is-image-scale-parent, .vue-component-wrapper .section .is-image-scale-parent { position: relative; }
@media screen and (max-width: 766px) { .catfish-classes .section .is-image-scale-parent, .vue-component-wrapper .section .is-image-scale-parent { height: auto; min-height: auto; } }
@media screen and (min-width: 768px) { .catfish-classes .section .is-image-scale-parent, .vue-component-wrapper .section .is-image-scale-parent { height: 100%; min-height: 100%; } }
.catfish-classes .section .is-image-scale-parent .image, .vue-component-wrapper .section .is-image-scale-parent .image { top: 0px; bottom: 0px; left: 0px; right: 0px; }
@media screen and (max-width: 766px) { .catfish-classes .section .is-image-scale-parent .image, .vue-component-wrapper .section .is-image-scale-parent .image { position: relative; height: auto; width: auto; } }
@media screen and (min-width: 768px) { .catfish-classes .section .is-image-scale-parent .image, .vue-component-wrapper .section .is-image-scale-parent .image { position: absolute; width: 100%; height: 100%; } }
.catfish-classes .section .is-image-scale-parent .image img, .vue-component-wrapper .section .is-image-scale-parent .image img { width: 100%; height: 100%; object-fit: contain; }
.catfish-classes .section .is-image-scale-parent .image.is-covered img, .vue-component-wrapper .section .is-image-scale-parent .image.is-covered img { object-fit: cover; }
@media screen and (min-width: 1088px) { .catfish-classes .ict-navbar .navbar-item.has-two-dropdowns .navbar-dropdown.second-column, .vue-component-wrapper .ict-navbar .navbar-item.has-two-dropdowns .navbar-dropdown.second-column { border-left: solid 1px; }
.catfish-classes .ict-navbar .navbar-dropdown.second-column, .vue-component-wrapper .ict-navbar .navbar-dropdown.second-column { margin-left: 100%; }
.catfish-classes .ict-navbar .navbar-item.has-two-dropdowns .first-column, .vue-component-wrapper .ict-navbar .navbar-item.has-two-dropdowns .first-column { max-width: 10rem; }
.catfish-classes .ict-navbar .navbar-item.has-two-dropdowns .second-column, .vue-component-wrapper .ict-navbar .navbar-item.has-two-dropdowns .second-column { max-width: 10rem; margin-left: 100%; }
.catfish-classes .ict-navbar .navbar-item.has-two-dropdowns .first-column a, .catfish-classes .ict-navbar .navbar-item.has-two-dropdowns .second-column a, .vue-component-wrapper .ict-navbar .navbar-item.has-two-dropdowns .first-column a, .vue-component-wrapper .ict-navbar .navbar-item.has-two-dropdowns .second-column a { white-space: normal; } }
.catfish-classes .ict-navbar .language-list-container, .catfish-classes .ict-navbar .currency-selector, .catfish-classes .ict-navbar .language-list-container *:not(script), .catfish-classes .ict-navbar .currency-selector *:not(script), .vue-component-wrapper .ict-navbar .language-list-container, .vue-component-wrapper .ict-navbar .currency-selector, .vue-component-wrapper .ict-navbar .language-list-container *:not(script), .vue-component-wrapper .ict-navbar .currency-selector *:not(script) { font-size: 0.85rem; width: 100%; display: block; }
@media screen and (max-width: 469px) { .catfish-classes .ict-navbar .ict-navbar .navbar-right-mobile .navbar-item, .vue-component-wrapper .ict-navbar .ict-navbar .navbar-right-mobile .navbar-item { padding-left: 0.5rem; padding-right: 0.5rem; } }
@media screen and (min-width: 1088px) { .catfish-classes .ict-navbar.two-tier-menu, .vue-component-wrapper .ict-navbar.two-tier-menu { height: auto; } }
.catfish-classes .ict-navbar .navbar-item .button.is-small, .vue-component-wrapper .ict-navbar .navbar-item .button.is-small { padding-left: 1.5rem; padding-right: 1.5rem; }
@media screen and (max-width: 1086px) { .catfish-classes .ict-navbar .navbar-item.has-dropdown, .vue-component-wrapper .ict-navbar .navbar-item.has-dropdown { z-index: 10; }
.catfish-classes .ict-navbar .navbar-item.has-dropdown .navbar-dropdown, .vue-component-wrapper .ict-navbar .navbar-item.has-dropdown .navbar-dropdown { max-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; transition: all 0.3s; }
.catfish-classes .ict-navbar .navbar-item.has-dropdown .navbar-dropdown .navbar-item, .vue-component-wrapper .ict-navbar .navbar-item.has-dropdown .navbar-dropdown .navbar-item { max-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; transition: all 0.3s; }
.catfish-classes .ict-navbar .navbar-item.has-dropdown .navbar-dropdown span.currency-selector, .catfish-classes .ict-navbar .navbar-item.has-dropdown .navbar-dropdown span.language-list-container, .vue-component-wrapper .ict-navbar .navbar-item.has-dropdown .navbar-dropdown span.currency-selector, .vue-component-wrapper .ict-navbar .navbar-item.has-dropdown .navbar-dropdown span.language-list-container { display: none !important; }
.catfish-classes .ict-navbar .navbar-item.has-dropdown .navbar-link:not(.is-arrowless)::after, .vue-component-wrapper .ict-navbar .navbar-item.has-dropdown .navbar-link:not(.is-arrowless)::after { transition: all .3s; transform: rotate(315deg) translatey(0rem); }
.catfish-classes .ict-navbar .navbar-item.has-dropdown.is-active .navbar-dropdown, .vue-component-wrapper .ict-navbar .navbar-item.has-dropdown.is-active .navbar-dropdown { max-height: 200rem; padding-top: 0.25rem; padding-bottom: 0.25rem; opacity: 1; }
.catfish-classes .ict-navbar .navbar-item.has-dropdown.is-active .navbar-dropdown .navbar-item, .vue-component-wrapper .ict-navbar .navbar-item.has-dropdown.is-active .navbar-dropdown .navbar-item { max-height: 200rem; opacity: 1; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.catfish-classes .ict-navbar .navbar-item.has-dropdown.is-active .navbar-dropdown .navbar-item span.currency-selector, .catfish-classes .ict-navbar .navbar-item.has-dropdown.is-active .navbar-dropdown .navbar-item span.language-list-container, .vue-component-wrapper .ict-navbar .navbar-item.has-dropdown.is-active .navbar-dropdown .navbar-item span.currency-selector, .vue-component-wrapper .ict-navbar .navbar-item.has-dropdown.is-active .navbar-dropdown .navbar-item span.language-list-container { display: block !important; }
.catfish-classes .ict-navbar .navbar-item.has-dropdown.is-active .navbar-link:not(.is-arrowless)::after, .vue-component-wrapper .ict-navbar .navbar-item.has-dropdown.is-active .navbar-link:not(.is-arrowless)::after { transform: rotate(135deg) translatey(0rem); }
.catfish-classes .ict-navbar .navbar-search-toggle .fa-search, .vue-component-wrapper .ict-navbar .navbar-search-toggle .fa-search { font-size: 1.3rem; }
.catfish-classes .ict-navbar span.mobile-dropdown-toggle, .vue-component-wrapper .ict-navbar span.mobile-dropdown-toggle { width: 2.5rem; height: 2.5rem; position: absolute; right: 0; z-index: 25; } }
.catfish-classes .nav-search-container, .vue-component-wrapper .nav-search-container { transform: translatey(0em); transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; z-index: 29 !important; align-items: center !important; }
.catfish-classes .nav-search-container .search-box, .vue-component-wrapper .nav-search-container .search-box { display: flex; align-items: center; max-width: 700px; }
.catfish-classes .nav-search-container .search-box .searchbox_wrapper, .vue-component-wrapper .nav-search-container .search-box .searchbox_wrapper { width: 100%; }
.catfish-classes .nav-search-container.is-active, .vue-component-wrapper .nav-search-container.is-active { transform: translatey(4.64286em); }
@media screen and (min-width: 768px) { .catfish-classes .nav-search-container.is-active, .vue-component-wrapper .nav-search-container.is-active { transform: translatey(7.27273em); } }
.catfish-classes .nav-search-container.is-header-default, .vue-component-wrapper .nav-search-container.is-header-default { position: absolute; top: 0; left: 0; right: 0; }
@media screen and (max-width: 767px) { .catfish-classes .nav-search-container .container, .vue-component-wrapper .nav-search-container .container { justify-content: center !important; width: 100% !important; } }
@media screen and (min-width: 1088px) { .catfish-classes .nav-search-container.two-tier-search.is-active, .vue-component-wrapper .nav-search-container.two-tier-search.is-active { transform: translatey(13.36364rem); } }
.catfish-classes .details-wrapper > .full-description-wrapper, .vue-component-wrapper .details-wrapper > .full-description-wrapper { margin-bottom: 1.5rem; }
.catfish-classes .arone-footer, .vue-component-wrapper .arone-footer { display: block; padding-top: 6rem; padding-bottom: 6rem; }
.catfish-classes .arone-footer a, .vue-component-wrapper .arone-footer a { color: inherit; }
.catfish-classes .arone-footer a:hover, .vue-component-wrapper .arone-footer a:hover { color: inherit; text-decoration: underline; }
.catfish-classes .ict-accordion .button.is-rounded.accordion-title, .vue-component-wrapper .ict-accordion .button.is-rounded.accordion-title { white-space: normal; height: auto; min-width: 100%; text-align: left; justify-content: left; margin-bottom: 1rem; padding: 0.8rem; font-weight: bold; }
.catfish-classes .ict-accordion .button.is-rounded.accordion-title:hover, .vue-component-wrapper .ict-accordion .button.is-rounded.accordion-title:hover { text-decoration: none; }
.catfish-classes .ict-accordion .button.is-rounded.accordion-title .fas, .vue-component-wrapper .ict-accordion .button.is-rounded.accordion-title .fas { padding-right: 10px; }
.catfish-classes .ict-accordion .accordion-item .fa-plus, .vue-component-wrapper .ict-accordion .accordion-item .fa-plus { display: block; }
.catfish-classes .ict-accordion .accordion-item .fa-minus, .vue-component-wrapper .ict-accordion .accordion-item .fa-minus { display: none; }
.catfish-classes .ict-accordion .accordion-item .accordion-content, .vue-component-wrapper .ict-accordion .accordion-item .accordion-content { display: none; }
.catfish-classes .ict-accordion .accordion-item.is-active .fa-plus, .vue-component-wrapper .ict-accordion .accordion-item.is-active .fa-plus { display: none; }
.catfish-classes .ict-accordion .accordion-item.is-active .fa-minus, .vue-component-wrapper .ict-accordion .accordion-item.is-active .fa-minus { display: block; }
.catfish-classes .ict-accordion .accordion-item.is-active .accordion-content, .vue-component-wrapper .ict-accordion .accordion-item.is-active .accordion-content { padding-left: 0.5rem; padding-right: 0.5rem; display: block; }
.catfish-classes .ict-accordion .accordion-item:not(:first-of-type) .button.is-rounded.accordion-title, .vue-component-wrapper .ict-accordion .accordion-item:not(:first-of-type) .button.is-rounded.accordion-title { margin-top: 0.5rem; }
.catfish-classes .ict-featured-tiles.hover-scale > .column, .vue-component-wrapper .ict-featured-tiles.hover-scale > .column { transform: scale(1); transition: all 0.2s; }
.catfish-classes .ict-featured-tiles.hover-scale > .column:hover, .vue-component-wrapper .ict-featured-tiles.hover-scale > .column:hover { transform: scale(1.05); transition: all 0.2s; }
.catfish-classes .ict-featured-tiles.hover-outline > .column, .vue-component-wrapper .ict-featured-tiles.hover-outline > .column { transition: all 0.2s; outline: 2px solid transparent; }
.catfish-classes .ict-featured-tiles.hover-outline > .column:hover, .vue-component-wrapper .ict-featured-tiles.hover-outline > .column:hover { outline-color: inherit; outline: solid 2px; }
.catfish-classes .has-hover-outline-dark, .vue-component-wrapper .has-hover-outline-dark { outline-color: #363636; }
.catfish-classes .has-hover-outline-light, .vue-component-wrapper .has-hover-outline-light { outline-color: #f5f5f5; }
.catfish-classes .flexslider.infigo-slider, .vue-component-wrapper .flexslider.infigo-slider { padding: 0; margin: 0; background: transparent; border: 0 solid #fff; position: relative; zoom: 1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.catfish-classes .flexslider.infigo-slider a:hover, .vue-component-wrapper .flexslider.infigo-slider a:hover { outline: none; }
.catfish-classes .flexslider.infigo-slider .slides, .catfish-classes .flexslider.infigo-slider .flex-control-nav, .catfish-classes .flexslider.infigo-slider .flex-direction-nav, .vue-component-wrapper .flexslider.infigo-slider .slides, .vue-component-wrapper .flexslider.infigo-slider .flex-control-nav, .vue-component-wrapper .flexslider.infigo-slider .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.catfish-classes .flexslider.infigo-slider .slides, .vue-component-wrapper .flexslider.infigo-slider .slides { zoom: 1; display: flex; }
.catfish-classes .flexslider.infigo-slider .slides > li, .vue-component-wrapper .flexslider.infigo-slider .slides > li { margin: 0; list-style: none; display: none; -webkit-backface-visibility: hidden; min-height: 100%; }
.catfish-classes .flexslider.infigo-slider .slides > li > .container, .catfish-classes .flexslider.infigo-slider .slides > li > .container > .columns, .vue-component-wrapper .flexslider.infigo-slider .slides > li > .container, .vue-component-wrapper .flexslider.infigo-slider .slides > li > .container > .columns { min-height: calc(100% + 2rem); position: relative; height: calc(100% + 2rem); }
.catfish-classes .flexslider.infigo-slider .slides img, .vue-component-wrapper .flexslider.infigo-slider .slides img { width: 100%; display: block; height: auto; -moz-user-select: none; }
.catfish-classes .flexslider.infigo-slider .slides:after, .vue-component-wrapper .flexslider.infigo-slider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.catfish-classes .flexslider.infigo-slider .flex-pauseplay span, .vue-component-wrapper .flexslider.infigo-slider .flex-pauseplay span { text-transform: capitalize; }
.catfish-classes .flexslider.infigo-slider .carousel li, .vue-component-wrapper .flexslider.infigo-slider .carousel li { margin-right: 5px; }
.catfish-classes .flexslider.infigo-slider .flex-direction-nav, .vue-component-wrapper .flexslider.infigo-slider .flex-direction-nav { *height: 0; }
.catfish-classes .flexslider.infigo-slider .flex-direction-nav a, .vue-component-wrapper .flexslider.infigo-slider .flex-direction-nav a { text-decoration: none; display: block; width: 2.5rem; height: 3.5rem; margin: -1.25rem 0 0; position: absolute; top: calc(50% - 0.5rem); z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: transparent; text-shadow: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.catfish-classes .flexslider.infigo-slider .flex-direction-nav a:before, .vue-component-wrapper .flexslider.infigo-slider .flex-direction-nav a:before { font-family: "Font Awesome 5 Pro"; font-size: 2.5rem; display: inline-block; content: '\f104'; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }
.catfish-classes .flexslider.infigo-slider .flex-direction-nav a.flex-next:before, .vue-component-wrapper .flexslider.infigo-slider .flex-direction-nav a.flex-next:before { content: '\f105'; }
.catfish-classes .flexslider.infigo-slider .flex-direction-nav .flex-prev, .vue-component-wrapper .flexslider.infigo-slider .flex-direction-nav .flex-prev { left: -3.5rem; }
.catfish-classes .flexslider.infigo-slider .flex-direction-nav .flex-next, .vue-component-wrapper .flexslider.infigo-slider .flex-direction-nav .flex-next { right: -3.5rem; text-align: right; }
.catfish-classes .flexslider.infigo-slider .flex-direction-nav .flex-disabled, .vue-component-wrapper .flexslider.infigo-slider .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; z-index: -1; }
.catfish-classes .flexslider.infigo-slider:hover .flex-direction-nav .flex-prev, .vue-component-wrapper .flexslider.infigo-slider:hover .flex-direction-nav .flex-prev { opacity: 0.8; left: 1rem; }
.catfish-classes .flexslider.infigo-slider:hover .flex-direction-nav .flex-prev:hover, .vue-component-wrapper .flexslider.infigo-slider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }
.catfish-classes .flexslider.infigo-slider:hover .flex-direction-nav .flex-next, .vue-component-wrapper .flexslider.infigo-slider:hover .flex-direction-nav .flex-next { opacity: 0.8; right: 1rem; }
.catfish-classes .flexslider.infigo-slider:hover .flex-direction-nav:hover, .vue-component-wrapper .flexslider.infigo-slider:hover .flex-direction-nav:hover { opacity: 1; }
.catfish-classes .flexslider.infigo-slider .flex-pauseplay a, .vue-component-wrapper .flexslider.infigo-slider .flex-pauseplay a { display: block; width: 1.5rem; height: 1.5rem; position: absolute; bottom: 1rem; left: 1rem; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.catfish-classes .flexslider.infigo-slider .flex-pauseplay a:before, .vue-component-wrapper .flexslider.infigo-slider .flex-pauseplay a:before { font-family: "Font Awesome 5 Pro"; font-size: 1.5rem; display: inline-block; content: '\f04b'; }
.catfish-classes .flexslider.infigo-slider .flex-pauseplay a:hover, .vue-component-wrapper .flexslider.infigo-slider .flex-pauseplay a:hover { opacity: 1; }
.catfish-classes .flexslider.infigo-slider .flex-pauseplay a.flex-play:before, .vue-component-wrapper .flexslider.infigo-slider .flex-pauseplay a.flex-play:before { content: '\f04c'; }
.catfish-classes .flexslider.infigo-slider .flex-control-nav, .vue-component-wrapper .flexslider.infigo-slider .flex-control-nav { width: 100%; position: absolute; bottom: 1rem; /*Check to see if this needs changing*/ text-align: center; z-index: 2; }
.catfish-classes .flexslider.infigo-slider .flex-control-nav li, .vue-component-wrapper .flexslider.infigo-slider .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.catfish-classes .flexslider.infigo-slider .flex-control-paging li a, .vue-component-wrapper .flexslider.infigo-slider .flex-control-paging li a { width: 1rem; height: 1rem; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.catfish-classes .flexslider.infigo-slider .flex-control-paging li:hover a, .vue-component-wrapper .flexslider.infigo-slider .flex-control-paging li:hover a { background: #333; background: rgba(0, 0, 0, 0.7); }
.catfish-classes .flexslider.infigo-slider .flex-control-paging li.flex-active a, .vue-component-wrapper .flexslider.infigo-slider .flex-control-paging li.flex-active a { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }
.catfish-classes .flexslider.infigo-slider .flex-control-thumbs, .vue-component-wrapper .flexslider.infigo-slider .flex-control-thumbs { margin: 0.5rem 0 0; position: static; overflow: hidden; }
.catfish-classes .flexslider.infigo-slider .flex-control-thumbs li, .vue-component-wrapper .flexslider.infigo-slider .flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.catfish-classes .flexslider.infigo-slider .flex-control-thumbs img, .vue-component-wrapper .flexslider.infigo-slider .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.catfish-classes .flexslider.infigo-slider .flex-control-thumbs img:hover, .vue-component-wrapper .flexslider.infigo-slider .flex-control-thumbs img:hover { opacity: 1; }
.catfish-classes .flexslider.infigo-slider .flex-control-thumbs .flex-active, .vue-component-wrapper .flexslider.infigo-slider .flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
@media screen and (max-width: 859px) { .catfish-classes .flexslider.infigo-slider .flex-direction-nav .flex-prev, .vue-component-wrapper .flexslider.infigo-slider .flex-direction-nav .flex-prev { opacity: 1; left: 1rem; }
.catfish-classes .flexslider.infigo-slider .flex-direction-nav .flex-next, .vue-component-wrapper .flexslider.infigo-slider .flex-direction-nav .flex-next { opacity: 1; right: 1rem; } }
.catfish-classes .flex-viewport, .vue-component-wrapper .flex-viewport { transition: all 1s ease; }
.catfish-classes html[xmlns] .flexslider.infigo-slider .slides, .vue-component-wrapper html[xmlns] .flexslider.infigo-slider .slides { display: block; }
.catfish-classes * html .flexslider.infigo-slider .slides, .vue-component-wrapper * html .flexslider.infigo-slider .slides { height: 1%; }
.catfish-classes .no-js .flexslider.infigo-slider.slides > li:first-child, .vue-component-wrapper .no-js .flexslider.infigo-slider.slides > li:first-child { display: block; }
@-moz-document url-prefix() { .catfish-classes .loading .flex-viewport, .vue-component-wrapper .loading .flex-viewport { max-height: none; } }
.catfish-classes .image.dedicated-footer-logo img, .vue-component-wrapper .image.dedicated-footer-logo img { /* Fix for the footer logo sizing */ height: 3.5rem; width: auto; }
@media screen and (min-width: 1088px) { .catfish-classes #main-navbar.centered-logo, .vue-component-wrapper #main-navbar.centered-logo { margin-left: -1.5rem; }
.catfish-classes #main-navbar.centered-logo .navbar-start, .catfish-classes #main-navbar.centered-logo .navbar-logo, .catfish-classes #main-navbar.centered-logo .navbar-end, .vue-component-wrapper #main-navbar.centered-logo .navbar-start, .vue-component-wrapper #main-navbar.centered-logo .navbar-logo, .vue-component-wrapper #main-navbar.centered-logo .navbar-end { flex-grow: 1; flex-shrink: 1; flex-basis: 0; }
.catfish-classes #main-navbar.centered-logo .navbar-logo, .vue-component-wrapper #main-navbar.centered-logo .navbar-logo { display: flex; align-items: center; justify-content: center; flex: none; }
.catfish-classes .navbar-item .basket-link .icon, .vue-component-wrapper .navbar-item .basket-link .icon { margin-left: -0.5rem !important; }
.catfish-classes .navbar-item .basket-link .badge, .vue-component-wrapper .navbar-item .basket-link .badge { top: -0.5rem; right: -0.5rem; } }
.catfish-classes .ict-social-links .custom a, .vue-component-wrapper .ict-social-links .custom a { display: flex; align-items: center; }
.catfish-classes .ict-social-links .custom a .image, .vue-component-wrapper .ict-social-links .custom a .image { width: 2rem; height: 2rem; display: flex; justify-content: center; align-items: center; margin-right: 0.25rem; }
.catfish-classes .ict-social-links .custom a .image img, .vue-component-wrapper .ict-social-links .custom a .image img { max-width: 1.33333em; }
.catfish-classes .navbar-category-navigation .navigationmenu, .vue-component-wrapper .navbar-category-navigation .navigationmenu { padding: 0; }
.catfish-classes .navbar-category-navigation .navigationmenu .navigationmenu--categories, .vue-component-wrapper .navbar-category-navigation .navigationmenu .navigationmenu--categories { font-size: .875rem; }
.catfish-classes .navbar-category-navigation .navigationmenu .navigationmenu--title, .vue-component-wrapper .navbar-category-navigation .navigationmenu .navigationmenu--title { display: none; }
.catfish-classes .navbar-item.navbar-category-navigation, .vue-component-wrapper .navbar-item.navbar-category-navigation { position: relative; }
.catfish-classes .navbar-category-navigation:hover .navigationmenu .navigationmenu--categories, .vue-component-wrapper .navbar-category-navigation:hover .navigationmenu .navigationmenu--categories { width: 100%; height: 100%; }
@media screen and (min-width: 1088px) { .catfish-classes .navbar-category-navigation:hover .navigationmenu, .vue-component-wrapper .navbar-category-navigation:hover .navigationmenu { display: flex; padding: 0.5rem 1rem; padding-right: 2.5rem; position: relative; justify-content: center; align-items: center; position: absolute; top: 100%; left: 0; background: white; padding: 0; }
.catfish-classes .navbar-category-navigation:hover .navigationmenu .navigationmenu--categories, .vue-component-wrapper .navbar-category-navigation:hover .navigationmenu .navigationmenu--categories { display: block; top: 100%; background: white; width: 100%; left: 0; border-top: 2px solid #CADFEB; padding: .5rem 0; font-size: .875rem; }
.catfish-classes .navbar-category-navigation .navigationmenu, .vue-component-wrapper .navbar-category-navigation .navigationmenu { display: none; }
.catfish-classes ul.navigationmenu--categories li a, .vue-component-wrapper ul.navigationmenu--categories li a { padding: .375rem 1rem; padding-right: 3rem; } }
@media screen and (max-width: 1086px) { .catfish-classes .navbar-category-navigation .navigationmenu, .vue-component-wrapper .navbar-category-navigation .navigationmenu { max-height: 0; transition: all 0.3s; overflow: unset; }
.catfish-classes .navbar-category-navigation .navigationmenu .navigationmenu--categories, .vue-component-wrapper .navbar-category-navigation .navigationmenu .navigationmenu--categories { max-height: 0; transition: all 0.3s; overflow: unset; }
.catfish-classes .navbar-category-navigation .navigationmenu .navigationmenu--categories li, .vue-component-wrapper .navbar-category-navigation .navigationmenu .navigationmenu--categories li { opacity: 0; transition: .3s; max-height: 0; }
.catfish-classes .navbar-category-navigation.is-active .navigationmenu .navigationmenu--categories li:not(.expandedListItem), .vue-component-wrapper .navbar-category-navigation.is-active .navigationmenu .navigationmenu--categories li:not(.expandedListItem) { opacity: 1; max-height: 200rem; }
.catfish-classes .navbar-category-navigation.is-active .navigationmenu, .catfish-classes .navbar-category-navigation.is-active .navigationmenu--categories, .vue-component-wrapper .navbar-category-navigation.is-active .navigationmenu, .vue-component-wrapper .navbar-category-navigation.is-active .navigationmenu--categories { max-height: 200rem; padding-top: 0; padding-bottom: 0; }
.catfish-classes .navbar-category-navigation.is-active .navigationmenu .navigationmenu--categories > li, .vue-component-wrapper .navbar-category-navigation.is-active .navigationmenu .navigationmenu--categories > li { max-height: 200rem; }
.catfish-classes .navbar-category-navigation.is-active .navigationmenu .navigationmenu--categories li.expandedListItem, .vue-component-wrapper .navbar-category-navigation.is-active .navigationmenu .navigationmenu--categories li.expandedListItem { opacity: 1; max-height: 200rem; }
.catfish-classes .navbar-category-navigation.is-active .navigationmenu .navigationmenu--categories ul, .vue-component-wrapper .navbar-category-navigation.is-active .navigationmenu .navigationmenu--categories ul { opacity: 1; }
.catfish-classes .navbar-category-navigation.is-active .navigationmenu, .vue-component-wrapper .navbar-category-navigation.is-active .navigationmenu { padding: .5rem 1.5rem; }
.catfish-classes .navbar-category-navigation .navigationmenu, .vue-component-wrapper .navbar-category-navigation .navigationmenu { padding: 0rem 1.5rem; }
.catfish-classes .navbar-category-navigation .navigationmenu .navigationmenu--categories > li, .vue-component-wrapper .navbar-category-navigation .navigationmenu .navigationmenu--categories > li { max-height: 0rem; overflow: hidden; }
.catfish-classes .navbar-category-navigation .navigationmenu .navigationmenu--categories ul, .vue-component-wrapper .navbar-category-navigation .navigationmenu .navigationmenu--categories ul { opacity: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition-delay: 0.3s; transition-property: opacity; }
.catfish-classes li.expandedListItem, .vue-component-wrapper li.expandedListItem { transition: .5s; opacity: 0; } }
.catfish-classes .navbar-category-navigation:hover .navigationmenu .navigationmenu--categories li, .vue-component-wrapper .navbar-category-navigation:hover .navigationmenu .navigationmenu--categories li { margin-left: 0 !important; }
.catfish-classes .navbar-category-navigation:hover .navigationmenu ul li ul.subCategory, .vue-component-wrapper .navbar-category-navigation:hover .navigationmenu ul li ul.subCategory { border-left: 0; margin: 0; padding: 0; padding-left: 1rem; }
.catfish-classes #main-nav .site-toggleables, .catfish-classes .two-tier-menu .site-toggleables, .vue-component-wrapper #main-nav .site-toggleables, .vue-component-wrapper .two-tier-menu .site-toggleables { min-width: 200px; z-index: 999; }
.catfish-classes .is-vertical-wrapper, .vue-component-wrapper .is-vertical-wrapper { margin: 1.5em 0; }
.catfish-classes .is-horizontal-wrapper, .vue-component-wrapper .is-horizontal-wrapper { margin: 0 1.5em; }
.catfish-classes .is-full-table table, .vue-component-wrapper .is-full-table table { width: 100%; }
.catfish-classes .container-special, .catfish-classes .catfish-container, .catfish-classes .container, .vue-component-wrapper .container-special, .vue-component-wrapper .catfish-container, .vue-component-wrapper .container { margin: 0 auto; position: relative; width: 100%; clear: both; padding-left: 20px ; padding-right: 20px ; }
@media screen and (min-width: 750px), print { .catfish-classes .container-special, .catfish-classes .catfish-container, .catfish-classes .container, .vue-component-wrapper .container-special, .vue-component-wrapper .catfish-container, .vue-component-wrapper .container { padding-left: 64px ; padding-right: 64px ; } }
.catfish-classes .container-special.is-fluid, .catfish-classes .catfish-container.is-fluid, .catfish-classes .container.is-fluid, .vue-component-wrapper .container-special.is-fluid, .vue-component-wrapper .catfish-container.is-fluid, .vue-component-wrapper .container.is-fluid { max-width: none; width: auto; }
@media screen and (min-width: 1088px) { .catfish-classes .container-special, .catfish-classes .catfish-container, .catfish-classes .container, .vue-component-wrapper .container-special, .vue-component-wrapper .catfish-container, .vue-component-wrapper .container { /* max-width: $desktop - 2 * $container-gap; /* !!DEPRECATED!! going with full width as it is a lot better for responsive behaviour */ max-width: 100%; } }
@media screen and (min-width: 1280px) { .catfish-classes .container-special, .catfish-classes .catfish-container, .catfish-classes .container, .vue-component-wrapper .container-special, .vue-component-wrapper .catfish-container, .vue-component-wrapper .container { /* max-width: $widescreen - 2 * $container-gap; /* !!DEPRECATED!! going with full width as it is a lot better for responsive behaviour */ max-width: 100%; } }
@media screen and (min-width: 1328px) { .catfish-classes .container-special, .catfish-classes .catfish-container, .catfish-classes .container, .vue-component-wrapper .container-special, .vue-component-wrapper .catfish-container, .vue-component-wrapper .container { max-width: 1250px; } }
.catfish-classes .container .container:not(.is-padded), .catfish-classes .container .catfish-container:not(.is-padded), .catfish-classes .catfish-container .container:not(.is-padded), .catfish-classes .catfish-container .catfish-container:not(.is-padded), .vue-component-wrapper .container .container:not(.is-padded), .vue-component-wrapper .container .catfish-container:not(.is-padded), .vue-component-wrapper .catfish-container .container:not(.is-padded), .vue-component-wrapper .catfish-container .catfish-container:not(.is-padded) { padding-left: 0 ; padding-right: 0 ; }
.catfish-classes .content-template.topicpage, .vue-component-wrapper .content-template.topicpage { padding: 0; }
.catfish-classes .content-template.topicpage > .catfish-container, .vue-component-wrapper .content-template.topicpage > .catfish-container { padding: 0; max-width: 100%; }
.catfish-classes .content-template.topicpage .topicpage-body > .section > .container, .vue-component-wrapper .content-template.topicpage .topicpage-body > .section > .container { padding-left: 20px ; padding-right: 20px ; }
@media screen and (min-width: 750px), print { .catfish-classes .content-template.topicpage .topicpage-body > .section > .container, .vue-component-wrapper .content-template.topicpage .topicpage-body > .section > .container { padding-left: 64px ; padding-right: 64px ; } }
.catfish-classes .column, .vue-component-wrapper .column { display: block; flex-shrink: 1; padding: 0.75rem; flex-basis: 0; flex-grow: 1; }
.columns.is-mobile > .catfish-classes .column.is-narrow, .columns.is-mobile > .vue-component-wrapper .column.is-narrow { flex: none; }
.columns.is-mobile > .catfish-classes .column.is-full, .columns.is-mobile > .vue-component-wrapper .column.is-full { flex: none; width: 100%; }
.columns.is-mobile > .catfish-classes .column.is-three-quarters, .columns.is-mobile > .vue-component-wrapper .column.is-three-quarters { flex: none; width: 75%; }
.columns.is-mobile > .catfish-classes .column.is-two-thirds, .columns.is-mobile > .vue-component-wrapper .column.is-two-thirds { flex: none; width: 66.6666%; }
.columns.is-mobile > .catfish-classes .column.is-half, .columns.is-mobile > .vue-component-wrapper .column.is-half { flex: none; width: 50%; }
.columns.is-mobile > .catfish-classes .column.is-one-third, .columns.is-mobile > .vue-component-wrapper .column.is-one-third { flex: none; width: 33.3333%; }
.columns.is-mobile > .catfish-classes .column.is-one-quarter, .columns.is-mobile > .vue-component-wrapper .column.is-one-quarter { flex: none; width: 25%; }
.columns.is-mobile > .catfish-classes .column.is-one-fifth, .columns.is-mobile > .vue-component-wrapper .column.is-one-fifth { flex: none; width: 20%; }
.columns.is-mobile > .catfish-classes .column.is-two-fifths, .columns.is-mobile > .vue-component-wrapper .column.is-two-fifths { flex: none; width: 40%; }
.columns.is-mobile > .catfish-classes .column.is-three-fifths, .columns.is-mobile > .vue-component-wrapper .column.is-three-fifths { flex: none; width: 60%; }
.columns.is-mobile > .catfish-classes .column.is-four-fifths, .columns.is-mobile > .vue-component-wrapper .column.is-four-fifths { flex: none; width: 80%; }
.columns.is-mobile > .catfish-classes .column.is-offset-three-quarters, .columns.is-mobile > .vue-component-wrapper .column.is-offset-three-quarters { margin-left: 75% ; }
.columns.is-mobile > .catfish-classes .column.is-offset-two-thirds, .columns.is-mobile > .vue-component-wrapper .column.is-offset-two-thirds { margin-left: 66.6666% ; }
.columns.is-mobile > .catfish-classes .column.is-offset-half, .columns.is-mobile > .vue-component-wrapper .column.is-offset-half { margin-left: 50% ; }
.columns.is-mobile > .catfish-classes .column.is-offset-one-third, .columns.is-mobile > .vue-component-wrapper .column.is-offset-one-third { margin-left: 33.3333% ; }
.columns.is-mobile > .catfish-classes .column.is-offset-one-quarter, .columns.is-mobile > .vue-component-wrapper .column.is-offset-one-quarter { margin-left: 25% ; }
.columns.is-mobile > .catfish-classes .column.is-offset-one-fifth, .columns.is-mobile > .vue-component-wrapper .column.is-offset-one-fifth { margin-left: 20% ; }
.columns.is-mobile > .catfish-classes .column.is-offset-two-fifths, .columns.is-mobile > .vue-component-wrapper .column.is-offset-two-fifths { margin-left: 40% ; }
.columns.is-mobile > .catfish-classes .column.is-offset-three-fifths, .columns.is-mobile > .vue-component-wrapper .column.is-offset-three-fifths { margin-left: 60% ; }
.columns.is-mobile > .catfish-classes .column.is-offset-four-fifths, .columns.is-mobile > .vue-component-wrapper .column.is-offset-four-fifths { margin-left: 80% ; }
.columns.is-mobile > .catfish-classes .column.is-1, .columns.is-mobile > .vue-component-wrapper .column.is-1 { flex: none; width: 8.33333%; }
.columns.is-mobile > .catfish-classes .column.is-offset-1, .columns.is-mobile > .vue-component-wrapper .column.is-offset-1 { margin-left: 8.33333% ; }
.columns.is-mobile > .catfish-classes .column.is-2, .columns.is-mobile > .vue-component-wrapper .column.is-2 { flex: none; width: 16.66667%; }
.columns.is-mobile > .catfish-classes .column.is-offset-2, .columns.is-mobile > .vue-component-wrapper .column.is-offset-2 { margin-left: 16.66667% ; }
.columns.is-mobile > .catfish-classes .column.is-3, .columns.is-mobile > .vue-component-wrapper .column.is-3 { flex: none; width: 25%; }
.columns.is-mobile > .catfish-classes .column.is-offset-3, .columns.is-mobile > .vue-component-wrapper .column.is-offset-3 { margin-left: 25% ; }
.columns.is-mobile > .catfish-classes .column.is-4, .columns.is-mobile > .vue-component-wrapper .column.is-4 { flex: none; width: 33.33333%; }
.columns.is-mobile > .catfish-classes .column.is-offset-4, .columns.is-mobile > .vue-component-wrapper .column.is-offset-4 { margin-left: 33.33333% ; }
.columns.is-mobile > .catfish-classes .column.is-5, .columns.is-mobile > .vue-component-wrapper .column.is-5 { flex: none; width: 41.66667%; }
.columns.is-mobile > .catfish-classes .column.is-offset-5, .columns.is-mobile > .vue-component-wrapper .column.is-offset-5 { margin-left: 41.66667% ; }
.columns.is-mobile > .catfish-classes .column.is-6, .columns.is-mobile > .vue-component-wrapper .column.is-6 { flex: none; width: 50%; }
.columns.is-mobile > .catfish-classes .column.is-offset-6, .columns.is-mobile > .vue-component-wrapper .column.is-offset-6 { margin-left: 50% ; }
.columns.is-mobile > .catfish-classes .column.is-7, .columns.is-mobile > .vue-component-wrapper .column.is-7 { flex: none; width: 58.33333%; }
.columns.is-mobile > .catfish-classes .column.is-offset-7, .columns.is-mobile > .vue-component-wrapper .column.is-offset-7 { margin-left: 58.33333% ; }
.columns.is-mobile > .catfish-classes .column.is-8, .columns.is-mobile > .vue-component-wrapper .column.is-8 { flex: none; width: 66.66667%; }
.columns.is-mobile > .catfish-classes .column.is-offset-8, .columns.is-mobile > .vue-component-wrapper .column.is-offset-8 { margin-left: 66.66667% ; }
.columns.is-mobile > .catfish-classes .column.is-9, .columns.is-mobile > .vue-component-wrapper .column.is-9 { flex: none; width: 75%; }
.columns.is-mobile > .catfish-classes .column.is-offset-9, .columns.is-mobile > .vue-component-wrapper .column.is-offset-9 { margin-left: 75% ; }
.columns.is-mobile > .catfish-classes .column.is-10, .columns.is-mobile > .vue-component-wrapper .column.is-10 { flex: none; width: 83.33333%; }
.columns.is-mobile > .catfish-classes .column.is-offset-10, .columns.is-mobile > .vue-component-wrapper .column.is-offset-10 { margin-left: 83.33333% ; }
.columns.is-mobile > .catfish-classes .column.is-11, .columns.is-mobile > .vue-component-wrapper .column.is-11 { flex: none; width: 91.66667%; }
.columns.is-mobile > .catfish-classes .column.is-offset-11, .columns.is-mobile > .vue-component-wrapper .column.is-offset-11 { margin-left: 91.66667% ; }
.columns.is-mobile > .catfish-classes .column.is-12, .columns.is-mobile > .vue-component-wrapper .column.is-12 { flex: none; width: 100%; }
.columns.is-mobile > .catfish-classes .column.is-offset-12, .columns.is-mobile > .vue-component-wrapper .column.is-offset-12 { margin-left: 100% ; }
@media screen and (max-width: 749px) { .catfish-classes .column.is-narrow-mobile, .vue-component-wrapper .column.is-narrow-mobile { flex: none; }
.catfish-classes .column.is-full-mobile, .vue-component-wrapper .column.is-full-mobile { flex: none; width: 100%; }
.catfish-classes .column.is-three-quarters-mobile, .vue-component-wrapper .column.is-three-quarters-mobile { flex: none; width: 75%; }
.catfish-classes .column.is-two-thirds-mobile, .vue-component-wrapper .column.is-two-thirds-mobile { flex: none; width: 66.6666%; }
.catfish-classes .column.is-half-mobile, .vue-component-wrapper .column.is-half-mobile { flex: none; width: 50%; }
.catfish-classes .column.is-one-third-mobile, .vue-component-wrapper .column.is-one-third-mobile { flex: none; width: 33.3333%; }
.catfish-classes .column.is-one-quarter-mobile, .vue-component-wrapper .column.is-one-quarter-mobile { flex: none; width: 25%; }
.catfish-classes .column.is-one-fifth-mobile, .vue-component-wrapper .column.is-one-fifth-mobile { flex: none; width: 20%; }
.catfish-classes .column.is-two-fifths-mobile, .vue-component-wrapper .column.is-two-fifths-mobile { flex: none; width: 40%; }
.catfish-classes .column.is-three-fifths-mobile, .vue-component-wrapper .column.is-three-fifths-mobile { flex: none; width: 60%; }
.catfish-classes .column.is-four-fifths-mobile, .vue-component-wrapper .column.is-four-fifths-mobile { flex: none; width: 80%; }
.catfish-classes .column.is-offset-three-quarters-mobile, .vue-component-wrapper .column.is-offset-three-quarters-mobile { margin-left: 75% ; }
.catfish-classes .column.is-offset-two-thirds-mobile, .vue-component-wrapper .column.is-offset-two-thirds-mobile { margin-left: 66.6666% ; }
.catfish-classes .column.is-offset-half-mobile, .vue-component-wrapper .column.is-offset-half-mobile { margin-left: 50% ; }
.catfish-classes .column.is-offset-one-third-mobile, .vue-component-wrapper .column.is-offset-one-third-mobile { margin-left: 33.3333% ; }
.catfish-classes .column.is-offset-one-quarter-mobile, .vue-component-wrapper .column.is-offset-one-quarter-mobile { margin-left: 25% ; }
.catfish-classes .column.is-offset-one-fifth-mobile, .vue-component-wrapper .column.is-offset-one-fifth-mobile { margin-left: 20% ; }
.catfish-classes .column.is-offset-two-fifths-mobile, .vue-component-wrapper .column.is-offset-two-fifths-mobile { margin-left: 40% ; }
.catfish-classes .column.is-offset-three-fifths-mobile, .vue-component-wrapper .column.is-offset-three-fifths-mobile { margin-left: 60% ; }
.catfish-classes .column.is-offset-four-fifths-mobile, .vue-component-wrapper .column.is-offset-four-fifths-mobile { margin-left: 80% ; }
.catfish-classes .column.is-1-mobile, .vue-component-wrapper .column.is-1-mobile { flex: none; width: 8.33333%; }
.catfish-classes .column.is-offset-1-mobile, .vue-component-wrapper .column.is-offset-1-mobile { margin-left: 8.33333% ; }
.catfish-classes .column.is-2-mobile, .vue-component-wrapper .column.is-2-mobile { flex: none; width: 16.66667%; }
.catfish-classes .column.is-offset-2-mobile, .vue-component-wrapper .column.is-offset-2-mobile { margin-left: 16.66667% ; }
.catfish-classes .column.is-3-mobile, .vue-component-wrapper .column.is-3-mobile { flex: none; width: 25%; }
.catfish-classes .column.is-offset-3-mobile, .vue-component-wrapper .column.is-offset-3-mobile { margin-left: 25% ; }
.catfish-classes .column.is-4-mobile, .vue-component-wrapper .column.is-4-mobile { flex: none; width: 33.33333%; }
.catfish-classes .column.is-offset-4-mobile, .vue-component-wrapper .column.is-offset-4-mobile { margin-left: 33.33333% ; }
.catfish-classes .column.is-5-mobile, .vue-component-wrapper .column.is-5-mobile { flex: none; width: 41.66667%; }
.catfish-classes .column.is-offset-5-mobile, .vue-component-wrapper .column.is-offset-5-mobile { margin-left: 41.66667% ; }
.catfish-classes .column.is-6-mobile, .vue-component-wrapper .column.is-6-mobile { flex: none; width: 50%; }
.catfish-classes .column.is-offset-6-mobile, .vue-component-wrapper .column.is-offset-6-mobile { margin-left: 50% ; }
.catfish-classes .column.is-7-mobile, .vue-component-wrapper .column.is-7-mobile { flex: none; width: 58.33333%; }
.catfish-classes .column.is-offset-7-mobile, .vue-component-wrapper .column.is-offset-7-mobile { margin-left: 58.33333% ; }
.catfish-classes .column.is-8-mobile, .vue-component-wrapper .column.is-8-mobile { flex: none; width: 66.66667%; }
.catfish-classes .column.is-offset-8-mobile, .vue-component-wrapper .column.is-offset-8-mobile { margin-left: 66.66667% ; }
.catfish-classes .column.is-9-mobile, .vue-component-wrapper .column.is-9-mobile { flex: none; width: 75%; }
.catfish-classes .column.is-offset-9-mobile, .vue-component-wrapper .column.is-offset-9-mobile { margin-left: 75% ; }
.catfish-classes .column.is-10-mobile, .vue-component-wrapper .column.is-10-mobile { flex: none; width: 83.33333%; }
.catfish-classes .column.is-offset-10-mobile, .vue-component-wrapper .column.is-offset-10-mobile { margin-left: 83.33333% ; }
.catfish-classes .column.is-11-mobile, .vue-component-wrapper .column.is-11-mobile { flex: none; width: 91.66667%; }
.catfish-classes .column.is-offset-11-mobile, .vue-component-wrapper .column.is-offset-11-mobile { margin-left: 91.66667% ; }
.catfish-classes .column.is-12-mobile, .vue-component-wrapper .column.is-12-mobile { flex: none; width: 100%; }
.catfish-classes .column.is-offset-12-mobile, .vue-component-wrapper .column.is-offset-12-mobile { margin-left: 100% ; } }
@media screen and (min-width: 750px), print { .catfish-classes .column.is-narrow, .catfish-classes .column.is-narrow-tablet, .vue-component-wrapper .column.is-narrow, .vue-component-wrapper .column.is-narrow-tablet { flex: none; }
.catfish-classes .column.is-full, .catfish-classes .column.is-full-tablet, .vue-component-wrapper .column.is-full, .vue-component-wrapper .column.is-full-tablet { flex: none; width: 100%; }
.catfish-classes .column.is-three-quarters, .catfish-classes .column.is-three-quarters-tablet, .vue-component-wrapper .column.is-three-quarters, .vue-component-wrapper .column.is-three-quarters-tablet { flex: none; width: 75%; }
.catfish-classes .column.is-two-thirds, .catfish-classes .column.is-two-thirds-tablet, .vue-component-wrapper .column.is-two-thirds, .vue-component-wrapper .column.is-two-thirds-tablet { flex: none; width: 66.6666%; }
.catfish-classes .column.is-half, .catfish-classes .column.is-half-tablet, .vue-component-wrapper .column.is-half, .vue-component-wrapper .column.is-half-tablet { flex: none; width: 50%; }
.catfish-classes .column.is-one-third, .catfish-classes .column.is-one-third-tablet, .vue-component-wrapper .column.is-one-third, .vue-component-wrapper .column.is-one-third-tablet { flex: none; width: 33.3333%; }
.catfish-classes .column.is-one-quarter, .catfish-classes .column.is-one-quarter-tablet, .vue-component-wrapper .column.is-one-quarter, .vue-component-wrapper .column.is-one-quarter-tablet { flex: none; width: 25%; }
.catfish-classes .column.is-one-fifth, .catfish-classes .column.is-one-fifth-tablet, .vue-component-wrapper .column.is-one-fifth, .vue-component-wrapper .column.is-one-fifth-tablet { flex: none; width: 20%; }
.catfish-classes .column.is-two-fifths, .catfish-classes .column.is-two-fifths-tablet, .vue-component-wrapper .column.is-two-fifths, .vue-component-wrapper .column.is-two-fifths-tablet { flex: none; width: 40%; }
.catfish-classes .column.is-three-fifths, .catfish-classes .column.is-three-fifths-tablet, .vue-component-wrapper .column.is-three-fifths, .vue-component-wrapper .column.is-three-fifths-tablet { flex: none; width: 60%; }
.catfish-classes .column.is-four-fifths, .catfish-classes .column.is-four-fifths-tablet, .vue-component-wrapper .column.is-four-fifths, .vue-component-wrapper .column.is-four-fifths-tablet { flex: none; width: 80%; }
.catfish-classes .column.is-offset-three-quarters, .catfish-classes .column.is-offset-three-quarters-tablet, .vue-component-wrapper .column.is-offset-three-quarters, .vue-component-wrapper .column.is-offset-three-quarters-tablet { margin-left: 75% ; }
.catfish-classes .column.is-offset-two-thirds, .catfish-classes .column.is-offset-two-thirds-tablet, .vue-component-wrapper .column.is-offset-two-thirds, .vue-component-wrapper .column.is-offset-two-thirds-tablet { margin-left: 66.6666% ; }
.catfish-classes .column.is-offset-half, .catfish-classes .column.is-offset-half-tablet, .vue-component-wrapper .column.is-offset-half, .vue-component-wrapper .column.is-offset-half-tablet { margin-left: 50% ; }
.catfish-classes .column.is-offset-one-third, .catfish-classes .column.is-offset-one-third-tablet, .vue-component-wrapper .column.is-offset-one-third, .vue-component-wrapper .column.is-offset-one-third-tablet { margin-left: 33.3333% ; }
.catfish-classes .column.is-offset-one-quarter, .catfish-classes .column.is-offset-one-quarter-tablet, .vue-component-wrapper .column.is-offset-one-quarter, .vue-component-wrapper .column.is-offset-one-quarter-tablet { margin-left: 25% ; }
.catfish-classes .column.is-offset-one-fifth, .catfish-classes .column.is-offset-one-fifth-tablet, .vue-component-wrapper .column.is-offset-one-fifth, .vue-component-wrapper .column.is-offset-one-fifth-tablet { margin-left: 20% ; }
.catfish-classes .column.is-offset-two-fifths, .catfish-classes .column.is-offset-two-fifths-tablet, .vue-component-wrapper .column.is-offset-two-fifths, .vue-component-wrapper .column.is-offset-two-fifths-tablet { margin-left: 40% ; }
.catfish-classes .column.is-offset-three-fifths, .catfish-classes .column.is-offset-three-fifths-tablet, .vue-component-wrapper .column.is-offset-three-fifths, .vue-component-wrapper .column.is-offset-three-fifths-tablet { margin-left: 60% ; }
.catfish-classes .column.is-offset-four-fifths, .catfish-classes .column.is-offset-four-fifths-tablet, .vue-component-wrapper .column.is-offset-four-fifths, .vue-component-wrapper .column.is-offset-four-fifths-tablet { margin-left: 80% ; }
.catfish-classes .column.is-1, .catfish-classes .column.is-1-tablet, .vue-component-wrapper .column.is-1, .vue-component-wrapper .column.is-1-tablet { flex: none; width: 8.33333%; }
.catfish-classes .column.is-offset-1, .catfish-classes .column.is-offset-1-tablet, .vue-component-wrapper .column.is-offset-1, .vue-component-wrapper .column.is-offset-1-tablet { margin-left: 8.33333% ; }
.catfish-classes .column.is-2, .catfish-classes .column.is-2-tablet, .vue-component-wrapper .column.is-2, .vue-component-wrapper .column.is-2-tablet { flex: none; width: 16.66667%; }
.catfish-classes .column.is-offset-2, .catfish-classes .column.is-offset-2-tablet, .vue-component-wrapper .column.is-offset-2, .vue-component-wrapper .column.is-offset-2-tablet { margin-left: 16.66667% ; }
.catfish-classes .column.is-3, .catfish-classes .column.is-3-tablet, .vue-component-wrapper .column.is-3, .vue-component-wrapper .column.is-3-tablet { flex: none; width: 25%; }
.catfish-classes .column.is-offset-3, .catfish-classes .column.is-offset-3-tablet, .vue-component-wrapper .column.is-offset-3, .vue-component-wrapper .column.is-offset-3-tablet { margin-left: 25% ; }
.catfish-classes .column.is-4, .catfish-classes .column.is-4-tablet, .vue-component-wrapper .column.is-4, .vue-component-wrapper .column.is-4-tablet { flex: none; width: 33.33333%; }
.catfish-classes .column.is-offset-4, .catfish-classes .column.is-offset-4-tablet, .vue-component-wrapper .column.is-offset-4, .vue-component-wrapper .column.is-offset-4-tablet { margin-left: 33.33333% ; }
.catfish-classes .column.is-5, .catfish-classes .column.is-5-tablet, .vue-component-wrapper .column.is-5, .vue-component-wrapper .column.is-5-tablet { flex: none; width: 41.66667%; }
.catfish-classes .column.is-offset-5, .catfish-classes .column.is-offset-5-tablet, .vue-component-wrapper .column.is-offset-5, .vue-component-wrapper .column.is-offset-5-tablet { margin-left: 41.66667% ; }
.catfish-classes .column.is-6, .catfish-classes .column.is-6-tablet, .vue-component-wrapper .column.is-6, .vue-component-wrapper .column.is-6-tablet { flex: none; width: 50%; }
.catfish-classes .column.is-offset-6, .catfish-classes .column.is-offset-6-tablet, .vue-component-wrapper .column.is-offset-6, .vue-component-wrapper .column.is-offset-6-tablet { margin-left: 50% ; }
.catfish-classes .column.is-7, .catfish-classes .column.is-7-tablet, .vue-component-wrapper .column.is-7, .vue-component-wrapper .column.is-7-tablet { flex: none; width: 58.33333%; }
.catfish-classes .column.is-offset-7, .catfish-classes .column.is-offset-7-tablet, .vue-component-wrapper .column.is-offset-7, .vue-component-wrapper .column.is-offset-7-tablet { margin-left: 58.33333% ; }
.catfish-classes .column.is-8, .catfish-classes .column.is-8-tablet, .vue-component-wrapper .column.is-8, .vue-component-wrapper .column.is-8-tablet { flex: none; width: 66.66667%; }
.catfish-classes .column.is-offset-8, .catfish-classes .column.is-offset-8-tablet, .vue-component-wrapper .column.is-offset-8, .vue-component-wrapper .column.is-offset-8-tablet { margin-left: 66.66667% ; }
.catfish-classes .column.is-9, .catfish-classes .column.is-9-tablet, .vue-component-wrapper .column.is-9, .vue-component-wrapper .column.is-9-tablet { flex: none; width: 75%; }
.catfish-classes .column.is-offset-9, .catfish-classes .column.is-offset-9-tablet, .vue-component-wrapper .column.is-offset-9, .vue-component-wrapper .column.is-offset-9-tablet { margin-left: 75% ; }
.catfish-classes .column.is-10, .catfish-classes .column.is-10-tablet, .vue-component-wrapper .column.is-10, .vue-component-wrapper .column.is-10-tablet { flex: none; width: 83.33333%; }
.catfish-classes .column.is-offset-10, .catfish-classes .column.is-offset-10-tablet, .vue-component-wrapper .column.is-offset-10, .vue-component-wrapper .column.is-offset-10-tablet { margin-left: 83.33333% ; }
.catfish-classes .column.is-11, .catfish-classes .column.is-11-tablet, .vue-component-wrapper .column.is-11, .vue-component-wrapper .column.is-11-tablet { flex: none; width: 91.66667%; }
.catfish-classes .column.is-offset-11, .catfish-classes .column.is-offset-11-tablet, .vue-component-wrapper .column.is-offset-11, .vue-component-wrapper .column.is-offset-11-tablet { margin-left: 91.66667% ; }
.catfish-classes .column.is-12, .catfish-classes .column.is-12-tablet, .vue-component-wrapper .column.is-12, .vue-component-wrapper .column.is-12-tablet { flex: none; width: 100%; }
.catfish-classes .column.is-offset-12, .catfish-classes .column.is-offset-12-tablet, .vue-component-wrapper .column.is-offset-12, .vue-component-wrapper .column.is-offset-12-tablet { margin-left: 100% ; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .column.is-1-tablet-only, .vue-component-wrapper .column.is-1-tablet-only { flex: none; width: 8.33333%; }
.catfish-classes .column.is-offset-1-tablet-only, .vue-component-wrapper .column.is-offset-1-tablet-only { margin-left: 8.33333% ; }
.catfish-classes .column.is-2-tablet-only, .vue-component-wrapper .column.is-2-tablet-only { flex: none; width: 16.66667%; }
.catfish-classes .column.is-offset-2-tablet-only, .vue-component-wrapper .column.is-offset-2-tablet-only { margin-left: 16.66667% ; }
.catfish-classes .column.is-3-tablet-only, .vue-component-wrapper .column.is-3-tablet-only { flex: none; width: 25%; }
.catfish-classes .column.is-offset-3-tablet-only, .vue-component-wrapper .column.is-offset-3-tablet-only { margin-left: 25% ; }
.catfish-classes .column.is-4-tablet-only, .vue-component-wrapper .column.is-4-tablet-only { flex: none; width: 33.33333%; }
.catfish-classes .column.is-offset-4-tablet-only, .vue-component-wrapper .column.is-offset-4-tablet-only { margin-left: 33.33333% ; }
.catfish-classes .column.is-5-tablet-only, .vue-component-wrapper .column.is-5-tablet-only { flex: none; width: 41.66667%; }
.catfish-classes .column.is-offset-5-tablet-only, .vue-component-wrapper .column.is-offset-5-tablet-only { margin-left: 41.66667% ; }
.catfish-classes .column.is-6-tablet-only, .vue-component-wrapper .column.is-6-tablet-only { flex: none; width: 50%; }
.catfish-classes .column.is-offset-6-tablet-only, .vue-component-wrapper .column.is-offset-6-tablet-only { margin-left: 50% ; }
.catfish-classes .column.is-7-tablet-only, .vue-component-wrapper .column.is-7-tablet-only { flex: none; width: 58.33333%; }
.catfish-classes .column.is-offset-7-tablet-only, .vue-component-wrapper .column.is-offset-7-tablet-only { margin-left: 58.33333% ; }
.catfish-classes .column.is-8-tablet-only, .vue-component-wrapper .column.is-8-tablet-only { flex: none; width: 66.66667%; }
.catfish-classes .column.is-offset-8-tablet-only, .vue-component-wrapper .column.is-offset-8-tablet-only { margin-left: 66.66667% ; }
.catfish-classes .column.is-9-tablet-only, .vue-component-wrapper .column.is-9-tablet-only { flex: none; width: 75%; }
.catfish-classes .column.is-offset-9-tablet-only, .vue-component-wrapper .column.is-offset-9-tablet-only { margin-left: 75% ; }
.catfish-classes .column.is-10-tablet-only, .vue-component-wrapper .column.is-10-tablet-only { flex: none; width: 83.33333%; }
.catfish-classes .column.is-offset-10-tablet-only, .vue-component-wrapper .column.is-offset-10-tablet-only { margin-left: 83.33333% ; }
.catfish-classes .column.is-11-tablet-only, .vue-component-wrapper .column.is-11-tablet-only { flex: none; width: 91.66667%; }
.catfish-classes .column.is-offset-11-tablet-only, .vue-component-wrapper .column.is-offset-11-tablet-only { margin-left: 91.66667% ; }
.catfish-classes .column.is-12-tablet-only, .vue-component-wrapper .column.is-12-tablet-only { flex: none; width: 100%; }
.catfish-classes .column.is-offset-12-tablet-only, .vue-component-wrapper .column.is-offset-12-tablet-only { margin-left: 100% ; } }
@media screen and (max-width: 1087px) { .catfish-classes .column.is-narrow-touch, .vue-component-wrapper .column.is-narrow-touch { flex: none; }
.catfish-classes .column.is-full-touch, .vue-component-wrapper .column.is-full-touch { flex: none; width: 100%; }
.catfish-classes .column.is-three-quarters-touch, .vue-component-wrapper .column.is-three-quarters-touch { flex: none; width: 75%; }
.catfish-classes .column.is-two-thirds-touch, .vue-component-wrapper .column.is-two-thirds-touch { flex: none; width: 66.6666%; }
.catfish-classes .column.is-half-touch, .vue-component-wrapper .column.is-half-touch { flex: none; width: 50%; }
.catfish-classes .column.is-one-third-touch, .vue-component-wrapper .column.is-one-third-touch { flex: none; width: 33.3333%; }
.catfish-classes .column.is-one-quarter-touch, .vue-component-wrapper .column.is-one-quarter-touch { flex: none; width: 25%; }
.catfish-classes .column.is-one-fifth-touch, .vue-component-wrapper .column.is-one-fifth-touch { flex: none; width: 20%; }
.catfish-classes .column.is-two-fifths-touch, .vue-component-wrapper .column.is-two-fifths-touch { flex: none; width: 40%; }
.catfish-classes .column.is-three-fifths-touch, .vue-component-wrapper .column.is-three-fifths-touch { flex: none; width: 60%; }
.catfish-classes .column.is-four-fifths-touch, .vue-component-wrapper .column.is-four-fifths-touch { flex: none; width: 80%; }
.catfish-classes .column.is-offset-three-quarters-touch, .vue-component-wrapper .column.is-offset-three-quarters-touch { margin-left: 75% ; }
.catfish-classes .column.is-offset-two-thirds-touch, .vue-component-wrapper .column.is-offset-two-thirds-touch { margin-left: 66.6666% ; }
.catfish-classes .column.is-offset-half-touch, .vue-component-wrapper .column.is-offset-half-touch { margin-left: 50% ; }
.catfish-classes .column.is-offset-one-third-touch, .vue-component-wrapper .column.is-offset-one-third-touch { margin-left: 33.3333% ; }
.catfish-classes .column.is-offset-one-quarter-touch, .vue-component-wrapper .column.is-offset-one-quarter-touch { margin-left: 25% ; }
.catfish-classes .column.is-offset-one-fifth-touch, .vue-component-wrapper .column.is-offset-one-fifth-touch { margin-left: 20% ; }
.catfish-classes .column.is-offset-two-fifths-touch, .vue-component-wrapper .column.is-offset-two-fifths-touch { margin-left: 40% ; }
.catfish-classes .column.is-offset-three-fifths-touch, .vue-component-wrapper .column.is-offset-three-fifths-touch { margin-left: 60% ; }
.catfish-classes .column.is-offset-four-fifths-touch, .vue-component-wrapper .column.is-offset-four-fifths-touch { margin-left: 80% ; }
.catfish-classes .column.is-1-touch, .vue-component-wrapper .column.is-1-touch { flex: none; width: 8.33333%; }
.catfish-classes .column.is-offset-1-touch, .vue-component-wrapper .column.is-offset-1-touch { margin-left: 8.33333% ; }
.catfish-classes .column.is-2-touch, .vue-component-wrapper .column.is-2-touch { flex: none; width: 16.66667%; }
.catfish-classes .column.is-offset-2-touch, .vue-component-wrapper .column.is-offset-2-touch { margin-left: 16.66667% ; }
.catfish-classes .column.is-3-touch, .vue-component-wrapper .column.is-3-touch { flex: none; width: 25%; }
.catfish-classes .column.is-offset-3-touch, .vue-component-wrapper .column.is-offset-3-touch { margin-left: 25% ; }
.catfish-classes .column.is-4-touch, .vue-component-wrapper .column.is-4-touch { flex: none; width: 33.33333%; }
.catfish-classes .column.is-offset-4-touch, .vue-component-wrapper .column.is-offset-4-touch { margin-left: 33.33333% ; }
.catfish-classes .column.is-5-touch, .vue-component-wrapper .column.is-5-touch { flex: none; width: 41.66667%; }
.catfish-classes .column.is-offset-5-touch, .vue-component-wrapper .column.is-offset-5-touch { margin-left: 41.66667% ; }
.catfish-classes .column.is-6-touch, .vue-component-wrapper .column.is-6-touch { flex: none; width: 50%; }
.catfish-classes .column.is-offset-6-touch, .vue-component-wrapper .column.is-offset-6-touch { margin-left: 50% ; }
.catfish-classes .column.is-7-touch, .vue-component-wrapper .column.is-7-touch { flex: none; width: 58.33333%; }
.catfish-classes .column.is-offset-7-touch, .vue-component-wrapper .column.is-offset-7-touch { margin-left: 58.33333% ; }
.catfish-classes .column.is-8-touch, .vue-component-wrapper .column.is-8-touch { flex: none; width: 66.66667%; }
.catfish-classes .column.is-offset-8-touch, .vue-component-wrapper .column.is-offset-8-touch { margin-left: 66.66667% ; }
.catfish-classes .column.is-9-touch, .vue-component-wrapper .column.is-9-touch { flex: none; width: 75%; }
.catfish-classes .column.is-offset-9-touch, .vue-component-wrapper .column.is-offset-9-touch { margin-left: 75% ; }
.catfish-classes .column.is-10-touch, .vue-component-wrapper .column.is-10-touch { flex: none; width: 83.33333%; }
.catfish-classes .column.is-offset-10-touch, .vue-component-wrapper .column.is-offset-10-touch { margin-left: 83.33333% ; }
.catfish-classes .column.is-11-touch, .vue-component-wrapper .column.is-11-touch { flex: none; width: 91.66667%; }
.catfish-classes .column.is-offset-11-touch, .vue-component-wrapper .column.is-offset-11-touch { margin-left: 91.66667% ; }
.catfish-classes .column.is-12-touch, .vue-component-wrapper .column.is-12-touch { flex: none; width: 100%; }
.catfish-classes .column.is-offset-12-touch, .vue-component-wrapper .column.is-offset-12-touch { margin-left: 100% ; } }
@media screen and (min-width: 1088px) { .catfish-classes .column.is-narrow-desktop, .vue-component-wrapper .column.is-narrow-desktop { flex: none; }
.catfish-classes .column.is-full-desktop, .vue-component-wrapper .column.is-full-desktop { flex: none; width: 100%; }
.catfish-classes .column.is-three-quarters-desktop, .vue-component-wrapper .column.is-three-quarters-desktop { flex: none; width: 75%; }
.catfish-classes .column.is-two-thirds-desktop, .vue-component-wrapper .column.is-two-thirds-desktop { flex: none; width: 66.6666%; }
.catfish-classes .column.is-half-desktop, .vue-component-wrapper .column.is-half-desktop { flex: none; width: 50%; }
.catfish-classes .column.is-one-third-desktop, .vue-component-wrapper .column.is-one-third-desktop { flex: none; width: 33.3333%; }
.catfish-classes .column.is-one-quarter-desktop, .vue-component-wrapper .column.is-one-quarter-desktop { flex: none; width: 25%; }
.catfish-classes .column.is-one-fifth-desktop, .vue-component-wrapper .column.is-one-fifth-desktop { flex: none; width: 20%; }
.catfish-classes .column.is-two-fifths-desktop, .vue-component-wrapper .column.is-two-fifths-desktop { flex: none; width: 40%; }
.catfish-classes .column.is-three-fifths-desktop, .vue-component-wrapper .column.is-three-fifths-desktop { flex: none; width: 60%; }
.catfish-classes .column.is-four-fifths-desktop, .vue-component-wrapper .column.is-four-fifths-desktop { flex: none; width: 80%; }
.catfish-classes .column.is-offset-three-quarters-desktop, .vue-component-wrapper .column.is-offset-three-quarters-desktop { margin-left: 75% ; }
.catfish-classes .column.is-offset-two-thirds-desktop, .vue-component-wrapper .column.is-offset-two-thirds-desktop { margin-left: 66.6666% ; }
.catfish-classes .column.is-offset-half-desktop, .vue-component-wrapper .column.is-offset-half-desktop { margin-left: 50% ; }
.catfish-classes .column.is-offset-one-third-desktop, .vue-component-wrapper .column.is-offset-one-third-desktop { margin-left: 33.3333% ; }
.catfish-classes .column.is-offset-one-quarter-desktop, .vue-component-wrapper .column.is-offset-one-quarter-desktop { margin-left: 25% ; }
.catfish-classes .column.is-offset-one-fifth-desktop, .vue-component-wrapper .column.is-offset-one-fifth-desktop { margin-left: 20% ; }
.catfish-classes .column.is-offset-two-fifths-desktop, .vue-component-wrapper .column.is-offset-two-fifths-desktop { margin-left: 40% ; }
.catfish-classes .column.is-offset-three-fifths-desktop, .vue-component-wrapper .column.is-offset-three-fifths-desktop { margin-left: 60% ; }
.catfish-classes .column.is-offset-four-fifths-desktop, .vue-component-wrapper .column.is-offset-four-fifths-desktop { margin-left: 80% ; }
.catfish-classes .column.is-1-desktop, .vue-component-wrapper .column.is-1-desktop { flex: none; width: 8.33333%; }
.catfish-classes .column.is-offset-1-desktop, .vue-component-wrapper .column.is-offset-1-desktop { margin-left: 8.33333% ; }
.catfish-classes .column.is-2-desktop, .vue-component-wrapper .column.is-2-desktop { flex: none; width: 16.66667%; }
.catfish-classes .column.is-offset-2-desktop, .vue-component-wrapper .column.is-offset-2-desktop { margin-left: 16.66667% ; }
.catfish-classes .column.is-3-desktop, .vue-component-wrapper .column.is-3-desktop { flex: none; width: 25%; }
.catfish-classes .column.is-offset-3-desktop, .vue-component-wrapper .column.is-offset-3-desktop { margin-left: 25% ; }
.catfish-classes .column.is-4-desktop, .vue-component-wrapper .column.is-4-desktop { flex: none; width: 33.33333%; }
.catfish-classes .column.is-offset-4-desktop, .vue-component-wrapper .column.is-offset-4-desktop { margin-left: 33.33333% ; }
.catfish-classes .column.is-5-desktop, .vue-component-wrapper .column.is-5-desktop { flex: none; width: 41.66667%; }
.catfish-classes .column.is-offset-5-desktop, .vue-component-wrapper .column.is-offset-5-desktop { margin-left: 41.66667% ; }
.catfish-classes .column.is-6-desktop, .vue-component-wrapper .column.is-6-desktop { flex: none; width: 50%; }
.catfish-classes .column.is-offset-6-desktop, .vue-component-wrapper .column.is-offset-6-desktop { margin-left: 50% ; }
.catfish-classes .column.is-7-desktop, .vue-component-wrapper .column.is-7-desktop { flex: none; width: 58.33333%; }
.catfish-classes .column.is-offset-7-desktop, .vue-component-wrapper .column.is-offset-7-desktop { margin-left: 58.33333% ; }
.catfish-classes .column.is-8-desktop, .vue-component-wrapper .column.is-8-desktop { flex: none; width: 66.66667%; }
.catfish-classes .column.is-offset-8-desktop, .vue-component-wrapper .column.is-offset-8-desktop { margin-left: 66.66667% ; }
.catfish-classes .column.is-9-desktop, .vue-component-wrapper .column.is-9-desktop { flex: none; width: 75%; }
.catfish-classes .column.is-offset-9-desktop, .vue-component-wrapper .column.is-offset-9-desktop { margin-left: 75% ; }
.catfish-classes .column.is-10-desktop, .vue-component-wrapper .column.is-10-desktop { flex: none; width: 83.33333%; }
.catfish-classes .column.is-offset-10-desktop, .vue-component-wrapper .column.is-offset-10-desktop { margin-left: 83.33333% ; }
.catfish-classes .column.is-11-desktop, .vue-component-wrapper .column.is-11-desktop { flex: none; width: 91.66667%; }
.catfish-classes .column.is-offset-11-desktop, .vue-component-wrapper .column.is-offset-11-desktop { margin-left: 91.66667% ; }
.catfish-classes .column.is-12-desktop, .vue-component-wrapper .column.is-12-desktop { flex: none; width: 100%; }
.catfish-classes .column.is-offset-12-desktop, .vue-component-wrapper .column.is-offset-12-desktop { margin-left: 100% ; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .column.is-1-desktop-only, .vue-component-wrapper .column.is-1-desktop-only { flex: none; width: 8.33333%; }
.catfish-classes .column.is-offset-1-desktop-only, .vue-component-wrapper .column.is-offset-1-desktop-only { margin-left: 8.33333% ; }
.catfish-classes .column.is-2-desktop-only, .vue-component-wrapper .column.is-2-desktop-only { flex: none; width: 16.66667%; }
.catfish-classes .column.is-offset-2-desktop-only, .vue-component-wrapper .column.is-offset-2-desktop-only { margin-left: 16.66667% ; }
.catfish-classes .column.is-3-desktop-only, .vue-component-wrapper .column.is-3-desktop-only { flex: none; width: 25%; }
.catfish-classes .column.is-offset-3-desktop-only, .vue-component-wrapper .column.is-offset-3-desktop-only { margin-left: 25% ; }
.catfish-classes .column.is-4-desktop-only, .vue-component-wrapper .column.is-4-desktop-only { flex: none; width: 33.33333%; }
.catfish-classes .column.is-offset-4-desktop-only, .vue-component-wrapper .column.is-offset-4-desktop-only { margin-left: 33.33333% ; }
.catfish-classes .column.is-5-desktop-only, .vue-component-wrapper .column.is-5-desktop-only { flex: none; width: 41.66667%; }
.catfish-classes .column.is-offset-5-desktop-only, .vue-component-wrapper .column.is-offset-5-desktop-only { margin-left: 41.66667% ; }
.catfish-classes .column.is-6-desktop-only, .vue-component-wrapper .column.is-6-desktop-only { flex: none; width: 50%; }
.catfish-classes .column.is-offset-6-desktop-only, .vue-component-wrapper .column.is-offset-6-desktop-only { margin-left: 50% ; }
.catfish-classes .column.is-7-desktop-only, .vue-component-wrapper .column.is-7-desktop-only { flex: none; width: 58.33333%; }
.catfish-classes .column.is-offset-7-desktop-only, .vue-component-wrapper .column.is-offset-7-desktop-only { margin-left: 58.33333% ; }
.catfish-classes .column.is-8-desktop-only, .vue-component-wrapper .column.is-8-desktop-only { flex: none; width: 66.66667%; }
.catfish-classes .column.is-offset-8-desktop-only, .vue-component-wrapper .column.is-offset-8-desktop-only { margin-left: 66.66667% ; }
.catfish-classes .column.is-9-desktop-only, .vue-component-wrapper .column.is-9-desktop-only { flex: none; width: 75%; }
.catfish-classes .column.is-offset-9-desktop-only, .vue-component-wrapper .column.is-offset-9-desktop-only { margin-left: 75% ; }
.catfish-classes .column.is-10-desktop-only, .vue-component-wrapper .column.is-10-desktop-only { flex: none; width: 83.33333%; }
.catfish-classes .column.is-offset-10-desktop-only, .vue-component-wrapper .column.is-offset-10-desktop-only { margin-left: 83.33333% ; }
.catfish-classes .column.is-11-desktop-only, .vue-component-wrapper .column.is-11-desktop-only { flex: none; width: 91.66667%; }
.catfish-classes .column.is-offset-11-desktop-only, .vue-component-wrapper .column.is-offset-11-desktop-only { margin-left: 91.66667% ; }
.catfish-classes .column.is-12-desktop-only, .vue-component-wrapper .column.is-12-desktop-only { flex: none; width: 100%; }
.catfish-classes .column.is-offset-12-desktop-only, .vue-component-wrapper .column.is-offset-12-desktop-only { margin-left: 100% ; } }
@media screen and (min-width: 1280px) { .catfish-classes .column.is-narrow-widescreen, .vue-component-wrapper .column.is-narrow-widescreen { flex: none; }
.catfish-classes .column.is-full-widescreen, .vue-component-wrapper .column.is-full-widescreen { flex: none; width: 100%; }
.catfish-classes .column.is-three-quarters-widescreen, .vue-component-wrapper .column.is-three-quarters-widescreen { flex: none; width: 75%; }
.catfish-classes .column.is-two-thirds-widescreen, .vue-component-wrapper .column.is-two-thirds-widescreen { flex: none; width: 66.6666%; }
.catfish-classes .column.is-half-widescreen, .vue-component-wrapper .column.is-half-widescreen { flex: none; width: 50%; }
.catfish-classes .column.is-one-third-widescreen, .vue-component-wrapper .column.is-one-third-widescreen { flex: none; width: 33.3333%; }
.catfish-classes .column.is-one-quarter-widescreen, .vue-component-wrapper .column.is-one-quarter-widescreen { flex: none; width: 25%; }
.catfish-classes .column.is-one-fifth-widescreen, .vue-component-wrapper .column.is-one-fifth-widescreen { flex: none; width: 20%; }
.catfish-classes .column.is-two-fifths-widescreen, .vue-component-wrapper .column.is-two-fifths-widescreen { flex: none; width: 40%; }
.catfish-classes .column.is-three-fifths-widescreen, .vue-component-wrapper .column.is-three-fifths-widescreen { flex: none; width: 60%; }
.catfish-classes .column.is-four-fifths-widescreen, .vue-component-wrapper .column.is-four-fifths-widescreen { flex: none; width: 80%; }
.catfish-classes .column.is-offset-three-quarters-widescreen, .vue-component-wrapper .column.is-offset-three-quarters-widescreen { margin-left: 75% ; }
.catfish-classes .column.is-offset-two-thirds-widescreen, .vue-component-wrapper .column.is-offset-two-thirds-widescreen { margin-left: 66.6666% ; }
.catfish-classes .column.is-offset-half-widescreen, .vue-component-wrapper .column.is-offset-half-widescreen { margin-left: 50% ; }
.catfish-classes .column.is-offset-one-third-widescreen, .vue-component-wrapper .column.is-offset-one-third-widescreen { margin-left: 33.3333% ; }
.catfish-classes .column.is-offset-one-quarter-widescreen, .vue-component-wrapper .column.is-offset-one-quarter-widescreen { margin-left: 25% ; }
.catfish-classes .column.is-offset-one-fifth-widescreen, .vue-component-wrapper .column.is-offset-one-fifth-widescreen { margin-left: 20% ; }
.catfish-classes .column.is-offset-two-fifths-widescreen, .vue-component-wrapper .column.is-offset-two-fifths-widescreen { margin-left: 40% ; }
.catfish-classes .column.is-offset-three-fifths-widescreen, .vue-component-wrapper .column.is-offset-three-fifths-widescreen { margin-left: 60% ; }
.catfish-classes .column.is-offset-four-fifths-widescreen, .vue-component-wrapper .column.is-offset-four-fifths-widescreen { margin-left: 80% ; }
.catfish-classes .column.is-1-widescreen, .vue-component-wrapper .column.is-1-widescreen { flex: none; width: 8.33333%; }
.catfish-classes .column.is-offset-1-widescreen, .vue-component-wrapper .column.is-offset-1-widescreen { margin-left: 8.33333% ; }
.catfish-classes .column.is-2-widescreen, .vue-component-wrapper .column.is-2-widescreen { flex: none; width: 16.66667%; }
.catfish-classes .column.is-offset-2-widescreen, .vue-component-wrapper .column.is-offset-2-widescreen { margin-left: 16.66667% ; }
.catfish-classes .column.is-3-widescreen, .vue-component-wrapper .column.is-3-widescreen { flex: none; width: 25%; }
.catfish-classes .column.is-offset-3-widescreen, .vue-component-wrapper .column.is-offset-3-widescreen { margin-left: 25% ; }
.catfish-classes .column.is-4-widescreen, .vue-component-wrapper .column.is-4-widescreen { flex: none; width: 33.33333%; }
.catfish-classes .column.is-offset-4-widescreen, .vue-component-wrapper .column.is-offset-4-widescreen { margin-left: 33.33333% ; }
.catfish-classes .column.is-5-widescreen, .vue-component-wrapper .column.is-5-widescreen { flex: none; width: 41.66667%; }
.catfish-classes .column.is-offset-5-widescreen, .vue-component-wrapper .column.is-offset-5-widescreen { margin-left: 41.66667% ; }
.catfish-classes .column.is-6-widescreen, .vue-component-wrapper .column.is-6-widescreen { flex: none; width: 50%; }
.catfish-classes .column.is-offset-6-widescreen, .vue-component-wrapper .column.is-offset-6-widescreen { margin-left: 50% ; }
.catfish-classes .column.is-7-widescreen, .vue-component-wrapper .column.is-7-widescreen { flex: none; width: 58.33333%; }
.catfish-classes .column.is-offset-7-widescreen, .vue-component-wrapper .column.is-offset-7-widescreen { margin-left: 58.33333% ; }
.catfish-classes .column.is-8-widescreen, .vue-component-wrapper .column.is-8-widescreen { flex: none; width: 66.66667%; }
.catfish-classes .column.is-offset-8-widescreen, .vue-component-wrapper .column.is-offset-8-widescreen { margin-left: 66.66667% ; }
.catfish-classes .column.is-9-widescreen, .vue-component-wrapper .column.is-9-widescreen { flex: none; width: 75%; }
.catfish-classes .column.is-offset-9-widescreen, .vue-component-wrapper .column.is-offset-9-widescreen { margin-left: 75% ; }
.catfish-classes .column.is-10-widescreen, .vue-component-wrapper .column.is-10-widescreen { flex: none; width: 83.33333%; }
.catfish-classes .column.is-offset-10-widescreen, .vue-component-wrapper .column.is-offset-10-widescreen { margin-left: 83.33333% ; }
.catfish-classes .column.is-11-widescreen, .vue-component-wrapper .column.is-11-widescreen { flex: none; width: 91.66667%; }
.catfish-classes .column.is-offset-11-widescreen, .vue-component-wrapper .column.is-offset-11-widescreen { margin-left: 91.66667% ; }
.catfish-classes .column.is-12-widescreen, .vue-component-wrapper .column.is-12-widescreen { flex: none; width: 100%; }
.catfish-classes .column.is-offset-12-widescreen, .vue-component-wrapper .column.is-offset-12-widescreen { margin-left: 100% ; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .column.is-1-widescreen-only, .vue-component-wrapper .column.is-1-widescreen-only { flex: none; width: 8.33333%; }
.catfish-classes .column.is-offset-1-widescreen-only, .vue-component-wrapper .column.is-offset-1-widescreen-only { margin-left: 8.33333% ; }
.catfish-classes .column.is-2-widescreen-only, .vue-component-wrapper .column.is-2-widescreen-only { flex: none; width: 16.66667%; }
.catfish-classes .column.is-offset-2-widescreen-only, .vue-component-wrapper .column.is-offset-2-widescreen-only { margin-left: 16.66667% ; }
.catfish-classes .column.is-3-widescreen-only, .vue-component-wrapper .column.is-3-widescreen-only { flex: none; width: 25%; }
.catfish-classes .column.is-offset-3-widescreen-only, .vue-component-wrapper .column.is-offset-3-widescreen-only { margin-left: 25% ; }
.catfish-classes .column.is-4-widescreen-only, .vue-component-wrapper .column.is-4-widescreen-only { flex: none; width: 33.33333%; }
.catfish-classes .column.is-offset-4-widescreen-only, .vue-component-wrapper .column.is-offset-4-widescreen-only { margin-left: 33.33333% ; }
.catfish-classes .column.is-5-widescreen-only, .vue-component-wrapper .column.is-5-widescreen-only { flex: none; width: 41.66667%; }
.catfish-classes .column.is-offset-5-widescreen-only, .vue-component-wrapper .column.is-offset-5-widescreen-only { margin-left: 41.66667% ; }
.catfish-classes .column.is-6-widescreen-only, .vue-component-wrapper .column.is-6-widescreen-only { flex: none; width: 50%; }
.catfish-classes .column.is-offset-6-widescreen-only, .vue-component-wrapper .column.is-offset-6-widescreen-only { margin-left: 50% ; }
.catfish-classes .column.is-7-widescreen-only, .vue-component-wrapper .column.is-7-widescreen-only { flex: none; width: 58.33333%; }
.catfish-classes .column.is-offset-7-widescreen-only, .vue-component-wrapper .column.is-offset-7-widescreen-only { margin-left: 58.33333% ; }
.catfish-classes .column.is-8-widescreen-only, .vue-component-wrapper .column.is-8-widescreen-only { flex: none; width: 66.66667%; }
.catfish-classes .column.is-offset-8-widescreen-only, .vue-component-wrapper .column.is-offset-8-widescreen-only { margin-left: 66.66667% ; }
.catfish-classes .column.is-9-widescreen-only, .vue-component-wrapper .column.is-9-widescreen-only { flex: none; width: 75%; }
.catfish-classes .column.is-offset-9-widescreen-only, .vue-component-wrapper .column.is-offset-9-widescreen-only { margin-left: 75% ; }
.catfish-classes .column.is-10-widescreen-only, .vue-component-wrapper .column.is-10-widescreen-only { flex: none; width: 83.33333%; }
.catfish-classes .column.is-offset-10-widescreen-only, .vue-component-wrapper .column.is-offset-10-widescreen-only { margin-left: 83.33333% ; }
.catfish-classes .column.is-11-widescreen-only, .vue-component-wrapper .column.is-11-widescreen-only { flex: none; width: 91.66667%; }
.catfish-classes .column.is-offset-11-widescreen-only, .vue-component-wrapper .column.is-offset-11-widescreen-only { margin-left: 91.66667% ; }
.catfish-classes .column.is-12-widescreen-only, .vue-component-wrapper .column.is-12-widescreen-only { flex: none; width: 100%; }
.catfish-classes .column.is-offset-12-widescreen-only, .vue-component-wrapper .column.is-offset-12-widescreen-only { margin-left: 100% ; } }
@media screen and (min-width: 1328px) { .catfish-classes .column.is-narrow-fullhd, .vue-component-wrapper .column.is-narrow-fullhd { flex: none; }
.catfish-classes .column.is-full-fullhd, .vue-component-wrapper .column.is-full-fullhd { flex: none; width: 100%; }
.catfish-classes .column.is-three-quarters-fullhd, .vue-component-wrapper .column.is-three-quarters-fullhd { flex: none; width: 75%; }
.catfish-classes .column.is-two-thirds-fullhd, .vue-component-wrapper .column.is-two-thirds-fullhd { flex: none; width: 66.6666%; }
.catfish-classes .column.is-half-fullhd, .vue-component-wrapper .column.is-half-fullhd { flex: none; width: 50%; }
.catfish-classes .column.is-one-third-fullhd, .vue-component-wrapper .column.is-one-third-fullhd { flex: none; width: 33.3333%; }
.catfish-classes .column.is-one-quarter-fullhd, .vue-component-wrapper .column.is-one-quarter-fullhd { flex: none; width: 25%; }
.catfish-classes .column.is-one-fifth-fullhd, .vue-component-wrapper .column.is-one-fifth-fullhd { flex: none; width: 20%; }
.catfish-classes .column.is-two-fifths-fullhd, .vue-component-wrapper .column.is-two-fifths-fullhd { flex: none; width: 40%; }
.catfish-classes .column.is-three-fifths-fullhd, .vue-component-wrapper .column.is-three-fifths-fullhd { flex: none; width: 60%; }
.catfish-classes .column.is-four-fifths-fullhd, .vue-component-wrapper .column.is-four-fifths-fullhd { flex: none; width: 80%; }
.catfish-classes .column.is-offset-three-quarters-fullhd, .vue-component-wrapper .column.is-offset-three-quarters-fullhd { margin-left: 75% ; }
.catfish-classes .column.is-offset-two-thirds-fullhd, .vue-component-wrapper .column.is-offset-two-thirds-fullhd { margin-left: 66.6666% ; }
.catfish-classes .column.is-offset-half-fullhd, .vue-component-wrapper .column.is-offset-half-fullhd { margin-left: 50% ; }
.catfish-classes .column.is-offset-one-third-fullhd, .vue-component-wrapper .column.is-offset-one-third-fullhd { margin-left: 33.3333% ; }
.catfish-classes .column.is-offset-one-quarter-fullhd, .vue-component-wrapper .column.is-offset-one-quarter-fullhd { margin-left: 25% ; }
.catfish-classes .column.is-offset-one-fifth-fullhd, .vue-component-wrapper .column.is-offset-one-fifth-fullhd { margin-left: 20% ; }
.catfish-classes .column.is-offset-two-fifths-fullhd, .vue-component-wrapper .column.is-offset-two-fifths-fullhd { margin-left: 40% ; }
.catfish-classes .column.is-offset-three-fifths-fullhd, .vue-component-wrapper .column.is-offset-three-fifths-fullhd { margin-left: 60% ; }
.catfish-classes .column.is-offset-four-fifths-fullhd, .vue-component-wrapper .column.is-offset-four-fifths-fullhd { margin-left: 80% ; }
.catfish-classes .column.is-1-fullhd, .vue-component-wrapper .column.is-1-fullhd { flex: none; width: 8.33333%; }
.catfish-classes .column.is-offset-1-fullhd, .vue-component-wrapper .column.is-offset-1-fullhd { margin-left: 8.33333% ; }
.catfish-classes .column.is-2-fullhd, .vue-component-wrapper .column.is-2-fullhd { flex: none; width: 16.66667%; }
.catfish-classes .column.is-offset-2-fullhd, .vue-component-wrapper .column.is-offset-2-fullhd { margin-left: 16.66667% ; }
.catfish-classes .column.is-3-fullhd, .vue-component-wrapper .column.is-3-fullhd { flex: none; width: 25%; }
.catfish-classes .column.is-offset-3-fullhd, .vue-component-wrapper .column.is-offset-3-fullhd { margin-left: 25% ; }
.catfish-classes .column.is-4-fullhd, .vue-component-wrapper .column.is-4-fullhd { flex: none; width: 33.33333%; }
.catfish-classes .column.is-offset-4-fullhd, .vue-component-wrapper .column.is-offset-4-fullhd { margin-left: 33.33333% ; }
.catfish-classes .column.is-5-fullhd, .vue-component-wrapper .column.is-5-fullhd { flex: none; width: 41.66667%; }
.catfish-classes .column.is-offset-5-fullhd, .vue-component-wrapper .column.is-offset-5-fullhd { margin-left: 41.66667% ; }
.catfish-classes .column.is-6-fullhd, .vue-component-wrapper .column.is-6-fullhd { flex: none; width: 50%; }
.catfish-classes .column.is-offset-6-fullhd, .vue-component-wrapper .column.is-offset-6-fullhd { margin-left: 50% ; }
.catfish-classes .column.is-7-fullhd, .vue-component-wrapper .column.is-7-fullhd { flex: none; width: 58.33333%; }
.catfish-classes .column.is-offset-7-fullhd, .vue-component-wrapper .column.is-offset-7-fullhd { margin-left: 58.33333% ; }
.catfish-classes .column.is-8-fullhd, .vue-component-wrapper .column.is-8-fullhd { flex: none; width: 66.66667%; }
.catfish-classes .column.is-offset-8-fullhd, .vue-component-wrapper .column.is-offset-8-fullhd { margin-left: 66.66667% ; }
.catfish-classes .column.is-9-fullhd, .vue-component-wrapper .column.is-9-fullhd { flex: none; width: 75%; }
.catfish-classes .column.is-offset-9-fullhd, .vue-component-wrapper .column.is-offset-9-fullhd { margin-left: 75% ; }
.catfish-classes .column.is-10-fullhd, .vue-component-wrapper .column.is-10-fullhd { flex: none; width: 83.33333%; }
.catfish-classes .column.is-offset-10-fullhd, .vue-component-wrapper .column.is-offset-10-fullhd { margin-left: 83.33333% ; }
.catfish-classes .column.is-11-fullhd, .vue-component-wrapper .column.is-11-fullhd { flex: none; width: 91.66667%; }
.catfish-classes .column.is-offset-11-fullhd, .vue-component-wrapper .column.is-offset-11-fullhd { margin-left: 91.66667% ; }
.catfish-classes .column.is-12-fullhd, .vue-component-wrapper .column.is-12-fullhd { flex: none; width: 100%; }
.catfish-classes .column.is-offset-12-fullhd, .vue-component-wrapper .column.is-offset-12-fullhd { margin-left: 100% ; } }
.catfish-classes .columns, .vue-component-wrapper .columns { margin-left: -0.75rem ; margin-right: -0.75rem ; margin-top: -0.75rem; }
.catfish-classes .columns:last-child, .vue-component-wrapper .columns:last-child { margin-bottom: -0.75rem; }
.catfish-classes .columns:not(:last-child), .vue-component-wrapper .columns:not(:last-child) { margin-bottom: calc(1.5rem - 0.75rem); }
.catfish-classes .columns.is-align-centered, .vue-component-wrapper .columns.is-align-centered { align-items: center; }
.catfish-classes .columns.is-centered, .vue-component-wrapper .columns.is-centered { justify-content: center; }
.catfish-classes .columns.is-right, .vue-component-wrapper .columns.is-right { justify-content: flex-end; }
.catfish-classes .columns.is-gapless, .vue-component-wrapper .columns.is-gapless { margin-left: 0 ; margin-right: 0 ; margin-top: 0; }
.catfish-classes .columns.is-gapless > .column, .vue-component-wrapper .columns.is-gapless > .column { margin: 0; padding: 0 !important; }
.catfish-classes .columns.is-gapless:not(:last-child), .vue-component-wrapper .columns.is-gapless:not(:last-child) { margin-bottom: 1.5rem; }
.catfish-classes .columns.is-gapless:last-child, .vue-component-wrapper .columns.is-gapless:last-child { margin-bottom: 0; }
.catfish-classes .columns.is-mobile, .vue-component-wrapper .columns.is-mobile { display: flex; }
.catfish-classes .columns.is-multiline, .vue-component-wrapper .columns.is-multiline { flex-wrap: wrap; }
.catfish-classes .columns.is-vcentered, .vue-component-wrapper .columns.is-vcentered { align-items: center; }
@media screen and (min-width: 750px), print { .catfish-classes .columns:not(.is-desktop):not(.is-widescreen), .vue-component-wrapper .columns:not(.is-desktop):not(.is-widescreen) { display: flex; } }
@media screen and (min-width: 1088px) { .catfish-classes .columns.is-desktop, .vue-component-wrapper .columns.is-desktop { display: flex; } }
@media screen and (min-width: 1280px) { .catfish-classes .columns.is-widescreen, .vue-component-wrapper .columns.is-widescreen { display: flex; } }
.catfish-classes .columns.is-variable.is-0, .vue-component-wrapper .columns.is-variable.is-0 { margin-left: calc(-1 * 0rem) ; margin-right: calc(-1 * 0rem) ; margin-top: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0:last-child, .vue-component-wrapper .columns.is-variable.is-0:last-child { margin-bottom: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0 > .column, .vue-component-wrapper .columns.is-variable.is-0 > .column { padding: 0rem; }
@media screen and (max-width: 749px) { .catfish-classes .columns.is-variable.is-0-mobile, .vue-component-wrapper .columns.is-variable.is-0-mobile { margin-left: calc(-1 * 0rem) ; margin-right: calc(-1 * 0rem) ; margin-top: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0-mobile:last-child, .vue-component-wrapper .columns.is-variable.is-0-mobile:last-child { margin-bottom: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0-mobile > .column, .vue-component-wrapper .columns.is-variable.is-0-mobile > .column { padding: 0rem; } }
@media screen and (min-width: 750px), print { .catfish-classes .columns.is-variable.is-0-tablet, .vue-component-wrapper .columns.is-variable.is-0-tablet { margin-left: calc(-1 * 0rem) ; margin-right: calc(-1 * 0rem) ; margin-top: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0-tablet:last-child, .vue-component-wrapper .columns.is-variable.is-0-tablet:last-child { margin-bottom: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0-tablet > .column, .vue-component-wrapper .columns.is-variable.is-0-tablet > .column { padding: 0rem; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .columns.is-variable.is-0-tablet-only, .vue-component-wrapper .columns.is-variable.is-0-tablet-only { margin-left: calc(-1 * 0rem) ; margin-right: calc(-1 * 0rem) ; margin-top: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0-tablet-only:last-child, .vue-component-wrapper .columns.is-variable.is-0-tablet-only:last-child { margin-bottom: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0-tablet-only > .column, .vue-component-wrapper .columns.is-variable.is-0-tablet-only > .column { padding: 0rem; } }
@media screen and (max-width: 1087px) { .catfish-classes .columns.is-variable.is-0-touch, .vue-component-wrapper .columns.is-variable.is-0-touch { margin-left: calc(-1 * 0rem) ; margin-right: calc(-1 * 0rem) ; margin-top: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0-touch:last-child, .vue-component-wrapper .columns.is-variable.is-0-touch:last-child { margin-bottom: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0-touch > .column, .vue-component-wrapper .columns.is-variable.is-0-touch > .column { padding: 0rem; } }
@media screen and (min-width: 1088px) { .catfish-classes .columns.is-variable.is-0-desktop, .vue-component-wrapper .columns.is-variable.is-0-desktop { margin-left: calc(-1 * 0rem) ; margin-right: calc(-1 * 0rem) ; margin-top: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0-desktop:last-child, .vue-component-wrapper .columns.is-variable.is-0-desktop:last-child { margin-bottom: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0-desktop > .column, .vue-component-wrapper .columns.is-variable.is-0-desktop > .column { padding: 0rem; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .columns.is-variable.is-0-desktop-only, .vue-component-wrapper .columns.is-variable.is-0-desktop-only { margin-left: calc(-1 * 0rem) ; margin-right: calc(-1 * 0rem) ; margin-top: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0-desktop-only:last-child, .vue-component-wrapper .columns.is-variable.is-0-desktop-only:last-child { margin-bottom: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0-desktop-only > .column, .vue-component-wrapper .columns.is-variable.is-0-desktop-only > .column { padding: 0rem; } }
@media screen and (min-width: 1280px) { .catfish-classes .columns.is-variable.is-0-widescreen, .vue-component-wrapper .columns.is-variable.is-0-widescreen { margin-left: calc(-1 * 0rem) ; margin-right: calc(-1 * 0rem) ; margin-top: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0-widescreen:last-child, .vue-component-wrapper .columns.is-variable.is-0-widescreen:last-child { margin-bottom: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0-widescreen > .column, .vue-component-wrapper .columns.is-variable.is-0-widescreen > .column { padding: 0rem; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .columns.is-variable.is-0-widescreen-only, .vue-component-wrapper .columns.is-variable.is-0-widescreen-only { margin-left: calc(-1 * 0rem) ; margin-right: calc(-1 * 0rem) ; margin-top: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0-widescreen-only:last-child, .vue-component-wrapper .columns.is-variable.is-0-widescreen-only:last-child { margin-bottom: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0-widescreen-only > .column, .vue-component-wrapper .columns.is-variable.is-0-widescreen-only > .column { padding: 0rem; } }
@media screen and (min-width: 1328px) { .catfish-classes .columns.is-variable.is-0-fullhd, .vue-component-wrapper .columns.is-variable.is-0-fullhd { margin-left: calc(-1 * 0rem) ; margin-right: calc(-1 * 0rem) ; margin-top: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0-fullhd:last-child, .vue-component-wrapper .columns.is-variable.is-0-fullhd:last-child { margin-bottom: calc(-1 * 0rem); }
.catfish-classes .columns.is-variable.is-0-fullhd > .column, .vue-component-wrapper .columns.is-variable.is-0-fullhd > .column { padding: 0rem; } }
.catfish-classes .columns.is-variable.is-1, .vue-component-wrapper .columns.is-variable.is-1 { margin-left: calc(-1 * 0.25rem) ; margin-right: calc(-1 * 0.25rem) ; margin-top: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1:last-child, .vue-component-wrapper .columns.is-variable.is-1:last-child { margin-bottom: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1 > .column, .vue-component-wrapper .columns.is-variable.is-1 > .column { padding: 0.25rem; }
@media screen and (max-width: 749px) { .catfish-classes .columns.is-variable.is-1-mobile, .vue-component-wrapper .columns.is-variable.is-1-mobile { margin-left: calc(-1 * 0.25rem) ; margin-right: calc(-1 * 0.25rem) ; margin-top: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1-mobile:last-child, .vue-component-wrapper .columns.is-variable.is-1-mobile:last-child { margin-bottom: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1-mobile > .column, .vue-component-wrapper .columns.is-variable.is-1-mobile > .column { padding: 0.25rem; } }
@media screen and (min-width: 750px), print { .catfish-classes .columns.is-variable.is-1-tablet, .vue-component-wrapper .columns.is-variable.is-1-tablet { margin-left: calc(-1 * 0.25rem) ; margin-right: calc(-1 * 0.25rem) ; margin-top: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1-tablet:last-child, .vue-component-wrapper .columns.is-variable.is-1-tablet:last-child { margin-bottom: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1-tablet > .column, .vue-component-wrapper .columns.is-variable.is-1-tablet > .column { padding: 0.25rem; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .columns.is-variable.is-1-tablet-only, .vue-component-wrapper .columns.is-variable.is-1-tablet-only { margin-left: calc(-1 * 0.25rem) ; margin-right: calc(-1 * 0.25rem) ; margin-top: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1-tablet-only:last-child, .vue-component-wrapper .columns.is-variable.is-1-tablet-only:last-child { margin-bottom: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1-tablet-only > .column, .vue-component-wrapper .columns.is-variable.is-1-tablet-only > .column { padding: 0.25rem; } }
@media screen and (max-width: 1087px) { .catfish-classes .columns.is-variable.is-1-touch, .vue-component-wrapper .columns.is-variable.is-1-touch { margin-left: calc(-1 * 0.25rem) ; margin-right: calc(-1 * 0.25rem) ; margin-top: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1-touch:last-child, .vue-component-wrapper .columns.is-variable.is-1-touch:last-child { margin-bottom: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1-touch > .column, .vue-component-wrapper .columns.is-variable.is-1-touch > .column { padding: 0.25rem; } }
@media screen and (min-width: 1088px) { .catfish-classes .columns.is-variable.is-1-desktop, .vue-component-wrapper .columns.is-variable.is-1-desktop { margin-left: calc(-1 * 0.25rem) ; margin-right: calc(-1 * 0.25rem) ; margin-top: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1-desktop:last-child, .vue-component-wrapper .columns.is-variable.is-1-desktop:last-child { margin-bottom: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1-desktop > .column, .vue-component-wrapper .columns.is-variable.is-1-desktop > .column { padding: 0.25rem; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .columns.is-variable.is-1-desktop-only, .vue-component-wrapper .columns.is-variable.is-1-desktop-only { margin-left: calc(-1 * 0.25rem) ; margin-right: calc(-1 * 0.25rem) ; margin-top: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1-desktop-only:last-child, .vue-component-wrapper .columns.is-variable.is-1-desktop-only:last-child { margin-bottom: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1-desktop-only > .column, .vue-component-wrapper .columns.is-variable.is-1-desktop-only > .column { padding: 0.25rem; } }
@media screen and (min-width: 1280px) { .catfish-classes .columns.is-variable.is-1-widescreen, .vue-component-wrapper .columns.is-variable.is-1-widescreen { margin-left: calc(-1 * 0.25rem) ; margin-right: calc(-1 * 0.25rem) ; margin-top: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1-widescreen:last-child, .vue-component-wrapper .columns.is-variable.is-1-widescreen:last-child { margin-bottom: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1-widescreen > .column, .vue-component-wrapper .columns.is-variable.is-1-widescreen > .column { padding: 0.25rem; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .columns.is-variable.is-1-widescreen-only, .vue-component-wrapper .columns.is-variable.is-1-widescreen-only { margin-left: calc(-1 * 0.25rem) ; margin-right: calc(-1 * 0.25rem) ; margin-top: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1-widescreen-only:last-child, .vue-component-wrapper .columns.is-variable.is-1-widescreen-only:last-child { margin-bottom: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1-widescreen-only > .column, .vue-component-wrapper .columns.is-variable.is-1-widescreen-only > .column { padding: 0.25rem; } }
@media screen and (min-width: 1328px) { .catfish-classes .columns.is-variable.is-1-fullhd, .vue-component-wrapper .columns.is-variable.is-1-fullhd { margin-left: calc(-1 * 0.25rem) ; margin-right: calc(-1 * 0.25rem) ; margin-top: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1-fullhd:last-child, .vue-component-wrapper .columns.is-variable.is-1-fullhd:last-child { margin-bottom: calc(-1 * 0.25rem); }
.catfish-classes .columns.is-variable.is-1-fullhd > .column, .vue-component-wrapper .columns.is-variable.is-1-fullhd > .column { padding: 0.25rem; } }
.catfish-classes .columns.is-variable.is-2, .vue-component-wrapper .columns.is-variable.is-2 { margin-left: calc(-1 * 0.5rem) ; margin-right: calc(-1 * 0.5rem) ; margin-top: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2:last-child, .vue-component-wrapper .columns.is-variable.is-2:last-child { margin-bottom: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2 > .column, .vue-component-wrapper .columns.is-variable.is-2 > .column { padding: 0.5rem; }
@media screen and (max-width: 749px) { .catfish-classes .columns.is-variable.is-2-mobile, .vue-component-wrapper .columns.is-variable.is-2-mobile { margin-left: calc(-1 * 0.5rem) ; margin-right: calc(-1 * 0.5rem) ; margin-top: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2-mobile:last-child, .vue-component-wrapper .columns.is-variable.is-2-mobile:last-child { margin-bottom: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2-mobile > .column, .vue-component-wrapper .columns.is-variable.is-2-mobile > .column { padding: 0.5rem; } }
@media screen and (min-width: 750px), print { .catfish-classes .columns.is-variable.is-2-tablet, .vue-component-wrapper .columns.is-variable.is-2-tablet { margin-left: calc(-1 * 0.5rem) ; margin-right: calc(-1 * 0.5rem) ; margin-top: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2-tablet:last-child, .vue-component-wrapper .columns.is-variable.is-2-tablet:last-child { margin-bottom: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2-tablet > .column, .vue-component-wrapper .columns.is-variable.is-2-tablet > .column { padding: 0.5rem; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .columns.is-variable.is-2-tablet-only, .vue-component-wrapper .columns.is-variable.is-2-tablet-only { margin-left: calc(-1 * 0.5rem) ; margin-right: calc(-1 * 0.5rem) ; margin-top: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2-tablet-only:last-child, .vue-component-wrapper .columns.is-variable.is-2-tablet-only:last-child { margin-bottom: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2-tablet-only > .column, .vue-component-wrapper .columns.is-variable.is-2-tablet-only > .column { padding: 0.5rem; } }
@media screen and (max-width: 1087px) { .catfish-classes .columns.is-variable.is-2-touch, .vue-component-wrapper .columns.is-variable.is-2-touch { margin-left: calc(-1 * 0.5rem) ; margin-right: calc(-1 * 0.5rem) ; margin-top: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2-touch:last-child, .vue-component-wrapper .columns.is-variable.is-2-touch:last-child { margin-bottom: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2-touch > .column, .vue-component-wrapper .columns.is-variable.is-2-touch > .column { padding: 0.5rem; } }
@media screen and (min-width: 1088px) { .catfish-classes .columns.is-variable.is-2-desktop, .vue-component-wrapper .columns.is-variable.is-2-desktop { margin-left: calc(-1 * 0.5rem) ; margin-right: calc(-1 * 0.5rem) ; margin-top: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2-desktop:last-child, .vue-component-wrapper .columns.is-variable.is-2-desktop:last-child { margin-bottom: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2-desktop > .column, .vue-component-wrapper .columns.is-variable.is-2-desktop > .column { padding: 0.5rem; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .columns.is-variable.is-2-desktop-only, .vue-component-wrapper .columns.is-variable.is-2-desktop-only { margin-left: calc(-1 * 0.5rem) ; margin-right: calc(-1 * 0.5rem) ; margin-top: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2-desktop-only:last-child, .vue-component-wrapper .columns.is-variable.is-2-desktop-only:last-child { margin-bottom: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2-desktop-only > .column, .vue-component-wrapper .columns.is-variable.is-2-desktop-only > .column { padding: 0.5rem; } }
@media screen and (min-width: 1280px) { .catfish-classes .columns.is-variable.is-2-widescreen, .vue-component-wrapper .columns.is-variable.is-2-widescreen { margin-left: calc(-1 * 0.5rem) ; margin-right: calc(-1 * 0.5rem) ; margin-top: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2-widescreen:last-child, .vue-component-wrapper .columns.is-variable.is-2-widescreen:last-child { margin-bottom: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2-widescreen > .column, .vue-component-wrapper .columns.is-variable.is-2-widescreen > .column { padding: 0.5rem; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .columns.is-variable.is-2-widescreen-only, .vue-component-wrapper .columns.is-variable.is-2-widescreen-only { margin-left: calc(-1 * 0.5rem) ; margin-right: calc(-1 * 0.5rem) ; margin-top: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2-widescreen-only:last-child, .vue-component-wrapper .columns.is-variable.is-2-widescreen-only:last-child { margin-bottom: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2-widescreen-only > .column, .vue-component-wrapper .columns.is-variable.is-2-widescreen-only > .column { padding: 0.5rem; } }
@media screen and (min-width: 1328px) { .catfish-classes .columns.is-variable.is-2-fullhd, .vue-component-wrapper .columns.is-variable.is-2-fullhd { margin-left: calc(-1 * 0.5rem) ; margin-right: calc(-1 * 0.5rem) ; margin-top: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2-fullhd:last-child, .vue-component-wrapper .columns.is-variable.is-2-fullhd:last-child { margin-bottom: calc(-1 * 0.5rem); }
.catfish-classes .columns.is-variable.is-2-fullhd > .column, .vue-component-wrapper .columns.is-variable.is-2-fullhd > .column { padding: 0.5rem; } }
.catfish-classes .columns.is-variable.is-3, .vue-component-wrapper .columns.is-variable.is-3 { margin-left: calc(-1 * 0.75rem) ; margin-right: calc(-1 * 0.75rem) ; margin-top: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3:last-child, .vue-component-wrapper .columns.is-variable.is-3:last-child { margin-bottom: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3 > .column, .vue-component-wrapper .columns.is-variable.is-3 > .column { padding: 0.75rem; }
@media screen and (max-width: 749px) { .catfish-classes .columns.is-variable.is-3-mobile, .vue-component-wrapper .columns.is-variable.is-3-mobile { margin-left: calc(-1 * 0.75rem) ; margin-right: calc(-1 * 0.75rem) ; margin-top: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3-mobile:last-child, .vue-component-wrapper .columns.is-variable.is-3-mobile:last-child { margin-bottom: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3-mobile > .column, .vue-component-wrapper .columns.is-variable.is-3-mobile > .column { padding: 0.75rem; } }
@media screen and (min-width: 750px), print { .catfish-classes .columns.is-variable.is-3-tablet, .vue-component-wrapper .columns.is-variable.is-3-tablet { margin-left: calc(-1 * 0.75rem) ; margin-right: calc(-1 * 0.75rem) ; margin-top: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3-tablet:last-child, .vue-component-wrapper .columns.is-variable.is-3-tablet:last-child { margin-bottom: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3-tablet > .column, .vue-component-wrapper .columns.is-variable.is-3-tablet > .column { padding: 0.75rem; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .columns.is-variable.is-3-tablet-only, .vue-component-wrapper .columns.is-variable.is-3-tablet-only { margin-left: calc(-1 * 0.75rem) ; margin-right: calc(-1 * 0.75rem) ; margin-top: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3-tablet-only:last-child, .vue-component-wrapper .columns.is-variable.is-3-tablet-only:last-child { margin-bottom: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3-tablet-only > .column, .vue-component-wrapper .columns.is-variable.is-3-tablet-only > .column { padding: 0.75rem; } }
@media screen and (max-width: 1087px) { .catfish-classes .columns.is-variable.is-3-touch, .vue-component-wrapper .columns.is-variable.is-3-touch { margin-left: calc(-1 * 0.75rem) ; margin-right: calc(-1 * 0.75rem) ; margin-top: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3-touch:last-child, .vue-component-wrapper .columns.is-variable.is-3-touch:last-child { margin-bottom: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3-touch > .column, .vue-component-wrapper .columns.is-variable.is-3-touch > .column { padding: 0.75rem; } }
@media screen and (min-width: 1088px) { .catfish-classes .columns.is-variable.is-3-desktop, .vue-component-wrapper .columns.is-variable.is-3-desktop { margin-left: calc(-1 * 0.75rem) ; margin-right: calc(-1 * 0.75rem) ; margin-top: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3-desktop:last-child, .vue-component-wrapper .columns.is-variable.is-3-desktop:last-child { margin-bottom: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3-desktop > .column, .vue-component-wrapper .columns.is-variable.is-3-desktop > .column { padding: 0.75rem; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .columns.is-variable.is-3-desktop-only, .vue-component-wrapper .columns.is-variable.is-3-desktop-only { margin-left: calc(-1 * 0.75rem) ; margin-right: calc(-1 * 0.75rem) ; margin-top: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3-desktop-only:last-child, .vue-component-wrapper .columns.is-variable.is-3-desktop-only:last-child { margin-bottom: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3-desktop-only > .column, .vue-component-wrapper .columns.is-variable.is-3-desktop-only > .column { padding: 0.75rem; } }
@media screen and (min-width: 1280px) { .catfish-classes .columns.is-variable.is-3-widescreen, .vue-component-wrapper .columns.is-variable.is-3-widescreen { margin-left: calc(-1 * 0.75rem) ; margin-right: calc(-1 * 0.75rem) ; margin-top: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3-widescreen:last-child, .vue-component-wrapper .columns.is-variable.is-3-widescreen:last-child { margin-bottom: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3-widescreen > .column, .vue-component-wrapper .columns.is-variable.is-3-widescreen > .column { padding: 0.75rem; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .columns.is-variable.is-3-widescreen-only, .vue-component-wrapper .columns.is-variable.is-3-widescreen-only { margin-left: calc(-1 * 0.75rem) ; margin-right: calc(-1 * 0.75rem) ; margin-top: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3-widescreen-only:last-child, .vue-component-wrapper .columns.is-variable.is-3-widescreen-only:last-child { margin-bottom: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3-widescreen-only > .column, .vue-component-wrapper .columns.is-variable.is-3-widescreen-only > .column { padding: 0.75rem; } }
@media screen and (min-width: 1328px) { .catfish-classes .columns.is-variable.is-3-fullhd, .vue-component-wrapper .columns.is-variable.is-3-fullhd { margin-left: calc(-1 * 0.75rem) ; margin-right: calc(-1 * 0.75rem) ; margin-top: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3-fullhd:last-child, .vue-component-wrapper .columns.is-variable.is-3-fullhd:last-child { margin-bottom: calc(-1 * 0.75rem); }
.catfish-classes .columns.is-variable.is-3-fullhd > .column, .vue-component-wrapper .columns.is-variable.is-3-fullhd > .column { padding: 0.75rem; } }
.catfish-classes .columns.is-variable.is-4, .vue-component-wrapper .columns.is-variable.is-4 { margin-left: calc(-1 * 1rem) ; margin-right: calc(-1 * 1rem) ; margin-top: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4:last-child, .vue-component-wrapper .columns.is-variable.is-4:last-child { margin-bottom: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4 > .column, .vue-component-wrapper .columns.is-variable.is-4 > .column { padding: 1rem; }
@media screen and (max-width: 749px) { .catfish-classes .columns.is-variable.is-4-mobile, .vue-component-wrapper .columns.is-variable.is-4-mobile { margin-left: calc(-1 * 1rem) ; margin-right: calc(-1 * 1rem) ; margin-top: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4-mobile:last-child, .vue-component-wrapper .columns.is-variable.is-4-mobile:last-child { margin-bottom: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4-mobile > .column, .vue-component-wrapper .columns.is-variable.is-4-mobile > .column { padding: 1rem; } }
@media screen and (min-width: 750px), print { .catfish-classes .columns.is-variable.is-4-tablet, .vue-component-wrapper .columns.is-variable.is-4-tablet { margin-left: calc(-1 * 1rem) ; margin-right: calc(-1 * 1rem) ; margin-top: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4-tablet:last-child, .vue-component-wrapper .columns.is-variable.is-4-tablet:last-child { margin-bottom: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4-tablet > .column, .vue-component-wrapper .columns.is-variable.is-4-tablet > .column { padding: 1rem; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .columns.is-variable.is-4-tablet-only, .vue-component-wrapper .columns.is-variable.is-4-tablet-only { margin-left: calc(-1 * 1rem) ; margin-right: calc(-1 * 1rem) ; margin-top: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4-tablet-only:last-child, .vue-component-wrapper .columns.is-variable.is-4-tablet-only:last-child { margin-bottom: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4-tablet-only > .column, .vue-component-wrapper .columns.is-variable.is-4-tablet-only > .column { padding: 1rem; } }
@media screen and (max-width: 1087px) { .catfish-classes .columns.is-variable.is-4-touch, .vue-component-wrapper .columns.is-variable.is-4-touch { margin-left: calc(-1 * 1rem) ; margin-right: calc(-1 * 1rem) ; margin-top: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4-touch:last-child, .vue-component-wrapper .columns.is-variable.is-4-touch:last-child { margin-bottom: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4-touch > .column, .vue-component-wrapper .columns.is-variable.is-4-touch > .column { padding: 1rem; } }
@media screen and (min-width: 1088px) { .catfish-classes .columns.is-variable.is-4-desktop, .vue-component-wrapper .columns.is-variable.is-4-desktop { margin-left: calc(-1 * 1rem) ; margin-right: calc(-1 * 1rem) ; margin-top: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4-desktop:last-child, .vue-component-wrapper .columns.is-variable.is-4-desktop:last-child { margin-bottom: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4-desktop > .column, .vue-component-wrapper .columns.is-variable.is-4-desktop > .column { padding: 1rem; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .columns.is-variable.is-4-desktop-only, .vue-component-wrapper .columns.is-variable.is-4-desktop-only { margin-left: calc(-1 * 1rem) ; margin-right: calc(-1 * 1rem) ; margin-top: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4-desktop-only:last-child, .vue-component-wrapper .columns.is-variable.is-4-desktop-only:last-child { margin-bottom: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4-desktop-only > .column, .vue-component-wrapper .columns.is-variable.is-4-desktop-only > .column { padding: 1rem; } }
@media screen and (min-width: 1280px) { .catfish-classes .columns.is-variable.is-4-widescreen, .vue-component-wrapper .columns.is-variable.is-4-widescreen { margin-left: calc(-1 * 1rem) ; margin-right: calc(-1 * 1rem) ; margin-top: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4-widescreen:last-child, .vue-component-wrapper .columns.is-variable.is-4-widescreen:last-child { margin-bottom: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4-widescreen > .column, .vue-component-wrapper .columns.is-variable.is-4-widescreen > .column { padding: 1rem; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .columns.is-variable.is-4-widescreen-only, .vue-component-wrapper .columns.is-variable.is-4-widescreen-only { margin-left: calc(-1 * 1rem) ; margin-right: calc(-1 * 1rem) ; margin-top: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4-widescreen-only:last-child, .vue-component-wrapper .columns.is-variable.is-4-widescreen-only:last-child { margin-bottom: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4-widescreen-only > .column, .vue-component-wrapper .columns.is-variable.is-4-widescreen-only > .column { padding: 1rem; } }
@media screen and (min-width: 1328px) { .catfish-classes .columns.is-variable.is-4-fullhd, .vue-component-wrapper .columns.is-variable.is-4-fullhd { margin-left: calc(-1 * 1rem) ; margin-right: calc(-1 * 1rem) ; margin-top: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4-fullhd:last-child, .vue-component-wrapper .columns.is-variable.is-4-fullhd:last-child { margin-bottom: calc(-1 * 1rem); }
.catfish-classes .columns.is-variable.is-4-fullhd > .column, .vue-component-wrapper .columns.is-variable.is-4-fullhd > .column { padding: 1rem; } }
.catfish-classes .columns.is-variable.is-5, .vue-component-wrapper .columns.is-variable.is-5 { margin-left: calc(-1 * 1.25rem) ; margin-right: calc(-1 * 1.25rem) ; margin-top: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5:last-child, .vue-component-wrapper .columns.is-variable.is-5:last-child { margin-bottom: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5 > .column, .vue-component-wrapper .columns.is-variable.is-5 > .column { padding: 1.25rem; }
@media screen and (max-width: 749px) { .catfish-classes .columns.is-variable.is-5-mobile, .vue-component-wrapper .columns.is-variable.is-5-mobile { margin-left: calc(-1 * 1.25rem) ; margin-right: calc(-1 * 1.25rem) ; margin-top: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5-mobile:last-child, .vue-component-wrapper .columns.is-variable.is-5-mobile:last-child { margin-bottom: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5-mobile > .column, .vue-component-wrapper .columns.is-variable.is-5-mobile > .column { padding: 1.25rem; } }
@media screen and (min-width: 750px), print { .catfish-classes .columns.is-variable.is-5-tablet, .vue-component-wrapper .columns.is-variable.is-5-tablet { margin-left: calc(-1 * 1.25rem) ; margin-right: calc(-1 * 1.25rem) ; margin-top: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5-tablet:last-child, .vue-component-wrapper .columns.is-variable.is-5-tablet:last-child { margin-bottom: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5-tablet > .column, .vue-component-wrapper .columns.is-variable.is-5-tablet > .column { padding: 1.25rem; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .columns.is-variable.is-5-tablet-only, .vue-component-wrapper .columns.is-variable.is-5-tablet-only { margin-left: calc(-1 * 1.25rem) ; margin-right: calc(-1 * 1.25rem) ; margin-top: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5-tablet-only:last-child, .vue-component-wrapper .columns.is-variable.is-5-tablet-only:last-child { margin-bottom: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5-tablet-only > .column, .vue-component-wrapper .columns.is-variable.is-5-tablet-only > .column { padding: 1.25rem; } }
@media screen and (max-width: 1087px) { .catfish-classes .columns.is-variable.is-5-touch, .vue-component-wrapper .columns.is-variable.is-5-touch { margin-left: calc(-1 * 1.25rem) ; margin-right: calc(-1 * 1.25rem) ; margin-top: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5-touch:last-child, .vue-component-wrapper .columns.is-variable.is-5-touch:last-child { margin-bottom: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5-touch > .column, .vue-component-wrapper .columns.is-variable.is-5-touch > .column { padding: 1.25rem; } }
@media screen and (min-width: 1088px) { .catfish-classes .columns.is-variable.is-5-desktop, .vue-component-wrapper .columns.is-variable.is-5-desktop { margin-left: calc(-1 * 1.25rem) ; margin-right: calc(-1 * 1.25rem) ; margin-top: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5-desktop:last-child, .vue-component-wrapper .columns.is-variable.is-5-desktop:last-child { margin-bottom: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5-desktop > .column, .vue-component-wrapper .columns.is-variable.is-5-desktop > .column { padding: 1.25rem; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .columns.is-variable.is-5-desktop-only, .vue-component-wrapper .columns.is-variable.is-5-desktop-only { margin-left: calc(-1 * 1.25rem) ; margin-right: calc(-1 * 1.25rem) ; margin-top: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5-desktop-only:last-child, .vue-component-wrapper .columns.is-variable.is-5-desktop-only:last-child { margin-bottom: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5-desktop-only > .column, .vue-component-wrapper .columns.is-variable.is-5-desktop-only > .column { padding: 1.25rem; } }
@media screen and (min-width: 1280px) { .catfish-classes .columns.is-variable.is-5-widescreen, .vue-component-wrapper .columns.is-variable.is-5-widescreen { margin-left: calc(-1 * 1.25rem) ; margin-right: calc(-1 * 1.25rem) ; margin-top: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5-widescreen:last-child, .vue-component-wrapper .columns.is-variable.is-5-widescreen:last-child { margin-bottom: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5-widescreen > .column, .vue-component-wrapper .columns.is-variable.is-5-widescreen > .column { padding: 1.25rem; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .columns.is-variable.is-5-widescreen-only, .vue-component-wrapper .columns.is-variable.is-5-widescreen-only { margin-left: calc(-1 * 1.25rem) ; margin-right: calc(-1 * 1.25rem) ; margin-top: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5-widescreen-only:last-child, .vue-component-wrapper .columns.is-variable.is-5-widescreen-only:last-child { margin-bottom: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5-widescreen-only > .column, .vue-component-wrapper .columns.is-variable.is-5-widescreen-only > .column { padding: 1.25rem; } }
@media screen and (min-width: 1328px) { .catfish-classes .columns.is-variable.is-5-fullhd, .vue-component-wrapper .columns.is-variable.is-5-fullhd { margin-left: calc(-1 * 1.25rem) ; margin-right: calc(-1 * 1.25rem) ; margin-top: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5-fullhd:last-child, .vue-component-wrapper .columns.is-variable.is-5-fullhd:last-child { margin-bottom: calc(-1 * 1.25rem); }
.catfish-classes .columns.is-variable.is-5-fullhd > .column, .vue-component-wrapper .columns.is-variable.is-5-fullhd > .column { padding: 1.25rem; } }
.catfish-classes .columns.is-variable.is-6, .vue-component-wrapper .columns.is-variable.is-6 { margin-left: calc(-1 * 1.5rem) ; margin-right: calc(-1 * 1.5rem) ; margin-top: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6:last-child, .vue-component-wrapper .columns.is-variable.is-6:last-child { margin-bottom: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6 > .column, .vue-component-wrapper .columns.is-variable.is-6 > .column { padding: 1.5rem; }
@media screen and (max-width: 749px) { .catfish-classes .columns.is-variable.is-6-mobile, .vue-component-wrapper .columns.is-variable.is-6-mobile { margin-left: calc(-1 * 1.5rem) ; margin-right: calc(-1 * 1.5rem) ; margin-top: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6-mobile:last-child, .vue-component-wrapper .columns.is-variable.is-6-mobile:last-child { margin-bottom: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6-mobile > .column, .vue-component-wrapper .columns.is-variable.is-6-mobile > .column { padding: 1.5rem; } }
@media screen and (min-width: 750px), print { .catfish-classes .columns.is-variable.is-6-tablet, .vue-component-wrapper .columns.is-variable.is-6-tablet { margin-left: calc(-1 * 1.5rem) ; margin-right: calc(-1 * 1.5rem) ; margin-top: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6-tablet:last-child, .vue-component-wrapper .columns.is-variable.is-6-tablet:last-child { margin-bottom: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6-tablet > .column, .vue-component-wrapper .columns.is-variable.is-6-tablet > .column { padding: 1.5rem; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .columns.is-variable.is-6-tablet-only, .vue-component-wrapper .columns.is-variable.is-6-tablet-only { margin-left: calc(-1 * 1.5rem) ; margin-right: calc(-1 * 1.5rem) ; margin-top: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6-tablet-only:last-child, .vue-component-wrapper .columns.is-variable.is-6-tablet-only:last-child { margin-bottom: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6-tablet-only > .column, .vue-component-wrapper .columns.is-variable.is-6-tablet-only > .column { padding: 1.5rem; } }
@media screen and (max-width: 1087px) { .catfish-classes .columns.is-variable.is-6-touch, .vue-component-wrapper .columns.is-variable.is-6-touch { margin-left: calc(-1 * 1.5rem) ; margin-right: calc(-1 * 1.5rem) ; margin-top: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6-touch:last-child, .vue-component-wrapper .columns.is-variable.is-6-touch:last-child { margin-bottom: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6-touch > .column, .vue-component-wrapper .columns.is-variable.is-6-touch > .column { padding: 1.5rem; } }
@media screen and (min-width: 1088px) { .catfish-classes .columns.is-variable.is-6-desktop, .vue-component-wrapper .columns.is-variable.is-6-desktop { margin-left: calc(-1 * 1.5rem) ; margin-right: calc(-1 * 1.5rem) ; margin-top: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6-desktop:last-child, .vue-component-wrapper .columns.is-variable.is-6-desktop:last-child { margin-bottom: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6-desktop > .column, .vue-component-wrapper .columns.is-variable.is-6-desktop > .column { padding: 1.5rem; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .columns.is-variable.is-6-desktop-only, .vue-component-wrapper .columns.is-variable.is-6-desktop-only { margin-left: calc(-1 * 1.5rem) ; margin-right: calc(-1 * 1.5rem) ; margin-top: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6-desktop-only:last-child, .vue-component-wrapper .columns.is-variable.is-6-desktop-only:last-child { margin-bottom: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6-desktop-only > .column, .vue-component-wrapper .columns.is-variable.is-6-desktop-only > .column { padding: 1.5rem; } }
@media screen and (min-width: 1280px) { .catfish-classes .columns.is-variable.is-6-widescreen, .vue-component-wrapper .columns.is-variable.is-6-widescreen { margin-left: calc(-1 * 1.5rem) ; margin-right: calc(-1 * 1.5rem) ; margin-top: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6-widescreen:last-child, .vue-component-wrapper .columns.is-variable.is-6-widescreen:last-child { margin-bottom: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6-widescreen > .column, .vue-component-wrapper .columns.is-variable.is-6-widescreen > .column { padding: 1.5rem; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .columns.is-variable.is-6-widescreen-only, .vue-component-wrapper .columns.is-variable.is-6-widescreen-only { margin-left: calc(-1 * 1.5rem) ; margin-right: calc(-1 * 1.5rem) ; margin-top: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6-widescreen-only:last-child, .vue-component-wrapper .columns.is-variable.is-6-widescreen-only:last-child { margin-bottom: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6-widescreen-only > .column, .vue-component-wrapper .columns.is-variable.is-6-widescreen-only > .column { padding: 1.5rem; } }
@media screen and (min-width: 1328px) { .catfish-classes .columns.is-variable.is-6-fullhd, .vue-component-wrapper .columns.is-variable.is-6-fullhd { margin-left: calc(-1 * 1.5rem) ; margin-right: calc(-1 * 1.5rem) ; margin-top: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6-fullhd:last-child, .vue-component-wrapper .columns.is-variable.is-6-fullhd:last-child { margin-bottom: calc(-1 * 1.5rem); }
.catfish-classes .columns.is-variable.is-6-fullhd > .column, .vue-component-wrapper .columns.is-variable.is-6-fullhd > .column { padding: 1.5rem; } }
.catfish-classes .columns.is-variable.is-7, .vue-component-wrapper .columns.is-variable.is-7 { margin-left: calc(-1 * 1.75rem) ; margin-right: calc(-1 * 1.75rem) ; margin-top: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7:last-child, .vue-component-wrapper .columns.is-variable.is-7:last-child { margin-bottom: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7 > .column, .vue-component-wrapper .columns.is-variable.is-7 > .column { padding: 1.75rem; }
@media screen and (max-width: 749px) { .catfish-classes .columns.is-variable.is-7-mobile, .vue-component-wrapper .columns.is-variable.is-7-mobile { margin-left: calc(-1 * 1.75rem) ; margin-right: calc(-1 * 1.75rem) ; margin-top: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7-mobile:last-child, .vue-component-wrapper .columns.is-variable.is-7-mobile:last-child { margin-bottom: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7-mobile > .column, .vue-component-wrapper .columns.is-variable.is-7-mobile > .column { padding: 1.75rem; } }
@media screen and (min-width: 750px), print { .catfish-classes .columns.is-variable.is-7-tablet, .vue-component-wrapper .columns.is-variable.is-7-tablet { margin-left: calc(-1 * 1.75rem) ; margin-right: calc(-1 * 1.75rem) ; margin-top: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7-tablet:last-child, .vue-component-wrapper .columns.is-variable.is-7-tablet:last-child { margin-bottom: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7-tablet > .column, .vue-component-wrapper .columns.is-variable.is-7-tablet > .column { padding: 1.75rem; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .columns.is-variable.is-7-tablet-only, .vue-component-wrapper .columns.is-variable.is-7-tablet-only { margin-left: calc(-1 * 1.75rem) ; margin-right: calc(-1 * 1.75rem) ; margin-top: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7-tablet-only:last-child, .vue-component-wrapper .columns.is-variable.is-7-tablet-only:last-child { margin-bottom: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7-tablet-only > .column, .vue-component-wrapper .columns.is-variable.is-7-tablet-only > .column { padding: 1.75rem; } }
@media screen and (max-width: 1087px) { .catfish-classes .columns.is-variable.is-7-touch, .vue-component-wrapper .columns.is-variable.is-7-touch { margin-left: calc(-1 * 1.75rem) ; margin-right: calc(-1 * 1.75rem) ; margin-top: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7-touch:last-child, .vue-component-wrapper .columns.is-variable.is-7-touch:last-child { margin-bottom: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7-touch > .column, .vue-component-wrapper .columns.is-variable.is-7-touch > .column { padding: 1.75rem; } }
@media screen and (min-width: 1088px) { .catfish-classes .columns.is-variable.is-7-desktop, .vue-component-wrapper .columns.is-variable.is-7-desktop { margin-left: calc(-1 * 1.75rem) ; margin-right: calc(-1 * 1.75rem) ; margin-top: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7-desktop:last-child, .vue-component-wrapper .columns.is-variable.is-7-desktop:last-child { margin-bottom: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7-desktop > .column, .vue-component-wrapper .columns.is-variable.is-7-desktop > .column { padding: 1.75rem; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .columns.is-variable.is-7-desktop-only, .vue-component-wrapper .columns.is-variable.is-7-desktop-only { margin-left: calc(-1 * 1.75rem) ; margin-right: calc(-1 * 1.75rem) ; margin-top: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7-desktop-only:last-child, .vue-component-wrapper .columns.is-variable.is-7-desktop-only:last-child { margin-bottom: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7-desktop-only > .column, .vue-component-wrapper .columns.is-variable.is-7-desktop-only > .column { padding: 1.75rem; } }
@media screen and (min-width: 1280px) { .catfish-classes .columns.is-variable.is-7-widescreen, .vue-component-wrapper .columns.is-variable.is-7-widescreen { margin-left: calc(-1 * 1.75rem) ; margin-right: calc(-1 * 1.75rem) ; margin-top: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7-widescreen:last-child, .vue-component-wrapper .columns.is-variable.is-7-widescreen:last-child { margin-bottom: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7-widescreen > .column, .vue-component-wrapper .columns.is-variable.is-7-widescreen > .column { padding: 1.75rem; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .columns.is-variable.is-7-widescreen-only, .vue-component-wrapper .columns.is-variable.is-7-widescreen-only { margin-left: calc(-1 * 1.75rem) ; margin-right: calc(-1 * 1.75rem) ; margin-top: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7-widescreen-only:last-child, .vue-component-wrapper .columns.is-variable.is-7-widescreen-only:last-child { margin-bottom: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7-widescreen-only > .column, .vue-component-wrapper .columns.is-variable.is-7-widescreen-only > .column { padding: 1.75rem; } }
@media screen and (min-width: 1328px) { .catfish-classes .columns.is-variable.is-7-fullhd, .vue-component-wrapper .columns.is-variable.is-7-fullhd { margin-left: calc(-1 * 1.75rem) ; margin-right: calc(-1 * 1.75rem) ; margin-top: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7-fullhd:last-child, .vue-component-wrapper .columns.is-variable.is-7-fullhd:last-child { margin-bottom: calc(-1 * 1.75rem); }
.catfish-classes .columns.is-variable.is-7-fullhd > .column, .vue-component-wrapper .columns.is-variable.is-7-fullhd > .column { padding: 1.75rem; } }
.catfish-classes .columns.is-variable.is-8, .vue-component-wrapper .columns.is-variable.is-8 { margin-left: calc(-1 * 2rem) ; margin-right: calc(-1 * 2rem) ; margin-top: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8:last-child, .vue-component-wrapper .columns.is-variable.is-8:last-child { margin-bottom: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8 > .column, .vue-component-wrapper .columns.is-variable.is-8 > .column { padding: 2rem; }
@media screen and (max-width: 749px) { .catfish-classes .columns.is-variable.is-8-mobile, .vue-component-wrapper .columns.is-variable.is-8-mobile { margin-left: calc(-1 * 2rem) ; margin-right: calc(-1 * 2rem) ; margin-top: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8-mobile:last-child, .vue-component-wrapper .columns.is-variable.is-8-mobile:last-child { margin-bottom: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8-mobile > .column, .vue-component-wrapper .columns.is-variable.is-8-mobile > .column { padding: 2rem; } }
@media screen and (min-width: 750px), print { .catfish-classes .columns.is-variable.is-8-tablet, .vue-component-wrapper .columns.is-variable.is-8-tablet { margin-left: calc(-1 * 2rem) ; margin-right: calc(-1 * 2rem) ; margin-top: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8-tablet:last-child, .vue-component-wrapper .columns.is-variable.is-8-tablet:last-child { margin-bottom: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8-tablet > .column, .vue-component-wrapper .columns.is-variable.is-8-tablet > .column { padding: 2rem; } }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .columns.is-variable.is-8-tablet-only, .vue-component-wrapper .columns.is-variable.is-8-tablet-only { margin-left: calc(-1 * 2rem) ; margin-right: calc(-1 * 2rem) ; margin-top: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8-tablet-only:last-child, .vue-component-wrapper .columns.is-variable.is-8-tablet-only:last-child { margin-bottom: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8-tablet-only > .column, .vue-component-wrapper .columns.is-variable.is-8-tablet-only > .column { padding: 2rem; } }
@media screen and (max-width: 1087px) { .catfish-classes .columns.is-variable.is-8-touch, .vue-component-wrapper .columns.is-variable.is-8-touch { margin-left: calc(-1 * 2rem) ; margin-right: calc(-1 * 2rem) ; margin-top: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8-touch:last-child, .vue-component-wrapper .columns.is-variable.is-8-touch:last-child { margin-bottom: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8-touch > .column, .vue-component-wrapper .columns.is-variable.is-8-touch > .column { padding: 2rem; } }
@media screen and (min-width: 1088px) { .catfish-classes .columns.is-variable.is-8-desktop, .vue-component-wrapper .columns.is-variable.is-8-desktop { margin-left: calc(-1 * 2rem) ; margin-right: calc(-1 * 2rem) ; margin-top: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8-desktop:last-child, .vue-component-wrapper .columns.is-variable.is-8-desktop:last-child { margin-bottom: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8-desktop > .column, .vue-component-wrapper .columns.is-variable.is-8-desktop > .column { padding: 2rem; } }
@media screen and (min-width: 1088px) and (max-width: 1279px) { .catfish-classes .columns.is-variable.is-8-desktop-only, .vue-component-wrapper .columns.is-variable.is-8-desktop-only { margin-left: calc(-1 * 2rem) ; margin-right: calc(-1 * 2rem) ; margin-top: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8-desktop-only:last-child, .vue-component-wrapper .columns.is-variable.is-8-desktop-only:last-child { margin-bottom: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8-desktop-only > .column, .vue-component-wrapper .columns.is-variable.is-8-desktop-only > .column { padding: 2rem; } }
@media screen and (min-width: 1280px) { .catfish-classes .columns.is-variable.is-8-widescreen, .vue-component-wrapper .columns.is-variable.is-8-widescreen { margin-left: calc(-1 * 2rem) ; margin-right: calc(-1 * 2rem) ; margin-top: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8-widescreen:last-child, .vue-component-wrapper .columns.is-variable.is-8-widescreen:last-child { margin-bottom: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8-widescreen > .column, .vue-component-wrapper .columns.is-variable.is-8-widescreen > .column { padding: 2rem; } }
@media screen and (min-width: 1280px) and (max-width: 1327px) { .catfish-classes .columns.is-variable.is-8-widescreen-only, .vue-component-wrapper .columns.is-variable.is-8-widescreen-only { margin-left: calc(-1 * 2rem) ; margin-right: calc(-1 * 2rem) ; margin-top: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8-widescreen-only:last-child, .vue-component-wrapper .columns.is-variable.is-8-widescreen-only:last-child { margin-bottom: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8-widescreen-only > .column, .vue-component-wrapper .columns.is-variable.is-8-widescreen-only > .column { padding: 2rem; } }
@media screen and (min-width: 1328px) { .catfish-classes .columns.is-variable.is-8-fullhd, .vue-component-wrapper .columns.is-variable.is-8-fullhd { margin-left: calc(-1 * 2rem) ; margin-right: calc(-1 * 2rem) ; margin-top: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8-fullhd:last-child, .vue-component-wrapper .columns.is-variable.is-8-fullhd:last-child { margin-bottom: calc(-1 * 2rem); }
.catfish-classes .columns.is-variable.is-8-fullhd > .column, .vue-component-wrapper .columns.is-variable.is-8-fullhd > .column { padding: 2rem; } }
.catfish-classes .is-narrow, .catfish-classes .is-narrow-fullhd, .catfish-classes .is-narrow-widescreen, .catfish-classes .is-narrow-desktop, .catfish-classes .is-narrow-tablet, .catfish-classes .is-narrow-mobile, .vue-component-wrapper .is-narrow, .vue-component-wrapper .is-narrow-fullhd, .vue-component-wrapper .is-narrow-widescreen, .vue-component-wrapper .is-narrow-desktop, .vue-component-wrapper .is-narrow-tablet, .vue-component-wrapper .is-narrow-mobile { max-width: 100%; }
.catfish-classes .tile, .vue-component-wrapper .tile { align-items: stretch; display: block; flex-basis: 0; flex-grow: 1; flex-shrink: 1; min-height: min-content; }
.catfish-classes .tile.is-ancestor, .vue-component-wrapper .tile.is-ancestor { margin-left: -0.75rem ; margin-right: -0.75rem ; margin-top: -0.75rem; }
.catfish-classes .tile.is-ancestor:last-child, .vue-component-wrapper .tile.is-ancestor:last-child { margin-bottom: -0.75rem; }
.catfish-classes .tile.is-ancestor:not(:last-child), .vue-component-wrapper .tile.is-ancestor:not(:last-child) { margin-bottom: 0.75rem; }
.catfish-classes .tile.is-child, .vue-component-wrapper .tile.is-child { margin: 0 !important; }
.catfish-classes .tile.is-parent, .vue-component-wrapper .tile.is-parent { padding: 0.75rem; }
.catfish-classes .tile.is-vertical, .vue-component-wrapper .tile.is-vertical { flex-direction: column; }
.catfish-classes .tile.is-vertical > .tile.is-child:not(:last-child), .vue-component-wrapper .tile.is-vertical > .tile.is-child:not(:last-child) { margin-bottom: 1.5rem !important; }
@media screen and (min-width: 750px), print { .catfish-classes .tile:not(.is-child), .vue-component-wrapper .tile:not(.is-child) { display: flex; }
.catfish-classes .tile.is-1, .vue-component-wrapper .tile.is-1 { flex: none; width: 8.33333%; }
.catfish-classes .tile.is-2, .vue-component-wrapper .tile.is-2 { flex: none; width: 16.66667%; }
.catfish-classes .tile.is-3, .vue-component-wrapper .tile.is-3 { flex: none; width: 25%; }
.catfish-classes .tile.is-4, .vue-component-wrapper .tile.is-4 { flex: none; width: 33.33333%; }
.catfish-classes .tile.is-5, .vue-component-wrapper .tile.is-5 { flex: none; width: 41.66667%; }
.catfish-classes .tile.is-6, .vue-component-wrapper .tile.is-6 { flex: none; width: 50%; }
.catfish-classes .tile.is-7, .vue-component-wrapper .tile.is-7 { flex: none; width: 58.33333%; }
.catfish-classes .tile.is-8, .vue-component-wrapper .tile.is-8 { flex: none; width: 66.66667%; }
.catfish-classes .tile.is-9, .vue-component-wrapper .tile.is-9 { flex: none; width: 75%; }
.catfish-classes .tile.is-10, .vue-component-wrapper .tile.is-10 { flex: none; width: 83.33333%; }
.catfish-classes .tile.is-11, .vue-component-wrapper .tile.is-11 { flex: none; width: 91.66667%; }
.catfish-classes .tile.is-12, .vue-component-wrapper .tile.is-12 { flex: none; width: 100%; } }
.catfish-classes .layout--columnsThree .leftSideContainer-inner.column, .vue-component-wrapper .layout--columnsThree .leftSideContainer-inner.column { padding: 0; }
.catfish-classes .is-spaced.catfish-classes, .catfish-classes .is-spaced.vue-component-wrapper, .catfish-classes .is-spaced.block, .catfish-classes .is-spaced.box, .catfish-classes .is-spaced.content, .catfish-classes .is-spaced.notification, .catfish-classes .is-spaced.progress, .catfish-classes .is-spaced.table, .catfish-classes .is-spaced.table-container, .catfish-classes .is-spaced.title, .catfish-classes .is-spaced.subtitle, .catfish-classes .is-spaced.highlight, .catfish-classes .is-spaced.breadcrumb, .catfish-classes .is-spaced.level, .catfish-classes .is-spaced.message, .catfish-classes .is-spaced.tabs, .catfish-classes .catfish-classes:not(:last-child), .catfish-classes .vue-component-wrapper:not(:last-child), .catfish-classes .block:not(:last-child), .catfish-classes .box:not(:last-child), .catfish-classes .content:not(:last-child), .catfish-classes .notification:not(:last-child), .catfish-classes .progress:not(:last-child), .catfish-classes .table:not(:last-child), .catfish-classes .table-container:not(:last-child), .catfish-classes .title:not(:last-child), .catfish-classes .subtitle:not(:last-child), .catfish-classes .highlight:not(:last-child), .catfish-classes .breadcrumb:not(:last-child), .catfish-classes .level:not(:last-child), .catfish-classes .message:not(:last-child), .catfish-classes .tabs:not(:last-child), .vue-component-wrapper .is-spaced.catfish-classes, .vue-component-wrapper .is-spaced.vue-component-wrapper, .vue-component-wrapper .is-spaced.block, .vue-component-wrapper .is-spaced.box, .vue-component-wrapper .is-spaced.content, .vue-component-wrapper .is-spaced.notification, .vue-component-wrapper .is-spaced.progress, .vue-component-wrapper .is-spaced.table, .vue-component-wrapper .is-spaced.table-container, .vue-component-wrapper .is-spaced.title, .vue-component-wrapper .is-spaced.subtitle, .vue-component-wrapper .is-spaced.highlight, .vue-component-wrapper .is-spaced.breadcrumb, .vue-component-wrapper .is-spaced.level, .vue-component-wrapper .is-spaced.message, .vue-component-wrapper .is-spaced.tabs, .vue-component-wrapper .catfish-classes:not(:last-child), .vue-component-wrapper .vue-component-wrapper:not(:last-child), .vue-component-wrapper .block:not(:last-child), .vue-component-wrapper .box:not(:last-child), .vue-component-wrapper .content:not(:last-child), .vue-component-wrapper .notification:not(:last-child), .vue-component-wrapper .progress:not(:last-child), .vue-component-wrapper .table:not(:last-child), .vue-component-wrapper .table-container:not(:last-child), .vue-component-wrapper .title:not(:last-child), .vue-component-wrapper .subtitle:not(:last-child), .vue-component-wrapper .highlight:not(:last-child), .vue-component-wrapper .breadcrumb:not(:last-child), .vue-component-wrapper .level:not(:last-child), .vue-component-wrapper .message:not(:last-child), .vue-component-wrapper .tabs:not(:last-child) { margin-bottom: 1.5rem; }
.catfish-classes .block.is-extra-small.is-spaced, .catfish-classes .block.is-extra-small:not(:last-child), .vue-component-wrapper .block.is-extra-small.is-spaced, .vue-component-wrapper .block.is-extra-small:not(:last-child) { margin-bottom: 0.5rem; }
.catfish-classes .block.is-small.is-spaced, .catfish-classes .block.is-small:not(:last-child), .vue-component-wrapper .block.is-small.is-spaced, .vue-component-wrapper .block.is-small:not(:last-child) { margin-bottom: 0.75rem; }
.catfish-classes .block.is-medium.is-spaced, .catfish-classes .block.is-medium:not(:last-child), .vue-component-wrapper .block.is-medium.is-spaced, .vue-component-wrapper .block.is-medium:not(:last-child) { margin-bottom: 3rem; }
.catfish-classes .block.is-large.is-spaced, .catfish-classes .block.is-large:not(:last-child), .vue-component-wrapper .block.is-large.is-spaced, .vue-component-wrapper .block.is-large:not(:last-child) { margin-bottom: 6rem; }
.catfish-classes .hero, .vue-component-wrapper .hero { align-items: stretch; display: flex; flex-direction: column; justify-content: space-between; }
.catfish-classes .hero .navbar, .vue-component-wrapper .hero .navbar { background: none; }
.catfish-classes .hero .tabs ul, .vue-component-wrapper .hero .tabs ul { border-bottom: none; }
.catfish-classes .hero.is-white, .vue-component-wrapper .hero.is-white { background-color: white; color: #0a0a0a; }
.catfish-classes .hero.is-white a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .catfish-classes .hero.is-white strong, .vue-component-wrapper .hero.is-white a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .vue-component-wrapper .hero.is-white strong { color: inherit; }
.catfish-classes .hero.is-white .title, .vue-component-wrapper .hero.is-white .title { color: #0a0a0a; }
.catfish-classes .hero.is-white .subtitle, .vue-component-wrapper .hero.is-white .subtitle { color: rgba(10, 10, 10, 0.9); }
.catfish-classes .hero.is-white .subtitle a:not(.button), .catfish-classes .hero.is-white .subtitle strong, .vue-component-wrapper .hero.is-white .subtitle a:not(.button), .vue-component-wrapper .hero.is-white .subtitle strong { color: #0a0a0a; }
@media screen and (max-width: 1087px) { .catfish-classes .hero.is-white .navbar-menu, .vue-component-wrapper .hero.is-white .navbar-menu { background-color: white; } }
.catfish-classes .hero.is-white .navbar-item, .catfish-classes .hero.is-white .navbar-link, .vue-component-wrapper .hero.is-white .navbar-item, .vue-component-wrapper .hero.is-white .navbar-link { color: rgba(10, 10, 10, 0.7); }
.catfish-classes .hero.is-white a.navbar-item:hover, .catfish-classes .hero.is-white a.navbar-item.is-active, .catfish-classes .hero.is-white .navbar-link:hover, .catfish-classes .hero.is-white .navbar-link.is-active, .vue-component-wrapper .hero.is-white a.navbar-item:hover, .vue-component-wrapper .hero.is-white a.navbar-item.is-active, .vue-component-wrapper .hero.is-white .navbar-link:hover, .vue-component-wrapper .hero.is-white .navbar-link.is-active { background-color: #f2f2f2; color: #0a0a0a; }
.catfish-classes .hero.is-white .tabs a, .vue-component-wrapper .hero.is-white .tabs a { color: #0a0a0a; opacity: 0.9; }
.catfish-classes .hero.is-white .tabs a:hover, .vue-component-wrapper .hero.is-white .tabs a:hover { opacity: 1; }
.catfish-classes .hero.is-white .tabs li.is-active a, .vue-component-wrapper .hero.is-white .tabs li.is-active a { opacity: 1; }
.catfish-classes .hero.is-white .tabs.is-boxed a, .catfish-classes .hero.is-white .tabs.is-toggle a, .vue-component-wrapper .hero.is-white .tabs.is-boxed a, .vue-component-wrapper .hero.is-white .tabs.is-toggle a { color: #0a0a0a; }
.catfish-classes .hero.is-white .tabs.is-boxed a:hover, .catfish-classes .hero.is-white .tabs.is-toggle a:hover, .vue-component-wrapper .hero.is-white .tabs.is-boxed a:hover, .vue-component-wrapper .hero.is-white .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.catfish-classes .hero.is-white .tabs.is-boxed li.is-active a, .catfish-classes .hero.is-white .tabs.is-boxed li.is-active a:hover, .catfish-classes .hero.is-white .tabs.is-toggle li.is-active a, .catfish-classes .hero.is-white .tabs.is-toggle li.is-active a:hover, .vue-component-wrapper .hero.is-white .tabs.is-boxed li.is-active a, .vue-component-wrapper .hero.is-white .tabs.is-boxed li.is-active a:hover, .vue-component-wrapper .hero.is-white .tabs.is-toggle li.is-active a, .vue-component-wrapper .hero.is-white .tabs.is-toggle li.is-active a:hover { background-color: #0a0a0a; border-color: #0a0a0a; color: white; }
.catfish-classes .hero.is-white.is-bold, .vue-component-wrapper .hero.is-white.is-bold { background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); }
@media screen and (max-width: 749px) { .catfish-classes .hero.is-white.is-bold .navbar-menu, .vue-component-wrapper .hero.is-white.is-bold .navbar-menu { background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); } }
.catfish-classes .hero.is-black, .vue-component-wrapper .hero.is-black { background-color: #0a0a0a; color: white; }
.catfish-classes .hero.is-black a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .catfish-classes .hero.is-black strong, .vue-component-wrapper .hero.is-black a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .vue-component-wrapper .hero.is-black strong { color: inherit; }
.catfish-classes .hero.is-black .title, .vue-component-wrapper .hero.is-black .title { color: white; }
.catfish-classes .hero.is-black .subtitle, .vue-component-wrapper .hero.is-black .subtitle { color: rgba(255, 255, 255, 0.9); }
.catfish-classes .hero.is-black .subtitle a:not(.button), .catfish-classes .hero.is-black .subtitle strong, .vue-component-wrapper .hero.is-black .subtitle a:not(.button), .vue-component-wrapper .hero.is-black .subtitle strong { color: white; }
@media screen and (max-width: 1087px) { .catfish-classes .hero.is-black .navbar-menu, .vue-component-wrapper .hero.is-black .navbar-menu { background-color: #0a0a0a; } }
.catfish-classes .hero.is-black .navbar-item, .catfish-classes .hero.is-black .navbar-link, .vue-component-wrapper .hero.is-black .navbar-item, .vue-component-wrapper .hero.is-black .navbar-link { color: rgba(255, 255, 255, 0.7); }
.catfish-classes .hero.is-black a.navbar-item:hover, .catfish-classes .hero.is-black a.navbar-item.is-active, .catfish-classes .hero.is-black .navbar-link:hover, .catfish-classes .hero.is-black .navbar-link.is-active, .vue-component-wrapper .hero.is-black a.navbar-item:hover, .vue-component-wrapper .hero.is-black a.navbar-item.is-active, .vue-component-wrapper .hero.is-black .navbar-link:hover, .vue-component-wrapper .hero.is-black .navbar-link.is-active { background-color: black; color: white; }
.catfish-classes .hero.is-black .tabs a, .vue-component-wrapper .hero.is-black .tabs a { color: white; opacity: 0.9; }
.catfish-classes .hero.is-black .tabs a:hover, .vue-component-wrapper .hero.is-black .tabs a:hover { opacity: 1; }
.catfish-classes .hero.is-black .tabs li.is-active a, .vue-component-wrapper .hero.is-black .tabs li.is-active a { opacity: 1; }
.catfish-classes .hero.is-black .tabs.is-boxed a, .catfish-classes .hero.is-black .tabs.is-toggle a, .vue-component-wrapper .hero.is-black .tabs.is-boxed a, .vue-component-wrapper .hero.is-black .tabs.is-toggle a { color: white; }
.catfish-classes .hero.is-black .tabs.is-boxed a:hover, .catfish-classes .hero.is-black .tabs.is-toggle a:hover, .vue-component-wrapper .hero.is-black .tabs.is-boxed a:hover, .vue-component-wrapper .hero.is-black .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.catfish-classes .hero.is-black .tabs.is-boxed li.is-active a, .catfish-classes .hero.is-black .tabs.is-boxed li.is-active a:hover, .catfish-classes .hero.is-black .tabs.is-toggle li.is-active a, .catfish-classes .hero.is-black .tabs.is-toggle li.is-active a:hover, .vue-component-wrapper .hero.is-black .tabs.is-boxed li.is-active a, .vue-component-wrapper .hero.is-black .tabs.is-boxed li.is-active a:hover, .vue-component-wrapper .hero.is-black .tabs.is-toggle li.is-active a, .vue-component-wrapper .hero.is-black .tabs.is-toggle li.is-active a:hover { background-color: white; border-color: white; color: #0a0a0a; }
.catfish-classes .hero.is-black.is-bold, .vue-component-wrapper .hero.is-black.is-bold { background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); }
@media screen and (max-width: 749px) { .catfish-classes .hero.is-black.is-bold .navbar-menu, .vue-component-wrapper .hero.is-black.is-bold .navbar-menu { background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); } }
.catfish-classes .hero.is-light, .vue-component-wrapper .hero.is-light { background-color: #f5f5f5; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .hero.is-light a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .catfish-classes .hero.is-light strong, .vue-component-wrapper .hero.is-light a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .vue-component-wrapper .hero.is-light strong { color: inherit; }
.catfish-classes .hero.is-light .title, .vue-component-wrapper .hero.is-light .title { color: rgba(25, 25, 25, 0.7); }
.catfish-classes .hero.is-light .subtitle, .vue-component-wrapper .hero.is-light .subtitle { color: rgba(25, 25, 25, 0.9); }
.catfish-classes .hero.is-light .subtitle a:not(.button), .catfish-classes .hero.is-light .subtitle strong, .vue-component-wrapper .hero.is-light .subtitle a:not(.button), .vue-component-wrapper .hero.is-light .subtitle strong { color: rgba(25, 25, 25, 0.7); }
@media screen and (max-width: 1087px) { .catfish-classes .hero.is-light .navbar-menu, .vue-component-wrapper .hero.is-light .navbar-menu { background-color: #f5f5f5; } }
.catfish-classes .hero.is-light .navbar-item, .catfish-classes .hero.is-light .navbar-link, .vue-component-wrapper .hero.is-light .navbar-item, .vue-component-wrapper .hero.is-light .navbar-link { color: rgba(25, 25, 25, 0.7); }
.catfish-classes .hero.is-light a.navbar-item:hover, .catfish-classes .hero.is-light a.navbar-item.is-active, .catfish-classes .hero.is-light .navbar-link:hover, .catfish-classes .hero.is-light .navbar-link.is-active, .vue-component-wrapper .hero.is-light a.navbar-item:hover, .vue-component-wrapper .hero.is-light a.navbar-item.is-active, .vue-component-wrapper .hero.is-light .navbar-link:hover, .vue-component-wrapper .hero.is-light .navbar-link.is-active { background-color: #e8e8e8; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .hero.is-light .tabs a, .vue-component-wrapper .hero.is-light .tabs a { color: rgba(25, 25, 25, 0.7); opacity: 0.9; }
.catfish-classes .hero.is-light .tabs a:hover, .vue-component-wrapper .hero.is-light .tabs a:hover { opacity: 1; }
.catfish-classes .hero.is-light .tabs li.is-active a, .vue-component-wrapper .hero.is-light .tabs li.is-active a { opacity: 1; }
.catfish-classes .hero.is-light .tabs.is-boxed a, .catfish-classes .hero.is-light .tabs.is-toggle a, .vue-component-wrapper .hero.is-light .tabs.is-boxed a, .vue-component-wrapper .hero.is-light .tabs.is-toggle a { color: rgba(25, 25, 25, 0.7); }
.catfish-classes .hero.is-light .tabs.is-boxed a:hover, .catfish-classes .hero.is-light .tabs.is-toggle a:hover, .vue-component-wrapper .hero.is-light .tabs.is-boxed a:hover, .vue-component-wrapper .hero.is-light .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.catfish-classes .hero.is-light .tabs.is-boxed li.is-active a, .catfish-classes .hero.is-light .tabs.is-boxed li.is-active a:hover, .catfish-classes .hero.is-light .tabs.is-toggle li.is-active a, .catfish-classes .hero.is-light .tabs.is-toggle li.is-active a:hover, .vue-component-wrapper .hero.is-light .tabs.is-boxed li.is-active a, .vue-component-wrapper .hero.is-light .tabs.is-boxed li.is-active a:hover, .vue-component-wrapper .hero.is-light .tabs.is-toggle li.is-active a, .vue-component-wrapper .hero.is-light .tabs.is-toggle li.is-active a:hover { background-color: rgba(25, 25, 25, 0.7); border-color: rgba(25, 25, 25, 0.7); color: #f5f5f5; }
.catfish-classes .hero.is-light.is-bold, .vue-component-wrapper .hero.is-light.is-bold { background-image: linear-gradient(141deg, #dfd8d8 0%, #f5f5f5 71%, white 100%); }
@media screen and (max-width: 749px) { .catfish-classes .hero.is-light.is-bold .navbar-menu, .vue-component-wrapper .hero.is-light.is-bold .navbar-menu { background-image: linear-gradient(141deg, #dfd8d8 0%, #f5f5f5 71%, white 100%); } }
.catfish-classes .hero.is-dark, .vue-component-wrapper .hero.is-dark { background-color: #4a4a4a; color: #fff; }
.catfish-classes .hero.is-dark a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .catfish-classes .hero.is-dark strong, .vue-component-wrapper .hero.is-dark a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .vue-component-wrapper .hero.is-dark strong { color: inherit; }
.catfish-classes .hero.is-dark .title, .vue-component-wrapper .hero.is-dark .title { color: #fff; }
.catfish-classes .hero.is-dark .subtitle, .vue-component-wrapper .hero.is-dark .subtitle { color: rgba(255, 255, 255, 0.9); }
.catfish-classes .hero.is-dark .subtitle a:not(.button), .catfish-classes .hero.is-dark .subtitle strong, .vue-component-wrapper .hero.is-dark .subtitle a:not(.button), .vue-component-wrapper .hero.is-dark .subtitle strong { color: #fff; }
@media screen and (max-width: 1087px) { .catfish-classes .hero.is-dark .navbar-menu, .vue-component-wrapper .hero.is-dark .navbar-menu { background-color: #4a4a4a; } }
.catfish-classes .hero.is-dark .navbar-item, .catfish-classes .hero.is-dark .navbar-link, .vue-component-wrapper .hero.is-dark .navbar-item, .vue-component-wrapper .hero.is-dark .navbar-link { color: rgba(255, 255, 255, 0.7); }
.catfish-classes .hero.is-dark a.navbar-item:hover, .catfish-classes .hero.is-dark a.navbar-item.is-active, .catfish-classes .hero.is-dark .navbar-link:hover, .catfish-classes .hero.is-dark .navbar-link.is-active, .vue-component-wrapper .hero.is-dark a.navbar-item:hover, .vue-component-wrapper .hero.is-dark a.navbar-item.is-active, .vue-component-wrapper .hero.is-dark .navbar-link:hover, .vue-component-wrapper .hero.is-dark .navbar-link.is-active { background-color: #3d3d3d; color: #fff; }
.catfish-classes .hero.is-dark .tabs a, .vue-component-wrapper .hero.is-dark .tabs a { color: #fff; opacity: 0.9; }
.catfish-classes .hero.is-dark .tabs a:hover, .vue-component-wrapper .hero.is-dark .tabs a:hover { opacity: 1; }
.catfish-classes .hero.is-dark .tabs li.is-active a, .vue-component-wrapper .hero.is-dark .tabs li.is-active a { opacity: 1; }
.catfish-classes .hero.is-dark .tabs.is-boxed a, .catfish-classes .hero.is-dark .tabs.is-toggle a, .vue-component-wrapper .hero.is-dark .tabs.is-boxed a, .vue-component-wrapper .hero.is-dark .tabs.is-toggle a { color: #fff; }
.catfish-classes .hero.is-dark .tabs.is-boxed a:hover, .catfish-classes .hero.is-dark .tabs.is-toggle a:hover, .vue-component-wrapper .hero.is-dark .tabs.is-boxed a:hover, .vue-component-wrapper .hero.is-dark .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.catfish-classes .hero.is-dark .tabs.is-boxed li.is-active a, .catfish-classes .hero.is-dark .tabs.is-boxed li.is-active a:hover, .catfish-classes .hero.is-dark .tabs.is-toggle li.is-active a, .catfish-classes .hero.is-dark .tabs.is-toggle li.is-active a:hover, .vue-component-wrapper .hero.is-dark .tabs.is-boxed li.is-active a, .vue-component-wrapper .hero.is-dark .tabs.is-boxed li.is-active a:hover, .vue-component-wrapper .hero.is-dark .tabs.is-toggle li.is-active a, .vue-component-wrapper .hero.is-dark .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #4a4a4a; }
.catfish-classes .hero.is-dark.is-bold, .vue-component-wrapper .hero.is-dark.is-bold { background-image: linear-gradient(141deg, #352c2c 0%, #4a4a4a 71%, #5b5252 100%); }
@media screen and (max-width: 749px) { .catfish-classes .hero.is-dark.is-bold .navbar-menu, .vue-component-wrapper .hero.is-dark.is-bold .navbar-menu { background-image: linear-gradient(141deg, #352c2c 0%, #4a4a4a 71%, #5b5252 100%); } }
.catfish-classes .hero.is-primary, .vue-component-wrapper .hero.is-primary { background-color: #353E49; color: #fff; }
.catfish-classes .hero.is-primary a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .catfish-classes .hero.is-primary strong, .vue-component-wrapper .hero.is-primary a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .vue-component-wrapper .hero.is-primary strong { color: inherit; }
.catfish-classes .hero.is-primary .title, .vue-component-wrapper .hero.is-primary .title { color: #fff; }
.catfish-classes .hero.is-primary .subtitle, .vue-component-wrapper .hero.is-primary .subtitle { color: rgba(255, 255, 255, 0.9); }
.catfish-classes .hero.is-primary .subtitle a:not(.button), .catfish-classes .hero.is-primary .subtitle strong, .vue-component-wrapper .hero.is-primary .subtitle a:not(.button), .vue-component-wrapper .hero.is-primary .subtitle strong { color: #fff; }
@media screen and (max-width: 1087px) { .catfish-classes .hero.is-primary .navbar-menu, .vue-component-wrapper .hero.is-primary .navbar-menu { background-color: #353E49; } }
.catfish-classes .hero.is-primary .navbar-item, .catfish-classes .hero.is-primary .navbar-link, .vue-component-wrapper .hero.is-primary .navbar-item, .vue-component-wrapper .hero.is-primary .navbar-link { color: rgba(255, 255, 255, 0.7); }
.catfish-classes .hero.is-primary a.navbar-item:hover, .catfish-classes .hero.is-primary a.navbar-item.is-active, .catfish-classes .hero.is-primary .navbar-link:hover, .catfish-classes .hero.is-primary .navbar-link.is-active, .vue-component-wrapper .hero.is-primary a.navbar-item:hover, .vue-component-wrapper .hero.is-primary a.navbar-item.is-active, .vue-component-wrapper .hero.is-primary .navbar-link:hover, .vue-component-wrapper .hero.is-primary .navbar-link.is-active { background-color: #2a313a; color: #fff; }
.catfish-classes .hero.is-primary .tabs a, .vue-component-wrapper .hero.is-primary .tabs a { color: #fff; opacity: 0.9; }
.catfish-classes .hero.is-primary .tabs a:hover, .vue-component-wrapper .hero.is-primary .tabs a:hover { opacity: 1; }
.catfish-classes .hero.is-primary .tabs li.is-active a, .vue-component-wrapper .hero.is-primary .tabs li.is-active a { opacity: 1; }
.catfish-classes .hero.is-primary .tabs.is-boxed a, .catfish-classes .hero.is-primary .tabs.is-toggle a, .vue-component-wrapper .hero.is-primary .tabs.is-boxed a, .vue-component-wrapper .hero.is-primary .tabs.is-toggle a { color: #fff; }
.catfish-classes .hero.is-primary .tabs.is-boxed a:hover, .catfish-classes .hero.is-primary .tabs.is-toggle a:hover, .vue-component-wrapper .hero.is-primary .tabs.is-boxed a:hover, .vue-component-wrapper .hero.is-primary .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.catfish-classes .hero.is-primary .tabs.is-boxed li.is-active a, .catfish-classes .hero.is-primary .tabs.is-boxed li.is-active a:hover, .catfish-classes .hero.is-primary .tabs.is-toggle li.is-active a, .catfish-classes .hero.is-primary .tabs.is-toggle li.is-active a:hover, .vue-component-wrapper .hero.is-primary .tabs.is-boxed li.is-active a, .vue-component-wrapper .hero.is-primary .tabs.is-boxed li.is-active a:hover, .vue-component-wrapper .hero.is-primary .tabs.is-toggle li.is-active a, .vue-component-wrapper .hero.is-primary .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #353E49; }
.catfish-classes .hero.is-primary.is-bold, .vue-component-wrapper .hero.is-primary.is-bold { background-image: linear-gradient(141deg, #1c282f 0%, #353E49 71%, #3c455c 100%); }
@media screen and (max-width: 749px) { .catfish-classes .hero.is-primary.is-bold .navbar-menu, .vue-component-wrapper .hero.is-primary.is-bold .navbar-menu { background-image: linear-gradient(141deg, #1c282f 0%, #353E49 71%, #3c455c 100%); } }
.catfish-classes .hero.is-secondary, .vue-component-wrapper .hero.is-secondary { background-color: #B86BFF; color: #fff; }
.catfish-classes .hero.is-secondary a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .catfish-classes .hero.is-secondary strong, .vue-component-wrapper .hero.is-secondary a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .vue-component-wrapper .hero.is-secondary strong { color: inherit; }
.catfish-classes .hero.is-secondary .title, .vue-component-wrapper .hero.is-secondary .title { color: #fff; }
.catfish-classes .hero.is-secondary .subtitle, .vue-component-wrapper .hero.is-secondary .subtitle { color: rgba(255, 255, 255, 0.9); }
.catfish-classes .hero.is-secondary .subtitle a:not(.button), .catfish-classes .hero.is-secondary .subtitle strong, .vue-component-wrapper .hero.is-secondary .subtitle a:not(.button), .vue-component-wrapper .hero.is-secondary .subtitle strong { color: #fff; }
@media screen and (max-width: 1087px) { .catfish-classes .hero.is-secondary .navbar-menu, .vue-component-wrapper .hero.is-secondary .navbar-menu { background-color: #B86BFF; } }
.catfish-classes .hero.is-secondary .navbar-item, .catfish-classes .hero.is-secondary .navbar-link, .vue-component-wrapper .hero.is-secondary .navbar-item, .vue-component-wrapper .hero.is-secondary .navbar-link { color: rgba(255, 255, 255, 0.7); }
.catfish-classes .hero.is-secondary a.navbar-item:hover, .catfish-classes .hero.is-secondary a.navbar-item.is-active, .catfish-classes .hero.is-secondary .navbar-link:hover, .catfish-classes .hero.is-secondary .navbar-link.is-active, .vue-component-wrapper .hero.is-secondary a.navbar-item:hover, .vue-component-wrapper .hero.is-secondary a.navbar-item.is-active, .vue-component-wrapper .hero.is-secondary .navbar-link:hover, .vue-component-wrapper .hero.is-secondary .navbar-link.is-active { background-color: #ac52ff; color: #fff; }
.catfish-classes .hero.is-secondary .tabs a, .vue-component-wrapper .hero.is-secondary .tabs a { color: #fff; opacity: 0.9; }
.catfish-classes .hero.is-secondary .tabs a:hover, .vue-component-wrapper .hero.is-secondary .tabs a:hover { opacity: 1; }
.catfish-classes .hero.is-secondary .tabs li.is-active a, .vue-component-wrapper .hero.is-secondary .tabs li.is-active a { opacity: 1; }
.catfish-classes .hero.is-secondary .tabs.is-boxed a, .catfish-classes .hero.is-secondary .tabs.is-toggle a, .vue-component-wrapper .hero.is-secondary .tabs.is-boxed a, .vue-component-wrapper .hero.is-secondary .tabs.is-toggle a { color: #fff; }
.catfish-classes .hero.is-secondary .tabs.is-boxed a:hover, .catfish-classes .hero.is-secondary .tabs.is-toggle a:hover, .vue-component-wrapper .hero.is-secondary .tabs.is-boxed a:hover, .vue-component-wrapper .hero.is-secondary .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.catfish-classes .hero.is-secondary .tabs.is-boxed li.is-active a, .catfish-classes .hero.is-secondary .tabs.is-boxed li.is-active a:hover, .catfish-classes .hero.is-secondary .tabs.is-toggle li.is-active a, .catfish-classes .hero.is-secondary .tabs.is-toggle li.is-active a:hover, .vue-component-wrapper .hero.is-secondary .tabs.is-boxed li.is-active a, .vue-component-wrapper .hero.is-secondary .tabs.is-boxed li.is-active a:hover, .vue-component-wrapper .hero.is-secondary .tabs.is-toggle li.is-active a, .vue-component-wrapper .hero.is-secondary .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #B86BFF; }
.catfish-classes .hero.is-secondary.is-bold, .vue-component-wrapper .hero.is-secondary.is-bold { background-image: linear-gradient(141deg, #7e38ff 0%, #B86BFF 71%, #d985ff 100%); }
@media screen and (max-width: 749px) { .catfish-classes .hero.is-secondary.is-bold .navbar-menu, .vue-component-wrapper .hero.is-secondary.is-bold .navbar-menu { background-image: linear-gradient(141deg, #7e38ff 0%, #B86BFF 71%, #d985ff 100%); } }
.catfish-classes .hero.is-link, .vue-component-wrapper .hero.is-link { background-color: #353E49; color: #fff; }
.catfish-classes .hero.is-link a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .catfish-classes .hero.is-link strong, .vue-component-wrapper .hero.is-link a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .vue-component-wrapper .hero.is-link strong { color: inherit; }
.catfish-classes .hero.is-link .title, .vue-component-wrapper .hero.is-link .title { color: #fff; }
.catfish-classes .hero.is-link .subtitle, .vue-component-wrapper .hero.is-link .subtitle { color: rgba(255, 255, 255, 0.9); }
.catfish-classes .hero.is-link .subtitle a:not(.button), .catfish-classes .hero.is-link .subtitle strong, .vue-component-wrapper .hero.is-link .subtitle a:not(.button), .vue-component-wrapper .hero.is-link .subtitle strong { color: #fff; }
@media screen and (max-width: 1087px) { .catfish-classes .hero.is-link .navbar-menu, .vue-component-wrapper .hero.is-link .navbar-menu { background-color: #353E49; } }
.catfish-classes .hero.is-link .navbar-item, .catfish-classes .hero.is-link .navbar-link, .vue-component-wrapper .hero.is-link .navbar-item, .vue-component-wrapper .hero.is-link .navbar-link { color: rgba(255, 255, 255, 0.7); }
.catfish-classes .hero.is-link a.navbar-item:hover, .catfish-classes .hero.is-link a.navbar-item.is-active, .catfish-classes .hero.is-link .navbar-link:hover, .catfish-classes .hero.is-link .navbar-link.is-active, .vue-component-wrapper .hero.is-link a.navbar-item:hover, .vue-component-wrapper .hero.is-link a.navbar-item.is-active, .vue-component-wrapper .hero.is-link .navbar-link:hover, .vue-component-wrapper .hero.is-link .navbar-link.is-active { background-color: #2a313a; color: #fff; }
.catfish-classes .hero.is-link .tabs a, .vue-component-wrapper .hero.is-link .tabs a { color: #fff; opacity: 0.9; }
.catfish-classes .hero.is-link .tabs a:hover, .vue-component-wrapper .hero.is-link .tabs a:hover { opacity: 1; }
.catfish-classes .hero.is-link .tabs li.is-active a, .vue-component-wrapper .hero.is-link .tabs li.is-active a { opacity: 1; }
.catfish-classes .hero.is-link .tabs.is-boxed a, .catfish-classes .hero.is-link .tabs.is-toggle a, .vue-component-wrapper .hero.is-link .tabs.is-boxed a, .vue-component-wrapper .hero.is-link .tabs.is-toggle a { color: #fff; }
.catfish-classes .hero.is-link .tabs.is-boxed a:hover, .catfish-classes .hero.is-link .tabs.is-toggle a:hover, .vue-component-wrapper .hero.is-link .tabs.is-boxed a:hover, .vue-component-wrapper .hero.is-link .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.catfish-classes .hero.is-link .tabs.is-boxed li.is-active a, .catfish-classes .hero.is-link .tabs.is-boxed li.is-active a:hover, .catfish-classes .hero.is-link .tabs.is-toggle li.is-active a, .catfish-classes .hero.is-link .tabs.is-toggle li.is-active a:hover, .vue-component-wrapper .hero.is-link .tabs.is-boxed li.is-active a, .vue-component-wrapper .hero.is-link .tabs.is-boxed li.is-active a:hover, .vue-component-wrapper .hero.is-link .tabs.is-toggle li.is-active a, .vue-component-wrapper .hero.is-link .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #353E49; }
.catfish-classes .hero.is-link.is-bold, .vue-component-wrapper .hero.is-link.is-bold { background-image: linear-gradient(141deg, #1c282f 0%, #353E49 71%, #3c455c 100%); }
@media screen and (max-width: 749px) { .catfish-classes .hero.is-link.is-bold .navbar-menu, .vue-component-wrapper .hero.is-link.is-bold .navbar-menu { background-image: linear-gradient(141deg, #1c282f 0%, #353E49 71%, #3c455c 100%); } }
.catfish-classes .hero.is-info, .vue-component-wrapper .hero.is-info { background-color: #209CEE; color: #fff; }
.catfish-classes .hero.is-info a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .catfish-classes .hero.is-info strong, .vue-component-wrapper .hero.is-info a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .vue-component-wrapper .hero.is-info strong { color: inherit; }
.catfish-classes .hero.is-info .title, .vue-component-wrapper .hero.is-info .title { color: #fff; }
.catfish-classes .hero.is-info .subtitle, .vue-component-wrapper .hero.is-info .subtitle { color: rgba(255, 255, 255, 0.9); }
.catfish-classes .hero.is-info .subtitle a:not(.button), .catfish-classes .hero.is-info .subtitle strong, .vue-component-wrapper .hero.is-info .subtitle a:not(.button), .vue-component-wrapper .hero.is-info .subtitle strong { color: #fff; }
@media screen and (max-width: 1087px) { .catfish-classes .hero.is-info .navbar-menu, .vue-component-wrapper .hero.is-info .navbar-menu { background-color: #209CEE; } }
.catfish-classes .hero.is-info .navbar-item, .catfish-classes .hero.is-info .navbar-link, .vue-component-wrapper .hero.is-info .navbar-item, .vue-component-wrapper .hero.is-info .navbar-link { color: rgba(255, 255, 255, 0.7); }
.catfish-classes .hero.is-info a.navbar-item:hover, .catfish-classes .hero.is-info a.navbar-item.is-active, .catfish-classes .hero.is-info .navbar-link:hover, .catfish-classes .hero.is-info .navbar-link.is-active, .vue-component-wrapper .hero.is-info a.navbar-item:hover, .vue-component-wrapper .hero.is-info a.navbar-item.is-active, .vue-component-wrapper .hero.is-info .navbar-link:hover, .vue-component-wrapper .hero.is-info .navbar-link.is-active { background-color: #1190e3; color: #fff; }
.catfish-classes .hero.is-info .tabs a, .vue-component-wrapper .hero.is-info .tabs a { color: #fff; opacity: 0.9; }
.catfish-classes .hero.is-info .tabs a:hover, .vue-component-wrapper .hero.is-info .tabs a:hover { opacity: 1; }
.catfish-classes .hero.is-info .tabs li.is-active a, .vue-component-wrapper .hero.is-info .tabs li.is-active a { opacity: 1; }
.catfish-classes .hero.is-info .tabs.is-boxed a, .catfish-classes .hero.is-info .tabs.is-toggle a, .vue-component-wrapper .hero.is-info .tabs.is-boxed a, .vue-component-wrapper .hero.is-info .tabs.is-toggle a { color: #fff; }
.catfish-classes .hero.is-info .tabs.is-boxed a:hover, .catfish-classes .hero.is-info .tabs.is-toggle a:hover, .vue-component-wrapper .hero.is-info .tabs.is-boxed a:hover, .vue-component-wrapper .hero.is-info .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.catfish-classes .hero.is-info .tabs.is-boxed li.is-active a, .catfish-classes .hero.is-info .tabs.is-boxed li.is-active a:hover, .catfish-classes .hero.is-info .tabs.is-toggle li.is-active a, .catfish-classes .hero.is-info .tabs.is-toggle li.is-active a:hover, .vue-component-wrapper .hero.is-info .tabs.is-boxed li.is-active a, .vue-component-wrapper .hero.is-info .tabs.is-boxed li.is-active a:hover, .vue-component-wrapper .hero.is-info .tabs.is-toggle li.is-active a, .vue-component-wrapper .hero.is-info .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #209CEE; }
.catfish-classes .hero.is-info.is-bold, .vue-component-wrapper .hero.is-info.is-bold { background-image: linear-gradient(141deg, #05a6d6 0%, #209CEE 71%, #3287f5 100%); }
@media screen and (max-width: 749px) { .catfish-classes .hero.is-info.is-bold .navbar-menu, .vue-component-wrapper .hero.is-info.is-bold .navbar-menu { background-image: linear-gradient(141deg, #05a6d6 0%, #209CEE 71%, #3287f5 100%); } }
.catfish-classes .hero.is-success, .vue-component-wrapper .hero.is-success { background-color: #23D160; color: #fff; }
.catfish-classes .hero.is-success a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .catfish-classes .hero.is-success strong, .vue-component-wrapper .hero.is-success a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .vue-component-wrapper .hero.is-success strong { color: inherit; }
.catfish-classes .hero.is-success .title, .vue-component-wrapper .hero.is-success .title { color: #fff; }
.catfish-classes .hero.is-success .subtitle, .vue-component-wrapper .hero.is-success .subtitle { color: rgba(255, 255, 255, 0.9); }
.catfish-classes .hero.is-success .subtitle a:not(.button), .catfish-classes .hero.is-success .subtitle strong, .vue-component-wrapper .hero.is-success .subtitle a:not(.button), .vue-component-wrapper .hero.is-success .subtitle strong { color: #fff; }
@media screen and (max-width: 1087px) { .catfish-classes .hero.is-success .navbar-menu, .vue-component-wrapper .hero.is-success .navbar-menu { background-color: #23D160; } }
.catfish-classes .hero.is-success .navbar-item, .catfish-classes .hero.is-success .navbar-link, .vue-component-wrapper .hero.is-success .navbar-item, .vue-component-wrapper .hero.is-success .navbar-link { color: rgba(255, 255, 255, 0.7); }
.catfish-classes .hero.is-success a.navbar-item:hover, .catfish-classes .hero.is-success a.navbar-item.is-active, .catfish-classes .hero.is-success .navbar-link:hover, .catfish-classes .hero.is-success .navbar-link.is-active, .vue-component-wrapper .hero.is-success a.navbar-item:hover, .vue-component-wrapper .hero.is-success a.navbar-item.is-active, .vue-component-wrapper .hero.is-success .navbar-link:hover, .vue-component-wrapper .hero.is-success .navbar-link.is-active { background-color: #1fbb56; color: #fff; }
.catfish-classes .hero.is-success .tabs a, .vue-component-wrapper .hero.is-success .tabs a { color: #fff; opacity: 0.9; }
.catfish-classes .hero.is-success .tabs a:hover, .vue-component-wrapper .hero.is-success .tabs a:hover { opacity: 1; }
.catfish-classes .hero.is-success .tabs li.is-active a, .vue-component-wrapper .hero.is-success .tabs li.is-active a { opacity: 1; }
.catfish-classes .hero.is-success .tabs.is-boxed a, .catfish-classes .hero.is-success .tabs.is-toggle a, .vue-component-wrapper .hero.is-success .tabs.is-boxed a, .vue-component-wrapper .hero.is-success .tabs.is-toggle a { color: #fff; }
.catfish-classes .hero.is-success .tabs.is-boxed a:hover, .catfish-classes .hero.is-success .tabs.is-toggle a:hover, .vue-component-wrapper .hero.is-success .tabs.is-boxed a:hover, .vue-component-wrapper .hero.is-success .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.catfish-classes .hero.is-success .tabs.is-boxed li.is-active a, .catfish-classes .hero.is-success .tabs.is-boxed li.is-active a:hover, .catfish-classes .hero.is-success .tabs.is-toggle li.is-active a, .catfish-classes .hero.is-success .tabs.is-toggle li.is-active a:hover, .vue-component-wrapper .hero.is-success .tabs.is-boxed li.is-active a, .vue-component-wrapper .hero.is-success .tabs.is-boxed li.is-active a:hover, .vue-component-wrapper .hero.is-success .tabs.is-toggle li.is-active a, .vue-component-wrapper .hero.is-success .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #23D160; }
.catfish-classes .hero.is-success.is-bold, .vue-component-wrapper .hero.is-success.is-bold { background-image: linear-gradient(141deg, #12af2f 0%, #23D160 71%, #2be38a 100%); }
@media screen and (max-width: 749px) { .catfish-classes .hero.is-success.is-bold .navbar-menu, .vue-component-wrapper .hero.is-success.is-bold .navbar-menu { background-image: linear-gradient(141deg, #12af2f 0%, #23D160 71%, #2be38a 100%); } }
.catfish-classes .hero.is-warning, .vue-component-wrapper .hero.is-warning { background-color: #FFDD57; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .hero.is-warning a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .catfish-classes .hero.is-warning strong, .vue-component-wrapper .hero.is-warning a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .vue-component-wrapper .hero.is-warning strong { color: inherit; }
.catfish-classes .hero.is-warning .title, .vue-component-wrapper .hero.is-warning .title { color: rgba(26, 22, 9, 0.7); }
.catfish-classes .hero.is-warning .subtitle, .vue-component-wrapper .hero.is-warning .subtitle { color: rgba(26, 22, 9, 0.9); }
.catfish-classes .hero.is-warning .subtitle a:not(.button), .catfish-classes .hero.is-warning .subtitle strong, .vue-component-wrapper .hero.is-warning .subtitle a:not(.button), .vue-component-wrapper .hero.is-warning .subtitle strong { color: rgba(26, 22, 9, 0.7); }
@media screen and (max-width: 1087px) { .catfish-classes .hero.is-warning .navbar-menu, .vue-component-wrapper .hero.is-warning .navbar-menu { background-color: #FFDD57; } }
.catfish-classes .hero.is-warning .navbar-item, .catfish-classes .hero.is-warning .navbar-link, .vue-component-wrapper .hero.is-warning .navbar-item, .vue-component-wrapper .hero.is-warning .navbar-link { color: rgba(26, 22, 9, 0.7); }
.catfish-classes .hero.is-warning a.navbar-item:hover, .catfish-classes .hero.is-warning a.navbar-item.is-active, .catfish-classes .hero.is-warning .navbar-link:hover, .catfish-classes .hero.is-warning .navbar-link.is-active, .vue-component-wrapper .hero.is-warning a.navbar-item:hover, .vue-component-wrapper .hero.is-warning a.navbar-item.is-active, .vue-component-wrapper .hero.is-warning .navbar-link:hover, .vue-component-wrapper .hero.is-warning .navbar-link.is-active { background-color: #ffd83e; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .hero.is-warning .tabs a, .vue-component-wrapper .hero.is-warning .tabs a { color: rgba(26, 22, 9, 0.7); opacity: 0.9; }
.catfish-classes .hero.is-warning .tabs a:hover, .vue-component-wrapper .hero.is-warning .tabs a:hover { opacity: 1; }
.catfish-classes .hero.is-warning .tabs li.is-active a, .vue-component-wrapper .hero.is-warning .tabs li.is-active a { opacity: 1; }
.catfish-classes .hero.is-warning .tabs.is-boxed a, .catfish-classes .hero.is-warning .tabs.is-toggle a, .vue-component-wrapper .hero.is-warning .tabs.is-boxed a, .vue-component-wrapper .hero.is-warning .tabs.is-toggle a { color: rgba(26, 22, 9, 0.7); }
.catfish-classes .hero.is-warning .tabs.is-boxed a:hover, .catfish-classes .hero.is-warning .tabs.is-toggle a:hover, .vue-component-wrapper .hero.is-warning .tabs.is-boxed a:hover, .vue-component-wrapper .hero.is-warning .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.catfish-classes .hero.is-warning .tabs.is-boxed li.is-active a, .catfish-classes .hero.is-warning .tabs.is-boxed li.is-active a:hover, .catfish-classes .hero.is-warning .tabs.is-toggle li.is-active a, .catfish-classes .hero.is-warning .tabs.is-toggle li.is-active a:hover, .vue-component-wrapper .hero.is-warning .tabs.is-boxed li.is-active a, .vue-component-wrapper .hero.is-warning .tabs.is-boxed li.is-active a:hover, .vue-component-wrapper .hero.is-warning .tabs.is-toggle li.is-active a, .vue-component-wrapper .hero.is-warning .tabs.is-toggle li.is-active a:hover { background-color: rgba(26, 22, 9, 0.7); border-color: rgba(26, 22, 9, 0.7); color: #FFDD57; }
.catfish-classes .hero.is-warning.is-bold, .vue-component-wrapper .hero.is-warning.is-bold { background-image: linear-gradient(141deg, #ffae24 0%, #FFDD57 71%, #fffa71 100%); }
@media screen and (max-width: 749px) { .catfish-classes .hero.is-warning.is-bold .navbar-menu, .vue-component-wrapper .hero.is-warning.is-bold .navbar-menu { background-image: linear-gradient(141deg, #ffae24 0%, #FFDD57 71%, #fffa71 100%); } }
.catfish-classes .hero.is-danger, .vue-component-wrapper .hero.is-danger { background-color: #FF3860; color: #fff; }
.catfish-classes .hero.is-danger a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .catfish-classes .hero.is-danger strong, .vue-component-wrapper .hero.is-danger a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a):not(.tag), .vue-component-wrapper .hero.is-danger strong { color: inherit; }
.catfish-classes .hero.is-danger .title, .vue-component-wrapper .hero.is-danger .title { color: #fff; }
.catfish-classes .hero.is-danger .subtitle, .vue-component-wrapper .hero.is-danger .subtitle { color: rgba(255, 255, 255, 0.9); }
.catfish-classes .hero.is-danger .subtitle a:not(.button), .catfish-classes .hero.is-danger .subtitle strong, .vue-component-wrapper .hero.is-danger .subtitle a:not(.button), .vue-component-wrapper .hero.is-danger .subtitle strong { color: #fff; }
@media screen and (max-width: 1087px) { .catfish-classes .hero.is-danger .navbar-menu, .vue-component-wrapper .hero.is-danger .navbar-menu { background-color: #FF3860; } }
.catfish-classes .hero.is-danger .navbar-item, .catfish-classes .hero.is-danger .navbar-link, .vue-component-wrapper .hero.is-danger .navbar-item, .vue-component-wrapper .hero.is-danger .navbar-link { color: rgba(255, 255, 255, 0.7); }
.catfish-classes .hero.is-danger a.navbar-item:hover, .catfish-classes .hero.is-danger a.navbar-item.is-active, .catfish-classes .hero.is-danger .navbar-link:hover, .catfish-classes .hero.is-danger .navbar-link.is-active, .vue-component-wrapper .hero.is-danger a.navbar-item:hover, .vue-component-wrapper .hero.is-danger a.navbar-item.is-active, .vue-component-wrapper .hero.is-danger .navbar-link:hover, .vue-component-wrapper .hero.is-danger .navbar-link.is-active { background-color: #ff1f4c; color: #fff; }
.catfish-classes .hero.is-danger .tabs a, .vue-component-wrapper .hero.is-danger .tabs a { color: #fff; opacity: 0.9; }
.catfish-classes .hero.is-danger .tabs a:hover, .vue-component-wrapper .hero.is-danger .tabs a:hover { opacity: 1; }
.catfish-classes .hero.is-danger .tabs li.is-active a, .vue-component-wrapper .hero.is-danger .tabs li.is-active a { opacity: 1; }
.catfish-classes .hero.is-danger .tabs.is-boxed a, .catfish-classes .hero.is-danger .tabs.is-toggle a, .vue-component-wrapper .hero.is-danger .tabs.is-boxed a, .vue-component-wrapper .hero.is-danger .tabs.is-toggle a { color: #fff; }
.catfish-classes .hero.is-danger .tabs.is-boxed a:hover, .catfish-classes .hero.is-danger .tabs.is-toggle a:hover, .vue-component-wrapper .hero.is-danger .tabs.is-boxed a:hover, .vue-component-wrapper .hero.is-danger .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.catfish-classes .hero.is-danger .tabs.is-boxed li.is-active a, .catfish-classes .hero.is-danger .tabs.is-boxed li.is-active a:hover, .catfish-classes .hero.is-danger .tabs.is-toggle li.is-active a, .catfish-classes .hero.is-danger .tabs.is-toggle li.is-active a:hover, .vue-component-wrapper .hero.is-danger .tabs.is-boxed li.is-active a, .vue-component-wrapper .hero.is-danger .tabs.is-boxed li.is-active a:hover, .vue-component-wrapper .hero.is-danger .tabs.is-toggle li.is-active a, .vue-component-wrapper .hero.is-danger .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #FF3860; }
.catfish-classes .hero.is-danger.is-bold, .vue-component-wrapper .hero.is-danger.is-bold { background-image: linear-gradient(141deg, #ff0561 0%, #FF3860 71%, #ff5257 100%); }
@media screen and (max-width: 749px) { .catfish-classes .hero.is-danger.is-bold .navbar-menu, .vue-component-wrapper .hero.is-danger.is-bold .navbar-menu { background-image: linear-gradient(141deg, #ff0561 0%, #FF3860 71%, #ff5257 100%); } }
.catfish-classes .hero .hero-body, .vue-component-wrapper .hero .hero-body { padding: 3rem 0rem; }
.catfish-classes .hero.is-small .hero-body, .vue-component-wrapper .hero.is-small .hero-body { padding-bottom: 1.5rem; padding-top: 1.5rem; }
@media screen and (min-width: 750px), print { .catfish-classes .hero.is-medium .hero-body, .vue-component-wrapper .hero.is-medium .hero-body { padding-bottom: 9rem; padding-top: 9rem; } }
@media screen and (min-width: 750px), print { .catfish-classes .hero.is-large .hero-body, .vue-component-wrapper .hero.is-large .hero-body { padding-bottom: 18rem; padding-top: 18rem; } }
.catfish-classes .hero.is-halfheight .hero-body, .catfish-classes .hero.is-fullheight .hero-body, .vue-component-wrapper .hero.is-halfheight .hero-body, .vue-component-wrapper .hero.is-fullheight .hero-body { align-items: center; display: flex; }
.catfish-classes .hero.is-halfheight .hero-body > .container, .catfish-classes .hero.is-fullheight .hero-body > .container, .vue-component-wrapper .hero.is-halfheight .hero-body > .container, .vue-component-wrapper .hero.is-fullheight .hero-body > .container { flex-grow: 1; flex-shrink: 1; }
.catfish-classes .hero.is-halfheight, .vue-component-wrapper .hero.is-halfheight { min-height: 50vh; }
.catfish-classes .hero.is-fullheight, .vue-component-wrapper .hero.is-fullheight { min-height: 100vh; }
.catfish-classes .hero-video, .vue-component-wrapper .hero-video { overflow: hidden; }
.catfish-classes .hero-video video, .vue-component-wrapper .hero-video video { left: 50% ; min-height: 100%; min-width: 100%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0); }
.catfish-classes .hero-video.is-transparent, .vue-component-wrapper .hero-video.is-transparent { opacity: 0.3; }
@media screen and (max-width: 749px) { .catfish-classes .hero-video, .vue-component-wrapper .hero-video { display: none; } }
.catfish-classes .hero-buttons, .vue-component-wrapper .hero-buttons { margin-top: 1.5rem; }
@media screen and (max-width: 749px) { .catfish-classes .hero-buttons .button, .vue-component-wrapper .hero-buttons .button { display: flex; }
.catfish-classes .hero-buttons .button:not(:last-child), .vue-component-wrapper .hero-buttons .button:not(:last-child) { margin-bottom: 0.5rem; } }
@media screen and (min-width: 750px), print { .catfish-classes .hero-buttons, .vue-component-wrapper .hero-buttons { display: flex; justify-content: center; }
.catfish-classes .hero-buttons .button:not(:last-child), .vue-component-wrapper .hero-buttons .button:not(:last-child) { margin-right: 1.5rem ; } }
.catfish-classes .hero-head, .catfish-classes .hero-foot, .vue-component-wrapper .hero-head, .vue-component-wrapper .hero-foot { overflow: hidden; flex-grow: 0; flex-shrink: 0; }
.catfish-classes .hero-body, .vue-component-wrapper .hero-body { flex-grow: 1; flex-shrink: 0; }
.catfish-classes .section, .vue-component-wrapper .section { padding-top: 3rem; padding-bottom: 3rem; width: 100%; }
.catfish-classes .section:after, .vue-component-wrapper .section:after { clear: both; content: ""; display: table; }
.catfish-classes .section.is-small, .vue-component-wrapper .section.is-small { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.catfish-classes .section.is-large, .vue-component-wrapper .section.is-large { padding-top: 3rem; padding-bottom: 3rem; width: 100%; padding-top: 6rem; padding-bottom: 6rem; }
.catfish-classes .section.is-large:after, .vue-component-wrapper .section.is-large:after { clear: both; content: ""; display: table; }
.catfish-classes .footer, .vue-component-wrapper .footer { display: inline-block; width: 100%; background-color: #f5f5f5; padding-top: 3rem; padding-bottom: 3rem; width: 100%; padding-top: 6rem; padding-bottom: 6rem; float: left ; }
.catfish-classes .footer:after, .vue-component-wrapper .footer:after { clear: both; content: ""; display: table; }
.catfish-classes .is-spaced.catfish-classes, .catfish-classes .is-spaced.vue-component-wrapper, .catfish-classes .is-spaced.block, .catfish-classes .is-spaced.box, .catfish-classes .is-spaced.content, .catfish-classes .is-spaced.notification, .catfish-classes .is-spaced.progress, .catfish-classes .is-spaced.table, .catfish-classes .is-spaced.table-container, .catfish-classes .is-spaced.title, .catfish-classes .is-spaced.subtitle, .catfish-classes .is-spaced.highlight, .catfish-classes .is-spaced.breadcrumb, .catfish-classes .is-spaced.level, .catfish-classes .is-spaced.message, .catfish-classes .is-spaced.tabs, .catfish-classes .catfish-classes:not(:last-child), .catfish-classes .vue-component-wrapper:not(:last-child), .catfish-classes .block:not(:last-child), .catfish-classes .box:not(:last-child), .catfish-classes .content:not(:last-child), .catfish-classes .notification:not(:last-child), .catfish-classes .progress:not(:last-child), .catfish-classes .table:not(:last-child), .catfish-classes .table-container:not(:last-child), .catfish-classes .title:not(:last-child), .catfish-classes .subtitle:not(:last-child), .catfish-classes .highlight:not(:last-child), .catfish-classes .breadcrumb:not(:last-child), .catfish-classes .level:not(:last-child), .catfish-classes .message:not(:last-child), .catfish-classes .tabs:not(:last-child), .vue-component-wrapper .is-spaced.catfish-classes, .vue-component-wrapper .is-spaced.vue-component-wrapper, .vue-component-wrapper .is-spaced.block, .vue-component-wrapper .is-spaced.box, .vue-component-wrapper .is-spaced.content, .vue-component-wrapper .is-spaced.notification, .vue-component-wrapper .is-spaced.progress, .vue-component-wrapper .is-spaced.table, .vue-component-wrapper .is-spaced.table-container, .vue-component-wrapper .is-spaced.title, .vue-component-wrapper .is-spaced.subtitle, .vue-component-wrapper .is-spaced.highlight, .vue-component-wrapper .is-spaced.breadcrumb, .vue-component-wrapper .is-spaced.level, .vue-component-wrapper .is-spaced.message, .vue-component-wrapper .is-spaced.tabs, .vue-component-wrapper .catfish-classes:not(:last-child), .vue-component-wrapper .vue-component-wrapper:not(:last-child), .vue-component-wrapper .block:not(:last-child), .vue-component-wrapper .box:not(:last-child), .vue-component-wrapper .content:not(:last-child), .vue-component-wrapper .notification:not(:last-child), .vue-component-wrapper .progress:not(:last-child), .vue-component-wrapper .table:not(:last-child), .vue-component-wrapper .table-container:not(:last-child), .vue-component-wrapper .title:not(:last-child), .vue-component-wrapper .subtitle:not(:last-child), .vue-component-wrapper .highlight:not(:last-child), .vue-component-wrapper .breadcrumb:not(:last-child), .vue-component-wrapper .level:not(:last-child), .vue-component-wrapper .message:not(:last-child), .vue-component-wrapper .tabs:not(:last-child) { margin-bottom: 1.5rem; }
.catfish-classes .block.is-extra-small.is-spaced, .catfish-classes .block.is-extra-small:not(:last-child), .vue-component-wrapper .block.is-extra-small.is-spaced, .vue-component-wrapper .block.is-extra-small:not(:last-child) { margin-bottom: 0.5rem; }
.catfish-classes .block.is-small.is-spaced, .catfish-classes .block.is-small:not(:last-child), .vue-component-wrapper .block.is-small.is-spaced, .vue-component-wrapper .block.is-small:not(:last-child) { margin-bottom: 0.75rem; }
.catfish-classes .block.is-medium.is-spaced, .catfish-classes .block.is-medium:not(:last-child), .vue-component-wrapper .block.is-medium.is-spaced, .vue-component-wrapper .block.is-medium:not(:last-child) { margin-bottom: 3rem; }
.catfish-classes .block.is-large.is-spaced, .catfish-classes .block.is-large:not(:last-child), .vue-component-wrapper .block.is-large.is-spaced, .vue-component-wrapper .block.is-large:not(:last-child) { margin-bottom: 6rem; }
.catfish-classes .popup-html, .vue-component-wrapper .popup-html { overflow: auto; min-width: auto; }
.catfish-classes .box, .vue-component-wrapper .box { background-color: #f5f5f5; border-radius: 6px; box-shadow: 0 2px 6px 0 rgba(10, 12, 14, 0.2); color: #4a4a4a; display: block; padding: 1.5rem; }
.catfish-classes .box.is-small, .vue-component-wrapper .box.is-small { padding: 0.5rem; }
.catfish-classes .box.is-inset, .vue-component-wrapper .box.is-inset { box-shadow: inset 0 2px 6px 0 rgba(10, 12, 14, 0.2); }
.catfish-classes .box.is-white, .vue-component-wrapper .box.is-white { background-color: white; color: #0a0a0a; }
.catfish-classes .box.is-black, .vue-component-wrapper .box.is-black { background-color: #0a0a0a; color: white; }
.catfish-classes .box.is-light, .vue-component-wrapper .box.is-light { background-color: #f5f5f5; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .box.is-dark, .vue-component-wrapper .box.is-dark { background-color: #4a4a4a; color: #fff; }
.catfish-classes .box.is-primary, .vue-component-wrapper .box.is-primary { background-color: #353E49; color: #fff; }
.catfish-classes .box.is-secondary, .vue-component-wrapper .box.is-secondary { background-color: #B86BFF; color: #fff; }
.catfish-classes .box.is-link, .vue-component-wrapper .box.is-link { background-color: #353E49; color: #fff; }
.catfish-classes .box.is-info, .vue-component-wrapper .box.is-info { background-color: #209CEE; color: #fff; }
.catfish-classes .box.is-success, .vue-component-wrapper .box.is-success { background-color: #23D160; color: #fff; }
.catfish-classes .box.is-warning, .vue-component-wrapper .box.is-warning { background-color: #FFDD57; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .box.is-danger, .vue-component-wrapper .box.is-danger { background-color: #FF3860; color: #fff; }
@media screen and (min-width: 1088px) { .catfish-classes .box.is-medium, .vue-component-wrapper .box.is-medium { padding: 3rem; }
.catfish-classes .box.is-large, .vue-component-wrapper .box.is-large { padding: 6rem; } }
.catfish-classes a.box:hover, .catfish-classes a.box:focus, .vue-component-wrapper a.box:hover, .vue-component-wrapper a.box:focus { box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #353E49; }
.catfish-classes a.box:active, .vue-component-wrapper a.box:active { box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #353E49; }
.catfish-classes .catfish-button, .catfish-classes .button, .vue-component-wrapper .catfish-button, .vue-component-wrapper .button { outline-offset: 2px; border-radius: 4px; background-color: #FFFFFF; border-color: #353E49; border-width: 1px; color: #555555; cursor: pointer; justify-content: center; padding-top: calc(0.375em - 1px); padding-bottom: calc(0.375em - 1px); white-space: nowrap; padding-left: 1.81818rem ; padding-right: 1.81818rem ; text-align: center; }
.catfish-classes .catfish-button > .catfish-button, .catfish-classes .catfish-button > .button, .catfish-classes .button > .catfish-button, .catfish-classes .button > .button, .vue-component-wrapper .catfish-button > .catfish-button, .vue-component-wrapper .catfish-button > .button, .vue-component-wrapper .button > .catfish-button, .vue-component-wrapper .button > .button { border: 0; background: none; padding: 0; box-shadow: none; }
.catfish-classes .catfish-button strong, .catfish-classes .button strong, .vue-component-wrapper .catfish-button strong, .vue-component-wrapper .button strong { color: inherit; }
.catfish-classes .catfish-button .icon, .catfish-classes .button .icon, .vue-component-wrapper .catfish-button .icon, .vue-component-wrapper .button .icon { align-items: center; display: inline-flex; justify-content: center; }
.catfish-classes .catfish-button .icon, .catfish-classes .catfish-button .icon.is-small, .catfish-classes .catfish-button .icon.is-medium, .catfish-classes .catfish-button .icon.is-large, .catfish-classes .button .icon, .catfish-classes .button .icon.is-small, .catfish-classes .button .icon.is-medium, .catfish-classes .button .icon.is-large, .vue-component-wrapper .catfish-button .icon, .vue-component-wrapper .catfish-button .icon.is-small, .vue-component-wrapper .catfish-button .icon.is-medium, .vue-component-wrapper .catfish-button .icon.is-large, .vue-component-wrapper .button .icon, .vue-component-wrapper .button .icon.is-small, .vue-component-wrapper .button .icon.is-medium, .vue-component-wrapper .button .icon.is-large { height: 1.5em; width: 1.5em; }
.catfish-classes .catfish-button .icon:first-child:not(:last-child), .catfish-classes .button .icon:first-child:not(:last-child), .vue-component-wrapper .catfish-button .icon:first-child:not(:last-child), .vue-component-wrapper .button .icon:first-child:not(:last-child) { margin-left: calc(-0.375em - 1px) ; margin-right: 0.1875em ; }
.catfish-classes .catfish-button .icon:last-child:not(:first-child), .catfish-classes .button .icon:last-child:not(:first-child), .vue-component-wrapper .catfish-button .icon:last-child:not(:first-child), .vue-component-wrapper .button .icon:last-child:not(:first-child) { margin-left: 0.1875em ; margin-right: calc(-0.375em - 1px) ; }
.catfish-classes .catfish-button .icon:first-child:last-child, .catfish-classes .button .icon:first-child:last-child, .vue-component-wrapper .catfish-button .icon:first-child:last-child, .vue-component-wrapper .button .icon:first-child:last-child { margin-left: calc(-0.375em - 1px) ; margin-right: calc(-0.375em - 1px) ; }
.catfish-classes .catfish-button.has-no-formatting, .catfish-classes .button.has-no-formatting, .vue-component-wrapper .catfish-button.has-no-formatting, .vue-component-wrapper .button.has-no-formatting { padding: 0px; margin: 0px; border-width: 0px; height: auto; display: inline-block !important; overflow: hidden; }
.catfish-classes .catfish-button.has-border, .catfish-classes .button.has-border, .vue-component-wrapper .catfish-button.has-border, .vue-component-wrapper .button.has-border { border-width: 1px !important; }
.catfish-classes .catfish-button.has-equal-padding, .catfish-classes .button.has-equal-padding, .vue-component-wrapper .catfish-button.has-equal-padding, .vue-component-wrapper .button.has-equal-padding { padding: calc(0.375em - 1px) !important; min-width: 2.75em; }
.catfish-classes .catfish-button:hover, .catfish-classes .catfish-button.is-hovered, .catfish-classes .button:hover, .catfish-classes .button.is-hovered, .vue-component-wrapper .catfish-button:hover, .vue-component-wrapper .catfish-button.is-hovered, .vue-component-wrapper .button:hover, .vue-component-wrapper .button.is-hovered { border-color: #b5b5b5; color: rgba(26, 26, 26, 0.7); background: #f9f9f9; }
.catfish-classes .catfish-button:focus, .catfish-classes .catfish-button.is-focused, .catfish-classes .button:focus, .catfish-classes .button.is-focused, .vue-component-wrapper .catfish-button:focus, .vue-component-wrapper .catfish-button.is-focused, .vue-component-wrapper .button:focus, .vue-component-wrapper .button.is-focused { border-color: #3273dc; color: rgba(26, 26, 26, 0.7); outline: 2px solid rgba(26, 26, 26, 0.7); }
.catfish-classes .catfish-button:focus:not(:active), .catfish-classes .catfish-button.is-focused:not(:active), .catfish-classes .button:focus:not(:active), .catfish-classes .button.is-focused:not(:active), .vue-component-wrapper .catfish-button:focus:not(:active), .vue-component-wrapper .catfish-button.is-focused:not(:active), .vue-component-wrapper .button:focus:not(:active), .vue-component-wrapper .button.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(53, 62, 73, 0.25); }
.catfish-classes .catfish-button:active, .catfish-classes .catfish-button.is-active, .catfish-classes .button:active, .catfish-classes .button.is-active, .vue-component-wrapper .catfish-button:active, .vue-component-wrapper .catfish-button.is-active, .vue-component-wrapper .button:active, .vue-component-wrapper .button.is-active { border-color: #4a4a4a; color: rgba(26, 26, 26, 0.7); background: #f2f2f2; }
.catfish-classes .catfish-button.is-text, .catfish-classes .button.is-text, .vue-component-wrapper .catfish-button.is-text, .vue-component-wrapper .button.is-text { background-color: transparent; border-color: transparent; color: #4a4a4a; text-decoration: none; }
.catfish-classes .catfish-button.is-text:hover, .catfish-classes .catfish-button.is-text.is-hovered, .catfish-classes .catfish-button.is-text:focus, .catfish-classes .catfish-button.is-text.is-focused, .catfish-classes .button.is-text:hover, .catfish-classes .button.is-text.is-hovered, .catfish-classes .button.is-text:focus, .catfish-classes .button.is-text.is-focused, .vue-component-wrapper .catfish-button.is-text:hover, .vue-component-wrapper .catfish-button.is-text.is-hovered, .vue-component-wrapper .catfish-button.is-text:focus, .vue-component-wrapper .catfish-button.is-text.is-focused, .vue-component-wrapper .button.is-text:hover, .vue-component-wrapper .button.is-text.is-hovered, .vue-component-wrapper .button.is-text:focus, .vue-component-wrapper .button.is-text.is-focused { background-color: #f5f5f5; color: #4a4a4a; }
.catfish-classes .catfish-button.is-text:active, .catfish-classes .catfish-button.is-text.is-active, .catfish-classes .button.is-text:active, .catfish-classes .button.is-text.is-active, .vue-component-wrapper .catfish-button.is-text:active, .vue-component-wrapper .catfish-button.is-text.is-active, .vue-component-wrapper .button.is-text:active, .vue-component-wrapper .button.is-text.is-active { background-color: #e8e8e8; color: #4a4a4a; }
.catfish-classes .catfish-button.is-text[disabled], .catfish-classes .button.is-text[disabled], .vue-component-wrapper .catfish-button.is-text[disabled], .vue-component-wrapper .button.is-text[disabled] { background-color: transparent; border-color: transparent; box-shadow: none; }
.catfish-classes .catfish-button.is-outlined, .catfish-classes .button.is-outlined, .vue-component-wrapper .catfish-button.is-outlined, .vue-component-wrapper .button.is-outlined { background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; }
.catfish-classes .catfish-button.is-outlined:hover, .catfish-classes .catfish-button.is-outlined:focus, .catfish-classes .button.is-outlined:hover, .catfish-classes .button.is-outlined:focus, .vue-component-wrapper .catfish-button.is-outlined:hover, .vue-component-wrapper .catfish-button.is-outlined:focus, .vue-component-wrapper .button.is-outlined:hover, .vue-component-wrapper .button.is-outlined:focus { background-color: #FFFFFF; border-color: #FFFFFF; color: rgba(26, 26, 26, 0.7); }
.catfish-classes .catfish-button.is-outlined.is-loading::after, .catfish-classes .button.is-outlined.is-loading::after, .vue-component-wrapper .catfish-button.is-outlined.is-loading::after, .vue-component-wrapper .button.is-outlined.is-loading::after { border-color: transparent transparent #FFFFFF #FFFFFF !important; }
.catfish-classes .catfish-button.is-outlined[disabled], .catfish-classes .button.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-outlined[disabled], .vue-component-wrapper .button.is-outlined[disabled] { background-color: transparent; border-color: #FFFFFF; box-shadow: none; color: #FFFFFF; }
.catfish-classes .catfish-button.is-white, .catfish-classes .button.is-white, .vue-component-wrapper .catfish-button.is-white, .vue-component-wrapper .button.is-white { background-color: white; border-color: transparent; color: #0a0a0a; }
.catfish-classes .catfish-button.is-white:hover, .catfish-classes .catfish-button.is-white.is-hovered, .catfish-classes .button.is-white:hover, .catfish-classes .button.is-white.is-hovered, .vue-component-wrapper .catfish-button.is-white:hover, .vue-component-wrapper .catfish-button.is-white.is-hovered, .vue-component-wrapper .button.is-white:hover, .vue-component-wrapper .button.is-white.is-hovered { background-color: #f9f9f9; border-color: transparent; color: #0a0a0a; }
.catfish-classes .catfish-button.is-white:focus, .catfish-classes .catfish-button.is-white.is-focused, .catfish-classes .button.is-white:focus, .catfish-classes .button.is-white.is-focused, .vue-component-wrapper .catfish-button.is-white:focus, .vue-component-wrapper .catfish-button.is-white.is-focused, .vue-component-wrapper .button.is-white:focus, .vue-component-wrapper .button.is-white.is-focused { border-color: transparent; color: #0a0a0a; }
.catfish-classes .catfish-button.is-white:focus:not(:active), .catfish-classes .catfish-button.is-white.is-focused:not(:active), .catfish-classes .button.is-white:focus:not(:active), .catfish-classes .button.is-white.is-focused:not(:active), .vue-component-wrapper .catfish-button.is-white:focus:not(:active), .vue-component-wrapper .catfish-button.is-white.is-focused:not(:active), .vue-component-wrapper .button.is-white:focus:not(:active), .vue-component-wrapper .button.is-white.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
.catfish-classes .catfish-button.is-white:active, .catfish-classes .catfish-button.is-white.is-active, .catfish-classes .button.is-white:active, .catfish-classes .button.is-white.is-active, .vue-component-wrapper .catfish-button.is-white:active, .vue-component-wrapper .catfish-button.is-white.is-active, .vue-component-wrapper .button.is-white:active, .vue-component-wrapper .button.is-white.is-active { background-color: #f2f2f2; border-color: transparent; color: #0a0a0a; }
.catfish-classes .catfish-button.is-white[disabled], .catfish-classes .button.is-white[disabled], .vue-component-wrapper .catfish-button.is-white[disabled], .vue-component-wrapper .button.is-white[disabled] { background-color: white; border-color: transparent; box-shadow: none; }
.catfish-classes .catfish-button.is-white.is-inverted, .catfish-classes .button.is-white.is-inverted, .vue-component-wrapper .catfish-button.is-white.is-inverted, .vue-component-wrapper .button.is-white.is-inverted { background-color: #0a0a0a; color: white; }
.catfish-classes .catfish-button.is-white.is-inverted:hover, .catfish-classes .button.is-white.is-inverted:hover, .vue-component-wrapper .catfish-button.is-white.is-inverted:hover, .vue-component-wrapper .button.is-white.is-inverted:hover { background-color: black; }
.catfish-classes .catfish-button.is-white.is-inverted[disabled], .catfish-classes .button.is-white.is-inverted[disabled], .vue-component-wrapper .catfish-button.is-white.is-inverted[disabled], .vue-component-wrapper .button.is-white.is-inverted[disabled] { background-color: #0a0a0a; border-color: transparent; box-shadow: none; color: white; }
.catfish-classes .catfish-button.is-white.is-loading::after, .catfish-classes .button.is-white.is-loading::after, .vue-component-wrapper .catfish-button.is-white.is-loading::after, .vue-component-wrapper .button.is-white.is-loading::after { border-color: transparent transparent #0a0a0a #0a0a0a !important; }
.catfish-classes .catfish-button.is-white.is-outlined, .catfish-classes .button.is-white.is-outlined, .vue-component-wrapper .catfish-button.is-white.is-outlined, .vue-component-wrapper .button.is-white.is-outlined { background-color: transparent; border-color: white; color: white; }
.catfish-classes .catfish-button.is-white.is-outlined:hover, .catfish-classes .catfish-button.is-white.is-outlined:focus, .catfish-classes .button.is-white.is-outlined:hover, .catfish-classes .button.is-white.is-outlined:focus, .vue-component-wrapper .catfish-button.is-white.is-outlined:hover, .vue-component-wrapper .catfish-button.is-white.is-outlined:focus, .vue-component-wrapper .button.is-white.is-outlined:hover, .vue-component-wrapper .button.is-white.is-outlined:focus { background-color: white; border-color: white; color: #0a0a0a; }
.catfish-classes .catfish-button.is-white.is-outlined[disabled], .catfish-classes .button.is-white.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-white.is-outlined[disabled], .vue-component-wrapper .button.is-white.is-outlined[disabled] { background-color: transparent; border-color: white; box-shadow: none; color: white; }
.catfish-classes .catfish-button.is-white.is-outlined.is-loading::after, .catfish-classes .button.is-white.is-outlined.is-loading::after, .vue-component-wrapper .catfish-button.is-white.is-outlined.is-loading::after, .vue-component-wrapper .button.is-white.is-outlined.is-loading::after { border-color: transparent transparent white white !important; }
.catfish-classes .catfish-button.is-white.is-inverted.is-outlined, .catfish-classes .button.is-white.is-inverted.is-outlined, .vue-component-wrapper .catfish-button.is-white.is-inverted.is-outlined, .vue-component-wrapper .button.is-white.is-inverted.is-outlined { background-color: transparent; border-color: #0a0a0a; color: #0a0a0a; }
.catfish-classes .catfish-button.is-white.is-inverted.is-outlined:hover, .catfish-classes .catfish-button.is-white.is-inverted.is-outlined:focus, .catfish-classes .button.is-white.is-inverted.is-outlined:hover, .catfish-classes .button.is-white.is-inverted.is-outlined:focus, .vue-component-wrapper .catfish-button.is-white.is-inverted.is-outlined:hover, .vue-component-wrapper .catfish-button.is-white.is-inverted.is-outlined:focus, .vue-component-wrapper .button.is-white.is-inverted.is-outlined:hover, .vue-component-wrapper .button.is-white.is-inverted.is-outlined:focus { background-color: #0a0a0a; color: white; }
.catfish-classes .catfish-button.is-white.is-inverted.is-outlined[disabled], .catfish-classes .button.is-white.is-inverted.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-white.is-inverted.is-outlined[disabled], .vue-component-wrapper .button.is-white.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #0a0a0a; box-shadow: none; color: #0a0a0a; }
.catfish-classes .catfish-button.is-black, .catfish-classes .button.is-black, .vue-component-wrapper .catfish-button.is-black, .vue-component-wrapper .button.is-black { background-color: #0a0a0a; border-color: transparent; color: white; }
.catfish-classes .catfish-button.is-black:hover, .catfish-classes .catfish-button.is-black.is-hovered, .catfish-classes .button.is-black:hover, .catfish-classes .button.is-black.is-hovered, .vue-component-wrapper .catfish-button.is-black:hover, .vue-component-wrapper .catfish-button.is-black.is-hovered, .vue-component-wrapper .button.is-black:hover, .vue-component-wrapper .button.is-black.is-hovered { background-color: #040404; border-color: transparent; color: white; }
.catfish-classes .catfish-button.is-black:focus, .catfish-classes .catfish-button.is-black.is-focused, .catfish-classes .button.is-black:focus, .catfish-classes .button.is-black.is-focused, .vue-component-wrapper .catfish-button.is-black:focus, .vue-component-wrapper .catfish-button.is-black.is-focused, .vue-component-wrapper .button.is-black:focus, .vue-component-wrapper .button.is-black.is-focused { border-color: transparent; color: white; }
.catfish-classes .catfish-button.is-black:focus:not(:active), .catfish-classes .catfish-button.is-black.is-focused:not(:active), .catfish-classes .button.is-black:focus:not(:active), .catfish-classes .button.is-black.is-focused:not(:active), .vue-component-wrapper .catfish-button.is-black:focus:not(:active), .vue-component-wrapper .catfish-button.is-black.is-focused:not(:active), .vue-component-wrapper .button.is-black:focus:not(:active), .vue-component-wrapper .button.is-black.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
.catfish-classes .catfish-button.is-black:active, .catfish-classes .catfish-button.is-black.is-active, .catfish-classes .button.is-black:active, .catfish-classes .button.is-black.is-active, .vue-component-wrapper .catfish-button.is-black:active, .vue-component-wrapper .catfish-button.is-black.is-active, .vue-component-wrapper .button.is-black:active, .vue-component-wrapper .button.is-black.is-active { background-color: black; border-color: transparent; color: white; }
.catfish-classes .catfish-button.is-black[disabled], .catfish-classes .button.is-black[disabled], .vue-component-wrapper .catfish-button.is-black[disabled], .vue-component-wrapper .button.is-black[disabled] { background-color: #0a0a0a; border-color: transparent; box-shadow: none; }
.catfish-classes .catfish-button.is-black.is-inverted, .catfish-classes .button.is-black.is-inverted, .vue-component-wrapper .catfish-button.is-black.is-inverted, .vue-component-wrapper .button.is-black.is-inverted { background-color: white; color: #0a0a0a; }
.catfish-classes .catfish-button.is-black.is-inverted:hover, .catfish-classes .button.is-black.is-inverted:hover, .vue-component-wrapper .catfish-button.is-black.is-inverted:hover, .vue-component-wrapper .button.is-black.is-inverted:hover { background-color: #f2f2f2; }
.catfish-classes .catfish-button.is-black.is-inverted[disabled], .catfish-classes .button.is-black.is-inverted[disabled], .vue-component-wrapper .catfish-button.is-black.is-inverted[disabled], .vue-component-wrapper .button.is-black.is-inverted[disabled] { background-color: white; border-color: transparent; box-shadow: none; color: #0a0a0a; }
.catfish-classes .catfish-button.is-black.is-loading::after, .catfish-classes .button.is-black.is-loading::after, .vue-component-wrapper .catfish-button.is-black.is-loading::after, .vue-component-wrapper .button.is-black.is-loading::after { border-color: transparent transparent white white !important; }
.catfish-classes .catfish-button.is-black.is-outlined, .catfish-classes .button.is-black.is-outlined, .vue-component-wrapper .catfish-button.is-black.is-outlined, .vue-component-wrapper .button.is-black.is-outlined { background-color: transparent; border-color: #0a0a0a; color: #0a0a0a; }
.catfish-classes .catfish-button.is-black.is-outlined:hover, .catfish-classes .catfish-button.is-black.is-outlined:focus, .catfish-classes .button.is-black.is-outlined:hover, .catfish-classes .button.is-black.is-outlined:focus, .vue-component-wrapper .catfish-button.is-black.is-outlined:hover, .vue-component-wrapper .catfish-button.is-black.is-outlined:focus, .vue-component-wrapper .button.is-black.is-outlined:hover, .vue-component-wrapper .button.is-black.is-outlined:focus { background-color: #0a0a0a; border-color: #0a0a0a; color: white; }
.catfish-classes .catfish-button.is-black.is-outlined[disabled], .catfish-classes .button.is-black.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-black.is-outlined[disabled], .vue-component-wrapper .button.is-black.is-outlined[disabled] { background-color: transparent; border-color: #0a0a0a; box-shadow: none; color: #0a0a0a; }
.catfish-classes .catfish-button.is-black.is-outlined.is-loading::after, .catfish-classes .button.is-black.is-outlined.is-loading::after, .vue-component-wrapper .catfish-button.is-black.is-outlined.is-loading::after, .vue-component-wrapper .button.is-black.is-outlined.is-loading::after { border-color: transparent transparent #0a0a0a #0a0a0a !important; }
.catfish-classes .catfish-button.is-black.is-inverted.is-outlined, .catfish-classes .button.is-black.is-inverted.is-outlined, .vue-component-wrapper .catfish-button.is-black.is-inverted.is-outlined, .vue-component-wrapper .button.is-black.is-inverted.is-outlined { background-color: transparent; border-color: white; color: white; }
.catfish-classes .catfish-button.is-black.is-inverted.is-outlined:hover, .catfish-classes .catfish-button.is-black.is-inverted.is-outlined:focus, .catfish-classes .button.is-black.is-inverted.is-outlined:hover, .catfish-classes .button.is-black.is-inverted.is-outlined:focus, .vue-component-wrapper .catfish-button.is-black.is-inverted.is-outlined:hover, .vue-component-wrapper .catfish-button.is-black.is-inverted.is-outlined:focus, .vue-component-wrapper .button.is-black.is-inverted.is-outlined:hover, .vue-component-wrapper .button.is-black.is-inverted.is-outlined:focus { background-color: white; color: #0a0a0a; }
.catfish-classes .catfish-button.is-black.is-inverted.is-outlined[disabled], .catfish-classes .button.is-black.is-inverted.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-black.is-inverted.is-outlined[disabled], .vue-component-wrapper .button.is-black.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: white; box-shadow: none; color: white; }
.catfish-classes .catfish-button.is-light, .catfish-classes .button.is-light, .vue-component-wrapper .catfish-button.is-light, .vue-component-wrapper .button.is-light { background-color: #f5f5f5; border-color: transparent; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .catfish-button.is-light:hover, .catfish-classes .catfish-button.is-light.is-hovered, .catfish-classes .button.is-light:hover, .catfish-classes .button.is-light.is-hovered, .vue-component-wrapper .catfish-button.is-light:hover, .vue-component-wrapper .catfish-button.is-light.is-hovered, .vue-component-wrapper .button.is-light:hover, .vue-component-wrapper .button.is-light.is-hovered { background-color: #efefef; border-color: transparent; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .catfish-button.is-light:focus, .catfish-classes .catfish-button.is-light.is-focused, .catfish-classes .button.is-light:focus, .catfish-classes .button.is-light.is-focused, .vue-component-wrapper .catfish-button.is-light:focus, .vue-component-wrapper .catfish-button.is-light.is-focused, .vue-component-wrapper .button.is-light:focus, .vue-component-wrapper .button.is-light.is-focused { border-color: transparent; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .catfish-button.is-light:focus:not(:active), .catfish-classes .catfish-button.is-light.is-focused:not(:active), .catfish-classes .button.is-light:focus:not(:active), .catfish-classes .button.is-light.is-focused:not(:active), .vue-component-wrapper .catfish-button.is-light:focus:not(:active), .vue-component-wrapper .catfish-button.is-light.is-focused:not(:active), .vue-component-wrapper .button.is-light:focus:not(:active), .vue-component-wrapper .button.is-light.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
.catfish-classes .catfish-button.is-light:active, .catfish-classes .catfish-button.is-light.is-active, .catfish-classes .button.is-light:active, .catfish-classes .button.is-light.is-active, .vue-component-wrapper .catfish-button.is-light:active, .vue-component-wrapper .catfish-button.is-light.is-active, .vue-component-wrapper .button.is-light:active, .vue-component-wrapper .button.is-light.is-active { background-color: #e8e8e8; border-color: transparent; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .catfish-button.is-light[disabled], .catfish-classes .button.is-light[disabled], .vue-component-wrapper .catfish-button.is-light[disabled], .vue-component-wrapper .button.is-light[disabled] { background-color: #f5f5f5; border-color: transparent; box-shadow: none; }
.catfish-classes .catfish-button.is-light.is-inverted, .catfish-classes .button.is-light.is-inverted, .vue-component-wrapper .catfish-button.is-light.is-inverted, .vue-component-wrapper .button.is-light.is-inverted { background-color: rgba(25, 25, 25, 0.7); color: #f5f5f5; }
.catfish-classes .catfish-button.is-light.is-inverted:hover, .catfish-classes .button.is-light.is-inverted:hover, .vue-component-wrapper .catfish-button.is-light.is-inverted:hover, .vue-component-wrapper .button.is-light.is-inverted:hover { background-color: rgba(12, 12, 12, 0.7); }
.catfish-classes .catfish-button.is-light.is-inverted[disabled], .catfish-classes .button.is-light.is-inverted[disabled], .vue-component-wrapper .catfish-button.is-light.is-inverted[disabled], .vue-component-wrapper .button.is-light.is-inverted[disabled] { background-color: rgba(25, 25, 25, 0.7); border-color: transparent; box-shadow: none; color: #f5f5f5; }
.catfish-classes .catfish-button.is-light.is-loading::after, .catfish-classes .button.is-light.is-loading::after, .vue-component-wrapper .catfish-button.is-light.is-loading::after, .vue-component-wrapper .button.is-light.is-loading::after { border-color: transparent transparent rgba(25, 25, 25, 0.7) rgba(25, 25, 25, 0.7) !important; }
.catfish-classes .catfish-button.is-light.is-outlined, .catfish-classes .button.is-light.is-outlined, .vue-component-wrapper .catfish-button.is-light.is-outlined, .vue-component-wrapper .button.is-light.is-outlined { background-color: transparent; border-color: #f5f5f5; color: #f5f5f5; }
.catfish-classes .catfish-button.is-light.is-outlined:hover, .catfish-classes .catfish-button.is-light.is-outlined:focus, .catfish-classes .button.is-light.is-outlined:hover, .catfish-classes .button.is-light.is-outlined:focus, .vue-component-wrapper .catfish-button.is-light.is-outlined:hover, .vue-component-wrapper .catfish-button.is-light.is-outlined:focus, .vue-component-wrapper .button.is-light.is-outlined:hover, .vue-component-wrapper .button.is-light.is-outlined:focus { background-color: #f5f5f5; border-color: #f5f5f5; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .catfish-button.is-light.is-outlined[disabled], .catfish-classes .button.is-light.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-light.is-outlined[disabled], .vue-component-wrapper .button.is-light.is-outlined[disabled] { background-color: transparent; border-color: #f5f5f5; box-shadow: none; color: #f5f5f5; }
.catfish-classes .catfish-button.is-light.is-outlined.is-loading::after, .catfish-classes .button.is-light.is-outlined.is-loading::after, .vue-component-wrapper .catfish-button.is-light.is-outlined.is-loading::after, .vue-component-wrapper .button.is-light.is-outlined.is-loading::after { border-color: transparent transparent #f5f5f5 #f5f5f5 !important; }
.catfish-classes .catfish-button.is-light.is-inverted.is-outlined, .catfish-classes .button.is-light.is-inverted.is-outlined, .vue-component-wrapper .catfish-button.is-light.is-inverted.is-outlined, .vue-component-wrapper .button.is-light.is-inverted.is-outlined { background-color: transparent; border-color: rgba(25, 25, 25, 0.7); color: rgba(25, 25, 25, 0.7); }
.catfish-classes .catfish-button.is-light.is-inverted.is-outlined:hover, .catfish-classes .catfish-button.is-light.is-inverted.is-outlined:focus, .catfish-classes .button.is-light.is-inverted.is-outlined:hover, .catfish-classes .button.is-light.is-inverted.is-outlined:focus, .vue-component-wrapper .catfish-button.is-light.is-inverted.is-outlined:hover, .vue-component-wrapper .catfish-button.is-light.is-inverted.is-outlined:focus, .vue-component-wrapper .button.is-light.is-inverted.is-outlined:hover, .vue-component-wrapper .button.is-light.is-inverted.is-outlined:focus { background-color: rgba(25, 25, 25, 0.7); color: #f5f5f5; }
.catfish-classes .catfish-button.is-light.is-inverted.is-outlined[disabled], .catfish-classes .button.is-light.is-inverted.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-light.is-inverted.is-outlined[disabled], .vue-component-wrapper .button.is-light.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: rgba(25, 25, 25, 0.7); box-shadow: none; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .catfish-button.is-dark, .catfish-classes .button.is-dark, .vue-component-wrapper .catfish-button.is-dark, .vue-component-wrapper .button.is-dark { background-color: #4a4a4a; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-dark:hover, .catfish-classes .catfish-button.is-dark.is-hovered, .catfish-classes .button.is-dark:hover, .catfish-classes .button.is-dark.is-hovered, .vue-component-wrapper .catfish-button.is-dark:hover, .vue-component-wrapper .catfish-button.is-dark.is-hovered, .vue-component-wrapper .button.is-dark:hover, .vue-component-wrapper .button.is-dark.is-hovered { background-color: #444444; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-dark:focus, .catfish-classes .catfish-button.is-dark.is-focused, .catfish-classes .button.is-dark:focus, .catfish-classes .button.is-dark.is-focused, .vue-component-wrapper .catfish-button.is-dark:focus, .vue-component-wrapper .catfish-button.is-dark.is-focused, .vue-component-wrapper .button.is-dark:focus, .vue-component-wrapper .button.is-dark.is-focused { border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-dark:focus:not(:active), .catfish-classes .catfish-button.is-dark.is-focused:not(:active), .catfish-classes .button.is-dark:focus:not(:active), .catfish-classes .button.is-dark.is-focused:not(:active), .vue-component-wrapper .catfish-button.is-dark:focus:not(:active), .vue-component-wrapper .catfish-button.is-dark.is-focused:not(:active), .vue-component-wrapper .button.is-dark:focus:not(:active), .vue-component-wrapper .button.is-dark.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(74, 74, 74, 0.25); }
.catfish-classes .catfish-button.is-dark:active, .catfish-classes .catfish-button.is-dark.is-active, .catfish-classes .button.is-dark:active, .catfish-classes .button.is-dark.is-active, .vue-component-wrapper .catfish-button.is-dark:active, .vue-component-wrapper .catfish-button.is-dark.is-active, .vue-component-wrapper .button.is-dark:active, .vue-component-wrapper .button.is-dark.is-active { background-color: #3d3d3d; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-dark[disabled], .catfish-classes .button.is-dark[disabled], .vue-component-wrapper .catfish-button.is-dark[disabled], .vue-component-wrapper .button.is-dark[disabled] { background-color: #4a4a4a; border-color: transparent; box-shadow: none; }
.catfish-classes .catfish-button.is-dark.is-inverted, .catfish-classes .button.is-dark.is-inverted, .vue-component-wrapper .catfish-button.is-dark.is-inverted, .vue-component-wrapper .button.is-dark.is-inverted { background-color: #fff; color: #4a4a4a; }
.catfish-classes .catfish-button.is-dark.is-inverted:hover, .catfish-classes .button.is-dark.is-inverted:hover, .vue-component-wrapper .catfish-button.is-dark.is-inverted:hover, .vue-component-wrapper .button.is-dark.is-inverted:hover { background-color: #f2f2f2; }
.catfish-classes .catfish-button.is-dark.is-inverted[disabled], .catfish-classes .button.is-dark.is-inverted[disabled], .vue-component-wrapper .catfish-button.is-dark.is-inverted[disabled], .vue-component-wrapper .button.is-dark.is-inverted[disabled] { background-color: #fff; border-color: transparent; box-shadow: none; color: #4a4a4a; }
.catfish-classes .catfish-button.is-dark.is-loading::after, .catfish-classes .button.is-dark.is-loading::after, .vue-component-wrapper .catfish-button.is-dark.is-loading::after, .vue-component-wrapper .button.is-dark.is-loading::after { border-color: transparent transparent #fff #fff !important; }
.catfish-classes .catfish-button.is-dark.is-outlined, .catfish-classes .button.is-dark.is-outlined, .vue-component-wrapper .catfish-button.is-dark.is-outlined, .vue-component-wrapper .button.is-dark.is-outlined { background-color: transparent; border-color: #4a4a4a; color: #4a4a4a; }
.catfish-classes .catfish-button.is-dark.is-outlined:hover, .catfish-classes .catfish-button.is-dark.is-outlined:focus, .catfish-classes .button.is-dark.is-outlined:hover, .catfish-classes .button.is-dark.is-outlined:focus, .vue-component-wrapper .catfish-button.is-dark.is-outlined:hover, .vue-component-wrapper .catfish-button.is-dark.is-outlined:focus, .vue-component-wrapper .button.is-dark.is-outlined:hover, .vue-component-wrapper .button.is-dark.is-outlined:focus { background-color: #4a4a4a; border-color: #4a4a4a; color: #fff; }
.catfish-classes .catfish-button.is-dark.is-outlined[disabled], .catfish-classes .button.is-dark.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-dark.is-outlined[disabled], .vue-component-wrapper .button.is-dark.is-outlined[disabled] { background-color: transparent; border-color: #4a4a4a; box-shadow: none; color: #4a4a4a; }
.catfish-classes .catfish-button.is-dark.is-outlined.is-loading::after, .catfish-classes .button.is-dark.is-outlined.is-loading::after, .vue-component-wrapper .catfish-button.is-dark.is-outlined.is-loading::after, .vue-component-wrapper .button.is-dark.is-outlined.is-loading::after { border-color: transparent transparent #4a4a4a #4a4a4a !important; }
.catfish-classes .catfish-button.is-dark.is-inverted.is-outlined, .catfish-classes .button.is-dark.is-inverted.is-outlined, .vue-component-wrapper .catfish-button.is-dark.is-inverted.is-outlined, .vue-component-wrapper .button.is-dark.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; }
.catfish-classes .catfish-button.is-dark.is-inverted.is-outlined:hover, .catfish-classes .catfish-button.is-dark.is-inverted.is-outlined:focus, .catfish-classes .button.is-dark.is-inverted.is-outlined:hover, .catfish-classes .button.is-dark.is-inverted.is-outlined:focus, .vue-component-wrapper .catfish-button.is-dark.is-inverted.is-outlined:hover, .vue-component-wrapper .catfish-button.is-dark.is-inverted.is-outlined:focus, .vue-component-wrapper .button.is-dark.is-inverted.is-outlined:hover, .vue-component-wrapper .button.is-dark.is-inverted.is-outlined:focus { background-color: #fff; color: #4a4a4a; }
.catfish-classes .catfish-button.is-dark.is-inverted.is-outlined[disabled], .catfish-classes .button.is-dark.is-inverted.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-dark.is-inverted.is-outlined[disabled], .vue-component-wrapper .button.is-dark.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; }
.catfish-classes .catfish-button.is-primary, .catfish-classes .button.is-primary, .vue-component-wrapper .catfish-button.is-primary, .vue-component-wrapper .button.is-primary { background-color: #353E49; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-primary:hover, .catfish-classes .catfish-button.is-primary.is-hovered, .catfish-classes .button.is-primary:hover, .catfish-classes .button.is-primary.is-hovered, .vue-component-wrapper .catfish-button.is-primary:hover, .vue-component-wrapper .catfish-button.is-primary.is-hovered, .vue-component-wrapper .button.is-primary:hover, .vue-component-wrapper .button.is-primary.is-hovered { background-color: #303842; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-primary:focus, .catfish-classes .catfish-button.is-primary.is-focused, .catfish-classes .button.is-primary:focus, .catfish-classes .button.is-primary.is-focused, .vue-component-wrapper .catfish-button.is-primary:focus, .vue-component-wrapper .catfish-button.is-primary.is-focused, .vue-component-wrapper .button.is-primary:focus, .vue-component-wrapper .button.is-primary.is-focused { border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-primary:focus:not(:active), .catfish-classes .catfish-button.is-primary.is-focused:not(:active), .catfish-classes .button.is-primary:focus:not(:active), .catfish-classes .button.is-primary.is-focused:not(:active), .vue-component-wrapper .catfish-button.is-primary:focus:not(:active), .vue-component-wrapper .catfish-button.is-primary.is-focused:not(:active), .vue-component-wrapper .button.is-primary:focus:not(:active), .vue-component-wrapper .button.is-primary.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(53, 62, 73, 0.25); }
.catfish-classes .catfish-button.is-primary:active, .catfish-classes .catfish-button.is-primary.is-active, .catfish-classes .button.is-primary:active, .catfish-classes .button.is-primary.is-active, .vue-component-wrapper .catfish-button.is-primary:active, .vue-component-wrapper .catfish-button.is-primary.is-active, .vue-component-wrapper .button.is-primary:active, .vue-component-wrapper .button.is-primary.is-active { background-color: #2a313a; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-primary[disabled], .catfish-classes .button.is-primary[disabled], .vue-component-wrapper .catfish-button.is-primary[disabled], .vue-component-wrapper .button.is-primary[disabled] { background-color: #353E49; border-color: transparent; box-shadow: none; }
.catfish-classes .catfish-button.is-primary.is-inverted, .catfish-classes .button.is-primary.is-inverted, .vue-component-wrapper .catfish-button.is-primary.is-inverted, .vue-component-wrapper .button.is-primary.is-inverted { background-color: #fff; color: #353E49; }
.catfish-classes .catfish-button.is-primary.is-inverted:hover, .catfish-classes .button.is-primary.is-inverted:hover, .vue-component-wrapper .catfish-button.is-primary.is-inverted:hover, .vue-component-wrapper .button.is-primary.is-inverted:hover { background-color: #f2f2f2; }
.catfish-classes .catfish-button.is-primary.is-inverted[disabled], .catfish-classes .button.is-primary.is-inverted[disabled], .vue-component-wrapper .catfish-button.is-primary.is-inverted[disabled], .vue-component-wrapper .button.is-primary.is-inverted[disabled] { background-color: #fff; border-color: transparent; box-shadow: none; color: #353E49; }
.catfish-classes .catfish-button.is-primary.is-loading::after, .catfish-classes .button.is-primary.is-loading::after, .vue-component-wrapper .catfish-button.is-primary.is-loading::after, .vue-component-wrapper .button.is-primary.is-loading::after { border-color: transparent transparent #fff #fff !important; }
.catfish-classes .catfish-button.is-primary.is-outlined, .catfish-classes .button.is-primary.is-outlined, .vue-component-wrapper .catfish-button.is-primary.is-outlined, .vue-component-wrapper .button.is-primary.is-outlined { background-color: transparent; border-color: #353E49; color: #353E49; }
.catfish-classes .catfish-button.is-primary.is-outlined:hover, .catfish-classes .catfish-button.is-primary.is-outlined:focus, .catfish-classes .button.is-primary.is-outlined:hover, .catfish-classes .button.is-primary.is-outlined:focus, .vue-component-wrapper .catfish-button.is-primary.is-outlined:hover, .vue-component-wrapper .catfish-button.is-primary.is-outlined:focus, .vue-component-wrapper .button.is-primary.is-outlined:hover, .vue-component-wrapper .button.is-primary.is-outlined:focus { background-color: #353E49; border-color: #353E49; color: #fff; }
.catfish-classes .catfish-button.is-primary.is-outlined[disabled], .catfish-classes .button.is-primary.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-primary.is-outlined[disabled], .vue-component-wrapper .button.is-primary.is-outlined[disabled] { background-color: transparent; border-color: #353E49; box-shadow: none; color: #353E49; }
.catfish-classes .catfish-button.is-primary.is-outlined.is-loading::after, .catfish-classes .button.is-primary.is-outlined.is-loading::after, .vue-component-wrapper .catfish-button.is-primary.is-outlined.is-loading::after, .vue-component-wrapper .button.is-primary.is-outlined.is-loading::after { border-color: transparent transparent #353E49 #353E49 !important; }
.catfish-classes .catfish-button.is-primary.is-inverted.is-outlined, .catfish-classes .button.is-primary.is-inverted.is-outlined, .vue-component-wrapper .catfish-button.is-primary.is-inverted.is-outlined, .vue-component-wrapper .button.is-primary.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; }
.catfish-classes .catfish-button.is-primary.is-inverted.is-outlined:hover, .catfish-classes .catfish-button.is-primary.is-inverted.is-outlined:focus, .catfish-classes .button.is-primary.is-inverted.is-outlined:hover, .catfish-classes .button.is-primary.is-inverted.is-outlined:focus, .vue-component-wrapper .catfish-button.is-primary.is-inverted.is-outlined:hover, .vue-component-wrapper .catfish-button.is-primary.is-inverted.is-outlined:focus, .vue-component-wrapper .button.is-primary.is-inverted.is-outlined:hover, .vue-component-wrapper .button.is-primary.is-inverted.is-outlined:focus { background-color: #fff; color: #353E49; }
.catfish-classes .catfish-button.is-primary.is-inverted.is-outlined[disabled], .catfish-classes .button.is-primary.is-inverted.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-primary.is-inverted.is-outlined[disabled], .vue-component-wrapper .button.is-primary.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; }
.catfish-classes .catfish-button.is-secondary, .catfish-classes .button.is-secondary, .vue-component-wrapper .catfish-button.is-secondary, .vue-component-wrapper .button.is-secondary { background-color: #B86BFF; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-secondary:hover, .catfish-classes .catfish-button.is-secondary.is-hovered, .catfish-classes .button.is-secondary:hover, .catfish-classes .button.is-secondary.is-hovered, .vue-component-wrapper .catfish-button.is-secondary:hover, .vue-component-wrapper .catfish-button.is-secondary.is-hovered, .vue-component-wrapper .button.is-secondary:hover, .vue-component-wrapper .button.is-secondary.is-hovered { background-color: #b25eff; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-secondary:focus, .catfish-classes .catfish-button.is-secondary.is-focused, .catfish-classes .button.is-secondary:focus, .catfish-classes .button.is-secondary.is-focused, .vue-component-wrapper .catfish-button.is-secondary:focus, .vue-component-wrapper .catfish-button.is-secondary.is-focused, .vue-component-wrapper .button.is-secondary:focus, .vue-component-wrapper .button.is-secondary.is-focused { border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-secondary:focus:not(:active), .catfish-classes .catfish-button.is-secondary.is-focused:not(:active), .catfish-classes .button.is-secondary:focus:not(:active), .catfish-classes .button.is-secondary.is-focused:not(:active), .vue-component-wrapper .catfish-button.is-secondary:focus:not(:active), .vue-component-wrapper .catfish-button.is-secondary.is-focused:not(:active), .vue-component-wrapper .button.is-secondary:focus:not(:active), .vue-component-wrapper .button.is-secondary.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(184, 107, 255, 0.25); }
.catfish-classes .catfish-button.is-secondary:active, .catfish-classes .catfish-button.is-secondary.is-active, .catfish-classes .button.is-secondary:active, .catfish-classes .button.is-secondary.is-active, .vue-component-wrapper .catfish-button.is-secondary:active, .vue-component-wrapper .catfish-button.is-secondary.is-active, .vue-component-wrapper .button.is-secondary:active, .vue-component-wrapper .button.is-secondary.is-active { background-color: #ac52ff; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-secondary[disabled], .catfish-classes .button.is-secondary[disabled], .vue-component-wrapper .catfish-button.is-secondary[disabled], .vue-component-wrapper .button.is-secondary[disabled] { background-color: #B86BFF; border-color: transparent; box-shadow: none; }
.catfish-classes .catfish-button.is-secondary.is-inverted, .catfish-classes .button.is-secondary.is-inverted, .vue-component-wrapper .catfish-button.is-secondary.is-inverted, .vue-component-wrapper .button.is-secondary.is-inverted { background-color: #fff; color: #B86BFF; }
.catfish-classes .catfish-button.is-secondary.is-inverted:hover, .catfish-classes .button.is-secondary.is-inverted:hover, .vue-component-wrapper .catfish-button.is-secondary.is-inverted:hover, .vue-component-wrapper .button.is-secondary.is-inverted:hover { background-color: #f2f2f2; }
.catfish-classes .catfish-button.is-secondary.is-inverted[disabled], .catfish-classes .button.is-secondary.is-inverted[disabled], .vue-component-wrapper .catfish-button.is-secondary.is-inverted[disabled], .vue-component-wrapper .button.is-secondary.is-inverted[disabled] { background-color: #fff; border-color: transparent; box-shadow: none; color: #B86BFF; }
.catfish-classes .catfish-button.is-secondary.is-loading::after, .catfish-classes .button.is-secondary.is-loading::after, .vue-component-wrapper .catfish-button.is-secondary.is-loading::after, .vue-component-wrapper .button.is-secondary.is-loading::after { border-color: transparent transparent #fff #fff !important; }
.catfish-classes .catfish-button.is-secondary.is-outlined, .catfish-classes .button.is-secondary.is-outlined, .vue-component-wrapper .catfish-button.is-secondary.is-outlined, .vue-component-wrapper .button.is-secondary.is-outlined { background-color: transparent; border-color: #B86BFF; color: #B86BFF; }
.catfish-classes .catfish-button.is-secondary.is-outlined:hover, .catfish-classes .catfish-button.is-secondary.is-outlined:focus, .catfish-classes .button.is-secondary.is-outlined:hover, .catfish-classes .button.is-secondary.is-outlined:focus, .vue-component-wrapper .catfish-button.is-secondary.is-outlined:hover, .vue-component-wrapper .catfish-button.is-secondary.is-outlined:focus, .vue-component-wrapper .button.is-secondary.is-outlined:hover, .vue-component-wrapper .button.is-secondary.is-outlined:focus { background-color: #B86BFF; border-color: #B86BFF; color: #fff; }
.catfish-classes .catfish-button.is-secondary.is-outlined[disabled], .catfish-classes .button.is-secondary.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-secondary.is-outlined[disabled], .vue-component-wrapper .button.is-secondary.is-outlined[disabled] { background-color: transparent; border-color: #B86BFF; box-shadow: none; color: #B86BFF; }
.catfish-classes .catfish-button.is-secondary.is-outlined.is-loading::after, .catfish-classes .button.is-secondary.is-outlined.is-loading::after, .vue-component-wrapper .catfish-button.is-secondary.is-outlined.is-loading::after, .vue-component-wrapper .button.is-secondary.is-outlined.is-loading::after { border-color: transparent transparent #B86BFF #B86BFF !important; }
.catfish-classes .catfish-button.is-secondary.is-inverted.is-outlined, .catfish-classes .button.is-secondary.is-inverted.is-outlined, .vue-component-wrapper .catfish-button.is-secondary.is-inverted.is-outlined, .vue-component-wrapper .button.is-secondary.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; }
.catfish-classes .catfish-button.is-secondary.is-inverted.is-outlined:hover, .catfish-classes .catfish-button.is-secondary.is-inverted.is-outlined:focus, .catfish-classes .button.is-secondary.is-inverted.is-outlined:hover, .catfish-classes .button.is-secondary.is-inverted.is-outlined:focus, .vue-component-wrapper .catfish-button.is-secondary.is-inverted.is-outlined:hover, .vue-component-wrapper .catfish-button.is-secondary.is-inverted.is-outlined:focus, .vue-component-wrapper .button.is-secondary.is-inverted.is-outlined:hover, .vue-component-wrapper .button.is-secondary.is-inverted.is-outlined:focus { background-color: #fff; color: #B86BFF; }
.catfish-classes .catfish-button.is-secondary.is-inverted.is-outlined[disabled], .catfish-classes .button.is-secondary.is-inverted.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-secondary.is-inverted.is-outlined[disabled], .vue-component-wrapper .button.is-secondary.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; }
.catfish-classes .catfish-button.is-link, .catfish-classes .button.is-link, .vue-component-wrapper .catfish-button.is-link, .vue-component-wrapper .button.is-link { background-color: #353E49; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-link:hover, .catfish-classes .catfish-button.is-link.is-hovered, .catfish-classes .button.is-link:hover, .catfish-classes .button.is-link.is-hovered, .vue-component-wrapper .catfish-button.is-link:hover, .vue-component-wrapper .catfish-button.is-link.is-hovered, .vue-component-wrapper .button.is-link:hover, .vue-component-wrapper .button.is-link.is-hovered { background-color: #303842; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-link:focus, .catfish-classes .catfish-button.is-link.is-focused, .catfish-classes .button.is-link:focus, .catfish-classes .button.is-link.is-focused, .vue-component-wrapper .catfish-button.is-link:focus, .vue-component-wrapper .catfish-button.is-link.is-focused, .vue-component-wrapper .button.is-link:focus, .vue-component-wrapper .button.is-link.is-focused { border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-link:focus:not(:active), .catfish-classes .catfish-button.is-link.is-focused:not(:active), .catfish-classes .button.is-link:focus:not(:active), .catfish-classes .button.is-link.is-focused:not(:active), .vue-component-wrapper .catfish-button.is-link:focus:not(:active), .vue-component-wrapper .catfish-button.is-link.is-focused:not(:active), .vue-component-wrapper .button.is-link:focus:not(:active), .vue-component-wrapper .button.is-link.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(53, 62, 73, 0.25); }
.catfish-classes .catfish-button.is-link:active, .catfish-classes .catfish-button.is-link.is-active, .catfish-classes .button.is-link:active, .catfish-classes .button.is-link.is-active, .vue-component-wrapper .catfish-button.is-link:active, .vue-component-wrapper .catfish-button.is-link.is-active, .vue-component-wrapper .button.is-link:active, .vue-component-wrapper .button.is-link.is-active { background-color: #2a313a; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-link[disabled], .catfish-classes .button.is-link[disabled], .vue-component-wrapper .catfish-button.is-link[disabled], .vue-component-wrapper .button.is-link[disabled] { background-color: #353E49; border-color: transparent; box-shadow: none; }
.catfish-classes .catfish-button.is-link.is-inverted, .catfish-classes .button.is-link.is-inverted, .vue-component-wrapper .catfish-button.is-link.is-inverted, .vue-component-wrapper .button.is-link.is-inverted { background-color: #fff; color: #353E49; }
.catfish-classes .catfish-button.is-link.is-inverted:hover, .catfish-classes .button.is-link.is-inverted:hover, .vue-component-wrapper .catfish-button.is-link.is-inverted:hover, .vue-component-wrapper .button.is-link.is-inverted:hover { background-color: #f2f2f2; }
.catfish-classes .catfish-button.is-link.is-inverted[disabled], .catfish-classes .button.is-link.is-inverted[disabled], .vue-component-wrapper .catfish-button.is-link.is-inverted[disabled], .vue-component-wrapper .button.is-link.is-inverted[disabled] { background-color: #fff; border-color: transparent; box-shadow: none; color: #353E49; }
.catfish-classes .catfish-button.is-link.is-loading::after, .catfish-classes .button.is-link.is-loading::after, .vue-component-wrapper .catfish-button.is-link.is-loading::after, .vue-component-wrapper .button.is-link.is-loading::after { border-color: transparent transparent #fff #fff !important; }
.catfish-classes .catfish-button.is-link.is-outlined, .catfish-classes .button.is-link.is-outlined, .vue-component-wrapper .catfish-button.is-link.is-outlined, .vue-component-wrapper .button.is-link.is-outlined { background-color: transparent; border-color: #353E49; color: #353E49; }
.catfish-classes .catfish-button.is-link.is-outlined:hover, .catfish-classes .catfish-button.is-link.is-outlined:focus, .catfish-classes .button.is-link.is-outlined:hover, .catfish-classes .button.is-link.is-outlined:focus, .vue-component-wrapper .catfish-button.is-link.is-outlined:hover, .vue-component-wrapper .catfish-button.is-link.is-outlined:focus, .vue-component-wrapper .button.is-link.is-outlined:hover, .vue-component-wrapper .button.is-link.is-outlined:focus { background-color: #353E49; border-color: #353E49; color: #fff; }
.catfish-classes .catfish-button.is-link.is-outlined[disabled], .catfish-classes .button.is-link.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-link.is-outlined[disabled], .vue-component-wrapper .button.is-link.is-outlined[disabled] { background-color: transparent; border-color: #353E49; box-shadow: none; color: #353E49; }
.catfish-classes .catfish-button.is-link.is-outlined.is-loading::after, .catfish-classes .button.is-link.is-outlined.is-loading::after, .vue-component-wrapper .catfish-button.is-link.is-outlined.is-loading::after, .vue-component-wrapper .button.is-link.is-outlined.is-loading::after { border-color: transparent transparent #353E49 #353E49 !important; }
.catfish-classes .catfish-button.is-link.is-inverted.is-outlined, .catfish-classes .button.is-link.is-inverted.is-outlined, .vue-component-wrapper .catfish-button.is-link.is-inverted.is-outlined, .vue-component-wrapper .button.is-link.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; }
.catfish-classes .catfish-button.is-link.is-inverted.is-outlined:hover, .catfish-classes .catfish-button.is-link.is-inverted.is-outlined:focus, .catfish-classes .button.is-link.is-inverted.is-outlined:hover, .catfish-classes .button.is-link.is-inverted.is-outlined:focus, .vue-component-wrapper .catfish-button.is-link.is-inverted.is-outlined:hover, .vue-component-wrapper .catfish-button.is-link.is-inverted.is-outlined:focus, .vue-component-wrapper .button.is-link.is-inverted.is-outlined:hover, .vue-component-wrapper .button.is-link.is-inverted.is-outlined:focus { background-color: #fff; color: #353E49; }
.catfish-classes .catfish-button.is-link.is-inverted.is-outlined[disabled], .catfish-classes .button.is-link.is-inverted.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-link.is-inverted.is-outlined[disabled], .vue-component-wrapper .button.is-link.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; }
.catfish-classes .catfish-button.is-info, .catfish-classes .button.is-info, .vue-component-wrapper .catfish-button.is-info, .vue-component-wrapper .button.is-info { background-color: #209CEE; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-info:hover, .catfish-classes .catfish-button.is-info.is-hovered, .catfish-classes .button.is-info:hover, .catfish-classes .button.is-info.is-hovered, .vue-component-wrapper .catfish-button.is-info:hover, .vue-component-wrapper .catfish-button.is-info.is-hovered, .vue-component-wrapper .button.is-info:hover, .vue-component-wrapper .button.is-info.is-hovered { background-color: #1497ed; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-info:focus, .catfish-classes .catfish-button.is-info.is-focused, .catfish-classes .button.is-info:focus, .catfish-classes .button.is-info.is-focused, .vue-component-wrapper .catfish-button.is-info:focus, .vue-component-wrapper .catfish-button.is-info.is-focused, .vue-component-wrapper .button.is-info:focus, .vue-component-wrapper .button.is-info.is-focused { border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-info:focus:not(:active), .catfish-classes .catfish-button.is-info.is-focused:not(:active), .catfish-classes .button.is-info:focus:not(:active), .catfish-classes .button.is-info.is-focused:not(:active), .vue-component-wrapper .catfish-button.is-info:focus:not(:active), .vue-component-wrapper .catfish-button.is-info.is-focused:not(:active), .vue-component-wrapper .button.is-info:focus:not(:active), .vue-component-wrapper .button.is-info.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); }
.catfish-classes .catfish-button.is-info:active, .catfish-classes .catfish-button.is-info.is-active, .catfish-classes .button.is-info:active, .catfish-classes .button.is-info.is-active, .vue-component-wrapper .catfish-button.is-info:active, .vue-component-wrapper .catfish-button.is-info.is-active, .vue-component-wrapper .button.is-info:active, .vue-component-wrapper .button.is-info.is-active { background-color: #1190e3; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-info[disabled], .catfish-classes .button.is-info[disabled], .vue-component-wrapper .catfish-button.is-info[disabled], .vue-component-wrapper .button.is-info[disabled] { background-color: #209CEE; border-color: transparent; box-shadow: none; }
.catfish-classes .catfish-button.is-info.is-inverted, .catfish-classes .button.is-info.is-inverted, .vue-component-wrapper .catfish-button.is-info.is-inverted, .vue-component-wrapper .button.is-info.is-inverted { background-color: #fff; color: #209CEE; }
.catfish-classes .catfish-button.is-info.is-inverted:hover, .catfish-classes .button.is-info.is-inverted:hover, .vue-component-wrapper .catfish-button.is-info.is-inverted:hover, .vue-component-wrapper .button.is-info.is-inverted:hover { background-color: #f2f2f2; }
.catfish-classes .catfish-button.is-info.is-inverted[disabled], .catfish-classes .button.is-info.is-inverted[disabled], .vue-component-wrapper .catfish-button.is-info.is-inverted[disabled], .vue-component-wrapper .button.is-info.is-inverted[disabled] { background-color: #fff; border-color: transparent; box-shadow: none; color: #209CEE; }
.catfish-classes .catfish-button.is-info.is-loading::after, .catfish-classes .button.is-info.is-loading::after, .vue-component-wrapper .catfish-button.is-info.is-loading::after, .vue-component-wrapper .button.is-info.is-loading::after { border-color: transparent transparent #fff #fff !important; }
.catfish-classes .catfish-button.is-info.is-outlined, .catfish-classes .button.is-info.is-outlined, .vue-component-wrapper .catfish-button.is-info.is-outlined, .vue-component-wrapper .button.is-info.is-outlined { background-color: transparent; border-color: #209CEE; color: #209CEE; }
.catfish-classes .catfish-button.is-info.is-outlined:hover, .catfish-classes .catfish-button.is-info.is-outlined:focus, .catfish-classes .button.is-info.is-outlined:hover, .catfish-classes .button.is-info.is-outlined:focus, .vue-component-wrapper .catfish-button.is-info.is-outlined:hover, .vue-component-wrapper .catfish-button.is-info.is-outlined:focus, .vue-component-wrapper .button.is-info.is-outlined:hover, .vue-component-wrapper .button.is-info.is-outlined:focus { background-color: #209CEE; border-color: #209CEE; color: #fff; }
.catfish-classes .catfish-button.is-info.is-outlined[disabled], .catfish-classes .button.is-info.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-info.is-outlined[disabled], .vue-component-wrapper .button.is-info.is-outlined[disabled] { background-color: transparent; border-color: #209CEE; box-shadow: none; color: #209CEE; }
.catfish-classes .catfish-button.is-info.is-outlined.is-loading::after, .catfish-classes .button.is-info.is-outlined.is-loading::after, .vue-component-wrapper .catfish-button.is-info.is-outlined.is-loading::after, .vue-component-wrapper .button.is-info.is-outlined.is-loading::after { border-color: transparent transparent #209CEE #209CEE !important; }
.catfish-classes .catfish-button.is-info.is-inverted.is-outlined, .catfish-classes .button.is-info.is-inverted.is-outlined, .vue-component-wrapper .catfish-button.is-info.is-inverted.is-outlined, .vue-component-wrapper .button.is-info.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; }
.catfish-classes .catfish-button.is-info.is-inverted.is-outlined:hover, .catfish-classes .catfish-button.is-info.is-inverted.is-outlined:focus, .catfish-classes .button.is-info.is-inverted.is-outlined:hover, .catfish-classes .button.is-info.is-inverted.is-outlined:focus, .vue-component-wrapper .catfish-button.is-info.is-inverted.is-outlined:hover, .vue-component-wrapper .catfish-button.is-info.is-inverted.is-outlined:focus, .vue-component-wrapper .button.is-info.is-inverted.is-outlined:hover, .vue-component-wrapper .button.is-info.is-inverted.is-outlined:focus { background-color: #fff; color: #209CEE; }
.catfish-classes .catfish-button.is-info.is-inverted.is-outlined[disabled], .catfish-classes .button.is-info.is-inverted.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-info.is-inverted.is-outlined[disabled], .vue-component-wrapper .button.is-info.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; }
.catfish-classes .catfish-button.is-success, .catfish-classes .button.is-success, .vue-component-wrapper .catfish-button.is-success, .vue-component-wrapper .button.is-success { background-color: #23D160; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-success:hover, .catfish-classes .catfish-button.is-success.is-hovered, .catfish-classes .button.is-success:hover, .catfish-classes .button.is-success.is-hovered, .vue-component-wrapper .catfish-button.is-success:hover, .vue-component-wrapper .catfish-button.is-success.is-hovered, .vue-component-wrapper .button.is-success:hover, .vue-component-wrapper .button.is-success.is-hovered { background-color: #21c65b; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-success:focus, .catfish-classes .catfish-button.is-success.is-focused, .catfish-classes .button.is-success:focus, .catfish-classes .button.is-success.is-focused, .vue-component-wrapper .catfish-button.is-success:focus, .vue-component-wrapper .catfish-button.is-success.is-focused, .vue-component-wrapper .button.is-success:focus, .vue-component-wrapper .button.is-success.is-focused { border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-success:focus:not(:active), .catfish-classes .catfish-button.is-success.is-focused:not(:active), .catfish-classes .button.is-success:focus:not(:active), .catfish-classes .button.is-success.is-focused:not(:active), .vue-component-wrapper .catfish-button.is-success:focus:not(:active), .vue-component-wrapper .catfish-button.is-success.is-focused:not(:active), .vue-component-wrapper .button.is-success:focus:not(:active), .vue-component-wrapper .button.is-success.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); }
.catfish-classes .catfish-button.is-success:active, .catfish-classes .catfish-button.is-success.is-active, .catfish-classes .button.is-success:active, .catfish-classes .button.is-success.is-active, .vue-component-wrapper .catfish-button.is-success:active, .vue-component-wrapper .catfish-button.is-success.is-active, .vue-component-wrapper .button.is-success:active, .vue-component-wrapper .button.is-success.is-active { background-color: #1fbb56; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-success[disabled], .catfish-classes .button.is-success[disabled], .vue-component-wrapper .catfish-button.is-success[disabled], .vue-component-wrapper .button.is-success[disabled] { background-color: #23D160; border-color: transparent; box-shadow: none; }
.catfish-classes .catfish-button.is-success.is-inverted, .catfish-classes .button.is-success.is-inverted, .vue-component-wrapper .catfish-button.is-success.is-inverted, .vue-component-wrapper .button.is-success.is-inverted { background-color: #fff; color: #23D160; }
.catfish-classes .catfish-button.is-success.is-inverted:hover, .catfish-classes .button.is-success.is-inverted:hover, .vue-component-wrapper .catfish-button.is-success.is-inverted:hover, .vue-component-wrapper .button.is-success.is-inverted:hover { background-color: #f2f2f2; }
.catfish-classes .catfish-button.is-success.is-inverted[disabled], .catfish-classes .button.is-success.is-inverted[disabled], .vue-component-wrapper .catfish-button.is-success.is-inverted[disabled], .vue-component-wrapper .button.is-success.is-inverted[disabled] { background-color: #fff; border-color: transparent; box-shadow: none; color: #23D160; }
.catfish-classes .catfish-button.is-success.is-loading::after, .catfish-classes .button.is-success.is-loading::after, .vue-component-wrapper .catfish-button.is-success.is-loading::after, .vue-component-wrapper .button.is-success.is-loading::after { border-color: transparent transparent #fff #fff !important; }
.catfish-classes .catfish-button.is-success.is-outlined, .catfish-classes .button.is-success.is-outlined, .vue-component-wrapper .catfish-button.is-success.is-outlined, .vue-component-wrapper .button.is-success.is-outlined { background-color: transparent; border-color: #23D160; color: #23D160; }
.catfish-classes .catfish-button.is-success.is-outlined:hover, .catfish-classes .catfish-button.is-success.is-outlined:focus, .catfish-classes .button.is-success.is-outlined:hover, .catfish-classes .button.is-success.is-outlined:focus, .vue-component-wrapper .catfish-button.is-success.is-outlined:hover, .vue-component-wrapper .catfish-button.is-success.is-outlined:focus, .vue-component-wrapper .button.is-success.is-outlined:hover, .vue-component-wrapper .button.is-success.is-outlined:focus { background-color: #23D160; border-color: #23D160; color: #fff; }
.catfish-classes .catfish-button.is-success.is-outlined[disabled], .catfish-classes .button.is-success.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-success.is-outlined[disabled], .vue-component-wrapper .button.is-success.is-outlined[disabled] { background-color: transparent; border-color: #23D160; box-shadow: none; color: #23D160; }
.catfish-classes .catfish-button.is-success.is-outlined.is-loading::after, .catfish-classes .button.is-success.is-outlined.is-loading::after, .vue-component-wrapper .catfish-button.is-success.is-outlined.is-loading::after, .vue-component-wrapper .button.is-success.is-outlined.is-loading::after { border-color: transparent transparent #23D160 #23D160 !important; }
.catfish-classes .catfish-button.is-success.is-inverted.is-outlined, .catfish-classes .button.is-success.is-inverted.is-outlined, .vue-component-wrapper .catfish-button.is-success.is-inverted.is-outlined, .vue-component-wrapper .button.is-success.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; }
.catfish-classes .catfish-button.is-success.is-inverted.is-outlined:hover, .catfish-classes .catfish-button.is-success.is-inverted.is-outlined:focus, .catfish-classes .button.is-success.is-inverted.is-outlined:hover, .catfish-classes .button.is-success.is-inverted.is-outlined:focus, .vue-component-wrapper .catfish-button.is-success.is-inverted.is-outlined:hover, .vue-component-wrapper .catfish-button.is-success.is-inverted.is-outlined:focus, .vue-component-wrapper .button.is-success.is-inverted.is-outlined:hover, .vue-component-wrapper .button.is-success.is-inverted.is-outlined:focus { background-color: #fff; color: #23D160; }
.catfish-classes .catfish-button.is-success.is-inverted.is-outlined[disabled], .catfish-classes .button.is-success.is-inverted.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-success.is-inverted.is-outlined[disabled], .vue-component-wrapper .button.is-success.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; }
.catfish-classes .catfish-button.is-warning, .catfish-classes .button.is-warning, .vue-component-wrapper .catfish-button.is-warning, .vue-component-wrapper .button.is-warning { background-color: #FFDD57; border-color: transparent; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .catfish-button.is-warning:hover, .catfish-classes .catfish-button.is-warning.is-hovered, .catfish-classes .button.is-warning:hover, .catfish-classes .button.is-warning.is-hovered, .vue-component-wrapper .catfish-button.is-warning:hover, .vue-component-wrapper .catfish-button.is-warning.is-hovered, .vue-component-wrapper .button.is-warning:hover, .vue-component-wrapper .button.is-warning.is-hovered { background-color: #ffda4a; border-color: transparent; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .catfish-button.is-warning:focus, .catfish-classes .catfish-button.is-warning.is-focused, .catfish-classes .button.is-warning:focus, .catfish-classes .button.is-warning.is-focused, .vue-component-wrapper .catfish-button.is-warning:focus, .vue-component-wrapper .catfish-button.is-warning.is-focused, .vue-component-wrapper .button.is-warning:focus, .vue-component-wrapper .button.is-warning.is-focused { border-color: transparent; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .catfish-button.is-warning:focus:not(:active), .catfish-classes .catfish-button.is-warning.is-focused:not(:active), .catfish-classes .button.is-warning:focus:not(:active), .catfish-classes .button.is-warning.is-focused:not(:active), .vue-component-wrapper .catfish-button.is-warning:focus:not(:active), .vue-component-wrapper .catfish-button.is-warning.is-focused:not(:active), .vue-component-wrapper .button.is-warning:focus:not(:active), .vue-component-wrapper .button.is-warning.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); }
.catfish-classes .catfish-button.is-warning:active, .catfish-classes .catfish-button.is-warning.is-active, .catfish-classes .button.is-warning:active, .catfish-classes .button.is-warning.is-active, .vue-component-wrapper .catfish-button.is-warning:active, .vue-component-wrapper .catfish-button.is-warning.is-active, .vue-component-wrapper .button.is-warning:active, .vue-component-wrapper .button.is-warning.is-active { background-color: #ffd83e; border-color: transparent; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .catfish-button.is-warning[disabled], .catfish-classes .button.is-warning[disabled], .vue-component-wrapper .catfish-button.is-warning[disabled], .vue-component-wrapper .button.is-warning[disabled] { background-color: #FFDD57; border-color: transparent; box-shadow: none; }
.catfish-classes .catfish-button.is-warning.is-inverted, .catfish-classes .button.is-warning.is-inverted, .vue-component-wrapper .catfish-button.is-warning.is-inverted, .vue-component-wrapper .button.is-warning.is-inverted { background-color: rgba(26, 22, 9, 0.7); color: #FFDD57; }
.catfish-classes .catfish-button.is-warning.is-inverted:hover, .catfish-classes .button.is-warning.is-inverted:hover, .vue-component-wrapper .catfish-button.is-warning.is-inverted:hover, .vue-component-wrapper .button.is-warning.is-inverted:hover { background-color: rgba(7, 6, 2, 0.7); }
.catfish-classes .catfish-button.is-warning.is-inverted[disabled], .catfish-classes .button.is-warning.is-inverted[disabled], .vue-component-wrapper .catfish-button.is-warning.is-inverted[disabled], .vue-component-wrapper .button.is-warning.is-inverted[disabled] { background-color: rgba(26, 22, 9, 0.7); border-color: transparent; box-shadow: none; color: #FFDD57; }
.catfish-classes .catfish-button.is-warning.is-loading::after, .catfish-classes .button.is-warning.is-loading::after, .vue-component-wrapper .catfish-button.is-warning.is-loading::after, .vue-component-wrapper .button.is-warning.is-loading::after { border-color: transparent transparent rgba(26, 22, 9, 0.7) rgba(26, 22, 9, 0.7) !important; }
.catfish-classes .catfish-button.is-warning.is-outlined, .catfish-classes .button.is-warning.is-outlined, .vue-component-wrapper .catfish-button.is-warning.is-outlined, .vue-component-wrapper .button.is-warning.is-outlined { background-color: transparent; border-color: #FFDD57; color: #FFDD57; }
.catfish-classes .catfish-button.is-warning.is-outlined:hover, .catfish-classes .catfish-button.is-warning.is-outlined:focus, .catfish-classes .button.is-warning.is-outlined:hover, .catfish-classes .button.is-warning.is-outlined:focus, .vue-component-wrapper .catfish-button.is-warning.is-outlined:hover, .vue-component-wrapper .catfish-button.is-warning.is-outlined:focus, .vue-component-wrapper .button.is-warning.is-outlined:hover, .vue-component-wrapper .button.is-warning.is-outlined:focus { background-color: #FFDD57; border-color: #FFDD57; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .catfish-button.is-warning.is-outlined[disabled], .catfish-classes .button.is-warning.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-warning.is-outlined[disabled], .vue-component-wrapper .button.is-warning.is-outlined[disabled] { background-color: transparent; border-color: #FFDD57; box-shadow: none; color: #FFDD57; }
.catfish-classes .catfish-button.is-warning.is-outlined.is-loading::after, .catfish-classes .button.is-warning.is-outlined.is-loading::after, .vue-component-wrapper .catfish-button.is-warning.is-outlined.is-loading::after, .vue-component-wrapper .button.is-warning.is-outlined.is-loading::after { border-color: transparent transparent #FFDD57 #FFDD57 !important; }
.catfish-classes .catfish-button.is-warning.is-inverted.is-outlined, .catfish-classes .button.is-warning.is-inverted.is-outlined, .vue-component-wrapper .catfish-button.is-warning.is-inverted.is-outlined, .vue-component-wrapper .button.is-warning.is-inverted.is-outlined { background-color: transparent; border-color: rgba(26, 22, 9, 0.7); color: rgba(26, 22, 9, 0.7); }
.catfish-classes .catfish-button.is-warning.is-inverted.is-outlined:hover, .catfish-classes .catfish-button.is-warning.is-inverted.is-outlined:focus, .catfish-classes .button.is-warning.is-inverted.is-outlined:hover, .catfish-classes .button.is-warning.is-inverted.is-outlined:focus, .vue-component-wrapper .catfish-button.is-warning.is-inverted.is-outlined:hover, .vue-component-wrapper .catfish-button.is-warning.is-inverted.is-outlined:focus, .vue-component-wrapper .button.is-warning.is-inverted.is-outlined:hover, .vue-component-wrapper .button.is-warning.is-inverted.is-outlined:focus { background-color: rgba(26, 22, 9, 0.7); color: #FFDD57; }
.catfish-classes .catfish-button.is-warning.is-inverted.is-outlined[disabled], .catfish-classes .button.is-warning.is-inverted.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-warning.is-inverted.is-outlined[disabled], .vue-component-wrapper .button.is-warning.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: rgba(26, 22, 9, 0.7); box-shadow: none; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .catfish-button.is-danger, .catfish-classes .button.is-danger, .vue-component-wrapper .catfish-button.is-danger, .vue-component-wrapper .button.is-danger { background-color: #FF3860; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-danger:hover, .catfish-classes .catfish-button.is-danger.is-hovered, .catfish-classes .button.is-danger:hover, .catfish-classes .button.is-danger.is-hovered, .vue-component-wrapper .catfish-button.is-danger:hover, .vue-component-wrapper .catfish-button.is-danger.is-hovered, .vue-component-wrapper .button.is-danger:hover, .vue-component-wrapper .button.is-danger.is-hovered { background-color: #ff2b56; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-danger:focus, .catfish-classes .catfish-button.is-danger.is-focused, .catfish-classes .button.is-danger:focus, .catfish-classes .button.is-danger.is-focused, .vue-component-wrapper .catfish-button.is-danger:focus, .vue-component-wrapper .catfish-button.is-danger.is-focused, .vue-component-wrapper .button.is-danger:focus, .vue-component-wrapper .button.is-danger.is-focused { border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-danger:focus:not(:active), .catfish-classes .catfish-button.is-danger.is-focused:not(:active), .catfish-classes .button.is-danger:focus:not(:active), .catfish-classes .button.is-danger.is-focused:not(:active), .vue-component-wrapper .catfish-button.is-danger:focus:not(:active), .vue-component-wrapper .catfish-button.is-danger.is-focused:not(:active), .vue-component-wrapper .button.is-danger:focus:not(:active), .vue-component-wrapper .button.is-danger.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); }
.catfish-classes .catfish-button.is-danger:active, .catfish-classes .catfish-button.is-danger.is-active, .catfish-classes .button.is-danger:active, .catfish-classes .button.is-danger.is-active, .vue-component-wrapper .catfish-button.is-danger:active, .vue-component-wrapper .catfish-button.is-danger.is-active, .vue-component-wrapper .button.is-danger:active, .vue-component-wrapper .button.is-danger.is-active { background-color: #ff1f4c; border-color: transparent; color: #fff; }
.catfish-classes .catfish-button.is-danger[disabled], .catfish-classes .button.is-danger[disabled], .vue-component-wrapper .catfish-button.is-danger[disabled], .vue-component-wrapper .button.is-danger[disabled] { background-color: #FF3860; border-color: transparent; box-shadow: none; }
.catfish-classes .catfish-button.is-danger.is-inverted, .catfish-classes .button.is-danger.is-inverted, .vue-component-wrapper .catfish-button.is-danger.is-inverted, .vue-component-wrapper .button.is-danger.is-inverted { background-color: #fff; color: #FF3860; }
.catfish-classes .catfish-button.is-danger.is-inverted:hover, .catfish-classes .button.is-danger.is-inverted:hover, .vue-component-wrapper .catfish-button.is-danger.is-inverted:hover, .vue-component-wrapper .button.is-danger.is-inverted:hover { background-color: #f2f2f2; }
.catfish-classes .catfish-button.is-danger.is-inverted[disabled], .catfish-classes .button.is-danger.is-inverted[disabled], .vue-component-wrapper .catfish-button.is-danger.is-inverted[disabled], .vue-component-wrapper .button.is-danger.is-inverted[disabled] { background-color: #fff; border-color: transparent; box-shadow: none; color: #FF3860; }
.catfish-classes .catfish-button.is-danger.is-loading::after, .catfish-classes .button.is-danger.is-loading::after, .vue-component-wrapper .catfish-button.is-danger.is-loading::after, .vue-component-wrapper .button.is-danger.is-loading::after { border-color: transparent transparent #fff #fff !important; }
.catfish-classes .catfish-button.is-danger.is-outlined, .catfish-classes .button.is-danger.is-outlined, .vue-component-wrapper .catfish-button.is-danger.is-outlined, .vue-component-wrapper .button.is-danger.is-outlined { background-color: transparent; border-color: #FF3860; color: #FF3860; }
.catfish-classes .catfish-button.is-danger.is-outlined:hover, .catfish-classes .catfish-button.is-danger.is-outlined:focus, .catfish-classes .button.is-danger.is-outlined:hover, .catfish-classes .button.is-danger.is-outlined:focus, .vue-component-wrapper .catfish-button.is-danger.is-outlined:hover, .vue-component-wrapper .catfish-button.is-danger.is-outlined:focus, .vue-component-wrapper .button.is-danger.is-outlined:hover, .vue-component-wrapper .button.is-danger.is-outlined:focus { background-color: #FF3860; border-color: #FF3860; color: #fff; }
.catfish-classes .catfish-button.is-danger.is-outlined[disabled], .catfish-classes .button.is-danger.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-danger.is-outlined[disabled], .vue-component-wrapper .button.is-danger.is-outlined[disabled] { background-color: transparent; border-color: #FF3860; box-shadow: none; color: #FF3860; }
.catfish-classes .catfish-button.is-danger.is-outlined.is-loading::after, .catfish-classes .button.is-danger.is-outlined.is-loading::after, .vue-component-wrapper .catfish-button.is-danger.is-outlined.is-loading::after, .vue-component-wrapper .button.is-danger.is-outlined.is-loading::after { border-color: transparent transparent #FF3860 #FF3860 !important; }
.catfish-classes .catfish-button.is-danger.is-inverted.is-outlined, .catfish-classes .button.is-danger.is-inverted.is-outlined, .vue-component-wrapper .catfish-button.is-danger.is-inverted.is-outlined, .vue-component-wrapper .button.is-danger.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; }
.catfish-classes .catfish-button.is-danger.is-inverted.is-outlined:hover, .catfish-classes .catfish-button.is-danger.is-inverted.is-outlined:focus, .catfish-classes .button.is-danger.is-inverted.is-outlined:hover, .catfish-classes .button.is-danger.is-inverted.is-outlined:focus, .vue-component-wrapper .catfish-button.is-danger.is-inverted.is-outlined:hover, .vue-component-wrapper .catfish-button.is-danger.is-inverted.is-outlined:focus, .vue-component-wrapper .button.is-danger.is-inverted.is-outlined:hover, .vue-component-wrapper .button.is-danger.is-inverted.is-outlined:focus { background-color: #fff; color: #FF3860; }
.catfish-classes .catfish-button.is-danger.is-inverted.is-outlined[disabled], .catfish-classes .button.is-danger.is-inverted.is-outlined[disabled], .vue-component-wrapper .catfish-button.is-danger.is-inverted.is-outlined[disabled], .vue-component-wrapper .button.is-danger.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; }
.catfish-classes .catfish-button.is-small, .catfish-classes .button.is-small, .vue-component-wrapper .catfish-button.is-small, .vue-component-wrapper .button.is-small { font-size: 0.833em; padding-left: 0.75rem; padding-right: 0.75rem; }
.catfish-classes .catfish-button.is-medium, .catfish-classes .button.is-medium, .vue-component-wrapper .catfish-button.is-medium, .vue-component-wrapper .button.is-medium { font-size: 1.2em; }
.catfish-classes .catfish-button.is-large, .catfish-classes .button.is-large, .vue-component-wrapper .catfish-button.is-large, .vue-component-wrapper .button.is-large { font-size: 1.44em; }
.catfish-classes .catfish-button[disabled], .catfish-classes .button[disabled], .vue-component-wrapper .catfish-button[disabled], .vue-component-wrapper .button[disabled] { background-color: #FFFFFF; border-color: transparent; box-shadow: none; opacity: 0.5; }
.catfish-classes .catfish-button.is-fullwidth, .catfish-classes .button.is-fullwidth, .vue-component-wrapper .catfish-button.is-fullwidth, .vue-component-wrapper .button.is-fullwidth { display: flex; width: 100%; }
.catfish-classes .catfish-button.is-loading, .catfish-classes .button.is-loading, .vue-component-wrapper .catfish-button.is-loading, .vue-component-wrapper .button.is-loading { color: transparent !important; pointer-events: none; }
.catfish-classes .catfish-button.is-loading::after, .catfish-classes .button.is-loading::after, .vue-component-wrapper .catfish-button.is-loading::after, .vue-component-wrapper .button.is-loading::after { position: absolute; left: calc(50% - (1em / 2)); top: calc(50% - (1em / 2)); position: absolute !important; }
.catfish-classes .catfish-button.is-static, .catfish-classes .button.is-static, .vue-component-wrapper .catfish-button.is-static, .vue-component-wrapper .button.is-static { background-color: #f5f5f5; border-color: #dbdbdb; color: #7a7a7a; box-shadow: none; pointer-events: none; }
.catfish-classes .catfish-button.is-rounded, .catfish-classes .button.is-rounded, .vue-component-wrapper .catfish-button.is-rounded, .vue-component-wrapper .button.is-rounded { border-radius: 290486px; padding-left: 1em ; padding-right: 1em ; }
.catfish-classes .buttons, .vue-component-wrapper .buttons { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.catfish-classes .buttons .ui-button, .catfish-classes .buttons .catfish-button, .catfish-classes .buttons .button, .vue-component-wrapper .buttons .ui-button, .vue-component-wrapper .buttons .catfish-button, .vue-component-wrapper .buttons .button { margin-bottom: 0.5rem; }
.catfish-classes .buttons:not(.is-fullwidth) > .buttons:not(:last-child), .catfish-classes .buttons:not(.is-fullwidth) .ui-button:not(:last-child), .catfish-classes .buttons:not(.is-fullwidth) .catfish-button:not(:last-child), .catfish-classes .buttons:not(.is-fullwidth) .button:not(:last-child), .vue-component-wrapper .buttons:not(.is-fullwidth) > .buttons:not(:last-child), .vue-component-wrapper .buttons:not(.is-fullwidth) .ui-button:not(:last-child), .vue-component-wrapper .buttons:not(.is-fullwidth) .catfish-button:not(:last-child), .vue-component-wrapper .buttons:not(.is-fullwidth) .button:not(:last-child) { margin-right: 0.5rem ; }
.catfish-classes .buttons.is-fullwidth .ui-button, .catfish-classes .buttons.is-fullwidth .catfish-button, .catfish-classes .buttons.is-fullwidth .button, .vue-component-wrapper .buttons.is-fullwidth .ui-button, .vue-component-wrapper .buttons.is-fullwidth .catfish-button, .vue-component-wrapper .buttons.is-fullwidth .button { width: 100%; }
.catfish-classes .buttons:last-child, .vue-component-wrapper .buttons:last-child { margin-bottom: -0.5rem; }
.catfish-classes .buttons:not(:last-child), .vue-component-wrapper .buttons:not(:last-child) { margin-bottom: 0.5rem; }
.catfish-classes .buttons.has-addons .catfish-button:not(:first-child), .catfish-classes .buttons.has-addons .button:not(:first-child), .vue-component-wrapper .buttons.has-addons .catfish-button:not(:first-child), .vue-component-wrapper .buttons.has-addons .button:not(:first-child) { -webkit-border-bottom-left-radius: 0; -moz-border-bottomleft-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-topleft-radius: 0; border-top-left-radius: 0; }
.catfish-classes .buttons.has-addons .catfish-button:not(:last-child), .catfish-classes .buttons.has-addons .button:not(:last-child), .vue-component-wrapper .buttons.has-addons .catfish-button:not(:last-child), .vue-component-wrapper .buttons.has-addons .button:not(:last-child) { -webkit-border-bottom-right-radius: 0; -moz-border-bottomright-radius: 0; border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-topright-radius: 0; border-top-right-radius: 0; margin-right: -1px ; }
.catfish-classes .buttons.has-addons .catfish-button:last-child, .catfish-classes .buttons.has-addons .button:last-child, .vue-component-wrapper .buttons.has-addons .catfish-button:last-child, .vue-component-wrapper .buttons.has-addons .button:last-child { margin-right: 0 ; }
.catfish-classes .buttons.has-addons .catfish-button:hover, .catfish-classes .buttons.has-addons .catfish-button.is-hovered, .catfish-classes .buttons.has-addons .button:hover, .catfish-classes .buttons.has-addons .button.is-hovered, .vue-component-wrapper .buttons.has-addons .catfish-button:hover, .vue-component-wrapper .buttons.has-addons .catfish-button.is-hovered, .vue-component-wrapper .buttons.has-addons .button:hover, .vue-component-wrapper .buttons.has-addons .button.is-hovered { z-index: 2; }
.catfish-classes .buttons.has-addons .catfish-button:focus, .catfish-classes .buttons.has-addons .catfish-button.is-focused, .catfish-classes .buttons.has-addons .catfish-button:active, .catfish-classes .buttons.has-addons .catfish-button.is-active, .catfish-classes .buttons.has-addons .catfish-button.is-selected, .catfish-classes .buttons.has-addons .button:focus, .catfish-classes .buttons.has-addons .button.is-focused, .catfish-classes .buttons.has-addons .button:active, .catfish-classes .buttons.has-addons .button.is-active, .catfish-classes .buttons.has-addons .button.is-selected, .vue-component-wrapper .buttons.has-addons .catfish-button:focus, .vue-component-wrapper .buttons.has-addons .catfish-button.is-focused, .vue-component-wrapper .buttons.has-addons .catfish-button:active, .vue-component-wrapper .buttons.has-addons .catfish-button.is-active, .vue-component-wrapper .buttons.has-addons .catfish-button.is-selected, .vue-component-wrapper .buttons.has-addons .button:focus, .vue-component-wrapper .buttons.has-addons .button.is-focused, .vue-component-wrapper .buttons.has-addons .button:active, .vue-component-wrapper .buttons.has-addons .button.is-active, .vue-component-wrapper .buttons.has-addons .button.is-selected { z-index: 3; }
.catfish-classes .buttons.has-addons .catfish-button:focus:hover, .catfish-classes .buttons.has-addons .catfish-button.is-focused:hover, .catfish-classes .buttons.has-addons .catfish-button:active:hover, .catfish-classes .buttons.has-addons .catfish-button.is-active:hover, .catfish-classes .buttons.has-addons .catfish-button.is-selected:hover, .catfish-classes .buttons.has-addons .button:focus:hover, .catfish-classes .buttons.has-addons .button.is-focused:hover, .catfish-classes .buttons.has-addons .button:active:hover, .catfish-classes .buttons.has-addons .button.is-active:hover, .catfish-classes .buttons.has-addons .button.is-selected:hover, .vue-component-wrapper .buttons.has-addons .catfish-button:focus:hover, .vue-component-wrapper .buttons.has-addons .catfish-button.is-focused:hover, .vue-component-wrapper .buttons.has-addons .catfish-button:active:hover, .vue-component-wrapper .buttons.has-addons .catfish-button.is-active:hover, .vue-component-wrapper .buttons.has-addons .catfish-button.is-selected:hover, .vue-component-wrapper .buttons.has-addons .button:focus:hover, .vue-component-wrapper .buttons.has-addons .button.is-focused:hover, .vue-component-wrapper .buttons.has-addons .button:active:hover, .vue-component-wrapper .buttons.has-addons .button.is-active:hover, .vue-component-wrapper .buttons.has-addons .button.is-selected:hover { z-index: 4; }
.catfish-classes .buttons.has-addons .catfish-button.is-expanded, .catfish-classes .buttons.has-addons .button.is-expanded, .vue-component-wrapper .buttons.has-addons .catfish-button.is-expanded, .vue-component-wrapper .buttons.has-addons .button.is-expanded { flex-grow: 1; }
.catfish-classes .buttons.is-centered, .vue-component-wrapper .buttons.is-centered { justify-content: center; }
.catfish-classes .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth), .vue-component-wrapper .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { margin-left: 0.25rem ; margin-right: 0.25rem ; }
.catfish-classes .buttons.is-right, .vue-component-wrapper .buttons.is-right { justify-content: flex-end; }
.catfish-classes .buttons.is-spread, .vue-component-wrapper .buttons.is-spread { justify-content: space-between; }
.catfish-classes .uploadWrapper .fileupload-buttonbar, .vue-component-wrapper .uploadWrapper .fileupload-buttonbar { overflow: hidden; }
.catfish-classes .skip-to-button-container, .vue-component-wrapper .skip-to-button-container { position: relative; z-index: 2147483647; }
.catfish-classes .skipButton, .vue-component-wrapper .skipButton { width: fit-content; color: white; position: fixed; top: 15px; left: 15px; padding: .75rem 1rem; background: #292929; border: none; outline: 2px solid transparent; outline-offset: 2px; cursor: pointer; transform: translateY(-200%); transition: .2s; }
.catfish-classes .skipButton.is-shown, .vue-component-wrapper .skipButton.is-shown { display: block !important; }
.catfish-classes .skipButton:focus, .catfish-classes .skipButton:focus-within, .catfish-classes .skipButton:hover, .vue-component-wrapper .skipButton:focus, .vue-component-wrapper .skipButton:focus-within, .vue-component-wrapper .skipButton:hover { outline-color: #292929; outline-offset: 2px; visibility: visible; transform: translateY(0); }
.catfish-classes .content li + li, .vue-component-wrapper .content li + li { margin-top: 0.25em; }
.catfish-classes .content p:not(:last-child), .catfish-classes .content dl:not(:last-child), .catfish-classes .content ol:not(:last-child), .catfish-classes .content ul:not(:last-child), .catfish-classes .content blockquote:not(:last-child), .catfish-classes .content pre:not(:last-child), .catfish-classes .content table:not(:last-child), .vue-component-wrapper .content p:not(:last-child), .vue-component-wrapper .content dl:not(:last-child), .vue-component-wrapper .content ol:not(:last-child), .vue-component-wrapper .content ul:not(:last-child), .vue-component-wrapper .content blockquote:not(:last-child), .vue-component-wrapper .content pre:not(:last-child), .vue-component-wrapper .content table:not(:last-child) { margin-bottom: 1em; }
.catfish-classes .content h1, .catfish-classes .content h2, .catfish-classes .content h3, .catfish-classes .content footer h4, footer .catfish-classes .content h4, .catfish-classes .content footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .catfish-classes .content .enter-address-title, .catfish-classes .content .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .catfish-classes .content .enter-address-title, .catfish-classes .content h4, .catfish-classes .content .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv .catfish-classes .content .enter-address-title, .catfish-classes .content h5, .catfish-classes .content h6, .catfish-classes .content .block-account-navigation .title, .block-account-navigation .catfish-classes .content .title, .vue-component-wrapper .content h1, .vue-component-wrapper .content h2, .vue-component-wrapper .content h3, .vue-component-wrapper .content footer h4, footer .vue-component-wrapper .content h4, .vue-component-wrapper .content footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .vue-component-wrapper .content .enter-address-title, .vue-component-wrapper .content .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .vue-component-wrapper .content .enter-address-title, .vue-component-wrapper .content h4, .vue-component-wrapper .content .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv .vue-component-wrapper .content .enter-address-title, .vue-component-wrapper .content h5, .vue-component-wrapper .content h6, .vue-component-wrapper .content .block-account-navigation .title, .block-account-navigation .vue-component-wrapper .content .title { color: #4a4a4a; font-weight: 600; line-height: 1.125; }
.catfish-classes .content h1, .vue-component-wrapper .content h1 { font-size: 2em; margin-bottom: 0.5em; }
.catfish-classes .content h1:not(:first-child), .vue-component-wrapper .content h1:not(:first-child) { margin-top: 1em; }
.catfish-classes .content h2, .vue-component-wrapper .content h2 { font-size: 1.75em; margin-bottom: 0.5714em; }
.catfish-classes .content h2:not(:first-child), .vue-component-wrapper .content h2:not(:first-child) { margin-top: 1.1428em; }
.catfish-classes .content h3, .catfish-classes .content footer h4, footer .catfish-classes .content h4, .catfish-classes .content footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .catfish-classes .content .enter-address-title, .catfish-classes .content .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .catfish-classes .content .enter-address-title, .vue-component-wrapper .content h3, .vue-component-wrapper .content footer h4, footer .vue-component-wrapper .content h4, .vue-component-wrapper .content footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .vue-component-wrapper .content .enter-address-title, .vue-component-wrapper .content .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .vue-component-wrapper .content .enter-address-title { font-size: 1.5em; margin-bottom: 0.6666em; }
.catfish-classes .content h3:not(:first-child), .catfish-classes .content footer h4:not(:first-child), footer .catfish-classes .content h4:not(:first-child), .catfish-classes .content footer .checkout-page__shipping-address #newAddressDiv .enter-address-title:not(:first-child), footer .checkout-page__shipping-address #newAddressDiv .catfish-classes .content .enter-address-title:not(:first-child), .catfish-classes .content .checkout-page__shipping-address #newAddressDiv footer .enter-address-title:not(:first-child), .checkout-page__shipping-address #newAddressDiv footer .catfish-classes .content .enter-address-title:not(:first-child), .vue-component-wrapper .content h3:not(:first-child), .vue-component-wrapper .content footer h4:not(:first-child), footer .vue-component-wrapper .content h4:not(:first-child), .vue-component-wrapper .content footer .checkout-page__shipping-address #newAddressDiv .enter-address-title:not(:first-child), footer .checkout-page__shipping-address #newAddressDiv .vue-component-wrapper .content .enter-address-title:not(:first-child), .vue-component-wrapper .content .checkout-page__shipping-address #newAddressDiv footer .enter-address-title:not(:first-child), .checkout-page__shipping-address #newAddressDiv footer .vue-component-wrapper .content .enter-address-title:not(:first-child) { margin-top: 1.3333em; }
.catfish-classes .content h4, .catfish-classes .content .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv .catfish-classes .content .enter-address-title, .vue-component-wrapper .content h4, .vue-component-wrapper .content .checkout-page__shipping-address #newAddressDiv .enter-address-title, .checkout-page__shipping-address #newAddressDiv .vue-component-wrapper .content .enter-address-title { font-size: 1.25em; margin-bottom: 0.8em; }
.catfish-classes .content h5, .vue-component-wrapper .content h5 { font-size: 1.125em; margin-bottom: 0.8888em; }
.catfish-classes .content h6, .catfish-classes .content .block-account-navigation .title, .block-account-navigation .catfish-classes .content .title, .vue-component-wrapper .content h6, .vue-component-wrapper .content .block-account-navigation .title, .block-account-navigation .vue-component-wrapper .content .title { font-size: 1em; margin-bottom: 1em; }
.catfish-classes .content blockquote, .vue-component-wrapper .content blockquote { border-left: 5px solid #dbdbdb; background-color: #f5f5f5; padding: 1.25em 1.5em; }
.catfish-classes .content ol, .vue-component-wrapper .content ol { list-style: decimal outside; margin-top: 1em; margin-left: 2em ; }
.catfish-classes .content ul, .vue-component-wrapper .content ul { margin-left: 2em ; list-style: disc outside; margin-top: 1em; }
.catfish-classes .content ul ul, .vue-component-wrapper .content ul ul { list-style-type: circle; margin-top: 0.5em; }
.catfish-classes .content ul ul ul, .vue-component-wrapper .content ul ul ul { list-style-type: square; }
.catfish-classes .content dd, .vue-component-wrapper .content dd { margin-left: 2em ; }
.catfish-classes .content figure, .vue-component-wrapper .content figure { margin-left: 2em ; margin-right: 2em ; text-align: center; }
.catfish-classes .content figure:not(:first-child), .vue-component-wrapper .content figure:not(:first-child) { margin-top: 2em; }
.catfish-classes .content figure:not(:last-child), .vue-component-wrapper .content figure:not(:last-child) { margin-bottom: 2em; }
.catfish-classes .content figure img, .vue-component-wrapper .content figure img { display: inline-block; }
.catfish-classes .content figure figcaption, .vue-component-wrapper .content figure figcaption { font-style: italic; }
.catfish-classes .content pre, .vue-component-wrapper .content pre { -webkit-overflow-scrolling: touch; overflow-x: auto; padding: 1.25em 1.5em; white-space: pre; word-wrap: normal; }
.catfish-classes .content sup, .catfish-classes .content sub, .vue-component-wrapper .content sup, .vue-component-wrapper .content sub { font-size: 75%; }
.catfish-classes .content table, .vue-component-wrapper .content table { width: 100%; }
.catfish-classes .content table td, .catfish-classes .content table th, .vue-component-wrapper .content table td, .vue-component-wrapper .content table th { border: 1px solid #dbdbdb; border-width: 0 0 1px; padding: 0.5em 0.75em; vertical-align: top; }
.catfish-classes .content table th, .vue-component-wrapper .content table th { color: #4a4a4a; text-align: left; }
.catfish-classes .content table thead td, .catfish-classes .content table thead th, .vue-component-wrapper .content table thead td, .vue-component-wrapper .content table thead th { border-width: 0 0 2px; color: #4a4a4a; }
.catfish-classes .content table tfoot td, .catfish-classes .content table tfoot th, .vue-component-wrapper .content table tfoot td, .vue-component-wrapper .content table tfoot th { border-width: 2px 0 0; color: #4a4a4a; }
.catfish-classes .content table tbody tr:last-child td, .catfish-classes .content table tbody tr:last-child th, .vue-component-wrapper .content table tbody tr:last-child td, .vue-component-wrapper .content table tbody tr:last-child th { border-bottom-width: 0; }
.catfish-classes .content.is-small, .vue-component-wrapper .content.is-small { font-size: 0.833em; }
.catfish-classes .content.is-medium, .vue-component-wrapper .content.is-medium { font-size: 1.2em; }
.catfish-classes .content.is-large, .vue-component-wrapper .content.is-large { font-size: 1.44em; }
.catfish-classes .input, .catfish-classes .catfish-input, .catfish-classes .catfish-select, .catfish-classes .textarea, .catfish-classes .catfish-textarea, .vue-component-wrapper .input, .vue-component-wrapper .catfish-input, .vue-component-wrapper .catfish-select, .vue-component-wrapper .textarea, .vue-component-wrapper .catfish-textarea { background-color: #FFFFFF; border-color: #353E49; border-width: 1px; color: #363636; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); min-width: 0; max-width: 100%; width: 100%; }
.catfish-classes .input::-moz-placeholder, .catfish-classes .catfish-input::-moz-placeholder, .catfish-classes .catfish-select::-moz-placeholder, .catfish-classes .textarea::-moz-placeholder, .catfish-classes .catfish-textarea::-moz-placeholder, .vue-component-wrapper .input::-moz-placeholder, .vue-component-wrapper .catfish-input::-moz-placeholder, .vue-component-wrapper .catfish-select::-moz-placeholder, .vue-component-wrapper .textarea::-moz-placeholder, .vue-component-wrapper .catfish-textarea::-moz-placeholder { color: rgba(54, 54, 54, 0.3); }
.catfish-classes .input::-webkit-input-placeholder, .catfish-classes .catfish-input::-webkit-input-placeholder, .catfish-classes .catfish-select::-webkit-input-placeholder, .catfish-classes .textarea::-webkit-input-placeholder, .catfish-classes .catfish-textarea::-webkit-input-placeholder, .vue-component-wrapper .input::-webkit-input-placeholder, .vue-component-wrapper .catfish-input::-webkit-input-placeholder, .vue-component-wrapper .catfish-select::-webkit-input-placeholder, .vue-component-wrapper .textarea::-webkit-input-placeholder, .vue-component-wrapper .catfish-textarea::-webkit-input-placeholder { color: rgba(54, 54, 54, 0.3); }
.catfish-classes .input:-moz-placeholder, .catfish-classes .catfish-input:-moz-placeholder, .catfish-classes .catfish-select:-moz-placeholder, .catfish-classes .textarea:-moz-placeholder, .catfish-classes .catfish-textarea:-moz-placeholder, .vue-component-wrapper .input:-moz-placeholder, .vue-component-wrapper .catfish-input:-moz-placeholder, .vue-component-wrapper .catfish-select:-moz-placeholder, .vue-component-wrapper .textarea:-moz-placeholder, .vue-component-wrapper .catfish-textarea:-moz-placeholder { color: rgba(54, 54, 54, 0.3); }
.catfish-classes .input:-ms-input-placeholder, .catfish-classes .catfish-input:-ms-input-placeholder, .catfish-classes .catfish-select:-ms-input-placeholder, .catfish-classes .textarea:-ms-input-placeholder, .catfish-classes .catfish-textarea:-ms-input-placeholder, .vue-component-wrapper .input:-ms-input-placeholder, .vue-component-wrapper .catfish-input:-ms-input-placeholder, .vue-component-wrapper .catfish-select:-ms-input-placeholder, .vue-component-wrapper .textarea:-ms-input-placeholder, .vue-component-wrapper .catfish-textarea:-ms-input-placeholder { color: rgba(54, 54, 54, 0.3); }
.catfish-classes .input:hover, .catfish-classes .input.is-hovered, .catfish-classes .catfish-input:hover, .catfish-classes .catfish-input.is-hovered, .catfish-classes .catfish-select:hover, .catfish-classes .catfish-select.is-hovered, .catfish-classes .textarea:hover, .catfish-classes .textarea.is-hovered, .catfish-classes .catfish-textarea:hover, .catfish-classes .catfish-textarea.is-hovered, .vue-component-wrapper .input:hover, .vue-component-wrapper .input.is-hovered, .vue-component-wrapper .catfish-input:hover, .vue-component-wrapper .catfish-input.is-hovered, .vue-component-wrapper .catfish-select:hover, .vue-component-wrapper .catfish-select.is-hovered, .vue-component-wrapper .textarea:hover, .vue-component-wrapper .textarea.is-hovered, .vue-component-wrapper .catfish-textarea:hover, .vue-component-wrapper .catfish-textarea.is-hovered { border-color: #b5b5b5; }
.catfish-classes .input:focus, .catfish-classes .input.is-focused, .catfish-classes .input:active, .catfish-classes .input.is-active, .catfish-classes .catfish-input:focus, .catfish-classes .catfish-input.is-focused, .catfish-classes .catfish-input:active, .catfish-classes .catfish-input.is-active, .catfish-classes .catfish-select:focus, .catfish-classes .catfish-select.is-focused, .catfish-classes .catfish-select:active, .catfish-classes .catfish-select.is-active, .catfish-classes .textarea:focus, .catfish-classes .textarea.is-focused, .catfish-classes .textarea:active, .catfish-classes .textarea.is-active, .catfish-classes .catfish-textarea:focus, .catfish-classes .catfish-textarea.is-focused, .catfish-classes .catfish-textarea:active, .catfish-classes .catfish-textarea.is-active, .vue-component-wrapper .input:focus, .vue-component-wrapper .input.is-focused, .vue-component-wrapper .input:active, .vue-component-wrapper .input.is-active, .vue-component-wrapper .catfish-input:focus, .vue-component-wrapper .catfish-input.is-focused, .vue-component-wrapper .catfish-input:active, .vue-component-wrapper .catfish-input.is-active, .vue-component-wrapper .catfish-select:focus, .vue-component-wrapper .catfish-select.is-focused, .vue-component-wrapper .catfish-select:active, .vue-component-wrapper .catfish-select.is-active, .vue-component-wrapper .textarea:focus, .vue-component-wrapper .textarea.is-focused, .vue-component-wrapper .textarea:active, .vue-component-wrapper .textarea.is-active, .vue-component-wrapper .catfish-textarea:focus, .vue-component-wrapper .catfish-textarea.is-focused, .vue-component-wrapper .catfish-textarea:active, .vue-component-wrapper .catfish-textarea.is-active { border-color: #353E49; box-shadow: 0 0 0 0.125em rgba(53, 62, 73, 0.25); }
.catfish-classes .input[readonly], .catfish-classes .input[disabled], .catfish-classes .catfish-input[readonly], .catfish-classes .catfish-input[disabled], .catfish-classes .catfish-select[readonly], .catfish-classes .catfish-select[disabled], .catfish-classes .textarea[readonly], .catfish-classes .textarea[disabled], .catfish-classes .catfish-textarea[readonly], .catfish-classes .catfish-textarea[disabled], .vue-component-wrapper .input[readonly], .vue-component-wrapper .input[disabled], .vue-component-wrapper .catfish-input[readonly], .vue-component-wrapper .catfish-input[disabled], .vue-component-wrapper .catfish-select[readonly], .vue-component-wrapper .catfish-select[disabled], .vue-component-wrapper .textarea[readonly], .vue-component-wrapper .textarea[disabled], .vue-component-wrapper .catfish-textarea[readonly], .vue-component-wrapper .catfish-textarea[disabled] { background-color: #f5f5f5; border-color: #f5f5f5; box-shadow: none; color: #4a4a4a; }
.catfish-classes .input[readonly]::-moz-placeholder, .catfish-classes .input[disabled]::-moz-placeholder, .catfish-classes .catfish-input[readonly]::-moz-placeholder, .catfish-classes .catfish-input[disabled]::-moz-placeholder, .catfish-classes .catfish-select[readonly]::-moz-placeholder, .catfish-classes .catfish-select[disabled]::-moz-placeholder, .catfish-classes .textarea[readonly]::-moz-placeholder, .catfish-classes .textarea[disabled]::-moz-placeholder, .catfish-classes .catfish-textarea[readonly]::-moz-placeholder, .catfish-classes .catfish-textarea[disabled]::-moz-placeholder, .vue-component-wrapper .input[readonly]::-moz-placeholder, .vue-component-wrapper .input[disabled]::-moz-placeholder, .vue-component-wrapper .catfish-input[readonly]::-moz-placeholder, .vue-component-wrapper .catfish-input[disabled]::-moz-placeholder, .vue-component-wrapper .catfish-select[readonly]::-moz-placeholder, .vue-component-wrapper .catfish-select[disabled]::-moz-placeholder, .vue-component-wrapper .textarea[readonly]::-moz-placeholder, .vue-component-wrapper .textarea[disabled]::-moz-placeholder, .vue-component-wrapper .catfish-textarea[readonly]::-moz-placeholder, .vue-component-wrapper .catfish-textarea[disabled]::-moz-placeholder { color: rgba(74, 74, 74, 0.3); }
.catfish-classes .input[readonly]::-webkit-input-placeholder, .catfish-classes .input[disabled]::-webkit-input-placeholder, .catfish-classes .catfish-input[readonly]::-webkit-input-placeholder, .catfish-classes .catfish-input[disabled]::-webkit-input-placeholder, .catfish-classes .catfish-select[readonly]::-webkit-input-placeholder, .catfish-classes .catfish-select[disabled]::-webkit-input-placeholder, .catfish-classes .textarea[readonly]::-webkit-input-placeholder, .catfish-classes .textarea[disabled]::-webkit-input-placeholder, .catfish-classes .catfish-textarea[readonly]::-webkit-input-placeholder, .catfish-classes .catfish-textarea[disabled]::-webkit-input-placeholder, .vue-component-wrapper .input[readonly]::-webkit-input-placeholder, .vue-component-wrapper .input[disabled]::-webkit-input-placeholder, .vue-component-wrapper .catfish-input[readonly]::-webkit-input-placeholder, .vue-component-wrapper .catfish-input[disabled]::-webkit-input-placeholder, .vue-component-wrapper .catfish-select[readonly]::-webkit-input-placeholder, .vue-component-wrapper .catfish-select[disabled]::-webkit-input-placeholder, .vue-component-wrapper .textarea[readonly]::-webkit-input-placeholder, .vue-component-wrapper .textarea[disabled]::-webkit-input-placeholder, .vue-component-wrapper .catfish-textarea[readonly]::-webkit-input-placeholder, .vue-component-wrapper .catfish-textarea[disabled]::-webkit-input-placeholder { color: rgba(74, 74, 74, 0.3); }
.catfish-classes .input[readonly]:-moz-placeholder, .catfish-classes .input[disabled]:-moz-placeholder, .catfish-classes .catfish-input[readonly]:-moz-placeholder, .catfish-classes .catfish-input[disabled]:-moz-placeholder, .catfish-classes .catfish-select[readonly]:-moz-placeholder, .catfish-classes .catfish-select[disabled]:-moz-placeholder, .catfish-classes .textarea[readonly]:-moz-placeholder, .catfish-classes .textarea[disabled]:-moz-placeholder, .catfish-classes .catfish-textarea[readonly]:-moz-placeholder, .catfish-classes .catfish-textarea[disabled]:-moz-placeholder, .vue-component-wrapper .input[readonly]:-moz-placeholder, .vue-component-wrapper .input[disabled]:-moz-placeholder, .vue-component-wrapper .catfish-input[readonly]:-moz-placeholder, .vue-component-wrapper .catfish-input[disabled]:-moz-placeholder, .vue-component-wrapper .catfish-select[readonly]:-moz-placeholder, .vue-component-wrapper .catfish-select[disabled]:-moz-placeholder, .vue-component-wrapper .textarea[readonly]:-moz-placeholder, .vue-component-wrapper .textarea[disabled]:-moz-placeholder, .vue-component-wrapper .catfish-textarea[readonly]:-moz-placeholder, .vue-component-wrapper .catfish-textarea[disabled]:-moz-placeholder { color: rgba(74, 74, 74, 0.3); }
.catfish-classes .input[readonly]:-ms-input-placeholder, .catfish-classes .input[disabled]:-ms-input-placeholder, .catfish-classes .catfish-input[readonly]:-ms-input-placeholder, .catfish-classes .catfish-input[disabled]:-ms-input-placeholder, .catfish-classes .catfish-select[readonly]:-ms-input-placeholder, .catfish-classes .catfish-select[disabled]:-ms-input-placeholder, .catfish-classes .textarea[readonly]:-ms-input-placeholder, .catfish-classes .textarea[disabled]:-ms-input-placeholder, .catfish-classes .catfish-textarea[readonly]:-ms-input-placeholder, .catfish-classes .catfish-textarea[disabled]:-ms-input-placeholder, .vue-component-wrapper .input[readonly]:-ms-input-placeholder, .vue-component-wrapper .input[disabled]:-ms-input-placeholder, .vue-component-wrapper .catfish-input[readonly]:-ms-input-placeholder, .vue-component-wrapper .catfish-input[disabled]:-ms-input-placeholder, .vue-component-wrapper .catfish-select[readonly]:-ms-input-placeholder, .vue-component-wrapper .catfish-select[disabled]:-ms-input-placeholder, .vue-component-wrapper .textarea[readonly]:-ms-input-placeholder, .vue-component-wrapper .textarea[disabled]:-ms-input-placeholder, .vue-component-wrapper .catfish-textarea[readonly]:-ms-input-placeholder, .vue-component-wrapper .catfish-textarea[disabled]:-ms-input-placeholder { color: rgba(74, 74, 74, 0.3); }
.catfish-classes .input[disabled], .catfish-classes .input[readonly], .catfish-classes .catfish-input[disabled], .catfish-classes .catfish-input[readonly], .catfish-classes .catfish-select[disabled], .catfish-classes .catfish-select[readonly], .catfish-classes .textarea[disabled], .catfish-classes .textarea[readonly], .catfish-classes .catfish-textarea[disabled], .catfish-classes .catfish-textarea[readonly], .vue-component-wrapper .input[disabled], .vue-component-wrapper .input[readonly], .vue-component-wrapper .catfish-input[disabled], .vue-component-wrapper .catfish-input[readonly], .vue-component-wrapper .catfish-select[disabled], .vue-component-wrapper .catfish-select[readonly], .vue-component-wrapper .textarea[disabled], .vue-component-wrapper .textarea[readonly], .vue-component-wrapper .catfish-textarea[disabled], .vue-component-wrapper .catfish-textarea[readonly] { box-shadow: none; }
.catfish-classes .input.is-white, .catfish-classes .catfish-input.is-white, .catfish-classes .catfish-select.is-white, .catfish-classes .textarea.is-white, .catfish-classes .catfish-textarea.is-white, .vue-component-wrapper .input.is-white, .vue-component-wrapper .catfish-input.is-white, .vue-component-wrapper .catfish-select.is-white, .vue-component-wrapper .textarea.is-white, .vue-component-wrapper .catfish-textarea.is-white { border-color: white; }
.catfish-classes .input.is-white:focus, .catfish-classes .input.is-white.is-focused, .catfish-classes .input.is-white:active, .catfish-classes .input.is-white.is-active, .catfish-classes .catfish-input.is-white:focus, .catfish-classes .catfish-input.is-white.is-focused, .catfish-classes .catfish-input.is-white:active, .catfish-classes .catfish-input.is-white.is-active, .catfish-classes .catfish-select.is-white:focus, .catfish-classes .catfish-select.is-white.is-focused, .catfish-classes .catfish-select.is-white:active, .catfish-classes .catfish-select.is-white.is-active, .catfish-classes .textarea.is-white:focus, .catfish-classes .textarea.is-white.is-focused, .catfish-classes .textarea.is-white:active, .catfish-classes .textarea.is-white.is-active, .catfish-classes .catfish-textarea.is-white:focus, .catfish-classes .catfish-textarea.is-white.is-focused, .catfish-classes .catfish-textarea.is-white:active, .catfish-classes .catfish-textarea.is-white.is-active, .vue-component-wrapper .input.is-white:focus, .vue-component-wrapper .input.is-white.is-focused, .vue-component-wrapper .input.is-white:active, .vue-component-wrapper .input.is-white.is-active, .vue-component-wrapper .catfish-input.is-white:focus, .vue-component-wrapper .catfish-input.is-white.is-focused, .vue-component-wrapper .catfish-input.is-white:active, .vue-component-wrapper .catfish-input.is-white.is-active, .vue-component-wrapper .catfish-select.is-white:focus, .vue-component-wrapper .catfish-select.is-white.is-focused, .vue-component-wrapper .catfish-select.is-white:active, .vue-component-wrapper .catfish-select.is-white.is-active, .vue-component-wrapper .textarea.is-white:focus, .vue-component-wrapper .textarea.is-white.is-focused, .vue-component-wrapper .textarea.is-white:active, .vue-component-wrapper .textarea.is-white.is-active, .vue-component-wrapper .catfish-textarea.is-white:focus, .vue-component-wrapper .catfish-textarea.is-white.is-focused, .vue-component-wrapper .catfish-textarea.is-white:active, .vue-component-wrapper .catfish-textarea.is-white.is-active { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
.catfish-classes .input.is-black, .catfish-classes .catfish-input.is-black, .catfish-classes .catfish-select.is-black, .catfish-classes .textarea.is-black, .catfish-classes .catfish-textarea.is-black, .vue-component-wrapper .input.is-black, .vue-component-wrapper .catfish-input.is-black, .vue-component-wrapper .catfish-select.is-black, .vue-component-wrapper .textarea.is-black, .vue-component-wrapper .catfish-textarea.is-black { border-color: #0a0a0a; }
.catfish-classes .input.is-black:focus, .catfish-classes .input.is-black.is-focused, .catfish-classes .input.is-black:active, .catfish-classes .input.is-black.is-active, .catfish-classes .catfish-input.is-black:focus, .catfish-classes .catfish-input.is-black.is-focused, .catfish-classes .catfish-input.is-black:active, .catfish-classes .catfish-input.is-black.is-active, .catfish-classes .catfish-select.is-black:focus, .catfish-classes .catfish-select.is-black.is-focused, .catfish-classes .catfish-select.is-black:active, .catfish-classes .catfish-select.is-black.is-active, .catfish-classes .textarea.is-black:focus, .catfish-classes .textarea.is-black.is-focused, .catfish-classes .textarea.is-black:active, .catfish-classes .textarea.is-black.is-active, .catfish-classes .catfish-textarea.is-black:focus, .catfish-classes .catfish-textarea.is-black.is-focused, .catfish-classes .catfish-textarea.is-black:active, .catfish-classes .catfish-textarea.is-black.is-active, .vue-component-wrapper .input.is-black:focus, .vue-component-wrapper .input.is-black.is-focused, .vue-component-wrapper .input.is-black:active, .vue-component-wrapper .input.is-black.is-active, .vue-component-wrapper .catfish-input.is-black:focus, .vue-component-wrapper .catfish-input.is-black.is-focused, .vue-component-wrapper .catfish-input.is-black:active, .vue-component-wrapper .catfish-input.is-black.is-active, .vue-component-wrapper .catfish-select.is-black:focus, .vue-component-wrapper .catfish-select.is-black.is-focused, .vue-component-wrapper .catfish-select.is-black:active, .vue-component-wrapper .catfish-select.is-black.is-active, .vue-component-wrapper .textarea.is-black:focus, .vue-component-wrapper .textarea.is-black.is-focused, .vue-component-wrapper .textarea.is-black:active, .vue-component-wrapper .textarea.is-black.is-active, .vue-component-wrapper .catfish-textarea.is-black:focus, .vue-component-wrapper .catfish-textarea.is-black.is-focused, .vue-component-wrapper .catfish-textarea.is-black:active, .vue-component-wrapper .catfish-textarea.is-black.is-active { box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
.catfish-classes .input.is-light, .catfish-classes .catfish-input.is-light, .catfish-classes .catfish-select.is-light, .catfish-classes .textarea.is-light, .catfish-classes .catfish-textarea.is-light, .vue-component-wrapper .input.is-light, .vue-component-wrapper .catfish-input.is-light, .vue-component-wrapper .catfish-select.is-light, .vue-component-wrapper .textarea.is-light, .vue-component-wrapper .catfish-textarea.is-light { border-color: #f5f5f5; }
.catfish-classes .input.is-light:focus, .catfish-classes .input.is-light.is-focused, .catfish-classes .input.is-light:active, .catfish-classes .input.is-light.is-active, .catfish-classes .catfish-input.is-light:focus, .catfish-classes .catfish-input.is-light.is-focused, .catfish-classes .catfish-input.is-light:active, .catfish-classes .catfish-input.is-light.is-active, .catfish-classes .catfish-select.is-light:focus, .catfish-classes .catfish-select.is-light.is-focused, .catfish-classes .catfish-select.is-light:active, .catfish-classes .catfish-select.is-light.is-active, .catfish-classes .textarea.is-light:focus, .catfish-classes .textarea.is-light.is-focused, .catfish-classes .textarea.is-light:active, .catfish-classes .textarea.is-light.is-active, .catfish-classes .catfish-textarea.is-light:focus, .catfish-classes .catfish-textarea.is-light.is-focused, .catfish-classes .catfish-textarea.is-light:active, .catfish-classes .catfish-textarea.is-light.is-active, .vue-component-wrapper .input.is-light:focus, .vue-component-wrapper .input.is-light.is-focused, .vue-component-wrapper .input.is-light:active, .vue-component-wrapper .input.is-light.is-active, .vue-component-wrapper .catfish-input.is-light:focus, .vue-component-wrapper .catfish-input.is-light.is-focused, .vue-component-wrapper .catfish-input.is-light:active, .vue-component-wrapper .catfish-input.is-light.is-active, .vue-component-wrapper .catfish-select.is-light:focus, .vue-component-wrapper .catfish-select.is-light.is-focused, .vue-component-wrapper .catfish-select.is-light:active, .vue-component-wrapper .catfish-select.is-light.is-active, .vue-component-wrapper .textarea.is-light:focus, .vue-component-wrapper .textarea.is-light.is-focused, .vue-component-wrapper .textarea.is-light:active, .vue-component-wrapper .textarea.is-light.is-active, .vue-component-wrapper .catfish-textarea.is-light:focus, .vue-component-wrapper .catfish-textarea.is-light.is-focused, .vue-component-wrapper .catfish-textarea.is-light:active, .vue-component-wrapper .catfish-textarea.is-light.is-active { box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
.catfish-classes .input.is-dark, .catfish-classes .catfish-input.is-dark, .catfish-classes .catfish-select.is-dark, .catfish-classes .textarea.is-dark, .catfish-classes .catfish-textarea.is-dark, .vue-component-wrapper .input.is-dark, .vue-component-wrapper .catfish-input.is-dark, .vue-component-wrapper .catfish-select.is-dark, .vue-component-wrapper .textarea.is-dark, .vue-component-wrapper .catfish-textarea.is-dark { border-color: #4a4a4a; }
.catfish-classes .input.is-dark:focus, .catfish-classes .input.is-dark.is-focused, .catfish-classes .input.is-dark:active, .catfish-classes .input.is-dark.is-active, .catfish-classes .catfish-input.is-dark:focus, .catfish-classes .catfish-input.is-dark.is-focused, .catfish-classes .catfish-input.is-dark:active, .catfish-classes .catfish-input.is-dark.is-active, .catfish-classes .catfish-select.is-dark:focus, .catfish-classes .catfish-select.is-dark.is-focused, .catfish-classes .catfish-select.is-dark:active, .catfish-classes .catfish-select.is-dark.is-active, .catfish-classes .textarea.is-dark:focus, .catfish-classes .textarea.is-dark.is-focused, .catfish-classes .textarea.is-dark:active, .catfish-classes .textarea.is-dark.is-active, .catfish-classes .catfish-textarea.is-dark:focus, .catfish-classes .catfish-textarea.is-dark.is-focused, .catfish-classes .catfish-textarea.is-dark:active, .catfish-classes .catfish-textarea.is-dark.is-active, .vue-component-wrapper .input.is-dark:focus, .vue-component-wrapper .input.is-dark.is-focused, .vue-component-wrapper .input.is-dark:active, .vue-component-wrapper .input.is-dark.is-active, .vue-component-wrapper .catfish-input.is-dark:focus, .vue-component-wrapper .catfish-input.is-dark.is-focused, .vue-component-wrapper .catfish-input.is-dark:active, .vue-component-wrapper .catfish-input.is-dark.is-active, .vue-component-wrapper .catfish-select.is-dark:focus, .vue-component-wrapper .catfish-select.is-dark.is-focused, .vue-component-wrapper .catfish-select.is-dark:active, .vue-component-wrapper .catfish-select.is-dark.is-active, .vue-component-wrapper .textarea.is-dark:focus, .vue-component-wrapper .textarea.is-dark.is-focused, .vue-component-wrapper .textarea.is-dark:active, .vue-component-wrapper .textarea.is-dark.is-active, .vue-component-wrapper .catfish-textarea.is-dark:focus, .vue-component-wrapper .catfish-textarea.is-dark.is-focused, .vue-component-wrapper .catfish-textarea.is-dark:active, .vue-component-wrapper .catfish-textarea.is-dark.is-active { box-shadow: 0 0 0 0.125em rgba(74, 74, 74, 0.25); }
.catfish-classes .input.is-primary, .catfish-classes .catfish-input.is-primary, .catfish-classes .catfish-select.is-primary, .catfish-classes .textarea.is-primary, .catfish-classes .catfish-textarea.is-primary, .vue-component-wrapper .input.is-primary, .vue-component-wrapper .catfish-input.is-primary, .vue-component-wrapper .catfish-select.is-primary, .vue-component-wrapper .textarea.is-primary, .vue-component-wrapper .catfish-textarea.is-primary { border-color: #353E49; }
.catfish-classes .input.is-primary:focus, .catfish-classes .input.is-primary.is-focused, .catfish-classes .input.is-primary:active, .catfish-classes .input.is-primary.is-active, .catfish-classes .catfish-input.is-primary:focus, .catfish-classes .catfish-input.is-primary.is-focused, .catfish-classes .catfish-input.is-primary:active, .catfish-classes .catfish-input.is-primary.is-active, .catfish-classes .catfish-select.is-primary:focus, .catfish-classes .catfish-select.is-primary.is-focused, .catfish-classes .catfish-select.is-primary:active, .catfish-classes .catfish-select.is-primary.is-active, .catfish-classes .textarea.is-primary:focus, .catfish-classes .textarea.is-primary.is-focused, .catfish-classes .textarea.is-primary:active, .catfish-classes .textarea.is-primary.is-active, .catfish-classes .catfish-textarea.is-primary:focus, .catfish-classes .catfish-textarea.is-primary.is-focused, .catfish-classes .catfish-textarea.is-primary:active, .catfish-classes .catfish-textarea.is-primary.is-active, .vue-component-wrapper .input.is-primary:focus, .vue-component-wrapper .input.is-primary.is-focused, .vue-component-wrapper .input.is-primary:active, .vue-component-wrapper .input.is-primary.is-active, .vue-component-wrapper .catfish-input.is-primary:focus, .vue-component-wrapper .catfish-input.is-primary.is-focused, .vue-component-wrapper .catfish-input.is-primary:active, .vue-component-wrapper .catfish-input.is-primary.is-active, .vue-component-wrapper .catfish-select.is-primary:focus, .vue-component-wrapper .catfish-select.is-primary.is-focused, .vue-component-wrapper .catfish-select.is-primary:active, .vue-component-wrapper .catfish-select.is-primary.is-active, .vue-component-wrapper .textarea.is-primary:focus, .vue-component-wrapper .textarea.is-primary.is-focused, .vue-component-wrapper .textarea.is-primary:active, .vue-component-wrapper .textarea.is-primary.is-active, .vue-component-wrapper .catfish-textarea.is-primary:focus, .vue-component-wrapper .catfish-textarea.is-primary.is-focused, .vue-component-wrapper .catfish-textarea.is-primary:active, .vue-component-wrapper .catfish-textarea.is-primary.is-active { box-shadow: 0 0 0 0.125em rgba(53, 62, 73, 0.25); }
.catfish-classes .input.is-secondary, .catfish-classes .catfish-input.is-secondary, .catfish-classes .catfish-select.is-secondary, .catfish-classes .textarea.is-secondary, .catfish-classes .catfish-textarea.is-secondary, .vue-component-wrapper .input.is-secondary, .vue-component-wrapper .catfish-input.is-secondary, .vue-component-wrapper .catfish-select.is-secondary, .vue-component-wrapper .textarea.is-secondary, .vue-component-wrapper .catfish-textarea.is-secondary { border-color: #B86BFF; }
.catfish-classes .input.is-secondary:focus, .catfish-classes .input.is-secondary.is-focused, .catfish-classes .input.is-secondary:active, .catfish-classes .input.is-secondary.is-active, .catfish-classes .catfish-input.is-secondary:focus, .catfish-classes .catfish-input.is-secondary.is-focused, .catfish-classes .catfish-input.is-secondary:active, .catfish-classes .catfish-input.is-secondary.is-active, .catfish-classes .catfish-select.is-secondary:focus, .catfish-classes .catfish-select.is-secondary.is-focused, .catfish-classes .catfish-select.is-secondary:active, .catfish-classes .catfish-select.is-secondary.is-active, .catfish-classes .textarea.is-secondary:focus, .catfish-classes .textarea.is-secondary.is-focused, .catfish-classes .textarea.is-secondary:active, .catfish-classes .textarea.is-secondary.is-active, .catfish-classes .catfish-textarea.is-secondary:focus, .catfish-classes .catfish-textarea.is-secondary.is-focused, .catfish-classes .catfish-textarea.is-secondary:active, .catfish-classes .catfish-textarea.is-secondary.is-active, .vue-component-wrapper .input.is-secondary:focus, .vue-component-wrapper .input.is-secondary.is-focused, .vue-component-wrapper .input.is-secondary:active, .vue-component-wrapper .input.is-secondary.is-active, .vue-component-wrapper .catfish-input.is-secondary:focus, .vue-component-wrapper .catfish-input.is-secondary.is-focused, .vue-component-wrapper .catfish-input.is-secondary:active, .vue-component-wrapper .catfish-input.is-secondary.is-active, .vue-component-wrapper .catfish-select.is-secondary:focus, .vue-component-wrapper .catfish-select.is-secondary.is-focused, .vue-component-wrapper .catfish-select.is-secondary:active, .vue-component-wrapper .catfish-select.is-secondary.is-active, .vue-component-wrapper .textarea.is-secondary:focus, .vue-component-wrapper .textarea.is-secondary.is-focused, .vue-component-wrapper .textarea.is-secondary:active, .vue-component-wrapper .textarea.is-secondary.is-active, .vue-component-wrapper .catfish-textarea.is-secondary:focus, .vue-component-wrapper .catfish-textarea.is-secondary.is-focused, .vue-component-wrapper .catfish-textarea.is-secondary:active, .vue-component-wrapper .catfish-textarea.is-secondary.is-active { box-shadow: 0 0 0 0.125em rgba(184, 107, 255, 0.25); }
.catfish-classes .input.is-link, .catfish-classes .catfish-input.is-link, .catfish-classes .catfish-select.is-link, .catfish-classes .textarea.is-link, .catfish-classes .catfish-textarea.is-link, .vue-component-wrapper .input.is-link, .vue-component-wrapper .catfish-input.is-link, .vue-component-wrapper .catfish-select.is-link, .vue-component-wrapper .textarea.is-link, .vue-component-wrapper .catfish-textarea.is-link { border-color: #353E49; }
.catfish-classes .input.is-link:focus, .catfish-classes .input.is-link.is-focused, .catfish-classes .input.is-link:active, .catfish-classes .input.is-link.is-active, .catfish-classes .catfish-input.is-link:focus, .catfish-classes .catfish-input.is-link.is-focused, .catfish-classes .catfish-input.is-link:active, .catfish-classes .catfish-input.is-link.is-active, .catfish-classes .catfish-select.is-link:focus, .catfish-classes .catfish-select.is-link.is-focused, .catfish-classes .catfish-select.is-link:active, .catfish-classes .catfish-select.is-link.is-active, .catfish-classes .textarea.is-link:focus, .catfish-classes .textarea.is-link.is-focused, .catfish-classes .textarea.is-link:active, .catfish-classes .textarea.is-link.is-active, .catfish-classes .catfish-textarea.is-link:focus, .catfish-classes .catfish-textarea.is-link.is-focused, .catfish-classes .catfish-textarea.is-link:active, .catfish-classes .catfish-textarea.is-link.is-active, .vue-component-wrapper .input.is-link:focus, .vue-component-wrapper .input.is-link.is-focused, .vue-component-wrapper .input.is-link:active, .vue-component-wrapper .input.is-link.is-active, .vue-component-wrapper .catfish-input.is-link:focus, .vue-component-wrapper .catfish-input.is-link.is-focused, .vue-component-wrapper .catfish-input.is-link:active, .vue-component-wrapper .catfish-input.is-link.is-active, .vue-component-wrapper .catfish-select.is-link:focus, .vue-component-wrapper .catfish-select.is-link.is-focused, .vue-component-wrapper .catfish-select.is-link:active, .vue-component-wrapper .catfish-select.is-link.is-active, .vue-component-wrapper .textarea.is-link:focus, .vue-component-wrapper .textarea.is-link.is-focused, .vue-component-wrapper .textarea.is-link:active, .vue-component-wrapper .textarea.is-link.is-active, .vue-component-wrapper .catfish-textarea.is-link:focus, .vue-component-wrapper .catfish-textarea.is-link.is-focused, .vue-component-wrapper .catfish-textarea.is-link:active, .vue-component-wrapper .catfish-textarea.is-link.is-active { box-shadow: 0 0 0 0.125em rgba(53, 62, 73, 0.25); }
.catfish-classes .input.is-info, .catfish-classes .catfish-input.is-info, .catfish-classes .catfish-select.is-info, .catfish-classes .textarea.is-info, .catfish-classes .catfish-textarea.is-info, .vue-component-wrapper .input.is-info, .vue-component-wrapper .catfish-input.is-info, .vue-component-wrapper .catfish-select.is-info, .vue-component-wrapper .textarea.is-info, .vue-component-wrapper .catfish-textarea.is-info { border-color: #209CEE; }
.catfish-classes .input.is-info:focus, .catfish-classes .input.is-info.is-focused, .catfish-classes .input.is-info:active, .catfish-classes .input.is-info.is-active, .catfish-classes .catfish-input.is-info:focus, .catfish-classes .catfish-input.is-info.is-focused, .catfish-classes .catfish-input.is-info:active, .catfish-classes .catfish-input.is-info.is-active, .catfish-classes .catfish-select.is-info:focus, .catfish-classes .catfish-select.is-info.is-focused, .catfish-classes .catfish-select.is-info:active, .catfish-classes .catfish-select.is-info.is-active, .catfish-classes .textarea.is-info:focus, .catfish-classes .textarea.is-info.is-focused, .catfish-classes .textarea.is-info:active, .catfish-classes .textarea.is-info.is-active, .catfish-classes .catfish-textarea.is-info:focus, .catfish-classes .catfish-textarea.is-info.is-focused, .catfish-classes .catfish-textarea.is-info:active, .catfish-classes .catfish-textarea.is-info.is-active, .vue-component-wrapper .input.is-info:focus, .vue-component-wrapper .input.is-info.is-focused, .vue-component-wrapper .input.is-info:active, .vue-component-wrapper .input.is-info.is-active, .vue-component-wrapper .catfish-input.is-info:focus, .vue-component-wrapper .catfish-input.is-info.is-focused, .vue-component-wrapper .catfish-input.is-info:active, .vue-component-wrapper .catfish-input.is-info.is-active, .vue-component-wrapper .catfish-select.is-info:focus, .vue-component-wrapper .catfish-select.is-info.is-focused, .vue-component-wrapper .catfish-select.is-info:active, .vue-component-wrapper .catfish-select.is-info.is-active, .vue-component-wrapper .textarea.is-info:focus, .vue-component-wrapper .textarea.is-info.is-focused, .vue-component-wrapper .textarea.is-info:active, .vue-component-wrapper .textarea.is-info.is-active, .vue-component-wrapper .catfish-textarea.is-info:focus, .vue-component-wrapper .catfish-textarea.is-info.is-focused, .vue-component-wrapper .catfish-textarea.is-info:active, .vue-component-wrapper .catfish-textarea.is-info.is-active { box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); }
.catfish-classes .input.is-success, .catfish-classes .catfish-input.is-success, .catfish-classes .catfish-select.is-success, .catfish-classes .textarea.is-success, .catfish-classes .catfish-textarea.is-success, .vue-component-wrapper .input.is-success, .vue-component-wrapper .catfish-input.is-success, .vue-component-wrapper .catfish-select.is-success, .vue-component-wrapper .textarea.is-success, .vue-component-wrapper .catfish-textarea.is-success { border-color: #23D160; }
.catfish-classes .input.is-success:focus, .catfish-classes .input.is-success.is-focused, .catfish-classes .input.is-success:active, .catfish-classes .input.is-success.is-active, .catfish-classes .catfish-input.is-success:focus, .catfish-classes .catfish-input.is-success.is-focused, .catfish-classes .catfish-input.is-success:active, .catfish-classes .catfish-input.is-success.is-active, .catfish-classes .catfish-select.is-success:focus, .catfish-classes .catfish-select.is-success.is-focused, .catfish-classes .catfish-select.is-success:active, .catfish-classes .catfish-select.is-success.is-active, .catfish-classes .textarea.is-success:focus, .catfish-classes .textarea.is-success.is-focused, .catfish-classes .textarea.is-success:active, .catfish-classes .textarea.is-success.is-active, .catfish-classes .catfish-textarea.is-success:focus, .catfish-classes .catfish-textarea.is-success.is-focused, .catfish-classes .catfish-textarea.is-success:active, .catfish-classes .catfish-textarea.is-success.is-active, .vue-component-wrapper .input.is-success:focus, .vue-component-wrapper .input.is-success.is-focused, .vue-component-wrapper .input.is-success:active, .vue-component-wrapper .input.is-success.is-active, .vue-component-wrapper .catfish-input.is-success:focus, .vue-component-wrapper .catfish-input.is-success.is-focused, .vue-component-wrapper .catfish-input.is-success:active, .vue-component-wrapper .catfish-input.is-success.is-active, .vue-component-wrapper .catfish-select.is-success:focus, .vue-component-wrapper .catfish-select.is-success.is-focused, .vue-component-wrapper .catfish-select.is-success:active, .vue-component-wrapper .catfish-select.is-success.is-active, .vue-component-wrapper .textarea.is-success:focus, .vue-component-wrapper .textarea.is-success.is-focused, .vue-component-wrapper .textarea.is-success:active, .vue-component-wrapper .textarea.is-success.is-active, .vue-component-wrapper .catfish-textarea.is-success:focus, .vue-component-wrapper .catfish-textarea.is-success.is-focused, .vue-component-wrapper .catfish-textarea.is-success:active, .vue-component-wrapper .catfish-textarea.is-success.is-active { box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); }
.catfish-classes .input.is-warning, .catfish-classes .catfish-input.is-warning, .catfish-classes .catfish-select.is-warning, .catfish-classes .textarea.is-warning, .catfish-classes .catfish-textarea.is-warning, .vue-component-wrapper .input.is-warning, .vue-component-wrapper .catfish-input.is-warning, .vue-component-wrapper .catfish-select.is-warning, .vue-component-wrapper .textarea.is-warning, .vue-component-wrapper .catfish-textarea.is-warning { border-color: #FFDD57; }
.catfish-classes .input.is-warning:focus, .catfish-classes .input.is-warning.is-focused, .catfish-classes .input.is-warning:active, .catfish-classes .input.is-warning.is-active, .catfish-classes .catfish-input.is-warning:focus, .catfish-classes .catfish-input.is-warning.is-focused, .catfish-classes .catfish-input.is-warning:active, .catfish-classes .catfish-input.is-warning.is-active, .catfish-classes .catfish-select.is-warning:focus, .catfish-classes .catfish-select.is-warning.is-focused, .catfish-classes .catfish-select.is-warning:active, .catfish-classes .catfish-select.is-warning.is-active, .catfish-classes .textarea.is-warning:focus, .catfish-classes .textarea.is-warning.is-focused, .catfish-classes .textarea.is-warning:active, .catfish-classes .textarea.is-warning.is-active, .catfish-classes .catfish-textarea.is-warning:focus, .catfish-classes .catfish-textarea.is-warning.is-focused, .catfish-classes .catfish-textarea.is-warning:active, .catfish-classes .catfish-textarea.is-warning.is-active, .vue-component-wrapper .input.is-warning:focus, .vue-component-wrapper .input.is-warning.is-focused, .vue-component-wrapper .input.is-warning:active, .vue-component-wrapper .input.is-warning.is-active, .vue-component-wrapper .catfish-input.is-warning:focus, .vue-component-wrapper .catfish-input.is-warning.is-focused, .vue-component-wrapper .catfish-input.is-warning:active, .vue-component-wrapper .catfish-input.is-warning.is-active, .vue-component-wrapper .catfish-select.is-warning:focus, .vue-component-wrapper .catfish-select.is-warning.is-focused, .vue-component-wrapper .catfish-select.is-warning:active, .vue-component-wrapper .catfish-select.is-warning.is-active, .vue-component-wrapper .textarea.is-warning:focus, .vue-component-wrapper .textarea.is-warning.is-focused, .vue-component-wrapper .textarea.is-warning:active, .vue-component-wrapper .textarea.is-warning.is-active, .vue-component-wrapper .catfish-textarea.is-warning:focus, .vue-component-wrapper .catfish-textarea.is-warning.is-focused, .vue-component-wrapper .catfish-textarea.is-warning:active, .vue-component-wrapper .catfish-textarea.is-warning.is-active { box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); }
.catfish-classes .input.is-danger, .catfish-classes .catfish-input.is-danger, .catfish-classes .catfish-select.is-danger, .catfish-classes .textarea.is-danger, .catfish-classes .catfish-textarea.is-danger, .vue-component-wrapper .input.is-danger, .vue-component-wrapper .catfish-input.is-danger, .vue-component-wrapper .catfish-select.is-danger, .vue-component-wrapper .textarea.is-danger, .vue-component-wrapper .catfish-textarea.is-danger { border-color: #FF3860; }
.catfish-classes .input.is-danger:focus, .catfish-classes .input.is-danger.is-focused, .catfish-classes .input.is-danger:active, .catfish-classes .input.is-danger.is-active, .catfish-classes .catfish-input.is-danger:focus, .catfish-classes .catfish-input.is-danger.is-focused, .catfish-classes .catfish-input.is-danger:active, .catfish-classes .catfish-input.is-danger.is-active, .catfish-classes .catfish-select.is-danger:focus, .catfish-classes .catfish-select.is-danger.is-focused, .catfish-classes .catfish-select.is-danger:active, .catfish-classes .catfish-select.is-danger.is-active, .catfish-classes .textarea.is-danger:focus, .catfish-classes .textarea.is-danger.is-focused, .catfish-classes .textarea.is-danger:active, .catfish-classes .textarea.is-danger.is-active, .catfish-classes .catfish-textarea.is-danger:focus, .catfish-classes .catfish-textarea.is-danger.is-focused, .catfish-classes .catfish-textarea.is-danger:active, .catfish-classes .catfish-textarea.is-danger.is-active, .vue-component-wrapper .input.is-danger:focus, .vue-component-wrapper .input.is-danger.is-focused, .vue-component-wrapper .input.is-danger:active, .vue-component-wrapper .input.is-danger.is-active, .vue-component-wrapper .catfish-input.is-danger:focus, .vue-component-wrapper .catfish-input.is-danger.is-focused, .vue-component-wrapper .catfish-input.is-danger:active, .vue-component-wrapper .catfish-input.is-danger.is-active, .vue-component-wrapper .catfish-select.is-danger:focus, .vue-component-wrapper .catfish-select.is-danger.is-focused, .vue-component-wrapper .catfish-select.is-danger:active, .vue-component-wrapper .catfish-select.is-danger.is-active, .vue-component-wrapper .textarea.is-danger:focus, .vue-component-wrapper .textarea.is-danger.is-focused, .vue-component-wrapper .textarea.is-danger:active, .vue-component-wrapper .textarea.is-danger.is-active, .vue-component-wrapper .catfish-textarea.is-danger:focus, .vue-component-wrapper .catfish-textarea.is-danger.is-focused, .vue-component-wrapper .catfish-textarea.is-danger:active, .vue-component-wrapper .catfish-textarea.is-danger.is-active { box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); }
.catfish-classes .input.is-small, .catfish-classes .catfish-input.is-small, .catfish-classes .catfish-select.is-small, .catfish-classes .textarea.is-small, .catfish-classes .catfish-textarea.is-small, .vue-component-wrapper .input.is-small, .vue-component-wrapper .catfish-input.is-small, .vue-component-wrapper .catfish-select.is-small, .vue-component-wrapper .textarea.is-small, .vue-component-wrapper .catfish-textarea.is-small { border-radius: 2px; font-size: 0.833em; }
.catfish-classes .input.is-medium, .catfish-classes .catfish-input.is-medium, .catfish-classes .catfish-select.is-medium, .catfish-classes .textarea.is-medium, .catfish-classes .catfish-textarea.is-medium, .vue-component-wrapper .input.is-medium, .vue-component-wrapper .catfish-input.is-medium, .vue-component-wrapper .catfish-select.is-medium, .vue-component-wrapper .textarea.is-medium, .vue-component-wrapper .catfish-textarea.is-medium { font-size: 1.2em; }
.catfish-classes .input.is-large, .catfish-classes .catfish-input.is-large, .catfish-classes .catfish-select.is-large, .catfish-classes .textarea.is-large, .catfish-classes .catfish-textarea.is-large, .vue-component-wrapper .input.is-large, .vue-component-wrapper .catfish-input.is-large, .vue-component-wrapper .catfish-select.is-large, .vue-component-wrapper .textarea.is-large, .vue-component-wrapper .catfish-textarea.is-large { font-size: 1.44em; }
.catfish-classes .input.is-fullwidth, .catfish-classes .catfish-input.is-fullwidth, .catfish-classes .catfish-select.is-fullwidth, .catfish-classes .textarea.is-fullwidth, .catfish-classes .catfish-textarea.is-fullwidth, .vue-component-wrapper .input.is-fullwidth, .vue-component-wrapper .catfish-input.is-fullwidth, .vue-component-wrapper .catfish-select.is-fullwidth, .vue-component-wrapper .textarea.is-fullwidth, .vue-component-wrapper .catfish-textarea.is-fullwidth { display: block; width: 100%; }
.catfish-classes .input.is-inline, .catfish-classes .catfish-input.is-inline, .catfish-classes .catfish-select.is-inline, .catfish-classes .textarea.is-inline, .catfish-classes .catfish-textarea.is-inline, .vue-component-wrapper .input.is-inline, .vue-component-wrapper .catfish-input.is-inline, .vue-component-wrapper .catfish-select.is-inline, .vue-component-wrapper .textarea.is-inline, .vue-component-wrapper .catfish-textarea.is-inline { display: inline; width: auto; }
.catfish-classes .catfish-input.is-rounded, .catfish-classes .catfish-select.is-rounded, .catfish-classes .input.is-rounded, .vue-component-wrapper .catfish-input.is-rounded, .vue-component-wrapper .catfish-select.is-rounded, .vue-component-wrapper .input.is-rounded { border-radius: 290486px; padding-left: 1em ; padding-right: 1em ; }
.catfish-classes .catfish-input.is-static, .catfish-classes .catfish-select.is-static, .catfish-classes .input.is-static, .vue-component-wrapper .catfish-input.is-static, .vue-component-wrapper .catfish-select.is-static, .vue-component-wrapper .input.is-static { background-color: transparent; border-color: transparent; box-shadow: none; padding-left: 0 ; padding-right: 0 ; }
.catfish-classes .catfish-select, .vue-component-wrapper .catfish-select { background-color: #FFFFFF; border-color: #353E49; border-width: 1px; color: #363636; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); min-width: 0; max-width: 100%; width: 100%; -moz-appearance: menulist; -webkit-appearance: menulist; }
.catfish-classes .catfish-select::-moz-placeholder, .vue-component-wrapper .catfish-select::-moz-placeholder { color: rgba(54, 54, 54, 0.3); }
.catfish-classes .catfish-select::-webkit-input-placeholder, .vue-component-wrapper .catfish-select::-webkit-input-placeholder { color: rgba(54, 54, 54, 0.3); }
.catfish-classes .catfish-select:-moz-placeholder, .vue-component-wrapper .catfish-select:-moz-placeholder { color: rgba(54, 54, 54, 0.3); }
.catfish-classes .catfish-select:-ms-input-placeholder, .vue-component-wrapper .catfish-select:-ms-input-placeholder { color: rgba(54, 54, 54, 0.3); }
.catfish-classes .catfish-select:hover, .catfish-classes .catfish-select.is-hovered, .vue-component-wrapper .catfish-select:hover, .vue-component-wrapper .catfish-select.is-hovered { border-color: #b5b5b5; }
.catfish-classes .catfish-select:focus, .catfish-classes .catfish-select.is-focused, .catfish-classes .catfish-select:active, .catfish-classes .catfish-select.is-active, .vue-component-wrapper .catfish-select:focus, .vue-component-wrapper .catfish-select.is-focused, .vue-component-wrapper .catfish-select:active, .vue-component-wrapper .catfish-select.is-active { border-color: #353E49; box-shadow: 0 0 0 0.125em rgba(53, 62, 73, 0.25); }
.catfish-classes .catfish-select[readonly], .catfish-classes .catfish-select[disabled], .vue-component-wrapper .catfish-select[readonly], .vue-component-wrapper .catfish-select[disabled] { background-color: #f5f5f5; border-color: #f5f5f5; box-shadow: none; color: #4a4a4a; }
.catfish-classes .catfish-select[readonly]::-moz-placeholder, .catfish-classes .catfish-select[disabled]::-moz-placeholder, .vue-component-wrapper .catfish-select[readonly]::-moz-placeholder, .vue-component-wrapper .catfish-select[disabled]::-moz-placeholder { color: rgba(74, 74, 74, 0.3); }
.catfish-classes .catfish-select[readonly]::-webkit-input-placeholder, .catfish-classes .catfish-select[disabled]::-webkit-input-placeholder, .vue-component-wrapper .catfish-select[readonly]::-webkit-input-placeholder, .vue-component-wrapper .catfish-select[disabled]::-webkit-input-placeholder { color: rgba(74, 74, 74, 0.3); }
.catfish-classes .catfish-select[readonly]:-moz-placeholder, .catfish-classes .catfish-select[disabled]:-moz-placeholder, .vue-component-wrapper .catfish-select[readonly]:-moz-placeholder, .vue-component-wrapper .catfish-select[disabled]:-moz-placeholder { color: rgba(74, 74, 74, 0.3); }
.catfish-classes .catfish-select[readonly]:-ms-input-placeholder, .catfish-classes .catfish-select[disabled]:-ms-input-placeholder, .vue-component-wrapper .catfish-select[readonly]:-ms-input-placeholder, .vue-component-wrapper .catfish-select[disabled]:-ms-input-placeholder { color: rgba(74, 74, 74, 0.3); }
.catfish-classes .catfish-select[disabled], .catfish-classes .catfish-select[readonly], .vue-component-wrapper .catfish-select[disabled], .vue-component-wrapper .catfish-select[readonly] { box-shadow: none; }
.catfish-classes .catfish-select.is-white, .vue-component-wrapper .catfish-select.is-white { border-color: white; }
.catfish-classes .catfish-select.is-white:focus, .catfish-classes .catfish-select.is-white.is-focused, .catfish-classes .catfish-select.is-white:active, .catfish-classes .catfish-select.is-white.is-active, .vue-component-wrapper .catfish-select.is-white:focus, .vue-component-wrapper .catfish-select.is-white.is-focused, .vue-component-wrapper .catfish-select.is-white:active, .vue-component-wrapper .catfish-select.is-white.is-active { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
.catfish-classes .catfish-select.is-black, .vue-component-wrapper .catfish-select.is-black { border-color: #0a0a0a; }
.catfish-classes .catfish-select.is-black:focus, .catfish-classes .catfish-select.is-black.is-focused, .catfish-classes .catfish-select.is-black:active, .catfish-classes .catfish-select.is-black.is-active, .vue-component-wrapper .catfish-select.is-black:focus, .vue-component-wrapper .catfish-select.is-black.is-focused, .vue-component-wrapper .catfish-select.is-black:active, .vue-component-wrapper .catfish-select.is-black.is-active { box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
.catfish-classes .catfish-select.is-light, .vue-component-wrapper .catfish-select.is-light { border-color: #f5f5f5; }
.catfish-classes .catfish-select.is-light:focus, .catfish-classes .catfish-select.is-light.is-focused, .catfish-classes .catfish-select.is-light:active, .catfish-classes .catfish-select.is-light.is-active, .vue-component-wrapper .catfish-select.is-light:focus, .vue-component-wrapper .catfish-select.is-light.is-focused, .vue-component-wrapper .catfish-select.is-light:active, .vue-component-wrapper .catfish-select.is-light.is-active { box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
.catfish-classes .catfish-select.is-dark, .vue-component-wrapper .catfish-select.is-dark { border-color: #4a4a4a; }
.catfish-classes .catfish-select.is-dark:focus, .catfish-classes .catfish-select.is-dark.is-focused, .catfish-classes .catfish-select.is-dark:active, .catfish-classes .catfish-select.is-dark.is-active, .vue-component-wrapper .catfish-select.is-dark:focus, .vue-component-wrapper .catfish-select.is-dark.is-focused, .vue-component-wrapper .catfish-select.is-dark:active, .vue-component-wrapper .catfish-select.is-dark.is-active { box-shadow: 0 0 0 0.125em rgba(74, 74, 74, 0.25); }
.catfish-classes .catfish-select.is-primary, .vue-component-wrapper .catfish-select.is-primary { border-color: #353E49; }
.catfish-classes .catfish-select.is-primary:focus, .catfish-classes .catfish-select.is-primary.is-focused, .catfish-classes .catfish-select.is-primary:active, .catfish-classes .catfish-select.is-primary.is-active, .vue-component-wrapper .catfish-select.is-primary:focus, .vue-component-wrapper .catfish-select.is-primary.is-focused, .vue-component-wrapper .catfish-select.is-primary:active, .vue-component-wrapper .catfish-select.is-primary.is-active { box-shadow: 0 0 0 0.125em rgba(53, 62, 73, 0.25); }
.catfish-classes .catfish-select.is-secondary, .vue-component-wrapper .catfish-select.is-secondary { border-color: #B86BFF; }
.catfish-classes .catfish-select.is-secondary:focus, .catfish-classes .catfish-select.is-secondary.is-focused, .catfish-classes .catfish-select.is-secondary:active, .catfish-classes .catfish-select.is-secondary.is-active, .vue-component-wrapper .catfish-select.is-secondary:focus, .vue-component-wrapper .catfish-select.is-secondary.is-focused, .vue-component-wrapper .catfish-select.is-secondary:active, .vue-component-wrapper .catfish-select.is-secondary.is-active { box-shadow: 0 0 0 0.125em rgba(184, 107, 255, 0.25); }
.catfish-classes .catfish-select.is-link, .vue-component-wrapper .catfish-select.is-link { border-color: #353E49; }
.catfish-classes .catfish-select.is-link:focus, .catfish-classes .catfish-select.is-link.is-focused, .catfish-classes .catfish-select.is-link:active, .catfish-classes .catfish-select.is-link.is-active, .vue-component-wrapper .catfish-select.is-link:focus, .vue-component-wrapper .catfish-select.is-link.is-focused, .vue-component-wrapper .catfish-select.is-link:active, .vue-component-wrapper .catfish-select.is-link.is-active { box-shadow: 0 0 0 0.125em rgba(53, 62, 73, 0.25); }
.catfish-classes .catfish-select.is-info, .vue-component-wrapper .catfish-select.is-info { border-color: #209CEE; }
.catfish-classes .catfish-select.is-info:focus, .catfish-classes .catfish-select.is-info.is-focused, .catfish-classes .catfish-select.is-info:active, .catfish-classes .catfish-select.is-info.is-active, .vue-component-wrapper .catfish-select.is-info:focus, .vue-component-wrapper .catfish-select.is-info.is-focused, .vue-component-wrapper .catfish-select.is-info:active, .vue-component-wrapper .catfish-select.is-info.is-active { box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); }
.catfish-classes .catfish-select.is-success, .vue-component-wrapper .catfish-select.is-success { border-color: #23D160; }
.catfish-classes .catfish-select.is-success:focus, .catfish-classes .catfish-select.is-success.is-focused, .catfish-classes .catfish-select.is-success:active, .catfish-classes .catfish-select.is-success.is-active, .vue-component-wrapper .catfish-select.is-success:focus, .vue-component-wrapper .catfish-select.is-success.is-focused, .vue-component-wrapper .catfish-select.is-success:active, .vue-component-wrapper .catfish-select.is-success.is-active { box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); }
.catfish-classes .catfish-select.is-warning, .vue-component-wrapper .catfish-select.is-warning { border-color: #FFDD57; }
.catfish-classes .catfish-select.is-warning:focus, .catfish-classes .catfish-select.is-warning.is-focused, .catfish-classes .catfish-select.is-warning:active, .catfish-classes .catfish-select.is-warning.is-active, .vue-component-wrapper .catfish-select.is-warning:focus, .vue-component-wrapper .catfish-select.is-warning.is-focused, .vue-component-wrapper .catfish-select.is-warning:active, .vue-component-wrapper .catfish-select.is-warning.is-active { box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); }
.catfish-classes .catfish-select.is-danger, .vue-component-wrapper .catfish-select.is-danger { border-color: #FF3860; }
.catfish-classes .catfish-select.is-danger:focus, .catfish-classes .catfish-select.is-danger.is-focused, .catfish-classes .catfish-select.is-danger:active, .catfish-classes .catfish-select.is-danger.is-active, .vue-component-wrapper .catfish-select.is-danger:focus, .vue-component-wrapper .catfish-select.is-danger.is-focused, .vue-component-wrapper .catfish-select.is-danger:active, .vue-component-wrapper .catfish-select.is-danger.is-active { box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); }
.catfish-classes .catfish-select.is-small, .vue-component-wrapper .catfish-select.is-small { border-radius: 2px; font-size: 0.833em; }
.catfish-classes .catfish-select.is-medium, .vue-component-wrapper .catfish-select.is-medium { font-size: 1.2em; }
.catfish-classes .catfish-select.is-large, .vue-component-wrapper .catfish-select.is-large { font-size: 1.44em; }
.catfish-classes .catfish-select.is-fullwidth, .vue-component-wrapper .catfish-select.is-fullwidth { display: block; width: 100%; }
.catfish-classes .catfish-select.is-inline, .vue-component-wrapper .catfish-select.is-inline { display: inline; width: auto; }
.catfish-classes .catfish-textarea, .catfish-classes .textarea, .vue-component-wrapper .catfish-textarea, .vue-component-wrapper .textarea { display: block; max-width: 100%; padding: 0.625em; resize: vertical; }
.catfish-classes .catfish-textarea:not([rows]), .catfish-classes .textarea:not([rows]), .vue-component-wrapper .catfish-textarea:not([rows]), .vue-component-wrapper .textarea:not([rows]) { max-height: 600px; min-height: 120px; }
.catfish-classes .catfish-textarea[rows], .catfish-classes .textarea[rows], .vue-component-wrapper .catfish-textarea[rows], .vue-component-wrapper .textarea[rows] { height: initial; }
.catfish-classes .catfish-textarea.has-fixed-size, .catfish-classes .textarea.has-fixed-size, .vue-component-wrapper .catfish-textarea.has-fixed-size, .vue-component-wrapper .textarea.has-fixed-size { resize: none; }
.catfish-classes .checkbox, .catfish-classes .radio, .vue-component-wrapper .checkbox, .vue-component-wrapper .radio { cursor: pointer; display: inline-block; position: relative; }
.catfish-classes .checkbox input, .catfish-classes .radio input, .vue-component-wrapper .checkbox input, .vue-component-wrapper .radio input { cursor: pointer; }
.catfish-classes .checkbox:hover, .catfish-classes .radio:hover, .vue-component-wrapper .checkbox:hover, .vue-component-wrapper .radio:hover { color: #363636; }
.catfish-classes .checkbox[disabled], .catfish-classes .radio[disabled], .vue-component-wrapper .checkbox[disabled], .vue-component-wrapper .radio[disabled] { color: #4a4a4a; cursor: not-allowed; }
.catfish-classes .radio + .radio, .vue-component-wrapper .radio + .radio { margin-left: 0.5em ; }
.catfish-classes .select, .vue-component-wrapper .select { display: inline-block; max-width: 100%; position: relative; vertical-align: top; }
.catfish-classes .select:not(.is-multiple), .vue-component-wrapper .select:not(.is-multiple) { height: 2.75em; }
.catfish-classes .select:not(.is-multiple):not(.is-loading)::after, .vue-component-wrapper .select:not(.is-multiple):not(.is-loading)::after { border-color: #353E49; right: 1.125em ; z-index: 4; }
.catfish-classes .select.is-rounded select, .vue-component-wrapper .select.is-rounded select { border-radius: 290486px; padding-left: 1em ; }
.catfish-classes .select select, .vue-component-wrapper .select select { background-color: #FFFFFF; border-color: #353E49; border-width: 1px; color: #363636; cursor: pointer; display: block; font-size: 1em; max-width: 100%; outline: none; }
.catfish-classes .select select::-moz-placeholder, .vue-component-wrapper .select select::-moz-placeholder { color: rgba(54, 54, 54, 0.3); }
.catfish-classes .select select::-webkit-input-placeholder, .vue-component-wrapper .select select::-webkit-input-placeholder { color: rgba(54, 54, 54, 0.3); }
.catfish-classes .select select:-moz-placeholder, .vue-component-wrapper .select select:-moz-placeholder { color: rgba(54, 54, 54, 0.3); }
.catfish-classes .select select:-ms-input-placeholder, .vue-component-wrapper .select select:-ms-input-placeholder { color: rgba(54, 54, 54, 0.3); }
.catfish-classes .select select:hover, .catfish-classes .select select.is-hovered, .vue-component-wrapper .select select:hover, .vue-component-wrapper .select select.is-hovered { border-color: #b5b5b5; }
.catfish-classes .select select:focus, .catfish-classes .select select.is-focused, .catfish-classes .select select:active, .catfish-classes .select select.is-active, .vue-component-wrapper .select select:focus, .vue-component-wrapper .select select.is-focused, .vue-component-wrapper .select select:active, .vue-component-wrapper .select select.is-active { border-color: #353E49; box-shadow: 0 0 0 0.125em rgba(53, 62, 73, 0.25); }
.catfish-classes .select select[readonly], .catfish-classes .select select[disabled], .vue-component-wrapper .select select[readonly], .vue-component-wrapper .select select[disabled] { background-color: #f5f5f5; border-color: #f5f5f5; box-shadow: none; color: #4a4a4a; }
.catfish-classes .select select[readonly]::-moz-placeholder, .catfish-classes .select select[disabled]::-moz-placeholder, .vue-component-wrapper .select select[readonly]::-moz-placeholder, .vue-component-wrapper .select select[disabled]::-moz-placeholder { color: rgba(74, 74, 74, 0.3); }
.catfish-classes .select select[readonly]::-webkit-input-placeholder, .catfish-classes .select select[disabled]::-webkit-input-placeholder, .vue-component-wrapper .select select[readonly]::-webkit-input-placeholder, .vue-component-wrapper .select select[disabled]::-webkit-input-placeholder { color: rgba(74, 74, 74, 0.3); }
.catfish-classes .select select[readonly]:-moz-placeholder, .catfish-classes .select select[disabled]:-moz-placeholder, .vue-component-wrapper .select select[readonly]:-moz-placeholder, .vue-component-wrapper .select select[disabled]:-moz-placeholder { color: rgba(74, 74, 74, 0.3); }
.catfish-classes .select select[readonly]:-ms-input-placeholder, .catfish-classes .select select[disabled]:-ms-input-placeholder, .vue-component-wrapper .select select[readonly]:-ms-input-placeholder, .vue-component-wrapper .select select[disabled]:-ms-input-placeholder { color: rgba(74, 74, 74, 0.3); }
.catfish-classes .select select::-ms-expand, .vue-component-wrapper .select select::-ms-expand { display: none; }
.catfish-classes .select select[disabled]:hover, .vue-component-wrapper .select select[disabled]:hover { border-color: #f5f5f5; }
.catfish-classes .select select:not([multiple]), .vue-component-wrapper .select select:not([multiple]) { padding-right: 2.5em ; }
.catfish-classes .select select[multiple], .vue-component-wrapper .select select[multiple] { height: initial; padding: 0; }
.catfish-classes .select select[multiple] option, .vue-component-wrapper .select select[multiple] option { padding: 0.5em 1em; }
.catfish-classes .select:not(.is-multiple):not(.is-loading):hover::after, .vue-component-wrapper .select:not(.is-multiple):not(.is-loading):hover::after { border-color: #363636; }
.catfish-classes .select.is-white:not(:hover)::after, .vue-component-wrapper .select.is-white:not(:hover)::after { border-color: white; }
.catfish-classes .select.is-white select, .vue-component-wrapper .select.is-white select { border-color: white; }
.catfish-classes .select.is-white select:hover, .catfish-classes .select.is-white select.is-hovered, .vue-component-wrapper .select.is-white select:hover, .vue-component-wrapper .select.is-white select.is-hovered { border-color: #f2f2f2; }
.catfish-classes .select.is-white select:focus, .catfish-classes .select.is-white select.is-focused, .catfish-classes .select.is-white select:active, .catfish-classes .select.is-white select.is-active, .vue-component-wrapper .select.is-white select:focus, .vue-component-wrapper .select.is-white select.is-focused, .vue-component-wrapper .select.is-white select:active, .vue-component-wrapper .select.is-white select.is-active { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
.catfish-classes .select.is-black:not(:hover)::after, .vue-component-wrapper .select.is-black:not(:hover)::after { border-color: #0a0a0a; }
.catfish-classes .select.is-black select, .vue-component-wrapper .select.is-black select { border-color: #0a0a0a; }
.catfish-classes .select.is-black select:hover, .catfish-classes .select.is-black select.is-hovered, .vue-component-wrapper .select.is-black select:hover, .vue-component-wrapper .select.is-black select.is-hovered { border-color: black; }
.catfish-classes .select.is-black select:focus, .catfish-classes .select.is-black select.is-focused, .catfish-classes .select.is-black select:active, .catfish-classes .select.is-black select.is-active, .vue-component-wrapper .select.is-black select:focus, .vue-component-wrapper .select.is-black select.is-focused, .vue-component-wrapper .select.is-black select:active, .vue-component-wrapper .select.is-black select.is-active { box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
.catfish-classes .select.is-light:not(:hover)::after, .vue-component-wrapper .select.is-light:not(:hover)::after { border-color: #f5f5f5; }
.catfish-classes .select.is-light select, .vue-component-wrapper .select.is-light select { border-color: #f5f5f5; }
.catfish-classes .select.is-light select:hover, .catfish-classes .select.is-light select.is-hovered, .vue-component-wrapper .select.is-light select:hover, .vue-component-wrapper .select.is-light select.is-hovered { border-color: #e8e8e8; }
.catfish-classes .select.is-light select:focus, .catfish-classes .select.is-light select.is-focused, .catfish-classes .select.is-light select:active, .catfish-classes .select.is-light select.is-active, .vue-component-wrapper .select.is-light select:focus, .vue-component-wrapper .select.is-light select.is-focused, .vue-component-wrapper .select.is-light select:active, .vue-component-wrapper .select.is-light select.is-active { box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
.catfish-classes .select.is-dark:not(:hover)::after, .vue-component-wrapper .select.is-dark:not(:hover)::after { border-color: #4a4a4a; }
.catfish-classes .select.is-dark select, .vue-component-wrapper .select.is-dark select { border-color: #4a4a4a; }
.catfish-classes .select.is-dark select:hover, .catfish-classes .select.is-dark select.is-hovered, .vue-component-wrapper .select.is-dark select:hover, .vue-component-wrapper .select.is-dark select.is-hovered { border-color: #3d3d3d; }
.catfish-classes .select.is-dark select:focus, .catfish-classes .select.is-dark select.is-focused, .catfish-classes .select.is-dark select:active, .catfish-classes .select.is-dark select.is-active, .vue-component-wrapper .select.is-dark select:focus, .vue-component-wrapper .select.is-dark select.is-focused, .vue-component-wrapper .select.is-dark select:active, .vue-component-wrapper .select.is-dark select.is-active { box-shadow: 0 0 0 0.125em rgba(74, 74, 74, 0.25); }
.catfish-classes .select.is-primary:not(:hover)::after, .vue-component-wrapper .select.is-primary:not(:hover)::after { border-color: #353E49; }
.catfish-classes .select.is-primary select, .vue-component-wrapper .select.is-primary select { border-color: #353E49; }
.catfish-classes .select.is-primary select:hover, .catfish-classes .select.is-primary select.is-hovered, .vue-component-wrapper .select.is-primary select:hover, .vue-component-wrapper .select.is-primary select.is-hovered { border-color: #2a313a; }
.catfish-classes .select.is-primary select:focus, .catfish-classes .select.is-primary select.is-focused, .catfish-classes .select.is-primary select:active, .catfish-classes .select.is-primary select.is-active, .vue-component-wrapper .select.is-primary select:focus, .vue-component-wrapper .select.is-primary select.is-focused, .vue-component-wrapper .select.is-primary select:active, .vue-component-wrapper .select.is-primary select.is-active { box-shadow: 0 0 0 0.125em rgba(53, 62, 73, 0.25); }
.catfish-classes .select.is-secondary:not(:hover)::after, .vue-component-wrapper .select.is-secondary:not(:hover)::after { border-color: #B86BFF; }
.catfish-classes .select.is-secondary select, .vue-component-wrapper .select.is-secondary select { border-color: #B86BFF; }
.catfish-classes .select.is-secondary select:hover, .catfish-classes .select.is-secondary select.is-hovered, .vue-component-wrapper .select.is-secondary select:hover, .vue-component-wrapper .select.is-secondary select.is-hovered { border-color: #ac52ff; }
.catfish-classes .select.is-secondary select:focus, .catfish-classes .select.is-secondary select.is-focused, .catfish-classes .select.is-secondary select:active, .catfish-classes .select.is-secondary select.is-active, .vue-component-wrapper .select.is-secondary select:focus, .vue-component-wrapper .select.is-secondary select.is-focused, .vue-component-wrapper .select.is-secondary select:active, .vue-component-wrapper .select.is-secondary select.is-active { box-shadow: 0 0 0 0.125em rgba(184, 107, 255, 0.25); }
.catfish-classes .select.is-link:not(:hover)::after, .vue-component-wrapper .select.is-link:not(:hover)::after { border-color: #353E49; }
.catfish-classes .select.is-link select, .vue-component-wrapper .select.is-link select { border-color: #353E49; }
.catfish-classes .select.is-link select:hover, .catfish-classes .select.is-link select.is-hovered, .vue-component-wrapper .select.is-link select:hover, .vue-component-wrapper .select.is-link select.is-hovered { border-color: #2a313a; }
.catfish-classes .select.is-link select:focus, .catfish-classes .select.is-link select.is-focused, .catfish-classes .select.is-link select:active, .catfish-classes .select.is-link select.is-active, .vue-component-wrapper .select.is-link select:focus, .vue-component-wrapper .select.is-link select.is-focused, .vue-component-wrapper .select.is-link select:active, .vue-component-wrapper .select.is-link select.is-active { box-shadow: 0 0 0 0.125em rgba(53, 62, 73, 0.25); }
.catfish-classes .select.is-info:not(:hover)::after, .vue-component-wrapper .select.is-info:not(:hover)::after { border-color: #209CEE; }
.catfish-classes .select.is-info select, .vue-component-wrapper .select.is-info select { border-color: #209CEE; }
.catfish-classes .select.is-info select:hover, .catfish-classes .select.is-info select.is-hovered, .vue-component-wrapper .select.is-info select:hover, .vue-component-wrapper .select.is-info select.is-hovered { border-color: #1190e3; }
.catfish-classes .select.is-info select:focus, .catfish-classes .select.is-info select.is-focused, .catfish-classes .select.is-info select:active, .catfish-classes .select.is-info select.is-active, .vue-component-wrapper .select.is-info select:focus, .vue-component-wrapper .select.is-info select.is-focused, .vue-component-wrapper .select.is-info select:active, .vue-component-wrapper .select.is-info select.is-active { box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); }
.catfish-classes .select.is-success:not(:hover)::after, .vue-component-wrapper .select.is-success:not(:hover)::after { border-color: #23D160; }
.catfish-classes .select.is-success select, .vue-component-wrapper .select.is-success select { border-color: #23D160; }
.catfish-classes .select.is-success select:hover, .catfish-classes .select.is-success select.is-hovered, .vue-component-wrapper .select.is-success select:hover, .vue-component-wrapper .select.is-success select.is-hovered { border-color: #1fbb56; }
.catfish-classes .select.is-success select:focus, .catfish-classes .select.is-success select.is-focused, .catfish-classes .select.is-success select:active, .catfish-classes .select.is-success select.is-active, .vue-component-wrapper .select.is-success select:focus, .vue-component-wrapper .select.is-success select.is-focused, .vue-component-wrapper .select.is-success select:active, .vue-component-wrapper .select.is-success select.is-active { box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); }
.catfish-classes .select.is-warning:not(:hover)::after, .vue-component-wrapper .select.is-warning:not(:hover)::after { border-color: #FFDD57; }
.catfish-classes .select.is-warning select, .vue-component-wrapper .select.is-warning select { border-color: #FFDD57; }
.catfish-classes .select.is-warning select:hover, .catfish-classes .select.is-warning select.is-hovered, .vue-component-wrapper .select.is-warning select:hover, .vue-component-wrapper .select.is-warning select.is-hovered { border-color: #ffd83e; }
.catfish-classes .select.is-warning select:focus, .catfish-classes .select.is-warning select.is-focused, .catfish-classes .select.is-warning select:active, .catfish-classes .select.is-warning select.is-active, .vue-component-wrapper .select.is-warning select:focus, .vue-component-wrapper .select.is-warning select.is-focused, .vue-component-wrapper .select.is-warning select:active, .vue-component-wrapper .select.is-warning select.is-active { box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); }
.catfish-classes .select.is-danger:not(:hover)::after, .vue-component-wrapper .select.is-danger:not(:hover)::after { border-color: #FF3860; }
.catfish-classes .select.is-danger select, .vue-component-wrapper .select.is-danger select { border-color: #FF3860; }
.catfish-classes .select.is-danger select:hover, .catfish-classes .select.is-danger select.is-hovered, .vue-component-wrapper .select.is-danger select:hover, .vue-component-wrapper .select.is-danger select.is-hovered { border-color: #ff1f4c; }
.catfish-classes .select.is-danger select:focus, .catfish-classes .select.is-danger select.is-focused, .catfish-classes .select.is-danger select:active, .catfish-classes .select.is-danger select.is-active, .vue-component-wrapper .select.is-danger select:focus, .vue-component-wrapper .select.is-danger select.is-focused, .vue-component-wrapper .select.is-danger select:active, .vue-component-wrapper .select.is-danger select.is-active { box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); }
.catfish-classes .select.is-small, .vue-component-wrapper .select.is-small { border-radius: 2px; font-size: 0.833em; }
.catfish-classes .select.is-medium, .vue-component-wrapper .select.is-medium { font-size: 1.2em; }
.catfish-classes .select.is-large, .vue-component-wrapper .select.is-large { font-size: 1.44em; }
.catfish-classes .select.is-disabled::after, .vue-component-wrapper .select.is-disabled::after { border-color: #4a4a4a; }
.catfish-classes .select.is-fullwidth, .vue-component-wrapper .select.is-fullwidth { width: 100%; }
.catfish-classes .select.is-fullwidth select, .vue-component-wrapper .select.is-fullwidth select { width: 100%; }
.catfish-classes .select.is-loading::after, .vue-component-wrapper .select.is-loading::after { margin-top: 0; position: absolute; right: 0.625em ; top: 0.625em; transform: none; }
.catfish-classes .select.is-loading.is-small:after, .vue-component-wrapper .select.is-loading.is-small:after { font-size: 0.833em; }
.catfish-classes .select.is-loading.is-medium:after, .vue-component-wrapper .select.is-loading.is-medium:after { font-size: 1.2em; }
.catfish-classes .select.is-loading.is-large:after, .vue-component-wrapper .select.is-loading.is-large:after { font-size: 1.44em; }
.catfish-classes .file, .vue-component-wrapper .file { align-items: stretch; display: flex; justify-content: flex-start; position: relative; }
.catfish-classes .file.is-white .file-cta, .vue-component-wrapper .file.is-white .file-cta { background-color: white; border-color: transparent; color: #0a0a0a; }
.catfish-classes .file.is-white:hover .file-cta, .catfish-classes .file.is-white.is-hovered .file-cta, .vue-component-wrapper .file.is-white:hover .file-cta, .vue-component-wrapper .file.is-white.is-hovered .file-cta { background-color: #f9f9f9; border-color: transparent; color: #0a0a0a; }
.catfish-classes .file.is-white:focus .file-cta, .catfish-classes .file.is-white.is-focused .file-cta, .vue-component-wrapper .file.is-white:focus .file-cta, .vue-component-wrapper .file.is-white.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); color: #0a0a0a; }
.catfish-classes .file.is-white:active .file-cta, .catfish-classes .file.is-white.is-active .file-cta, .vue-component-wrapper .file.is-white:active .file-cta, .vue-component-wrapper .file.is-white.is-active .file-cta { background-color: #f2f2f2; border-color: transparent; color: #0a0a0a; }
.catfish-classes .file.is-black .file-cta, .vue-component-wrapper .file.is-black .file-cta { background-color: #0a0a0a; border-color: transparent; color: white; }
.catfish-classes .file.is-black:hover .file-cta, .catfish-classes .file.is-black.is-hovered .file-cta, .vue-component-wrapper .file.is-black:hover .file-cta, .vue-component-wrapper .file.is-black.is-hovered .file-cta { background-color: #040404; border-color: transparent; color: white; }
.catfish-classes .file.is-black:focus .file-cta, .catfish-classes .file.is-black.is-focused .file-cta, .vue-component-wrapper .file.is-black:focus .file-cta, .vue-component-wrapper .file.is-black.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); color: white; }
.catfish-classes .file.is-black:active .file-cta, .catfish-classes .file.is-black.is-active .file-cta, .vue-component-wrapper .file.is-black:active .file-cta, .vue-component-wrapper .file.is-black.is-active .file-cta { background-color: black; border-color: transparent; color: white; }
.catfish-classes .file.is-light .file-cta, .vue-component-wrapper .file.is-light .file-cta { background-color: #f5f5f5; border-color: transparent; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .file.is-light:hover .file-cta, .catfish-classes .file.is-light.is-hovered .file-cta, .vue-component-wrapper .file.is-light:hover .file-cta, .vue-component-wrapper .file.is-light.is-hovered .file-cta { background-color: #efefef; border-color: transparent; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .file.is-light:focus .file-cta, .catfish-classes .file.is-light.is-focused .file-cta, .vue-component-wrapper .file.is-light:focus .file-cta, .vue-component-wrapper .file.is-light.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); color: rgba(25, 25, 25, 0.7); }
.catfish-classes .file.is-light:active .file-cta, .catfish-classes .file.is-light.is-active .file-cta, .vue-component-wrapper .file.is-light:active .file-cta, .vue-component-wrapper .file.is-light.is-active .file-cta { background-color: #e8e8e8; border-color: transparent; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .file.is-dark .file-cta, .vue-component-wrapper .file.is-dark .file-cta { background-color: #4a4a4a; border-color: transparent; color: #fff; }
.catfish-classes .file.is-dark:hover .file-cta, .catfish-classes .file.is-dark.is-hovered .file-cta, .vue-component-wrapper .file.is-dark:hover .file-cta, .vue-component-wrapper .file.is-dark.is-hovered .file-cta { background-color: #444444; border-color: transparent; color: #fff; }
.catfish-classes .file.is-dark:focus .file-cta, .catfish-classes .file.is-dark.is-focused .file-cta, .vue-component-wrapper .file.is-dark:focus .file-cta, .vue-component-wrapper .file.is-dark.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(74, 74, 74, 0.25); color: #fff; }
.catfish-classes .file.is-dark:active .file-cta, .catfish-classes .file.is-dark.is-active .file-cta, .vue-component-wrapper .file.is-dark:active .file-cta, .vue-component-wrapper .file.is-dark.is-active .file-cta { background-color: #3d3d3d; border-color: transparent; color: #fff; }
.catfish-classes .file.is-primary .file-cta, .vue-component-wrapper .file.is-primary .file-cta { background-color: #353E49; border-color: transparent; color: #fff; }
.catfish-classes .file.is-primary:hover .file-cta, .catfish-classes .file.is-primary.is-hovered .file-cta, .vue-component-wrapper .file.is-primary:hover .file-cta, .vue-component-wrapper .file.is-primary.is-hovered .file-cta { background-color: #303842; border-color: transparent; color: #fff; }
.catfish-classes .file.is-primary:focus .file-cta, .catfish-classes .file.is-primary.is-focused .file-cta, .vue-component-wrapper .file.is-primary:focus .file-cta, .vue-component-wrapper .file.is-primary.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(53, 62, 73, 0.25); color: #fff; }
.catfish-classes .file.is-primary:active .file-cta, .catfish-classes .file.is-primary.is-active .file-cta, .vue-component-wrapper .file.is-primary:active .file-cta, .vue-component-wrapper .file.is-primary.is-active .file-cta { background-color: #2a313a; border-color: transparent; color: #fff; }
.catfish-classes .file.is-secondary .file-cta, .vue-component-wrapper .file.is-secondary .file-cta { background-color: #B86BFF; border-color: transparent; color: #fff; }
.catfish-classes .file.is-secondary:hover .file-cta, .catfish-classes .file.is-secondary.is-hovered .file-cta, .vue-component-wrapper .file.is-secondary:hover .file-cta, .vue-component-wrapper .file.is-secondary.is-hovered .file-cta { background-color: #b25eff; border-color: transparent; color: #fff; }
.catfish-classes .file.is-secondary:focus .file-cta, .catfish-classes .file.is-secondary.is-focused .file-cta, .vue-component-wrapper .file.is-secondary:focus .file-cta, .vue-component-wrapper .file.is-secondary.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(184, 107, 255, 0.25); color: #fff; }
.catfish-classes .file.is-secondary:active .file-cta, .catfish-classes .file.is-secondary.is-active .file-cta, .vue-component-wrapper .file.is-secondary:active .file-cta, .vue-component-wrapper .file.is-secondary.is-active .file-cta { background-color: #ac52ff; border-color: transparent; color: #fff; }
.catfish-classes .file.is-link .file-cta, .vue-component-wrapper .file.is-link .file-cta { background-color: #353E49; border-color: transparent; color: #fff; }
.catfish-classes .file.is-link:hover .file-cta, .catfish-classes .file.is-link.is-hovered .file-cta, .vue-component-wrapper .file.is-link:hover .file-cta, .vue-component-wrapper .file.is-link.is-hovered .file-cta { background-color: #303842; border-color: transparent; color: #fff; }
.catfish-classes .file.is-link:focus .file-cta, .catfish-classes .file.is-link.is-focused .file-cta, .vue-component-wrapper .file.is-link:focus .file-cta, .vue-component-wrapper .file.is-link.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(53, 62, 73, 0.25); color: #fff; }
.catfish-classes .file.is-link:active .file-cta, .catfish-classes .file.is-link.is-active .file-cta, .vue-component-wrapper .file.is-link:active .file-cta, .vue-component-wrapper .file.is-link.is-active .file-cta { background-color: #2a313a; border-color: transparent; color: #fff; }
.catfish-classes .file.is-info .file-cta, .vue-component-wrapper .file.is-info .file-cta { background-color: #209CEE; border-color: transparent; color: #fff; }
.catfish-classes .file.is-info:hover .file-cta, .catfish-classes .file.is-info.is-hovered .file-cta, .vue-component-wrapper .file.is-info:hover .file-cta, .vue-component-wrapper .file.is-info.is-hovered .file-cta { background-color: #1497ed; border-color: transparent; color: #fff; }
.catfish-classes .file.is-info:focus .file-cta, .catfish-classes .file.is-info.is-focused .file-cta, .vue-component-wrapper .file.is-info:focus .file-cta, .vue-component-wrapper .file.is-info.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); color: #fff; }
.catfish-classes .file.is-info:active .file-cta, .catfish-classes .file.is-info.is-active .file-cta, .vue-component-wrapper .file.is-info:active .file-cta, .vue-component-wrapper .file.is-info.is-active .file-cta { background-color: #1190e3; border-color: transparent; color: #fff; }
.catfish-classes .file.is-success .file-cta, .vue-component-wrapper .file.is-success .file-cta { background-color: #23D160; border-color: transparent; color: #fff; }
.catfish-classes .file.is-success:hover .file-cta, .catfish-classes .file.is-success.is-hovered .file-cta, .vue-component-wrapper .file.is-success:hover .file-cta, .vue-component-wrapper .file.is-success.is-hovered .file-cta { background-color: #21c65b; border-color: transparent; color: #fff; }
.catfish-classes .file.is-success:focus .file-cta, .catfish-classes .file.is-success.is-focused .file-cta, .vue-component-wrapper .file.is-success:focus .file-cta, .vue-component-wrapper .file.is-success.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); color: #fff; }
.catfish-classes .file.is-success:active .file-cta, .catfish-classes .file.is-success.is-active .file-cta, .vue-component-wrapper .file.is-success:active .file-cta, .vue-component-wrapper .file.is-success.is-active .file-cta { background-color: #1fbb56; border-color: transparent; color: #fff; }
.catfish-classes .file.is-warning .file-cta, .vue-component-wrapper .file.is-warning .file-cta { background-color: #FFDD57; border-color: transparent; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .file.is-warning:hover .file-cta, .catfish-classes .file.is-warning.is-hovered .file-cta, .vue-component-wrapper .file.is-warning:hover .file-cta, .vue-component-wrapper .file.is-warning.is-hovered .file-cta { background-color: #ffda4a; border-color: transparent; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .file.is-warning:focus .file-cta, .catfish-classes .file.is-warning.is-focused .file-cta, .vue-component-wrapper .file.is-warning:focus .file-cta, .vue-component-wrapper .file.is-warning.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); color: rgba(26, 22, 9, 0.7); }
.catfish-classes .file.is-warning:active .file-cta, .catfish-classes .file.is-warning.is-active .file-cta, .vue-component-wrapper .file.is-warning:active .file-cta, .vue-component-wrapper .file.is-warning.is-active .file-cta { background-color: #ffd83e; border-color: transparent; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .file.is-danger .file-cta, .vue-component-wrapper .file.is-danger .file-cta { background-color: #FF3860; border-color: transparent; color: #fff; }
.catfish-classes .file.is-danger:hover .file-cta, .catfish-classes .file.is-danger.is-hovered .file-cta, .vue-component-wrapper .file.is-danger:hover .file-cta, .vue-component-wrapper .file.is-danger.is-hovered .file-cta { background-color: #ff2b56; border-color: transparent; color: #fff; }
.catfish-classes .file.is-danger:focus .file-cta, .catfish-classes .file.is-danger.is-focused .file-cta, .vue-component-wrapper .file.is-danger:focus .file-cta, .vue-component-wrapper .file.is-danger.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); color: #fff; }
.catfish-classes .file.is-danger:active .file-cta, .catfish-classes .file.is-danger.is-active .file-cta, .vue-component-wrapper .file.is-danger:active .file-cta, .vue-component-wrapper .file.is-danger.is-active .file-cta { background-color: #ff1f4c; border-color: transparent; color: #fff; }
.catfish-classes .file.is-small, .vue-component-wrapper .file.is-small { font-size: 0.833em; }
.catfish-classes .file.is-medium, .vue-component-wrapper .file.is-medium { font-size: 1.2em; }
.catfish-classes .file.is-medium .file-icon .fa, .vue-component-wrapper .file.is-medium .file-icon .fa { font-size: 21px; }
.catfish-classes .file.is-large, .vue-component-wrapper .file.is-large { font-size: 1.44em; }
.catfish-classes .file.is-large .file-icon .fa, .vue-component-wrapper .file.is-large .file-icon .fa { font-size: 28px; }
.catfish-classes .file.has-name .file-cta, .vue-component-wrapper .file.has-name .file-cta { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.catfish-classes .file.has-name .file-name, .vue-component-wrapper .file.has-name .file-name { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.catfish-classes .file.has-name.is-empty .file-cta, .vue-component-wrapper .file.has-name.is-empty .file-cta { border-radius: 4px; }
.catfish-classes .file.has-name.is-empty .file-name, .vue-component-wrapper .file.has-name.is-empty .file-name { display: none; }
.catfish-classes .file.is-boxed .file-label, .vue-component-wrapper .file.is-boxed .file-label { flex-direction: column; text-align: center; }
.catfish-classes .file.is-boxed .file-cta, .vue-component-wrapper .file.is-boxed .file-cta { flex-direction: column; height: auto; padding: 1em 3em; }
.catfish-classes .file.is-boxed .file-name, .vue-component-wrapper .file.is-boxed .file-name { border-width: 0 1px 1px; }
.catfish-classes .file.is-boxed .file-icon, .vue-component-wrapper .file.is-boxed .file-icon { height: 1.5em; width: 1.5em; margin: 0; }
.catfish-classes .file.is-boxed .file-icon .fa, .vue-component-wrapper .file.is-boxed .file-icon .fa { font-size: 21px; }
.catfish-classes .file.is-boxed.is-small .file-icon .fa, .vue-component-wrapper .file.is-boxed.is-small .file-icon .fa { font-size: 14px; }
.catfish-classes .file.is-boxed.is-medium .file-icon .fa, .vue-component-wrapper .file.is-boxed.is-medium .file-icon .fa { font-size: 28px; }
.catfish-classes .file.is-boxed.is-large .file-icon .fa, .vue-component-wrapper .file.is-boxed.is-large .file-icon .fa { font-size: 35px; }
.catfish-classes .file.is-boxed.has-name .file-cta, .vue-component-wrapper .file.is-boxed.has-name .file-cta { border-radius: 4px 4px 0 0; }
.catfish-classes .file.is-boxed.has-name .file-name, .vue-component-wrapper .file.is-boxed.has-name .file-name { border-radius: 0 0 4px 4px; border-width: 0 1px 1px; }
.catfish-classes .file.is-area, .vue-component-wrapper .file.is-area { height: 27.27273rem; width: 100%; max-width: 54.54545rem; }
.catfish-classes .file.is-area > .file-label, .vue-component-wrapper .file.is-area > .file-label { flex-direction: column; flex-grow: 1; }
.catfish-classes .file.is-area .file-cta, .vue-component-wrapper .file.is-area .file-cta { flex-direction: column; height: auto; padding: 1em 3em; align-items: center; justify-content: center; flex-grow: 1; width: 100%; border-style: dashed; }
.catfish-classes .file.is-area .file-name, .vue-component-wrapper .file.is-area .file-name { border-width: 0 1px 1px; }
.catfish-classes .file.is-area .file-icon, .vue-component-wrapper .file.is-area .file-icon { height: 1.5em; width: 1.5em; margin: 0; }
.catfish-classes .file.is-area .file-icon .fa, .vue-component-wrapper .file.is-area .file-icon .fa { font-size: 21px; }
.catfish-classes .file.is-area.is-small .file-icon .fa, .vue-component-wrapper .file.is-area.is-small .file-icon .fa { font-size: 14px; }
.catfish-classes .file.is-area.is-medium .file-icon .fa, .vue-component-wrapper .file.is-area.is-medium .file-icon .fa { font-size: 28px; }
.catfish-classes .file.is-area.is-large .file-icon .fa, .vue-component-wrapper .file.is-area.is-large .file-icon .fa { font-size: 35px; }
.catfish-classes .file.is-area.has-name .file-cta, .vue-component-wrapper .file.is-area.has-name .file-cta { border-radius: 4px 4px 0 0; }
.catfish-classes .file.is-area.has-name .file-name, .vue-component-wrapper .file.is-area.has-name .file-name { border-radius: 0 0 4px 4px; border-width: 0 1px 1px; }
.catfish-classes .file.is-centered, .vue-component-wrapper .file.is-centered { justify-content: center; }
.catfish-classes .file.is-fullwidth .file-label, .vue-component-wrapper .file.is-fullwidth .file-label { width: 100%; }
.catfish-classes .file.is-fullwidth .file-name, .vue-component-wrapper .file.is-fullwidth .file-name { flex-grow: 1; max-width: none; }
.catfish-classes .file.is-right, .vue-component-wrapper .file.is-right { justify-content: flex-end; }
.catfish-classes .file.is-right .file-cta, .vue-component-wrapper .file.is-right .file-cta { border-radius: 0 4px 4px 0; }
.catfish-classes .file.is-right .file-name, .vue-component-wrapper .file.is-right .file-name { border-radius: 4px 0 0 4px; border-width: 1px 0 1px 1px; order: -1; }
.catfish-classes .file-label, .vue-component-wrapper .file-label { align-items: stretch; display: flex; cursor: pointer; justify-content: flex-start; overflow: hidden; position: relative; }
.catfish-classes .file-label:hover .file-cta, .vue-component-wrapper .file-label:hover .file-cta { background-color: #efefef; color: #363636; }
.catfish-classes .file-label:hover .file-name, .vue-component-wrapper .file-label:hover .file-name { border-color: #d5d5d5; }
.catfish-classes .file-label:active .file-cta, .vue-component-wrapper .file-label:active .file-cta { background-color: #e8e8e8; color: #363636; }
.catfish-classes .file-label:active .file-name, .vue-component-wrapper .file-label:active .file-name { border-color: #cecece; }
.catfish-classes .file-input-label-focus:focus + .file-cta, .catfish-classes .file-input-label-focus:focus-within + .file-cta, .vue-component-wrapper .file-input-label-focus:focus + .file-cta, .vue-component-wrapper .file-input-label-focus:focus-within + .file-cta { background-color: #e8e8e8; }
.catfish-classes .file-input, .vue-component-wrapper .file-input { height: 0.01em; outline: none; position: absolute; top: 0; width: 0.01em; left: 0 ; }
.catfish-classes .file-cta, .catfish-classes .file-name, .vue-component-wrapper .file-cta, .vue-component-wrapper .file-name { -moz-appearance: none; -webkit-appearance: none; border-color: #dbdbdb; border-radius: 4px; font-size: 1em; white-space: nowrap; padding-left: 1em ; padding-right: 1em ; }
.catfish-classes .file-cta, .vue-component-wrapper .file-cta { background-color: #f5f5f5; color: #4a4a4a; }
.catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta { outline-offset: 2px; border-radius: 4px; background-color: #FFFFFF; border-color: #353E49; border-width: 1px; color: #555555; cursor: pointer; justify-content: center; padding-top: calc(0.375em - 1px); padding-bottom: calc(0.375em - 1px); white-space: nowrap; padding-left: 1.81818rem ; padding-right: 1.81818rem ; text-align: center; background-color: #FFFFFF; border-color: transparent; color: rgba(26, 26, 26, 0.7); }
.catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta:hover, .catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta.is-hovered, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta:hover, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta.is-hovered { background-color: #f9f9f9; border-color: transparent; color: rgba(26, 26, 26, 0.7); }
.catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta:focus, .catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta.is-focused, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta:focus, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta.is-focused { border-color: transparent; color: rgba(26, 26, 26, 0.7); }
.catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta:focus:not(:active), .catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta.is-focused:not(:active), .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta:focus:not(:active), .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
.catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta:active, .catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta.is-active, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta:active, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta.is-active { background-color: #f2f2f2; border-color: transparent; color: rgba(26, 26, 26, 0.7); }
.catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta[disabled], .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta[disabled] { background-color: #FFFFFF; border-color: transparent; box-shadow: none; }
.catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta.is-inverted, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta.is-inverted { background-color: rgba(26, 26, 26, 0.7); color: #FFFFFF; }
.catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta.is-inverted:hover, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta.is-inverted:hover { background-color: rgba(13, 13, 13, 0.7); }
.catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta.is-inverted[disabled], .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta.is-inverted[disabled] { background-color: rgba(26, 26, 26, 0.7); border-color: transparent; box-shadow: none; color: #FFFFFF; }
.catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta.is-loading::after, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta.is-loading::after { border-color: transparent transparent rgba(26, 26, 26, 0.7) rgba(26, 26, 26, 0.7) !important; }
.catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta.is-outlined, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta.is-outlined { background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; }
.catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta.is-outlined:hover, .catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta.is-outlined:focus, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta.is-outlined:hover, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta.is-outlined:focus { background-color: #FFFFFF; border-color: #FFFFFF; color: rgba(26, 26, 26, 0.7); }
.catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta.is-outlined[disabled], .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta.is-outlined[disabled] { background-color: transparent; border-color: #FFFFFF; box-shadow: none; color: #FFFFFF; }
.catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta.is-outlined.is-loading::after, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta.is-outlined.is-loading::after { border-color: transparent transparent #FFFFFF #FFFFFF !important; }
.catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta.is-inverted.is-outlined, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta.is-inverted.is-outlined { background-color: transparent; border-color: rgba(26, 26, 26, 0.7); color: rgba(26, 26, 26, 0.7); }
.catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta.is-inverted.is-outlined:hover, .catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta.is-inverted.is-outlined:focus, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta.is-inverted.is-outlined:hover, .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta.is-inverted.is-outlined:focus { background-color: rgba(26, 26, 26, 0.7); color: #FFFFFF; }
.catfish-classes .file:not(.is-boxed):not(.is-area) .file-cta.is-inverted.is-outlined[disabled], .vue-component-wrapper .file:not(.is-boxed):not(.is-area) .file-cta.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: rgba(26, 26, 26, 0.7); box-shadow: none; color: rgba(26, 26, 26, 0.7); }
.catfish-classes .file-name, .vue-component-wrapper .file-name { border-color: #dbdbdb; border-style: solid; border-width: 1px 1px 1px 0; display: block; max-width: 16em; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.catfish-classes .file-icon, .vue-component-wrapper .file-icon { align-items: center; display: flex; height: 1em; justify-content: center; width: 1em; margin-right: 0.5em ; }
.catfish-classes .file-icon .fa, .vue-component-wrapper .file-icon .fa { font-size: 14px; }
.catfish-classes .label, .vue-component-wrapper .label { display: inline-block; font-size: 1rem; font-weight: 500; }
.catfish-classes .label:not(:last-child), .vue-component-wrapper .label:not(:last-child) { margin-bottom: 0.5rem; }
.catfish-classes .label.is-small, .vue-component-wrapper .label.is-small { font-size: 0.833em; }
.catfish-classes .label.is-medium, .vue-component-wrapper .label.is-medium { font-size: 1.2em; }
.catfish-classes .label.is-large, .vue-component-wrapper .label.is-large { font-size: 1.44em; }
.catfish-classes .help, .vue-component-wrapper .help { display: block; font-size: 0.833em; margin-top: 0.25rem; }
.catfish-classes .help.is-white, .vue-component-wrapper .help.is-white { color: white; }
.catfish-classes .help.is-black, .vue-component-wrapper .help.is-black { color: #0a0a0a; }
.catfish-classes .help.is-light, .vue-component-wrapper .help.is-light { color: #f5f5f5; }
.catfish-classes .help.is-dark, .vue-component-wrapper .help.is-dark { color: #4a4a4a; }
.catfish-classes .help.is-primary, .vue-component-wrapper .help.is-primary { color: #353E49; }
.catfish-classes .help.is-secondary, .vue-component-wrapper .help.is-secondary { color: #B86BFF; }
.catfish-classes .help.is-link, .vue-component-wrapper .help.is-link { color: #353E49; }
.catfish-classes .help.is-info, .vue-component-wrapper .help.is-info { color: #209CEE; }
.catfish-classes .help.is-success, .vue-component-wrapper .help.is-success { color: #23D160; }
.catfish-classes .help.is-warning, .vue-component-wrapper .help.is-warning { color: #FFDD57; }
.catfish-classes .help.is-danger, .vue-component-wrapper .help.is-danger { color: #FF3860; }
.catfish-classes .field:not(:last-child), .vue-component-wrapper .field:not(:last-child) { margin-bottom: 1.25rem; }
.catfish-classes .field.has-addons, .vue-component-wrapper .field.has-addons { display: flex; justify-content: flex-start; }
.catfish-classes .field.has-addons .control:not(:last-child), .vue-component-wrapper .field.has-addons .control:not(:last-child) { margin-right: -1px ; }
.catfish-classes .field.has-addons .control:not(:first-child):not(:last-child) .catfish-button, .catfish-classes .field.has-addons .control:not(:first-child):not(:last-child) .catfish-input, .catfish-classes .field.has-addons .control:not(:first-child):not(:last-child) .catfish-select, .catfish-classes .field.has-addons .control:not(:first-child):not(:last-child) .button, .catfish-classes .field.has-addons .control:not(:first-child):not(:last-child) .input, .catfish-classes .field.has-addons .control:not(:first-child):not(:last-child) .select select, .vue-component-wrapper .field.has-addons .control:not(:first-child):not(:last-child) .catfish-button, .vue-component-wrapper .field.has-addons .control:not(:first-child):not(:last-child) .catfish-input, .vue-component-wrapper .field.has-addons .control:not(:first-child):not(:last-child) .catfish-select, .vue-component-wrapper .field.has-addons .control:not(:first-child):not(:last-child) .button, .vue-component-wrapper .field.has-addons .control:not(:first-child):not(:last-child) .input, .vue-component-wrapper .field.has-addons .control:not(:first-child):not(:last-child) .select select { border-radius: 0; }
.catfish-classes .field.has-addons .control:first-child .catfish-button, .catfish-classes .field.has-addons .control:first-child .catfish-input, .catfish-classes .field.has-addons .control:first-child .catfish-select, .catfish-classes .field.has-addons .control:first-child .button, .catfish-classes .field.has-addons .control:first-child .input, .catfish-classes .field.has-addons .control:first-child .select select, .vue-component-wrapper .field.has-addons .control:first-child .catfish-button, .vue-component-wrapper .field.has-addons .control:first-child .catfish-input, .vue-component-wrapper .field.has-addons .control:first-child .catfish-select, .vue-component-wrapper .field.has-addons .control:first-child .button, .vue-component-wrapper .field.has-addons .control:first-child .input, .vue-component-wrapper .field.has-addons .control:first-child .select select { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.catfish-classes .field.has-addons .control:last-child .catfish-button, .catfish-classes .field.has-addons .control:last-child .catfish-input, .catfish-classes .field.has-addons .control:last-child .catfish-select, .catfish-classes .field.has-addons .control:last-child .button, .catfish-classes .field.has-addons .control:last-child .input, .catfish-classes .field.has-addons .control:last-child .select select, .vue-component-wrapper .field.has-addons .control:last-child .catfish-button, .vue-component-wrapper .field.has-addons .control:last-child .catfish-input, .vue-component-wrapper .field.has-addons .control:last-child .catfish-select, .vue-component-wrapper .field.has-addons .control:last-child .button, .vue-component-wrapper .field.has-addons .control:last-child .input, .vue-component-wrapper .field.has-addons .control:last-child .select select { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.catfish-classes .field.has-addons .control .catfish-button:not([disabled]):hover, .catfish-classes .field.has-addons .control .catfish-button:not([disabled]).is-hovered, .catfish-classes .field.has-addons .control .catfish-input:not([disabled]):hover, .catfish-classes .field.has-addons .control .catfish-input:not([disabled]).is-hovered, .catfish-classes .field.has-addons .control .catfish-select:not([disabled]):hover, .catfish-classes .field.has-addons .control .catfish-select:not([disabled]).is-hovered, .catfish-classes .field.has-addons .control .button:not([disabled]):hover, .catfish-classes .field.has-addons .control .button:not([disabled]).is-hovered, .catfish-classes .field.has-addons .control .input:not([disabled]):hover, .catfish-classes .field.has-addons .control .input:not([disabled]).is-hovered, .catfish-classes .field.has-addons .control .select select:not([disabled]):hover, .catfish-classes .field.has-addons .control .select select:not([disabled]).is-hovered, .vue-component-wrapper .field.has-addons .control .catfish-button:not([disabled]):hover, .vue-component-wrapper .field.has-addons .control .catfish-button:not([disabled]).is-hovered, .vue-component-wrapper .field.has-addons .control .catfish-input:not([disabled]):hover, .vue-component-wrapper .field.has-addons .control .catfish-input:not([disabled]).is-hovered, .vue-component-wrapper .field.has-addons .control .catfish-select:not([disabled]):hover, .vue-component-wrapper .field.has-addons .control .catfish-select:not([disabled]).is-hovered, .vue-component-wrapper .field.has-addons .control .button:not([disabled]):hover, .vue-component-wrapper .field.has-addons .control .button:not([disabled]).is-hovered, .vue-component-wrapper .field.has-addons .control .input:not([disabled]):hover, .vue-component-wrapper .field.has-addons .control .input:not([disabled]).is-hovered, .vue-component-wrapper .field.has-addons .control .select select:not([disabled]):hover, .vue-component-wrapper .field.has-addons .control .select select:not([disabled]).is-hovered { z-index: 2; }
.catfish-classes .field.has-addons .control .catfish-button:not([disabled]):focus, .catfish-classes .field.has-addons .control .catfish-button:not([disabled]).is-focused, .catfish-classes .field.has-addons .control .catfish-button:not([disabled]):active, .catfish-classes .field.has-addons .control .catfish-button:not([disabled]).is-active, .catfish-classes .field.has-addons .control .catfish-input:not([disabled]):focus, .catfish-classes .field.has-addons .control .catfish-input:not([disabled]).is-focused, .catfish-classes .field.has-addons .control .catfish-input:not([disabled]):active, .catfish-classes .field.has-addons .control .catfish-input:not([disabled]).is-active, .catfish-classes .field.has-addons .control .catfish-select:not([disabled]):focus, .catfish-classes .field.has-addons .control .catfish-select:not([disabled]).is-focused, .catfish-classes .field.has-addons .control .catfish-select:not([disabled]):active, .catfish-classes .field.has-addons .control .catfish-select:not([disabled]).is-active, .catfish-classes .field.has-addons .control .button:not([disabled]):focus, .catfish-classes .field.has-addons .control .button:not([disabled]).is-focused, .catfish-classes .field.has-addons .control .button:not([disabled]):active, .catfish-classes .field.has-addons .control .button:not([disabled]).is-active, .catfish-classes .field.has-addons .control .input:not([disabled]):focus, .catfish-classes .field.has-addons .control .input:not([disabled]).is-focused, .catfish-classes .field.has-addons .control .input:not([disabled]):active, .catfish-classes .field.has-addons .control .input:not([disabled]).is-active, .catfish-classes .field.has-addons .control .select select:not([disabled]):focus, .catfish-classes .field.has-addons .control .select select:not([disabled]).is-focused, .catfish-classes .field.has-addons .control .select select:not([disabled]):active, .catfish-classes .field.has-addons .control .select select:not([disabled]).is-active, .vue-component-wrapper .field.has-addons .control .catfish-button:not([disabled]):focus, .vue-component-wrapper .field.has-addons .control .catfish-button:not([disabled]).is-focused, .vue-component-wrapper .field.has-addons .control .catfish-button:not([disabled]):active, .vue-component-wrapper .field.has-addons .control .catfish-button:not([disabled]).is-active, .vue-component-wrapper .field.has-addons .control .catfish-input:not([disabled]):focus, .vue-component-wrapper .field.has-addons .control .catfish-input:not([disabled]).is-focused, .vue-component-wrapper .field.has-addons .control .catfish-input:not([disabled]):active, .vue-component-wrapper .field.has-addons .control .catfish-input:not([disabled]).is-active, .vue-component-wrapper .field.has-addons .control .catfish-select:not([disabled]):focus, .vue-component-wrapper .field.has-addons .control .catfish-select:not([disabled]).is-focused, .vue-component-wrapper .field.has-addons .control .catfish-select:not([disabled]):active, .vue-component-wrapper .field.has-addons .control .catfish-select:not([disabled]).is-active, .vue-component-wrapper .field.has-addons .control .button:not([disabled]):focus, .vue-component-wrapper .field.has-addons .control .button:not([disabled]).is-focused, .vue-component-wrapper .field.has-addons .control .button:not([disabled]):active, .vue-component-wrapper .field.has-addons .control .button:not([disabled]).is-active, .vue-component-wrapper .field.has-addons .control .input:not([disabled]):focus, .vue-component-wrapper .field.has-addons .control .input:not([disabled]).is-focused, .vue-component-wrapper .field.has-addons .control .input:not([disabled]):active, .vue-component-wrapper .field.has-addons .control .input:not([disabled]).is-active, .vue-component-wrapper .field.has-addons .control .select select:not([disabled]):focus, .vue-component-wrapper .field.has-addons .control .select select:not([disabled]).is-focused, .vue-component-wrapper .field.has-addons .control .select select:not([disabled]):active, .vue-component-wrapper .field.has-addons .control .select select:not([disabled]).is-active { z-index: 3; }
.catfish-classes .field.has-addons .control .catfish-button:not([disabled]):focus:hover, .catfish-classes .field.has-addons .control .catfish-button:not([disabled]).is-focused:hover, .catfish-classes .field.has-addons .control .catfish-button:not([disabled]):active:hover, .catfish-classes .field.has-addons .control .catfish-button:not([disabled]).is-active:hover, .catfish-classes .field.has-addons .control .catfish-input:not([disabled]):focus:hover, .catfish-classes .field.has-addons .control .catfish-input:not([disabled]).is-focused:hover, .catfish-classes .field.has-addons .control .catfish-input:not([disabled]):active:hover, .catfish-classes .field.has-addons .control .catfish-input:not([disabled]).is-active:hover, .catfish-classes .field.has-addons .control .catfish-select:not([disabled]):focus:hover, .catfish-classes .field.has-addons .control .catfish-select:not([disabled]).is-focused:hover, .catfish-classes .field.has-addons .control .catfish-select:not([disabled]):active:hover, .catfish-classes .field.has-addons .control .catfish-select:not([disabled]).is-active:hover, .catfish-classes .field.has-addons .control .button:not([disabled]):focus:hover, .catfish-classes .field.has-addons .control .button:not([disabled]).is-focused:hover, .catfish-classes .field.has-addons .control .button:not([disabled]):active:hover, .catfish-classes .field.has-addons .control .button:not([disabled]).is-active:hover, .catfish-classes .field.has-addons .control .input:not([disabled]):focus:hover, .catfish-classes .field.has-addons .control .input:not([disabled]).is-focused:hover, .catfish-classes .field.has-addons .control .input:not([disabled]):active:hover, .catfish-classes .field.has-addons .control .input:not([disabled]).is-active:hover, .catfish-classes .field.has-addons .control .select select:not([disabled]):focus:hover, .catfish-classes .field.has-addons .control .select select:not([disabled]).is-focused:hover, .catfish-classes .field.has-addons .control .select select:not([disabled]):active:hover, .catfish-classes .field.has-addons .control .select select:not([disabled]).is-active:hover, .vue-component-wrapper .field.has-addons .control .catfish-button:not([disabled]):focus:hover, .vue-component-wrapper .field.has-addons .control .catfish-button:not([disabled]).is-focused:hover, .vue-component-wrapper .field.has-addons .control .catfish-button:not([disabled]):active:hover, .vue-component-wrapper .field.has-addons .control .catfish-button:not([disabled]).is-active:hover, .vue-component-wrapper .field.has-addons .control .catfish-input:not([disabled]):focus:hover, .vue-component-wrapper .field.has-addons .control .catfish-input:not([disabled]).is-focused:hover, .vue-component-wrapper .field.has-addons .control .catfish-input:not([disabled]):active:hover, .vue-component-wrapper .field.has-addons .control .catfish-input:not([disabled]).is-active:hover, .vue-component-wrapper .field.has-addons .control .catfish-select:not([disabled]):focus:hover, .vue-component-wrapper .field.has-addons .control .catfish-select:not([disabled]).is-focused:hover, .vue-component-wrapper .field.has-addons .control .catfish-select:not([disabled]):active:hover, .vue-component-wrapper .field.has-addons .control .catfish-select:not([disabled]).is-active:hover, .vue-component-wrapper .field.has-addons .control .button:not([disabled]):focus:hover, .vue-component-wrapper .field.has-addons .control .button:not([disabled]).is-focused:hover, .vue-component-wrapper .field.has-addons .control .button:not([disabled]):active:hover, .vue-component-wrapper .field.has-addons .control .button:not([disabled]).is-active:hover, .vue-component-wrapper .field.has-addons .control .input:not([disabled]):focus:hover, .vue-component-wrapper .field.has-addons .control .input:not([disabled]).is-focused:hover, .vue-component-wrapper .field.has-addons .control .input:not([disabled]):active:hover, .vue-component-wrapper .field.has-addons .control .input:not([disabled]).is-active:hover, .vue-component-wrapper .field.has-addons .control .select select:not([disabled]):focus:hover, .vue-component-wrapper .field.has-addons .control .select select:not([disabled]).is-focused:hover, .vue-component-wrapper .field.has-addons .control .select select:not([disabled]):active:hover, .vue-component-wrapper .field.has-addons .control .select select:not([disabled]).is-active:hover { z-index: 4; }
.catfish-classes .field.has-addons .control.is-expanded, .vue-component-wrapper .field.has-addons .control.is-expanded { flex-grow: 1; }
.catfish-classes .field.has-addons.has-addons-centered, .vue-component-wrapper .field.has-addons.has-addons-centered { justify-content: center; }
.catfish-classes .field.has-addons.has-addons-right, .vue-component-wrapper .field.has-addons.has-addons-right { justify-content: flex-end; }
.catfish-classes .field.has-addons.has-addons-fullwidth .control, .vue-component-wrapper .field.has-addons.has-addons-fullwidth .control { flex-grow: 1; flex-shrink: 0; }
.catfish-classes .field.is-grouped, .vue-component-wrapper .field.is-grouped { display: flex; justify-content: flex-start; }
.catfish-classes .field.is-grouped > .control, .vue-component-wrapper .field.is-grouped > .control { flex-shrink: 0; }
.catfish-classes .field.is-grouped > .control:not(:last-child), .vue-component-wrapper .field.is-grouped > .control:not(:last-child) { margin-bottom: 0; margin-right: 0.75rem ; }
.catfish-classes .field.is-grouped > .control.is-expanded, .vue-component-wrapper .field.is-grouped > .control.is-expanded { flex-grow: 1; flex-shrink: 1; }
.catfish-classes .field.is-grouped.is-grouped-centered, .vue-component-wrapper .field.is-grouped.is-grouped-centered { justify-content: center; }
.catfish-classes .field.is-grouped.is-grouped-right, .vue-component-wrapper .field.is-grouped.is-grouped-right { justify-content: flex-end; }
.catfish-classes .field.is-grouped.is-grouped-multiline, .vue-component-wrapper .field.is-grouped.is-grouped-multiline { flex-wrap: wrap; }
.catfish-classes .field.is-grouped.is-grouped-multiline > .control:last-child, .catfish-classes .field.is-grouped.is-grouped-multiline > .control:not(:last-child), .vue-component-wrapper .field.is-grouped.is-grouped-multiline > .control:last-child, .vue-component-wrapper .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { margin-bottom: 1.25rem; }
.catfish-classes .field.is-grouped.is-grouped-multiline:last-child, .vue-component-wrapper .field.is-grouped.is-grouped-multiline:last-child { margin-bottom: -1.25rem; }
.catfish-classes .field.is-grouped.is-grouped-multiline:not(:last-child), .vue-component-wrapper .field.is-grouped.is-grouped-multiline:not(:last-child) { margin-bottom: 0; }
@media screen and (min-width: 750px), print { .catfish-classes .field.is-horizontal, .vue-component-wrapper .field.is-horizontal { display: flex; } }
.catfish-classes .field-label .label, .vue-component-wrapper .field-label .label { font-size: inherit; }
@media screen and (max-width: 749px) { .catfish-classes .field-label, .vue-component-wrapper .field-label { margin-bottom: 0.5rem; } }
@media screen and (min-width: 750px), print { .catfish-classes .field-label, .vue-component-wrapper .field-label { flex-basis: 0; flex-grow: 2; flex-shrink: 0; margin-right: 1.5rem ; }
.catfish-classes .field-label.is-small, .vue-component-wrapper .field-label.is-small { font-size: 0.833em; padding-top: 0.375em; }
.catfish-classes .field-label.is-normal, .vue-component-wrapper .field-label.is-normal { padding-top: 0.375em; }
.catfish-classes .field-label.is-medium, .vue-component-wrapper .field-label.is-medium { font-size: 1.2em; padding-top: 0.375em; }
.catfish-classes .field-label.is-large, .vue-component-wrapper .field-label.is-large { font-size: 1.44em; padding-top: 0.375em; } }
.catfish-classes .field-body .field .field, .vue-component-wrapper .field-body .field .field { margin-bottom: 0; }
@media screen and (min-width: 750px), print { .catfish-classes .field-body, .vue-component-wrapper .field-body { display: flex; flex-basis: 0; flex-grow: 5; flex-shrink: 1; }
.catfish-classes .field-body .field, .vue-component-wrapper .field-body .field { margin-bottom: 0; }
.catfish-classes .field-body > .field, .vue-component-wrapper .field-body > .field { flex-shrink: 1; }
.catfish-classes .field-body > .field:not(.is-narrow), .vue-component-wrapper .field-body > .field:not(.is-narrow) { flex-grow: 1; }
.catfish-classes .field-body > .field:not(:last-child), .vue-component-wrapper .field-body > .field:not(:last-child) { margin-right: 0.75rem ; } }
.catfish-classes .control, .vue-component-wrapper .control { clear: both; font-size: 1rem; position: relative; text-align: left; }
.catfish-classes .control.has-icon .icon, .vue-component-wrapper .control.has-icon .icon { color: #dbdbdb; height: 2.75em; pointer-events: none; position: absolute; top: 0; width: 2.75em; z-index: 4; }
.catfish-classes .control.has-icon .input:focus + .icon, .vue-component-wrapper .control.has-icon .input:focus + .icon { color: #7a7a7a; }
.catfish-classes .control.has-icon .input.is-small + .icon, .vue-component-wrapper .control.has-icon .input.is-small + .icon { font-size: 0.833em; }
.catfish-classes .control.has-icon .input.is-medium + .icon, .vue-component-wrapper .control.has-icon .input.is-medium + .icon { font-size: 1.2em; }
.catfish-classes .control.has-icon .input.is-large + .icon, .vue-component-wrapper .control.has-icon .input.is-large + .icon { font-size: 1.44em; }
.catfish-classes .control.has-icon:not(.has-icon-right) .icon, .vue-component-wrapper .control.has-icon:not(.has-icon-right) .icon { left: 0 ; }
.catfish-classes .control.has-icon:not(.has-icon-right) .input, .vue-component-wrapper .control.has-icon:not(.has-icon-right) .input { padding-left: 2.75em ; }
.catfish-classes .control.has-icon.has-icon-right .icon, .vue-component-wrapper .control.has-icon.has-icon-right .icon { right: 0 ; }
.catfish-classes .control.has-icon.has-icon-right .input, .vue-component-wrapper .control.has-icon.has-icon-right .input { padding-right: 2.75em ; }
.catfish-classes .control.has-icons-left .input:focus ~ .icon, .catfish-classes .control.has-icons-left .select:focus ~ .icon, .catfish-classes .control.has-icons-right .input:focus ~ .icon, .catfish-classes .control.has-icons-right .select:focus ~ .icon, .vue-component-wrapper .control.has-icons-left .input:focus ~ .icon, .vue-component-wrapper .control.has-icons-left .select:focus ~ .icon, .vue-component-wrapper .control.has-icons-right .input:focus ~ .icon, .vue-component-wrapper .control.has-icons-right .select:focus ~ .icon { color: #7a7a7a; }
.catfish-classes .control.has-icons-left .input.is-small ~ .icon, .catfish-classes .control.has-icons-left .select.is-small ~ .icon, .catfish-classes .control.has-icons-right .input.is-small ~ .icon, .catfish-classes .control.has-icons-right .select.is-small ~ .icon, .vue-component-wrapper .control.has-icons-left .input.is-small ~ .icon, .vue-component-wrapper .control.has-icons-left .select.is-small ~ .icon, .vue-component-wrapper .control.has-icons-right .input.is-small ~ .icon, .vue-component-wrapper .control.has-icons-right .select.is-small ~ .icon { font-size: 0.833em; }
.catfish-classes .control.has-icons-left .input.is-medium ~ .icon, .catfish-classes .control.has-icons-left .select.is-medium ~ .icon, .catfish-classes .control.has-icons-right .input.is-medium ~ .icon, .catfish-classes .control.has-icons-right .select.is-medium ~ .icon, .vue-component-wrapper .control.has-icons-left .input.is-medium ~ .icon, .vue-component-wrapper .control.has-icons-left .select.is-medium ~ .icon, .vue-component-wrapper .control.has-icons-right .input.is-medium ~ .icon, .vue-component-wrapper .control.has-icons-right .select.is-medium ~ .icon { font-size: 1.2em; }
.catfish-classes .control.has-icons-left .input.is-large ~ .icon, .catfish-classes .control.has-icons-left .select.is-large ~ .icon, .catfish-classes .control.has-icons-right .input.is-large ~ .icon, .catfish-classes .control.has-icons-right .select.is-large ~ .icon, .vue-component-wrapper .control.has-icons-left .input.is-large ~ .icon, .vue-component-wrapper .control.has-icons-left .select.is-large ~ .icon, .vue-component-wrapper .control.has-icons-right .input.is-large ~ .icon, .vue-component-wrapper .control.has-icons-right .select.is-large ~ .icon { font-size: 1.44em; }
.catfish-classes .control.has-icons-left .icon, .catfish-classes .control.has-icons-right .icon, .vue-component-wrapper .control.has-icons-left .icon, .vue-component-wrapper .control.has-icons-right .icon { color: #dbdbdb; height: 2.75em; pointer-events: none; position: absolute; top: 0; width: 2.75em; z-index: 4; }
.catfish-classes .control.has-icons-left .input, .catfish-classes .control.has-icons-left .select select, .vue-component-wrapper .control.has-icons-left .input, .vue-component-wrapper .control.has-icons-left .select select { padding-left: 2.75em ; }
.catfish-classes .control.has-icons-left .icon.is-left, .vue-component-wrapper .control.has-icons-left .icon.is-left { left: 0 ; }
.catfish-classes .control.has-icons-right .input, .catfish-classes .control.has-icons-right .select select, .vue-component-wrapper .control.has-icons-right .input, .vue-component-wrapper .control.has-icons-right .select select { padding-right: 2.75em ; }
.catfish-classes .control.has-icons-right .icon.is-right, .vue-component-wrapper .control.has-icons-right .icon.is-right { right: 0 ; }
.catfish-classes .control.is-loading::after, .vue-component-wrapper .control.is-loading::after { right: 0.625em ; position: absolute !important; top: 0.625em; z-index: 4; }
.catfish-classes .control.is-loading.is-small:after, .vue-component-wrapper .control.is-loading.is-small:after { font-size: 0.833em; }
.catfish-classes .control.is-loading.is-medium:after, .vue-component-wrapper .control.is-loading.is-medium:after { font-size: 1.2em; }
.catfish-classes .control.is-loading.is-large:after, .vue-component-wrapper .control.is-loading.is-large:after { font-size: 1.44em; }
.catfish-classes .field-validation-error, .vue-component-wrapper .field-validation-error { display: inline-block; width: 100%; display: block; font-size: 0.833em; margin-top: 0.25rem; color: #FF3860; }
.catfish-classes .catfish-input.input-validation-error, .vue-component-wrapper .catfish-input.input-validation-error { border-color: #FF3860; }
.catfish-classes .catfish-input.input-validation-error:focus, .catfish-classes .catfish-input.input-validation-error.is-focused, .catfish-classes .catfish-input.input-validation-error:active, .catfish-classes .catfish-input.input-validation-error.is-active, .vue-component-wrapper .catfish-input.input-validation-error:focus, .vue-component-wrapper .catfish-input.input-validation-error.is-focused, .vue-component-wrapper .catfish-input.input-validation-error:active, .vue-component-wrapper .catfish-input.input-validation-error.is-active { box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); }
.catfish-classes .catfish-input.input-validation-error, .vue-component-wrapper .catfish-input.input-validation-error { border-color: #FF3860; }
.catfish-classes .catfish-input.input-validation-error:focus, .catfish-classes .catfish-input.input-validation-error.is-focused, .catfish-classes .catfish-input.input-validation-error:active, .catfish-classes .catfish-input.input-validation-error.is-active, .vue-component-wrapper .catfish-input.input-validation-error:focus, .vue-component-wrapper .catfish-input.input-validation-error.is-focused, .vue-component-wrapper .catfish-input.input-validation-error:active, .vue-component-wrapper .catfish-input.input-validation-error.is-active { box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); }
.catfish-classes .catfish-textarea.input-validation-error, .vue-component-wrapper .catfish-textarea.input-validation-error { border-color: #FF3860; }
.catfish-classes .catfish-textarea.input-validation-error:focus, .catfish-classes .catfish-textarea.input-validation-error.is-focused, .catfish-classes .catfish-textarea.input-validation-error:active, .catfish-classes .catfish-textarea.input-validation-error.is-active, .vue-component-wrapper .catfish-textarea.input-validation-error:focus, .vue-component-wrapper .catfish-textarea.input-validation-error.is-focused, .vue-component-wrapper .catfish-textarea.input-validation-error:active, .vue-component-wrapper .catfish-textarea.input-validation-error.is-active { box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); }
.catfish-classes .catfish-select.input-validation-error, .vue-component-wrapper .catfish-select.input-validation-error { border-color: #FF3860; }
.catfish-classes .catfish-select.input-validation-error:focus, .catfish-classes .catfish-select.input-validation-error.is-focused, .catfish-classes .catfish-select.input-validation-error:active, .catfish-classes .catfish-select.input-validation-error.is-active, .vue-component-wrapper .catfish-select.input-validation-error:focus, .vue-component-wrapper .catfish-select.input-validation-error.is-focused, .vue-component-wrapper .catfish-select.input-validation-error:active, .vue-component-wrapper .catfish-select.input-validation-error.is-active { box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); }
.catfish-classes .advanced-select, .vue-component-wrapper .advanced-select { margin-top: 0.75rem; margin-bottom: 0.75rem; position: relative; border-radius: 0; line-height: 1.36rem; transition: max-height 1s ease-out; overflow: hidden; }
.catfish-classes .advanced-select .collapse-button, .vue-component-wrapper .advanced-select .collapse-button { position: absolute; padding: 0 6px; top: 0.7rem; right: 0.5rem; width: 28px; height: 28px; border: none; background: transparent; transition: all 250ms ease-in-out; cursor: pointer; }
.catfish-classes .advanced-select .search-control, .vue-component-wrapper .advanced-select .search-control { display: flex; position: relative; }
.catfish-classes .advanced-select .search-control button.clear-search, .catfish-classes .advanced-select .search-control .t-grid .clear-search.t-button, .t-grid .catfish-classes .advanced-select .search-control .clear-search.t-button, .vue-component-wrapper .advanced-select .search-control button.clear-search, .vue-component-wrapper .advanced-select .search-control .t-grid .clear-search.t-button, .t-grid .vue-component-wrapper .advanced-select .search-control .clear-search.t-button { cursor: pointer; border: none; background: none; position: absolute; z-index: 10; right: 0; top: 50%; transform: translateY(-50%); }
.catfish-classes .advanced-select .search-control .address-search-wrapper, .vue-component-wrapper .advanced-select .search-control .address-search-wrapper { width: 100%; padding-bottom: 1rem; }
.catfish-classes .advanced-select .search-control .address-search-wrapper .address-search-area, .vue-component-wrapper .advanced-select .search-control .address-search-wrapper .address-search-area { width: calc(100% - 56px); float: left; position: relative; }
.catfish-classes .advanced-select .search-control .search-by-wrapper .field, .vue-component-wrapper .advanced-select .search-control .search-by-wrapper .field { margin-left: -0.75rem ; margin-right: -0.75rem ; margin-top: -0.75rem; align-items: center; margin: 0 !important; }
.catfish-classes .advanced-select .search-control .search-by-wrapper .field:last-child, .vue-component-wrapper .advanced-select .search-control .search-by-wrapper .field:last-child { margin-bottom: -0.75rem; }
.catfish-classes .advanced-select .search-control .search-by-wrapper .field:not(:last-child), .vue-component-wrapper .advanced-select .search-control .search-by-wrapper .field:not(:last-child) { margin-bottom: calc(1.5rem - 0.75rem); }
.catfish-classes .advanced-select .search-control .search-by-wrapper .field.is-align-centered, .vue-component-wrapper .advanced-select .search-control .search-by-wrapper .field.is-align-centered { align-items: center; }
.catfish-classes .advanced-select .search-control .search-by-wrapper .field.is-centered, .vue-component-wrapper .advanced-select .search-control .search-by-wrapper .field.is-centered { justify-content: center; }
.catfish-classes .advanced-select .search-control .search-by-wrapper .field.is-right, .vue-component-wrapper .advanced-select .search-control .search-by-wrapper .field.is-right { justify-content: flex-end; }
.catfish-classes .advanced-select .search-control .search-by-wrapper .field.is-gapless, .vue-component-wrapper .advanced-select .search-control .search-by-wrapper .field.is-gapless { margin-left: 0 ; margin-right: 0 ; margin-top: 0; }
.catfish-classes .advanced-select .search-control .search-by-wrapper .field.is-gapless > .column, .vue-component-wrapper .advanced-select .search-control .search-by-wrapper .field.is-gapless > .column { margin: 0; padding: 0 !important; }
.catfish-classes .advanced-select .search-control .search-by-wrapper .field.is-gapless:not(:last-child), .vue-component-wrapper .advanced-select .search-control .search-by-wrapper .field.is-gapless:not(:last-child) { margin-bottom: 1.5rem; }
.catfish-classes .advanced-select .search-control .search-by-wrapper .field.is-gapless:last-child, .vue-component-wrapper .advanced-select .search-control .search-by-wrapper .field.is-gapless:last-child { margin-bottom: 0; }
.catfish-classes .advanced-select .search-control .search-by-wrapper .field.is-mobile, .vue-component-wrapper .advanced-select .search-control .search-by-wrapper .field.is-mobile { display: flex; }
.catfish-classes .advanced-select .search-control .search-by-wrapper .field.is-multiline, .vue-component-wrapper .advanced-select .search-control .search-by-wrapper .field.is-multiline { flex-wrap: wrap; }
.catfish-classes .advanced-select .search-control .search-by-wrapper .field.is-vcentered, .vue-component-wrapper .advanced-select .search-control .search-by-wrapper .field.is-vcentered { align-items: center; }
@media screen and (min-width: 750px), print { .catfish-classes .advanced-select .search-control .search-by-wrapper .field:not(.is-desktop):not(.is-widescreen), .vue-component-wrapper .advanced-select .search-control .search-by-wrapper .field:not(.is-desktop):not(.is-widescreen) { display: flex; } }
@media screen and (min-width: 1088px) { .catfish-classes .advanced-select .search-control .search-by-wrapper .field.is-desktop, .vue-component-wrapper .advanced-select .search-control .search-by-wrapper .field.is-desktop { display: flex; } }
@media screen and (min-width: 1280px) { .catfish-classes .advanced-select .search-control .search-by-wrapper .field.is-widescreen, .vue-component-wrapper .advanced-select .search-control .search-by-wrapper .field.is-widescreen { display: flex; } }
.catfish-classes .advanced-select .search-control .search-by-wrapper .field label, .vue-component-wrapper .advanced-select .search-control .search-by-wrapper .field label { display: block; flex-shrink: 1; padding: 0.75rem; margin: 0 !important; }
.catfish-classes .advanced-select .search-control .search-by-wrapper .field .control, .vue-component-wrapper .advanced-select .search-control .search-by-wrapper .field .control { display: block; flex-shrink: 1; padding: 0.75rem; }
.catfish-classes .advanced-select .address-book-prefix, .vue-component-wrapper .advanced-select .address-book-prefix { font-size: .75rem; }
.catfish-classes .advanced-select .invalid-address-tooltip, .vue-component-wrapper .advanced-select .invalid-address-tooltip { margin-left: 1rem; max-width: 5%; }
.catfish-classes .advanced-select .item, .vue-component-wrapper .advanced-select .item { border-bottom: 1px solid #eee; }
.catfish-classes .advanced-select .item .column:nth-child(2), .vue-component-wrapper .advanced-select .item .column:nth-child(2) { max-width: calc(100% - 5%); }
.catfish-classes .advanced-select .action-button-wrapper, .vue-component-wrapper .advanced-select .action-button-wrapper { display: flex; justify-content: center; align-items: center; margin-bottom: 0; }
.catfish-classes .advanced-select .action-button-wrapper.no-pagination, .vue-component-wrapper .advanced-select .action-button-wrapper.no-pagination { margin-top: 0; }
.catfish-classes .advanced-select .action-button-wrapper:not(.no-pagination), .vue-component-wrapper .advanced-select .action-button-wrapper:not(.no-pagination) { margin-bottom: 0; margin-right: 2rem; }
@media screen and (max-width: 458px) { .catfish-classes .advanced-select .action-button-wrapper, .vue-component-wrapper .advanced-select .action-button-wrapper { margin: 0 0 2rem 0 !important; width: 100%; } }
.catfish-classes .advanced-select .sort-order-wrapper, .vue-component-wrapper .advanced-select .sort-order-wrapper { display: flex; flex-direction: row; align-items: center; }
.catfish-classes .advanced-select .sort-order-wrapper .field, .vue-component-wrapper .advanced-select .sort-order-wrapper .field { padding-left: 0.5rem; height: 20px; }
.catfish-classes .advanced-select .sort-order-wrapper label, .vue-component-wrapper .advanced-select .sort-order-wrapper label { margin: 0 !important; }
.catfish-classes .advanced-select .sort-order-wrapper label .control-label, .vue-component-wrapper .advanced-select .sort-order-wrapper label .control-label { display: none; }
.catfish-classes .advanced-select .controls-wrapper, .vue-component-wrapper .advanced-select .controls-wrapper { margin: 0.75rem; }
.catfish-classes .advanced-select .controls-wrapper.direction-column, .vue-component-wrapper .advanced-select .controls-wrapper.direction-column { flex-direction: column; }
.catfish-classes .advanced-select .cf-checkbox.checkbox, .vue-component-wrapper .advanced-select .cf-checkbox.checkbox { margin: 0 !important; }
.catfish-classes .advanced-select .cf-checkbox.checkbox input[type='checkbox'] + .check, .vue-component-wrapper .advanced-select .cf-checkbox.checkbox input[type='checkbox'] + .check { display: block !important; }
.catfish-classes .advanced-select .footer-controls, .vue-component-wrapper .advanced-select .footer-controls { border: #353E49 1px solid; border-top: 0; padding: 1rem; justify-content: center; background-color: white; display: none; }
@media screen and (max-width: 458px) { .catfish-classes .advanced-select .footer-controls, .vue-component-wrapper .advanced-select .footer-controls { flex-direction: column; } }
.catfish-classes .advanced-select .input, .vue-component-wrapper .advanced-select .input { margin-right: 8px; }
.catfish-classes .advanced-select select, .catfish-classes .advanced-select .select, .vue-component-wrapper .advanced-select select, .vue-component-wrapper .advanced-select .select { width: 100%; }
.catfish-classes .advanced-select.is-extended, .vue-component-wrapper .advanced-select.is-extended { position: relative; isolation: isolate; overflow: visible; z-index: 10; max-height: 3.05rem; }
.catfish-classes .advanced-select.is-extended .item-list, .vue-component-wrapper .advanced-select.is-extended .item-list { position: relative; overflow: hidden; display: block; }
.catfish-classes .advanced-select.is-extended .footer-controls, .vue-component-wrapper .advanced-select.is-extended .footer-controls { display: flex; }
.catfish-classes .advanced-select.is-extended .collapse-button, .vue-component-wrapper .advanced-select.is-extended .collapse-button { transform: rotateX(-180deg); }
.catfish-classes .advanced-select .item-list, .vue-component-wrapper .advanced-select .item-list { padding: 1rem 10px; border-left: #353E49 1px solid; border-right: #353E49 1px solid; position: relative; display: none; }
.catfish-classes .advanced-select .item-list .column, .vue-component-wrapper .advanced-select .item-list .column { padding: calc(0.75rem - 3px); }
.catfish-classes .advanced-select .selected-item, .vue-component-wrapper .advanced-select .selected-item { display: flex; padding: 0.75rem 2rem .75rem .75rem; border: #353E49 1px solid; line-height: 1.36rem; cursor: pointer; }
.catfish-classes .advanced-select hr, .vue-component-wrapper .advanced-select hr { margin: 0 0 0.75rem; }
.catfish-classes .advanced-select .text-item, .catfish-classes .advanced-select .selected-item, .vue-component-wrapper .advanced-select .text-item, .vue-component-wrapper .advanced-select .selected-item { justify-content: start; }
.catfish-classes .advanced-select .text-item .text, .catfish-classes .advanced-select .selected-item .text, .vue-component-wrapper .advanced-select .text-item .text, .vue-component-wrapper .advanced-select .selected-item .text { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.catfish-classes .advanced-select .button, .vue-component-wrapper .advanced-select .button { border: 0; }
.catfish-classes .advanced-select .button.is-outlined, .vue-component-wrapper .advanced-select .button.is-outlined { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.catfish-classes .advanced-select .pagination .level-item, .vue-component-wrapper .advanced-select .pagination .level-item { justify-content: center; }
.catfish-classes .advanced-select .loading-wrapper, .vue-component-wrapper .advanced-select .loading-wrapper { min-height: 200px; }
.catfish-classes .advanced-select .sorting, .vue-component-wrapper .advanced-select .sorting { padding: 0 0.75rem; display: flex; flex-direction: column; align-items: start; }
@media screen and (max-width: 749px) { .catfish-classes .advanced-select .sorting, .vue-component-wrapper .advanced-select .sorting { align-items: center; } }
.catfish-classes .advanced-select .sorting h3, .catfish-classes .advanced-select .sorting footer h4, footer .catfish-classes .advanced-select .sorting h4, .catfish-classes .advanced-select .sorting footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .catfish-classes .advanced-select .sorting .enter-address-title, .catfish-classes .advanced-select .sorting .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .catfish-classes .advanced-select .sorting .enter-address-title, .vue-component-wrapper .advanced-select .sorting h3, .vue-component-wrapper .advanced-select .sorting footer h4, footer .vue-component-wrapper .advanced-select .sorting h4, .vue-component-wrapper .advanced-select .sorting footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .vue-component-wrapper .advanced-select .sorting .enter-address-title, .vue-component-wrapper .advanced-select .sorting .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .vue-component-wrapper .advanced-select .sorting .enter-address-title { font-weight: 600; }
.catfish-classes .advanced-select .sorting .sorting-controls, .vue-component-wrapper .advanced-select .sorting .sorting-controls { display: flex; }
@media screen and (max-width: 749px) { .catfish-classes .advanced-select .sorting .sorting-controls, .vue-component-wrapper .advanced-select .sorting .sorting-controls { flex-direction: column; align-items: start; } }
.catfish-classes .icon, .vue-component-wrapper .icon { align-items: center; display: inline-flex; justify-content: center; height: 1.5rem; width: 1.5rem; }
.catfish-classes .icon.is-small, .vue-component-wrapper .icon.is-small { height: 1rem; width: 1rem; }
.catfish-classes .icon.is-medium, .vue-component-wrapper .icon.is-medium { height: 2rem; width: 2rem; }
.catfish-classes .icon.is-large, .vue-component-wrapper .icon.is-large { height: 3rem; width: 3rem; }
.catfish-classes .icon.is-extra-large, .vue-component-wrapper .icon.is-extra-large { height: 6rem; width: 6rem; }
.catfish-classes .image, .vue-component-wrapper .image { display: block; position: relative; }
.catfish-classes .image.is-centered, .vue-component-wrapper .image.is-centered { display: flex; justify-content: center; align-items: center; align-content: center; }
.catfish-classes .image.is-covered img, .vue-component-wrapper .image.is-covered img { height: 100%; width: 100%; object-fit: cover; }
.catfish-classes .image.is-contained img, .vue-component-wrapper .image.is-contained img { height: 100%; width: 100%; object-fit: contain; }
.catfish-classes .image.has-radius img, .vue-component-wrapper .image.has-radius img { overflow: hidden; border-radius: 4px; }
.catfish-classes .image img, .vue-component-wrapper .image img { display: block; height: auto; width: 100%; }
.catfish-classes .image img.is-rounded, .vue-component-wrapper .image img.is-rounded { border-radius: 290486px; }
.catfish-classes .image.is-square img, .catfish-classes .image.is-1by1 img, .catfish-classes .image.is-5by4 img, .catfish-classes .image.is-4by3 img, .catfish-classes .image.is-3by2 img, .catfish-classes .image.is-5by3 img, .catfish-classes .image.is-16by9 img, .catfish-classes .image.is-2by1 img, .catfish-classes .image.is-3by1 img, .catfish-classes .image.is-4by5 img, .catfish-classes .image.is-3by4 img, .catfish-classes .image.is-2by3 img, .catfish-classes .image.is-3by5 img, .catfish-classes .image.is-9by16 img, .catfish-classes .image.is-1by2 img, .catfish-classes .image.is-1by3 img, .vue-component-wrapper .image.is-square img, .vue-component-wrapper .image.is-1by1 img, .vue-component-wrapper .image.is-5by4 img, .vue-component-wrapper .image.is-4by3 img, .vue-component-wrapper .image.is-3by2 img, .vue-component-wrapper .image.is-5by3 img, .vue-component-wrapper .image.is-16by9 img, .vue-component-wrapper .image.is-2by1 img, .vue-component-wrapper .image.is-3by1 img, .vue-component-wrapper .image.is-4by5 img, .vue-component-wrapper .image.is-3by4 img, .vue-component-wrapper .image.is-2by3 img, .vue-component-wrapper .image.is-3by5 img, .vue-component-wrapper .image.is-9by16 img, .vue-component-wrapper .image.is-1by2 img, .vue-component-wrapper .image.is-1by3 img { height: 100%; width: 100%; }
.catfish-classes .image.is-square, .catfish-classes .image.is-1by1, .vue-component-wrapper .image.is-square, .vue-component-wrapper .image.is-1by1 { padding-top: 100%; }
.catfish-classes .image.is-5by4, .vue-component-wrapper .image.is-5by4 { padding-top: 80%; }
.catfish-classes .image.is-4by3, .vue-component-wrapper .image.is-4by3 { padding-top: 75%; }
.catfish-classes .image.is-3by2, .vue-component-wrapper .image.is-3by2 { padding-top: 66.6666%; }
.catfish-classes .image.is-5by3, .vue-component-wrapper .image.is-5by3 { padding-top: 60%; }
.catfish-classes .image.is-16by9, .vue-component-wrapper .image.is-16by9 { padding-top: 56.25%; }
.catfish-classes .image.is-2by1, .vue-component-wrapper .image.is-2by1 { padding-top: 50%; }
.catfish-classes .image.is-3by1, .vue-component-wrapper .image.is-3by1 { padding-top: 33.3333%; }
.catfish-classes .image.is-4by5, .vue-component-wrapper .image.is-4by5 { padding-top: 125%; }
.catfish-classes .image.is-3by4, .vue-component-wrapper .image.is-3by4 { padding-top: 133.3333%; }
.catfish-classes .image.is-2by3, .vue-component-wrapper .image.is-2by3 { padding-top: 150%; }
.catfish-classes .image.is-3by5, .vue-component-wrapper .image.is-3by5 { padding-top: 166.6666%; }
.catfish-classes .image.is-9by16, .vue-component-wrapper .image.is-9by16 { padding-top: 177.7777%; }
.catfish-classes .image.is-1by2, .vue-component-wrapper .image.is-1by2 { padding-top: 200%; }
.catfish-classes .image.is-1by3, .vue-component-wrapper .image.is-1by3 { padding-top: 300%; }
.catfish-classes .image.is-16x16, .vue-component-wrapper .image.is-16x16 { height: 16px; width: 16px; }
.catfish-classes .image.is-24x24, .vue-component-wrapper .image.is-24x24 { height: 24px; width: 24px; }
.catfish-classes .image.is-32x32, .vue-component-wrapper .image.is-32x32 { height: 32px; width: 32px; }
.catfish-classes .image.is-48x48, .vue-component-wrapper .image.is-48x48 { height: 48px; width: 48px; }
.catfish-classes .image.is-64x64, .vue-component-wrapper .image.is-64x64 { height: 64px; width: 64px; }
.catfish-classes .image.is-96x96, .vue-component-wrapper .image.is-96x96 { height: 96px; width: 96px; }
.catfish-classes .image.is-128x128, .vue-component-wrapper .image.is-128x128 { height: 128px; width: 128px; }
.catfish-classes .image .has-ratio, .vue-component-wrapper .image .has-ratio { height: 100%; width: 100%; bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.catfish-classes .notification, .vue-component-wrapper .notification { display: inline-block; background-color: #f5f5f5; border-radius: 4px; padding: 1.25rem 1.25rem 1.25rem 1.25rem; position: relative; }
.catfish-classes .notification a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a), .vue-component-wrapper .notification a:not(.button):not(.dropdown-item):not(.catfish-classes .dropdown .dropdown-menu .has-link a):not( .vue-component-wrapper .dropdown .dropdown-menu .has-link a) { color: currentColor; text-decoration: underline; }
.catfish-classes .notification strong, .vue-component-wrapper .notification strong { color: currentColor; }
.catfish-classes .notification code, .catfish-classes .notification pre, .vue-component-wrapper .notification code, .vue-component-wrapper .notification pre { background: white; }
.catfish-classes .notification pre code, .vue-component-wrapper .notification pre code { background: transparent; }
.catfish-classes .notification > .delete, .vue-component-wrapper .notification > .delete { position: absolute; top: 0.5rem; right: 0.5rem ; }
.catfish-classes .notification .title, .catfish-classes .notification .subtitle, .catfish-classes .notification .content, .vue-component-wrapper .notification .title, .vue-component-wrapper .notification .subtitle, .vue-component-wrapper .notification .content { color: currentColor; }
.catfish-classes .notification.is-white, .vue-component-wrapper .notification.is-white { background-color: white; color: #0a0a0a; }
.catfish-classes .notification.is-black, .vue-component-wrapper .notification.is-black { background-color: #0a0a0a; color: white; }
.catfish-classes .notification.is-light, .vue-component-wrapper .notification.is-light { background-color: #f5f5f5; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .notification.is-dark, .vue-component-wrapper .notification.is-dark { background-color: #4a4a4a; color: #fff; }
.catfish-classes .notification.is-primary, .vue-component-wrapper .notification.is-primary { background-color: #353E49; color: #fff; }
.catfish-classes .notification.is-secondary, .vue-component-wrapper .notification.is-secondary { background-color: #B86BFF; color: #fff; }
.catfish-classes .notification.is-link, .vue-component-wrapper .notification.is-link { background-color: #353E49; color: #fff; }
.catfish-classes .notification.is-info, .vue-component-wrapper .notification.is-info { background-color: #209CEE; color: #fff; }
.catfish-classes .notification.is-success, .vue-component-wrapper .notification.is-success { background-color: #23D160; color: #fff; }
.catfish-classes .notification.is-warning, .vue-component-wrapper .notification.is-warning { background-color: #FFDD57; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .notification.is-danger, .vue-component-wrapper .notification.is-danger { background-color: #FF3860; color: #fff; }
.catfish-classes .progress, .vue-component-wrapper .progress { -moz-appearance: none; -webkit-appearance: none; border: none; border-radius: 290486px; display: block; height: 1rem; overflow: hidden; padding: 0; width: 100%; }
.catfish-classes .progress::-webkit-progress-bar, .vue-component-wrapper .progress::-webkit-progress-bar { background-color: #dbdbdb; }
.catfish-classes .progress::-webkit-progress-value, .vue-component-wrapper .progress::-webkit-progress-value { background-color: #4a4a4a; }
.catfish-classes .progress::-moz-progress-bar, .vue-component-wrapper .progress::-moz-progress-bar { background-color: #4a4a4a; }
.catfish-classes .progress::-ms-fill, .vue-component-wrapper .progress::-ms-fill { background-color: #4a4a4a; border: none; }
.catfish-classes .progress:indeterminate, .vue-component-wrapper .progress:indeterminate { animation-duration: 1.5s; animation-iteration-count: infinite; animation-name: moveIndeterminate; animation-timing-function: linear; background-color: #dbdbdb; background-image: linear-gradient(to right, #4a4a4a 30%, #dbdbdb 30%); background-position: top left; background-repeat: no-repeat; background-size: 150% 150%; }
.catfish-classes .progress:indeterminate::-webkit-progress-bar, .vue-component-wrapper .progress:indeterminate::-webkit-progress-bar { background-color: transparent; }
.catfish-classes .progress:indeterminate::-moz-progress-bar, .vue-component-wrapper .progress:indeterminate::-moz-progress-bar { background-color: transparent; }
.catfish-classes .progress.is-white::-webkit-progress-value, .vue-component-wrapper .progress.is-white::-webkit-progress-value { background-color: white; }
.catfish-classes .progress.is-white::-moz-progress-bar, .vue-component-wrapper .progress.is-white::-moz-progress-bar { background-color: white; }
.catfish-classes .progress.is-white::-ms-fill, .vue-component-wrapper .progress.is-white::-ms-fill { background-color: white; }
.catfish-classes .progress.is-white:indeterminate, .vue-component-wrapper .progress.is-white:indeterminate { background-image: linear-gradient(to right, white 30%, #dbdbdb 30%); }
.catfish-classes .progress.is-black::-webkit-progress-value, .vue-component-wrapper .progress.is-black::-webkit-progress-value { background-color: #0a0a0a; }
.catfish-classes .progress.is-black::-moz-progress-bar, .vue-component-wrapper .progress.is-black::-moz-progress-bar { background-color: #0a0a0a; }
.catfish-classes .progress.is-black::-ms-fill, .vue-component-wrapper .progress.is-black::-ms-fill { background-color: #0a0a0a; }
.catfish-classes .progress.is-black:indeterminate, .vue-component-wrapper .progress.is-black:indeterminate { background-image: linear-gradient(to right, #0a0a0a 30%, #dbdbdb 30%); }
.catfish-classes .progress.is-light::-webkit-progress-value, .vue-component-wrapper .progress.is-light::-webkit-progress-value { background-color: #f5f5f5; }
.catfish-classes .progress.is-light::-moz-progress-bar, .vue-component-wrapper .progress.is-light::-moz-progress-bar { background-color: #f5f5f5; }
.catfish-classes .progress.is-light::-ms-fill, .vue-component-wrapper .progress.is-light::-ms-fill { background-color: #f5f5f5; }
.catfish-classes .progress.is-light:indeterminate, .vue-component-wrapper .progress.is-light:indeterminate { background-image: linear-gradient(to right, #f5f5f5 30%, #dbdbdb 30%); }
.catfish-classes .progress.is-dark::-webkit-progress-value, .vue-component-wrapper .progress.is-dark::-webkit-progress-value { background-color: #4a4a4a; }
.catfish-classes .progress.is-dark::-moz-progress-bar, .vue-component-wrapper .progress.is-dark::-moz-progress-bar { background-color: #4a4a4a; }
.catfish-classes .progress.is-dark::-ms-fill, .vue-component-wrapper .progress.is-dark::-ms-fill { background-color: #4a4a4a; }
.catfish-classes .progress.is-dark:indeterminate, .vue-component-wrapper .progress.is-dark:indeterminate { background-image: linear-gradient(to right, #4a4a4a 30%, #dbdbdb 30%); }
.catfish-classes .progress.is-primary::-webkit-progress-value, .vue-component-wrapper .progress.is-primary::-webkit-progress-value { background-color: #353E49; }
.catfish-classes .progress.is-primary::-moz-progress-bar, .vue-component-wrapper .progress.is-primary::-moz-progress-bar { background-color: #353E49; }
.catfish-classes .progress.is-primary::-ms-fill, .vue-component-wrapper .progress.is-primary::-ms-fill { background-color: #353E49; }
.catfish-classes .progress.is-primary:indeterminate, .vue-component-wrapper .progress.is-primary:indeterminate { background-image: linear-gradient(to right, #353E49 30%, #dbdbdb 30%); }
.catfish-classes .progress.is-secondary::-webkit-progress-value, .vue-component-wrapper .progress.is-secondary::-webkit-progress-value { background-color: #B86BFF; }
.catfish-classes .progress.is-secondary::-moz-progress-bar, .vue-component-wrapper .progress.is-secondary::-moz-progress-bar { background-color: #B86BFF; }
.catfish-classes .progress.is-secondary::-ms-fill, .vue-component-wrapper .progress.is-secondary::-ms-fill { background-color: #B86BFF; }
.catfish-classes .progress.is-secondary:indeterminate, .vue-component-wrapper .progress.is-secondary:indeterminate { background-image: linear-gradient(to right, #B86BFF 30%, #dbdbdb 30%); }
.catfish-classes .progress.is-link::-webkit-progress-value, .vue-component-wrapper .progress.is-link::-webkit-progress-value { background-color: #353E49; }
.catfish-classes .progress.is-link::-moz-progress-bar, .vue-component-wrapper .progress.is-link::-moz-progress-bar { background-color: #353E49; }
.catfish-classes .progress.is-link::-ms-fill, .vue-component-wrapper .progress.is-link::-ms-fill { background-color: #353E49; }
.catfish-classes .progress.is-link:indeterminate, .vue-component-wrapper .progress.is-link:indeterminate { background-image: linear-gradient(to right, #353E49 30%, #dbdbdb 30%); }
.catfish-classes .progress.is-info::-webkit-progress-value, .vue-component-wrapper .progress.is-info::-webkit-progress-value { background-color: #209CEE; }
.catfish-classes .progress.is-info::-moz-progress-bar, .vue-component-wrapper .progress.is-info::-moz-progress-bar { background-color: #209CEE; }
.catfish-classes .progress.is-info::-ms-fill, .vue-component-wrapper .progress.is-info::-ms-fill { background-color: #209CEE; }
.catfish-classes .progress.is-info:indeterminate, .vue-component-wrapper .progress.is-info:indeterminate { background-image: linear-gradient(to right, #209CEE 30%, #dbdbdb 30%); }
.catfish-classes .progress.is-success::-webkit-progress-value, .vue-component-wrapper .progress.is-success::-webkit-progress-value { background-color: #23D160; }
.catfish-classes .progress.is-success::-moz-progress-bar, .vue-component-wrapper .progress.is-success::-moz-progress-bar { background-color: #23D160; }
.catfish-classes .progress.is-success::-ms-fill, .vue-component-wrapper .progress.is-success::-ms-fill { background-color: #23D160; }
.catfish-classes .progress.is-success:indeterminate, .vue-component-wrapper .progress.is-success:indeterminate { background-image: linear-gradient(to right, #23D160 30%, #dbdbdb 30%); }
.catfish-classes .progress.is-warning::-webkit-progress-value, .vue-component-wrapper .progress.is-warning::-webkit-progress-value { background-color: #FFDD57; }
.catfish-classes .progress.is-warning::-moz-progress-bar, .vue-component-wrapper .progress.is-warning::-moz-progress-bar { background-color: #FFDD57; }
.catfish-classes .progress.is-warning::-ms-fill, .vue-component-wrapper .progress.is-warning::-ms-fill { background-color: #FFDD57; }
.catfish-classes .progress.is-warning:indeterminate, .vue-component-wrapper .progress.is-warning:indeterminate { background-image: linear-gradient(to right, #FFDD57 30%, #dbdbdb 30%); }
.catfish-classes .progress.is-danger::-webkit-progress-value, .vue-component-wrapper .progress.is-danger::-webkit-progress-value { background-color: #FF3860; }
.catfish-classes .progress.is-danger::-moz-progress-bar, .vue-component-wrapper .progress.is-danger::-moz-progress-bar { background-color: #FF3860; }
.catfish-classes .progress.is-danger::-ms-fill, .vue-component-wrapper .progress.is-danger::-ms-fill { background-color: #FF3860; }
.catfish-classes .progress.is-danger:indeterminate, .vue-component-wrapper .progress.is-danger:indeterminate { background-image: linear-gradient(to right, #FF3860 30%, #dbdbdb 30%); }
.catfish-classes .progress.is-small, .vue-component-wrapper .progress.is-small { height: 0.833em; }
.catfish-classes .progress.is-medium, .vue-component-wrapper .progress.is-medium { height: 1.2em; }
.catfish-classes .progress.is-large, .vue-component-wrapper .progress.is-large { height: 1.44em; }
@keyframes moveIndeterminate { from { background-position: 200% 0; }
to { background-position: -200% 0; } }
.catfish-classes .table td, .catfish-classes .table th, .vue-component-wrapper .table td, .vue-component-wrapper .table th { border: 1px solid #dbdbdb; border-width: 0 0 1px; padding: 0.5em 0.75em; vertical-align: top; }
.catfish-classes .table td.is-white, .catfish-classes .table th.is-white, .vue-component-wrapper .table td.is-white, .vue-component-wrapper .table th.is-white { background-color: white; border-color: white; color: #0a0a0a; }
.catfish-classes .table td.is-black, .catfish-classes .table th.is-black, .vue-component-wrapper .table td.is-black, .vue-component-wrapper .table th.is-black { background-color: #0a0a0a; border-color: #0a0a0a; color: white; }
.catfish-classes .table td.is-light, .catfish-classes .table th.is-light, .vue-component-wrapper .table td.is-light, .vue-component-wrapper .table th.is-light { background-color: #f5f5f5; border-color: #f5f5f5; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .table td.is-dark, .catfish-classes .table th.is-dark, .vue-component-wrapper .table td.is-dark, .vue-component-wrapper .table th.is-dark { background-color: #4a4a4a; border-color: #4a4a4a; color: #fff; }
.catfish-classes .table td.is-primary, .catfish-classes .table th.is-primary, .vue-component-wrapper .table td.is-primary, .vue-component-wrapper .table th.is-primary { background-color: #353E49; border-color: #353E49; color: #fff; }
.catfish-classes .table td.is-secondary, .catfish-classes .table th.is-secondary, .vue-component-wrapper .table td.is-secondary, .vue-component-wrapper .table th.is-secondary { background-color: #B86BFF; border-color: #B86BFF; color: #fff; }
.catfish-classes .table td.is-link, .catfish-classes .table th.is-link, .vue-component-wrapper .table td.is-link, .vue-component-wrapper .table th.is-link { background-color: #353E49; border-color: #353E49; color: #fff; }
.catfish-classes .table td.is-info, .catfish-classes .table th.is-info, .vue-component-wrapper .table td.is-info, .vue-component-wrapper .table th.is-info { background-color: #209CEE; border-color: #209CEE; color: #fff; }
.catfish-classes .table td.is-success, .catfish-classes .table th.is-success, .vue-component-wrapper .table td.is-success, .vue-component-wrapper .table th.is-success { background-color: #23D160; border-color: #23D160; color: #fff; }
.catfish-classes .table td.is-warning, .catfish-classes .table th.is-warning, .vue-component-wrapper .table td.is-warning, .vue-component-wrapper .table th.is-warning { background-color: #FFDD57; border-color: #FFDD57; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .table td.is-danger, .catfish-classes .table th.is-danger, .vue-component-wrapper .table td.is-danger, .vue-component-wrapper .table th.is-danger { background-color: #FF3860; border-color: #FF3860; color: #fff; }
.catfish-classes .table td.is-narrow, .catfish-classes .table th.is-narrow, .vue-component-wrapper .table td.is-narrow, .vue-component-wrapper .table th.is-narrow { white-space: nowrap; width: 1%; }
.catfish-classes .table td.is-selected, .catfish-classes .table th.is-selected, .vue-component-wrapper .table td.is-selected, .vue-component-wrapper .table th.is-selected { background-color: #353E49; color: #fff; }
.catfish-classes .table td.is-selected a, .catfish-classes .table td.is-selected strong, .catfish-classes .table th.is-selected a, .catfish-classes .table th.is-selected strong, .vue-component-wrapper .table td.is-selected a, .vue-component-wrapper .table td.is-selected strong, .vue-component-wrapper .table th.is-selected a, .vue-component-wrapper .table th.is-selected strong { color: currentColor; }
.catfish-classes .table th, .vue-component-wrapper .table th { color: #4a4a4a; text-align: left; }
.catfish-classes .table tr.is-selected, .vue-component-wrapper .table tr.is-selected { background-color: #353E49; color: #fff; }
.catfish-classes .table tr.is-selected a, .catfish-classes .table tr.is-selected strong, .vue-component-wrapper .table tr.is-selected a, .vue-component-wrapper .table tr.is-selected strong { color: currentColor; }
.catfish-classes .table tr.is-selected td, .catfish-classes .table tr.is-selected th, .vue-component-wrapper .table tr.is-selected td, .vue-component-wrapper .table tr.is-selected th { border-color: #fff; color: currentColor; }
.catfish-classes .table thead td, .catfish-classes .table thead th, .vue-component-wrapper .table thead td, .vue-component-wrapper .table thead th { border-width: 0 0 2px; color: #4a4a4a; }
.catfish-classes .table tfoot td, .catfish-classes .table tfoot th, .vue-component-wrapper .table tfoot td, .vue-component-wrapper .table tfoot th { border-width: 2px 0 0; color: #4a4a4a; }
.catfish-classes .table tbody tr:last-child td, .catfish-classes .table tbody tr:last-child th, .vue-component-wrapper .table tbody tr:last-child td, .vue-component-wrapper .table tbody tr:last-child th { border-bottom-width: 0; }
.catfish-classes .table.is-bordered td, .catfish-classes .table.is-bordered th, .vue-component-wrapper .table.is-bordered td, .vue-component-wrapper .table.is-bordered th { border-width: 1px; }
.catfish-classes .table.is-bordered tr:last-child td, .catfish-classes .table.is-bordered tr:last-child th, .vue-component-wrapper .table.is-bordered tr:last-child td, .vue-component-wrapper .table.is-bordered tr:last-child th { border-bottom-width: 1px; }
.catfish-classes .table.is-borderless td, .catfish-classes .table.is-borderless th, .vue-component-wrapper .table.is-borderless td, .vue-component-wrapper .table.is-borderless th { border-width: 0; padding-left: 0 ; padding-right: 0 ; }
.catfish-classes .table.is-fullwidth, .vue-component-wrapper .table.is-fullwidth { width: 100%; }
.catfish-classes .table.is-hoverable tbody tr:not(.is-selected):hover, .vue-component-wrapper .table.is-hoverable tbody tr:not(.is-selected):hover { background-color: #f5f5f5; }
.catfish-classes .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover, .vue-component-wrapper .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { background-color: #f7f7f7; }
.catfish-classes .table.is-narrow td, .catfish-classes .table.is-narrow th, .vue-component-wrapper .table.is-narrow td, .vue-component-wrapper .table.is-narrow th { padding: 0.25em 0.5em; }
.catfish-classes .table.is-striped tbody tr:not(.is-selected):nth-child(even), .vue-component-wrapper .table.is-striped tbody tr:not(.is-selected):nth-child(even) { background-color: #f5f5f5; }
@media screen and (max-width: 749px) { .catfish-classes .table.has-mobile-folding td, .catfish-classes .table.has-mobile-folding tr, .vue-component-wrapper .table.has-mobile-folding td, .vue-component-wrapper .table.has-mobile-folding tr { display: inline-block; width: 100%; float: left ; } }
.catfish-classes .table.is-centered th, .catfish-classes .table.is-centered td, .vue-component-wrapper .table.is-centered th, .vue-component-wrapper .table.is-centered td { text-align: center; }
.catfish-classes .table.is-vcentered td, .catfish-classes .table.is-vcentered th, .vue-component-wrapper .table.is-vcentered td, .vue-component-wrapper .table.is-vcentered th { vertical-align: middle; }
.catfish-classes .table.is-wrapped td, .catfish-classes .table.is-wrapped th, .vue-component-wrapper .table.is-wrapped td, .vue-component-wrapper .table.is-wrapped th { word-break: break-all; }
.catfish-classes .table.checkout-attribute-table th:first-child, .vue-component-wrapper .table.checkout-attribute-table th:first-child { width: 45%; }
.catfish-classes .table-container, .vue-component-wrapper .table-container { -webkit-overflow-scrolling: touch; overflow: auto; overflow-y: hidden; width: 100%; max-width: 100%; table-layout: fixed; }
.catfish-classes .tags, .vue-component-wrapper .tags { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.catfish-classes .tags .tag, .vue-component-wrapper .tags .tag { margin-bottom: 0.5rem; }
.catfish-classes .tags .tag:not(:last-child), .vue-component-wrapper .tags .tag:not(:last-child) { margin-right: 0.5rem ; }
.catfish-classes .tags .tag.is-expanded, .vue-component-wrapper .tags .tag.is-expanded { flex-grow: 1; flex-shrink: 1; }
.catfish-classes .tags:last-child, .vue-component-wrapper .tags:last-child { margin-bottom: -0.5rem; }
.catfish-classes .tags:not(:last-child), .vue-component-wrapper .tags:not(:last-child) { margin-bottom: 1rem; }
.catfish-classes .tags.has-addons .tag, .vue-component-wrapper .tags.has-addons .tag { margin-right: 0 ; }
.catfish-classes .tags.has-addons .tag:not(:first-child), .vue-component-wrapper .tags.has-addons .tag:not(:first-child) { -webkit-border-bottom-left-radius: 0; -moz-border-bottomleft-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-topleft-radius: 0; border-top-left-radius: 0; }
.catfish-classes .tags.has-addons .tag:not(:last-child), .vue-component-wrapper .tags.has-addons .tag:not(:last-child) { -webkit-border-bottom-right-radius: 0; -moz-border-bottomright-radius: 0; border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-topright-radius: 0; border-top-right-radius: 0; }
.catfish-classes .tags.is-centered, .vue-component-wrapper .tags.is-centered { justify-content: center; }
.catfish-classes .tags.is-centered .tag, .vue-component-wrapper .tags.is-centered .tag { margin-right: 0.25rem ; margin-left: 0.25rem ; }
.catfish-classes .tags.is-right, .vue-component-wrapper .tags.is-right { justify-content: flex-end; }
.catfish-classes .tags.is-right .tag:not(:first-child), .vue-component-wrapper .tags.is-right .tag:not(:first-child) { margin-left: 0.5rem ; }
.catfish-classes .tags.is-right .tag:not(:last-child), .vue-component-wrapper .tags.is-right .tag:not(:last-child) { margin-right: 0 ; }
.catfish-classes .tag:not(body), .vue-component-wrapper .tag:not(body) { align-items: center; background-color: #f5f5f5; border-radius: 4px; color: #4a4a4a; display: inline-flex; font-size: 0.833em; height: 2em; justify-content: center; line-height: 1.5; padding-left: 0.75em ; padding-right: 0.75em ; white-space: nowrap; }
.catfish-classes .tag:not(body).is-expanded, .vue-component-wrapper .tag:not(body).is-expanded { flex-grow: 1; flex-shrink: 1; }
.catfish-classes .tag:not(body) .delete, .vue-component-wrapper .tag:not(body) .delete { margin-left: 0.25rem ; margin-right: -0.375rem ; }
.catfish-classes .tag:not(body).is-white, .vue-component-wrapper .tag:not(body).is-white { background-color: white; color: #0a0a0a; }
.catfish-classes .tag:not(body).is-black, .vue-component-wrapper .tag:not(body).is-black { background-color: #0a0a0a; color: white; }
.catfish-classes .tag:not(body).is-light, .vue-component-wrapper .tag:not(body).is-light { background-color: #f5f5f5; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .tag:not(body).is-dark, .vue-component-wrapper .tag:not(body).is-dark { background-color: #4a4a4a; color: #fff; }
.catfish-classes .tag:not(body).is-primary, .vue-component-wrapper .tag:not(body).is-primary { background-color: #353E49; color: #fff; }
.catfish-classes .tag:not(body).is-secondary, .vue-component-wrapper .tag:not(body).is-secondary { background-color: #B86BFF; color: #fff; }
.catfish-classes .tag:not(body).is-link, .vue-component-wrapper .tag:not(body).is-link { background-color: #353E49; color: #fff; }
.catfish-classes .tag:not(body).is-info, .vue-component-wrapper .tag:not(body).is-info { background-color: #209CEE; color: #fff; }
.catfish-classes .tag:not(body).is-success, .vue-component-wrapper .tag:not(body).is-success { background-color: #23D160; color: #fff; }
.catfish-classes .tag:not(body).is-warning, .vue-component-wrapper .tag:not(body).is-warning { background-color: #FFDD57; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .tag:not(body).is-danger, .vue-component-wrapper .tag:not(body).is-danger { background-color: #FF3860; color: #fff; }
.catfish-classes .tag:not(body).is-medium, .vue-component-wrapper .tag:not(body).is-medium { font-size: 1rem; }
.catfish-classes .tag:not(body).is-large, .vue-component-wrapper .tag:not(body).is-large { font-size: 1.2em; }
.catfish-classes .tag:not(body) .icon:first-child:not(:last-child), .vue-component-wrapper .tag:not(body) .icon:first-child:not(:last-child) { margin-left: -0.375em ; margin-right: 0.1875em ; }
.catfish-classes .tag:not(body) .icon:last-child:not(:first-child), .vue-component-wrapper .tag:not(body) .icon:last-child:not(:first-child) { margin-left: 0.1875em ; margin-right: -0.375em ; }
.catfish-classes .tag:not(body) .icon:first-child:last-child, .vue-component-wrapper .tag:not(body) .icon:first-child:last-child { margin-left: -0.375em ; margin-right: -0.375em ; }
.catfish-classes .tag:not(body).is-delete, .vue-component-wrapper .tag:not(body).is-delete { margin-left: 1px ; padding: 0; position: relative; width: 2em; }
.catfish-classes .tag:not(body).is-delete::before, .catfish-classes .tag:not(body).is-delete::after, .vue-component-wrapper .tag:not(body).is-delete::before, .vue-component-wrapper .tag:not(body).is-delete::after { left: 50% ; background-color: currentColor; content: ""; display: block; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; }
.catfish-classes .tag:not(body).is-delete::before, .vue-component-wrapper .tag:not(body).is-delete::before { height: 1px; width: 50%; }
.catfish-classes .tag:not(body).is-delete::after, .vue-component-wrapper .tag:not(body).is-delete::after { height: 50%; width: 1px; }
.catfish-classes .tag:not(body).is-delete:hover, .catfish-classes .tag:not(body).is-delete:focus, .vue-component-wrapper .tag:not(body).is-delete:hover, .vue-component-wrapper .tag:not(body).is-delete:focus { background-color: #e8e8e8; }
.catfish-classes .tag:not(body).is-delete:active, .vue-component-wrapper .tag:not(body).is-delete:active { background-color: gainsboro; }
.catfish-classes .tag:not(body).is-rounded, .vue-component-wrapper .tag:not(body).is-rounded { border-radius: 290486px; }
.catfish-classes a.tag:hover, .vue-component-wrapper a.tag:hover { text-decoration: underline; }
.catfish-classes .title, .catfish-classes .subtitle, .vue-component-wrapper .title, .vue-component-wrapper .subtitle { word-break: break-word; }
.catfish-classes .title em, .catfish-classes .title span, .catfish-classes .subtitle em, .catfish-classes .subtitle span, .vue-component-wrapper .title em, .vue-component-wrapper .title span, .vue-component-wrapper .subtitle em, .vue-component-wrapper .subtitle span { font-weight: inherit; }
.catfish-classes .title sub, .catfish-classes .subtitle sub, .vue-component-wrapper .title sub, .vue-component-wrapper .subtitle sub { font-size: 0.75em; }
.catfish-classes .title sup, .catfish-classes .subtitle sup, .vue-component-wrapper .title sup, .vue-component-wrapper .subtitle sup { font-size: 0.75em; }
.catfish-classes .title .tag, .catfish-classes .subtitle .tag, .vue-component-wrapper .title .tag, .vue-component-wrapper .subtitle .tag { vertical-align: middle; }
.catfish-classes .title, .vue-component-wrapper .title { font-size: 2.074em; font-weight: 500; }
.catfish-classes .title strong, .vue-component-wrapper .title strong { color: inherit; font-weight: inherit; }
.catfish-classes .title + .highlight, .vue-component-wrapper .title + .highlight { margin-top: -0.75rem; }
.catfish-classes .title.is-1, .vue-component-wrapper .title.is-1 { font-size: 2.488em; }
.catfish-classes .title.is-2, .vue-component-wrapper .title.is-2 { font-size: 2.074em; }
.catfish-classes .title.is-3, .vue-component-wrapper .title.is-3 { font-size: 1.728em; }
.catfish-classes .title.is-4, .vue-component-wrapper .title.is-4 { font-size: 1.44em; }
.catfish-classes .title.is-5, .vue-component-wrapper .title.is-5 { font-size: 1.2em; }
.catfish-classes .title.is-6, .vue-component-wrapper .title.is-6 { font-size: 1rem; }
.catfish-classes .title.is-7, .vue-component-wrapper .title.is-7 { font-size: 0.833em; }
.catfish-classes .subtitle, .vue-component-wrapper .subtitle { font-size: 1.44em; font-weight: 400; }
.catfish-classes .subtitle strong, .vue-component-wrapper .subtitle strong { font-weight: 600; }
.catfish-classes .subtitle.is-1, .vue-component-wrapper .subtitle.is-1 { font-size: 2.488em; }
.catfish-classes .subtitle.is-2, .vue-component-wrapper .subtitle.is-2 { font-size: 2.074em; }
.catfish-classes .subtitle.is-3, .vue-component-wrapper .subtitle.is-3 { font-size: 1.728em; }
.catfish-classes .subtitle.is-4, .vue-component-wrapper .subtitle.is-4 { font-size: 1.44em; }
.catfish-classes .subtitle.is-5, .vue-component-wrapper .subtitle.is-5 { font-size: 1.2em; }
.catfish-classes .subtitle.is-6, .vue-component-wrapper .subtitle.is-6 { font-size: 1rem; }
.catfish-classes .subtitle.is-7, .vue-component-wrapper .subtitle.is-7 { font-size: 0.833em; }
.catfish-classes .heading, .vue-component-wrapper .heading { display: block; font-size: 11px; margin-bottom: 5px; text-transform: uppercase; }
.catfish-classes .highlight, .vue-component-wrapper .highlight { font-weight: 400; max-width: 100%; overflow: hidden; padding: 0; }
.catfish-classes .highlight pre, .vue-component-wrapper .highlight pre { overflow: auto; max-width: 100%; }
.catfish-classes .pseudo-disabled, .vue-component-wrapper .pseudo-disabled { opacity: .5; cursor: not-allowed; pointer-events: none; }
.catfish-classes .cursor.grabbable, .vue-component-wrapper .cursor.grabbable { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; }
.catfish-classes .cursor.grabbable:active, .vue-component-wrapper .cursor.grabbable:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; }
.catfish-classes input[type='range'].slider, .vue-component-wrapper input[type='range'].slider { -webkit-appearance: none; appearance: none; background: transparent; }
.catfish-classes input[type='range'].slider.is-fullwidth, .vue-component-wrapper input[type='range'].slider.is-fullwidth { display: block; width: 100%; }
.catfish-classes input[type='range'].slider:focus, .vue-component-wrapper input[type='range'].slider:focus { outline: none; }
.catfish-classes input[type='range'].slider:not([orient='vertical']), .vue-component-wrapper input[type='range'].slider:not([orient='vertical']) { height: 2.25em; }
.catfish-classes input[type='range'].slider:not([orient='vertical'])::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider:not([orient='vertical'])::-webkit-slider-runnable-track { width: 100%; }
.catfish-classes input[type='range'].slider:not([orient='vertical'])::-moz-range-track, .vue-component-wrapper input[type='range'].slider:not([orient='vertical'])::-moz-range-track { width: 100%; }
.catfish-classes input[type='range'].slider:not([orient='vertical'])::-ms-track, .vue-component-wrapper input[type='range'].slider:not([orient='vertical'])::-ms-track { width: 100%; }
.catfish-classes input[type='range'].slider:not([orient='vertical']).has-output + output, .catfish-classes input[type='range'].slider:not([orient='vertical']).has-output-tooltip + output, .vue-component-wrapper input[type='range'].slider:not([orient='vertical']).has-output + output, .vue-component-wrapper input[type='range'].slider:not([orient='vertical']).has-output-tooltip + output { width: 3rem; background: #4a4a4a; border-radius: 4px; padding: 0.4rem 0.8rem; font-size: 0.833em; line-height: 0.833em; text-align: center; text-overflow: ellipsis; white-space: nowrap; color: white; overflow: hidden; pointer-events: none; z-index: 200; }
.catfish-classes input[type='range'].slider:not([orient='vertical']).has-output, .vue-component-wrapper input[type='range'].slider:not([orient='vertical']).has-output { display: inline-block; width: calc(100% - (4.2rem)); }
.catfish-classes input[type='range'].slider:not([orient='vertical']).has-output + output, .vue-component-wrapper input[type='range'].slider:not([orient='vertical']).has-output + output { display: inline-block; position: relative; margin-left: 0.75rem; top: -0.75rem; }
.catfish-classes input[type='range'].slider:not([orient='vertical']).has-output-tooltip, .vue-component-wrapper input[type='range'].slider:not([orient='vertical']).has-output-tooltip { display: block; }
.catfish-classes input[type='range'].slider:not([orient='vertical']).has-output-tooltip + output, .vue-component-wrapper input[type='range'].slider:not([orient='vertical']).has-output-tooltip + output { position: absolute; left: 0; top: -0.1rem; }
.catfish-classes input[type='range'].slider[orient='vertical'], .vue-component-wrapper input[type='range'].slider[orient='vertical'] { -webkit-appearance: slider-vertical; writing-mode: bt-lr; }
.catfish-classes input[type='range'].slider[orient='vertical']::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider[orient='vertical']::-webkit-slider-runnable-track { height: 100%; }
.catfish-classes input[type='range'].slider[orient='vertical']::-moz-range-track, .vue-component-wrapper input[type='range'].slider[orient='vertical']::-moz-range-track { height: 100%; }
.catfish-classes input[type='range'].slider[orient='vertical']::-ms-track, .vue-component-wrapper input[type='range'].slider[orient='vertical']::-ms-track { height: 100%; }
.catfish-classes input[type='range'].slider::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider::-webkit-slider-runnable-track { cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #7a7a7a; background: #dbdbdb; border-radius: 4px; border: 0px solid #7a7a7a; }
.catfish-classes input[type='range'].slider::-moz-range-track, .vue-component-wrapper input[type='range'].slider::-moz-range-track { cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #7a7a7a; background: #dbdbdb; border-radius: 4px; border: 0px solid #7a7a7a; }
.catfish-classes input[type='range'].slider::-ms-track, .vue-component-wrapper input[type='range'].slider::-ms-track { cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #7a7a7a; background: #dbdbdb; border-radius: 4px; border: 0px solid #7a7a7a; }
.catfish-classes input[type='range'].slider::-ms-fill-lower, .catfish-classes input[type='range'].slider::-ms-fill-upper, .vue-component-wrapper input[type='range'].slider::-ms-fill-lower, .vue-component-wrapper input[type='range'].slider::-ms-fill-upper { background: #dbdbdb; border-radius: 4px; }
.catfish-classes input[type='range'].slider::-webkit-slider-thumb, .vue-component-wrapper input[type='range'].slider::-webkit-slider-thumb { box-shadow: none; border: 1px solid #b5b5b5; border-radius: 4px; background: white; cursor: pointer; -webkit-appearance: none; transition: transform 0.2s ease, -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: -webkit-transform 0.2s ease; }
.catfish-classes input[type='range'].slider::-moz-range-thumb, .vue-component-wrapper input[type='range'].slider::-moz-range-thumb { box-shadow: none; border: 1px solid #b5b5b5; background: white; border-radius: 4px; cursor: pointer; transition: transform 0.2s ease, -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: -webkit-transform 0.2s ease; }
.catfish-classes input[type='range'].slider::-ms-thumb, .vue-component-wrapper input[type='range'].slider::-ms-thumb { box-shadow: none; border: 1px solid #b5b5b5; background: white; border-radius: 4px; cursor: pointer; transition: transform 0.2s ease, -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: -webkit-transform 0.2s ease; }
.catfish-classes input[type='range'].slider::-webkit-slider-thumb, .vue-component-wrapper input[type='range'].slider::-webkit-slider-thumb { -webkit-appearance: none; }
.catfish-classes input[type='range'].slider.is-circle::-webkit-slider-thumb, .vue-component-wrapper input[type='range'].slider.is-circle::-webkit-slider-thumb { border-radius: 50%; }
.catfish-classes input[type='range'].slider.is-circle::-moz-range-thumb, .vue-component-wrapper input[type='range'].slider.is-circle::-moz-range-thumb { border-radius: 50%; }
.catfish-classes input[type='range'].slider.is-circle::-ms-thumb, .vue-component-wrapper input[type='range'].slider.is-circle::-ms-thumb { border-radius: 50%; }
.catfish-classes input[type='range'].slider:active::-webkit-slider-thumb, .vue-component-wrapper input[type='range'].slider:active::-webkit-slider-thumb { -webkit-transform: scale(1.25); transform: scale(1.25); }
.catfish-classes input[type='range'].slider:active::-moz-range-thumb, .vue-component-wrapper input[type='range'].slider:active::-moz-range-thumb { transform: scale(1.25); }
.catfish-classes input[type='range'].slider:active::-ms-thumb, .vue-component-wrapper input[type='range'].slider:active::-ms-thumb { -ms-transform: scale(1.25); transform: scale(1.25); }
.catfish-classes input[type='range'].slider:disabled, .vue-component-wrapper input[type='range'].slider:disabled { opacity: 0.5; cursor: not-allowed; }
.catfish-classes input[type='range'].slider:disabled::-webkit-slider-thumb, .vue-component-wrapper input[type='range'].slider:disabled::-webkit-slider-thumb { cursor: not-allowed; -webkit-transform: scale(1); transform: scale(1); }
.catfish-classes input[type='range'].slider:disabled::-moz-range-thumb, .vue-component-wrapper input[type='range'].slider:disabled::-moz-range-thumb { cursor: not-allowed; transform: scale(1); }
.catfish-classes input[type='range'].slider:disabled::-ms-thumb, .vue-component-wrapper input[type='range'].slider:disabled::-ms-thumb { cursor: not-allowed; -ms-transform: scale(1); transform: scale(1); }
.catfish-classes input[type='range'].slider:not([orient='vertical'])::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider:not([orient='vertical'])::-webkit-slider-runnable-track { height: 0.5rem; }
.catfish-classes input[type='range'].slider:not([orient='vertical'])::-moz-range-track, .vue-component-wrapper input[type='range'].slider:not([orient='vertical'])::-moz-range-track { height: 0.5rem; }
.catfish-classes input[type='range'].slider:not([orient='vertical'])::-ms-track, .vue-component-wrapper input[type='range'].slider:not([orient='vertical'])::-ms-track { height: 0.5rem; }
.catfish-classes input[type='range'].slider[orient='vertical']::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider[orient='vertical']::-webkit-slider-runnable-track { width: 0.5rem; }
.catfish-classes input[type='range'].slider[orient='vertical']::-moz-range-track, .vue-component-wrapper input[type='range'].slider[orient='vertical']::-moz-range-track { width: 0.5rem; }
.catfish-classes input[type='range'].slider[orient='vertical']::-ms-track, .vue-component-wrapper input[type='range'].slider[orient='vertical']::-ms-track { width: 0.5rem; }
.catfish-classes input[type='range'].slider::-webkit-slider-thumb, .vue-component-wrapper input[type='range'].slider::-webkit-slider-thumb { height: 1rem; width: 1rem; margin-top: -0.25rem; }
.catfish-classes input[type='range'].slider::-moz-range-thumb, .vue-component-wrapper input[type='range'].slider::-moz-range-thumb { height: 1rem; width: 1rem; }
.catfish-classes input[type='range'].slider::-ms-thumb, .vue-component-wrapper input[type='range'].slider::-ms-thumb { height: 1rem; width: 1rem; margin-top: 0; }
.catfish-classes input[type='range'].slider[orient='vertical']::-webkit-slider-thumb, .vue-component-wrapper input[type='range'].slider[orient='vertical']::-webkit-slider-thumb { margin-top: auto; margin-left: -0.25rem; }
.catfish-classes input[type='range'].slider.is-small:not([orient='vertical'])::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider.is-small:not([orient='vertical'])::-webkit-slider-runnable-track { height: 0.4165em; }
.catfish-classes input[type='range'].slider.is-small:not([orient='vertical'])::-moz-range-track, .vue-component-wrapper input[type='range'].slider.is-small:not([orient='vertical'])::-moz-range-track { height: 0.4165em; }
.catfish-classes input[type='range'].slider.is-small:not([orient='vertical'])::-ms-track, .vue-component-wrapper input[type='range'].slider.is-small:not([orient='vertical'])::-ms-track { height: 0.4165em; }
.catfish-classes input[type='range'].slider.is-small[orient='vertical']::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider.is-small[orient='vertical']::-webkit-slider-runnable-track { width: 0.4165em; }
.catfish-classes input[type='range'].slider.is-small[orient='vertical']::-moz-range-track, .vue-component-wrapper input[type='range'].slider.is-small[orient='vertical']::-moz-range-track { width: 0.4165em; }
.catfish-classes input[type='range'].slider.is-small[orient='vertical']::-ms-track, .vue-component-wrapper input[type='range'].slider.is-small[orient='vertical']::-ms-track { width: 0.4165em; }
.catfish-classes input[type='range'].slider.is-small::-webkit-slider-thumb, .vue-component-wrapper input[type='range'].slider.is-small::-webkit-slider-thumb { height: 0.833em; width: 0.833em; margin-top: -0.20825em; }
.catfish-classes input[type='range'].slider.is-small::-moz-range-thumb, .vue-component-wrapper input[type='range'].slider.is-small::-moz-range-thumb { height: 0.833em; width: 0.833em; }
.catfish-classes input[type='range'].slider.is-small::-ms-thumb, .vue-component-wrapper input[type='range'].slider.is-small::-ms-thumb { height: 0.833em; width: 0.833em; margin-top: 0; }
.catfish-classes input[type='range'].slider.is-small[orient='vertical']::-webkit-slider-thumb, .vue-component-wrapper input[type='range'].slider.is-small[orient='vertical']::-webkit-slider-thumb { margin-top: auto; margin-left: -0.20825em; }
.catfish-classes input[type='range'].slider.is-medium:not([orient='vertical'])::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider.is-medium:not([orient='vertical'])::-webkit-slider-runnable-track { height: 0.6em; }
.catfish-classes input[type='range'].slider.is-medium:not([orient='vertical'])::-moz-range-track, .vue-component-wrapper input[type='range'].slider.is-medium:not([orient='vertical'])::-moz-range-track { height: 0.6em; }
.catfish-classes input[type='range'].slider.is-medium:not([orient='vertical'])::-ms-track, .vue-component-wrapper input[type='range'].slider.is-medium:not([orient='vertical'])::-ms-track { height: 0.6em; }
.catfish-classes input[type='range'].slider.is-medium[orient='vertical']::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider.is-medium[orient='vertical']::-webkit-slider-runnable-track { width: 0.6em; }
.catfish-classes input[type='range'].slider.is-medium[orient='vertical']::-moz-range-track, .vue-component-wrapper input[type='range'].slider.is-medium[orient='vertical']::-moz-range-track { width: 0.6em; }
.catfish-classes input[type='range'].slider.is-medium[orient='vertical']::-ms-track, .vue-component-wrapper input[type='range'].slider.is-medium[orient='vertical']::-ms-track { width: 0.6em; }
.catfish-classes input[type='range'].slider.is-medium::-webkit-slider-thumb, .vue-component-wrapper input[type='range'].slider.is-medium::-webkit-slider-thumb { height: 1.2em; width: 1.2em; margin-top: -0.3em; }
.catfish-classes input[type='range'].slider.is-medium::-moz-range-thumb, .vue-component-wrapper input[type='range'].slider.is-medium::-moz-range-thumb { height: 1.2em; width: 1.2em; }
.catfish-classes input[type='range'].slider.is-medium::-ms-thumb, .vue-component-wrapper input[type='range'].slider.is-medium::-ms-thumb { height: 1.2em; width: 1.2em; margin-top: 0; }
.catfish-classes input[type='range'].slider.is-medium[orient='vertical']::-webkit-slider-thumb, .vue-component-wrapper input[type='range'].slider.is-medium[orient='vertical']::-webkit-slider-thumb { margin-top: auto; margin-left: -0.3em; }
.catfish-classes input[type='range'].slider.is-large:not([orient='vertical'])::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider.is-large:not([orient='vertical'])::-webkit-slider-runnable-track { height: 0.72em; }
.catfish-classes input[type='range'].slider.is-large:not([orient='vertical'])::-moz-range-track, .vue-component-wrapper input[type='range'].slider.is-large:not([orient='vertical'])::-moz-range-track { height: 0.72em; }
.catfish-classes input[type='range'].slider.is-large:not([orient='vertical'])::-ms-track, .vue-component-wrapper input[type='range'].slider.is-large:not([orient='vertical'])::-ms-track { height: 0.72em; }
.catfish-classes input[type='range'].slider.is-large[orient='vertical']::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider.is-large[orient='vertical']::-webkit-slider-runnable-track { width: 0.72em; }
.catfish-classes input[type='range'].slider.is-large[orient='vertical']::-moz-range-track, .vue-component-wrapper input[type='range'].slider.is-large[orient='vertical']::-moz-range-track { width: 0.72em; }
.catfish-classes input[type='range'].slider.is-large[orient='vertical']::-ms-track, .vue-component-wrapper input[type='range'].slider.is-large[orient='vertical']::-ms-track { width: 0.72em; }
.catfish-classes input[type='range'].slider.is-large::-webkit-slider-thumb, .vue-component-wrapper input[type='range'].slider.is-large::-webkit-slider-thumb { height: 1.44em; width: 1.44em; margin-top: -0.36em; }
.catfish-classes input[type='range'].slider.is-large::-moz-range-thumb, .vue-component-wrapper input[type='range'].slider.is-large::-moz-range-thumb { height: 1.44em; width: 1.44em; }
.catfish-classes input[type='range'].slider.is-large::-ms-thumb, .vue-component-wrapper input[type='range'].slider.is-large::-ms-thumb { height: 1.44em; width: 1.44em; margin-top: 0; }
.catfish-classes input[type='range'].slider.is-large[orient='vertical']::-webkit-slider-thumb, .vue-component-wrapper input[type='range'].slider.is-large[orient='vertical']::-webkit-slider-thumb { margin-top: auto; margin-left: -0.36em; }
.catfish-classes input[type='range'].slider.is-white::-moz-range-track, .vue-component-wrapper input[type='range'].slider.is-white::-moz-range-track { background: white; }
.catfish-classes input[type='range'].slider.is-white::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider.is-white::-webkit-slider-runnable-track { background: white; }
.catfish-classes input[type='range'].slider.is-white::-ms-track, .vue-component-wrapper input[type='range'].slider.is-white::-ms-track { background: white !important; }
.catfish-classes input[type='range'].slider.is-white::-ms-fill-lower, .catfish-classes input[type='range'].slider.is-white::-ms-fill-upper, .vue-component-wrapper input[type='range'].slider.is-white::-ms-fill-lower, .vue-component-wrapper input[type='range'].slider.is-white::-ms-fill-upper { background: white; }
.catfish-classes input[type='range'].slider.is-white.has-output + output, .catfish-classes input[type='range'].slider.is-white .has-output-tooltip + output, .vue-component-wrapper input[type='range'].slider.is-white.has-output + output, .vue-component-wrapper input[type='range'].slider.is-white .has-output-tooltip + output { background-color: white; color: #0a0a0a; }
.catfish-classes input[type='range'].slider.is-black::-moz-range-track, .vue-component-wrapper input[type='range'].slider.is-black::-moz-range-track { background: #0a0a0a; }
.catfish-classes input[type='range'].slider.is-black::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider.is-black::-webkit-slider-runnable-track { background: #0a0a0a; }
.catfish-classes input[type='range'].slider.is-black::-ms-track, .vue-component-wrapper input[type='range'].slider.is-black::-ms-track { background: #0a0a0a !important; }
.catfish-classes input[type='range'].slider.is-black::-ms-fill-lower, .catfish-classes input[type='range'].slider.is-black::-ms-fill-upper, .vue-component-wrapper input[type='range'].slider.is-black::-ms-fill-lower, .vue-component-wrapper input[type='range'].slider.is-black::-ms-fill-upper { background: #0a0a0a; }
.catfish-classes input[type='range'].slider.is-black.has-output + output, .catfish-classes input[type='range'].slider.is-black .has-output-tooltip + output, .vue-component-wrapper input[type='range'].slider.is-black.has-output + output, .vue-component-wrapper input[type='range'].slider.is-black .has-output-tooltip + output { background-color: #0a0a0a; color: white; }
.catfish-classes input[type='range'].slider.is-light::-moz-range-track, .vue-component-wrapper input[type='range'].slider.is-light::-moz-range-track { background: #f5f5f5; }
.catfish-classes input[type='range'].slider.is-light::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider.is-light::-webkit-slider-runnable-track { background: #f5f5f5; }
.catfish-classes input[type='range'].slider.is-light::-ms-track, .vue-component-wrapper input[type='range'].slider.is-light::-ms-track { background: #f5f5f5 !important; }
.catfish-classes input[type='range'].slider.is-light::-ms-fill-lower, .catfish-classes input[type='range'].slider.is-light::-ms-fill-upper, .vue-component-wrapper input[type='range'].slider.is-light::-ms-fill-lower, .vue-component-wrapper input[type='range'].slider.is-light::-ms-fill-upper { background: #f5f5f5; }
.catfish-classes input[type='range'].slider.is-light.has-output + output, .catfish-classes input[type='range'].slider.is-light .has-output-tooltip + output, .vue-component-wrapper input[type='range'].slider.is-light.has-output + output, .vue-component-wrapper input[type='range'].slider.is-light .has-output-tooltip + output { background-color: #f5f5f5; color: rgba(25, 25, 25, 0.7); }
.catfish-classes input[type='range'].slider.is-dark::-moz-range-track, .vue-component-wrapper input[type='range'].slider.is-dark::-moz-range-track { background: #4a4a4a; }
.catfish-classes input[type='range'].slider.is-dark::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider.is-dark::-webkit-slider-runnable-track { background: #4a4a4a; }
.catfish-classes input[type='range'].slider.is-dark::-ms-track, .vue-component-wrapper input[type='range'].slider.is-dark::-ms-track { background: #4a4a4a !important; }
.catfish-classes input[type='range'].slider.is-dark::-ms-fill-lower, .catfish-classes input[type='range'].slider.is-dark::-ms-fill-upper, .vue-component-wrapper input[type='range'].slider.is-dark::-ms-fill-lower, .vue-component-wrapper input[type='range'].slider.is-dark::-ms-fill-upper { background: #4a4a4a; }
.catfish-classes input[type='range'].slider.is-dark.has-output + output, .catfish-classes input[type='range'].slider.is-dark .has-output-tooltip + output, .vue-component-wrapper input[type='range'].slider.is-dark.has-output + output, .vue-component-wrapper input[type='range'].slider.is-dark .has-output-tooltip + output { background-color: #4a4a4a; color: #fff; }
.catfish-classes input[type='range'].slider.is-primary::-moz-range-track, .vue-component-wrapper input[type='range'].slider.is-primary::-moz-range-track { background: #353E49; }
.catfish-classes input[type='range'].slider.is-primary::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider.is-primary::-webkit-slider-runnable-track { background: #353E49; }
.catfish-classes input[type='range'].slider.is-primary::-ms-track, .vue-component-wrapper input[type='range'].slider.is-primary::-ms-track { background: #353E49 !important; }
.catfish-classes input[type='range'].slider.is-primary::-ms-fill-lower, .catfish-classes input[type='range'].slider.is-primary::-ms-fill-upper, .vue-component-wrapper input[type='range'].slider.is-primary::-ms-fill-lower, .vue-component-wrapper input[type='range'].slider.is-primary::-ms-fill-upper { background: #353E49; }
.catfish-classes input[type='range'].slider.is-primary.has-output + output, .catfish-classes input[type='range'].slider.is-primary .has-output-tooltip + output, .vue-component-wrapper input[type='range'].slider.is-primary.has-output + output, .vue-component-wrapper input[type='range'].slider.is-primary .has-output-tooltip + output { background-color: #353E49; color: #fff; }
.catfish-classes input[type='range'].slider.is-secondary::-moz-range-track, .vue-component-wrapper input[type='range'].slider.is-secondary::-moz-range-track { background: #B86BFF; }
.catfish-classes input[type='range'].slider.is-secondary::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider.is-secondary::-webkit-slider-runnable-track { background: #B86BFF; }
.catfish-classes input[type='range'].slider.is-secondary::-ms-track, .vue-component-wrapper input[type='range'].slider.is-secondary::-ms-track { background: #B86BFF !important; }
.catfish-classes input[type='range'].slider.is-secondary::-ms-fill-lower, .catfish-classes input[type='range'].slider.is-secondary::-ms-fill-upper, .vue-component-wrapper input[type='range'].slider.is-secondary::-ms-fill-lower, .vue-component-wrapper input[type='range'].slider.is-secondary::-ms-fill-upper { background: #B86BFF; }
.catfish-classes input[type='range'].slider.is-secondary.has-output + output, .catfish-classes input[type='range'].slider.is-secondary .has-output-tooltip + output, .vue-component-wrapper input[type='range'].slider.is-secondary.has-output + output, .vue-component-wrapper input[type='range'].slider.is-secondary .has-output-tooltip + output { background-color: #B86BFF; color: #fff; }
.catfish-classes input[type='range'].slider.is-link::-moz-range-track, .vue-component-wrapper input[type='range'].slider.is-link::-moz-range-track { background: #353E49; }
.catfish-classes input[type='range'].slider.is-link::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider.is-link::-webkit-slider-runnable-track { background: #353E49; }
.catfish-classes input[type='range'].slider.is-link::-ms-track, .vue-component-wrapper input[type='range'].slider.is-link::-ms-track { background: #353E49 !important; }
.catfish-classes input[type='range'].slider.is-link::-ms-fill-lower, .catfish-classes input[type='range'].slider.is-link::-ms-fill-upper, .vue-component-wrapper input[type='range'].slider.is-link::-ms-fill-lower, .vue-component-wrapper input[type='range'].slider.is-link::-ms-fill-upper { background: #353E49; }
.catfish-classes input[type='range'].slider.is-link.has-output + output, .catfish-classes input[type='range'].slider.is-link .has-output-tooltip + output, .vue-component-wrapper input[type='range'].slider.is-link.has-output + output, .vue-component-wrapper input[type='range'].slider.is-link .has-output-tooltip + output { background-color: #353E49; color: #fff; }
.catfish-classes input[type='range'].slider.is-info::-moz-range-track, .vue-component-wrapper input[type='range'].slider.is-info::-moz-range-track { background: #209CEE; }
.catfish-classes input[type='range'].slider.is-info::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider.is-info::-webkit-slider-runnable-track { background: #209CEE; }
.catfish-classes input[type='range'].slider.is-info::-ms-track, .vue-component-wrapper input[type='range'].slider.is-info::-ms-track { background: #209CEE !important; }
.catfish-classes input[type='range'].slider.is-info::-ms-fill-lower, .catfish-classes input[type='range'].slider.is-info::-ms-fill-upper, .vue-component-wrapper input[type='range'].slider.is-info::-ms-fill-lower, .vue-component-wrapper input[type='range'].slider.is-info::-ms-fill-upper { background: #209CEE; }
.catfish-classes input[type='range'].slider.is-info.has-output + output, .catfish-classes input[type='range'].slider.is-info .has-output-tooltip + output, .vue-component-wrapper input[type='range'].slider.is-info.has-output + output, .vue-component-wrapper input[type='range'].slider.is-info .has-output-tooltip + output { background-color: #209CEE; color: #fff; }
.catfish-classes input[type='range'].slider.is-success::-moz-range-track, .vue-component-wrapper input[type='range'].slider.is-success::-moz-range-track { background: #23D160; }
.catfish-classes input[type='range'].slider.is-success::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider.is-success::-webkit-slider-runnable-track { background: #23D160; }
.catfish-classes input[type='range'].slider.is-success::-ms-track, .vue-component-wrapper input[type='range'].slider.is-success::-ms-track { background: #23D160 !important; }
.catfish-classes input[type='range'].slider.is-success::-ms-fill-lower, .catfish-classes input[type='range'].slider.is-success::-ms-fill-upper, .vue-component-wrapper input[type='range'].slider.is-success::-ms-fill-lower, .vue-component-wrapper input[type='range'].slider.is-success::-ms-fill-upper { background: #23D160; }
.catfish-classes input[type='range'].slider.is-success.has-output + output, .catfish-classes input[type='range'].slider.is-success .has-output-tooltip + output, .vue-component-wrapper input[type='range'].slider.is-success.has-output + output, .vue-component-wrapper input[type='range'].slider.is-success .has-output-tooltip + output { background-color: #23D160; color: #fff; }
.catfish-classes input[type='range'].slider.is-warning::-moz-range-track, .vue-component-wrapper input[type='range'].slider.is-warning::-moz-range-track { background: #FFDD57; }
.catfish-classes input[type='range'].slider.is-warning::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider.is-warning::-webkit-slider-runnable-track { background: #FFDD57; }
.catfish-classes input[type='range'].slider.is-warning::-ms-track, .vue-component-wrapper input[type='range'].slider.is-warning::-ms-track { background: #FFDD57 !important; }
.catfish-classes input[type='range'].slider.is-warning::-ms-fill-lower, .catfish-classes input[type='range'].slider.is-warning::-ms-fill-upper, .vue-component-wrapper input[type='range'].slider.is-warning::-ms-fill-lower, .vue-component-wrapper input[type='range'].slider.is-warning::-ms-fill-upper { background: #FFDD57; }
.catfish-classes input[type='range'].slider.is-warning.has-output + output, .catfish-classes input[type='range'].slider.is-warning .has-output-tooltip + output, .vue-component-wrapper input[type='range'].slider.is-warning.has-output + output, .vue-component-wrapper input[type='range'].slider.is-warning .has-output-tooltip + output { background-color: #FFDD57; color: rgba(26, 22, 9, 0.7); }
.catfish-classes input[type='range'].slider.is-danger::-moz-range-track, .vue-component-wrapper input[type='range'].slider.is-danger::-moz-range-track { background: #FF3860; }
.catfish-classes input[type='range'].slider.is-danger::-webkit-slider-runnable-track, .vue-component-wrapper input[type='range'].slider.is-danger::-webkit-slider-runnable-track { background: #FF3860; }
.catfish-classes input[type='range'].slider.is-danger::-ms-track, .vue-component-wrapper input[type='range'].slider.is-danger::-ms-track { background: #FF3860 !important; }
.catfish-classes input[type='range'].slider.is-danger::-ms-fill-lower, .catfish-classes input[type='range'].slider.is-danger::-ms-fill-upper, .vue-component-wrapper input[type='range'].slider.is-danger::-ms-fill-lower, .vue-component-wrapper input[type='range'].slider.is-danger::-ms-fill-upper { background: #FF3860; }
.catfish-classes input[type='range'].slider.is-danger.has-output + output, .catfish-classes input[type='range'].slider.is-danger .has-output-tooltip + output, .vue-component-wrapper input[type='range'].slider.is-danger.has-output + output, .vue-component-wrapper input[type='range'].slider.is-danger .has-output-tooltip + output { background-color: #FF3860; color: #fff; }
.catfish-classes .badge, .vue-component-wrapper .badge { right: 0.25rem ; padding: 0.3rem 0.5rem 0.3rem 0.5rem; position: absolute; top: 0.25rem; z-index: 99; margin: 0; background: #353E49; background-clip: padding-box; border-radius: 1rem; box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.2); color: white; content: attr(data-badge); display: inline-block; text-align: center; white-space: nowrap; min-height: 1rem; min-width: 1rem; font-size: 0.75rem; line-height: 0.5rem; }
.catfish-classes .badge.is-badge-white, .vue-component-wrapper .badge.is-badge-white { background: white; color: #0a0a0a; }
.catfish-classes .badge.is-badge-black, .vue-component-wrapper .badge.is-badge-black { background: #0a0a0a; color: white; }
.catfish-classes .badge.is-badge-light, .vue-component-wrapper .badge.is-badge-light { background: #f5f5f5; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .badge.is-badge-dark, .vue-component-wrapper .badge.is-badge-dark { background: #4a4a4a; color: #fff; }
.catfish-classes .badge.is-badge-primary, .vue-component-wrapper .badge.is-badge-primary { background: #353E49; color: #fff; }
.catfish-classes .badge.is-badge-secondary, .vue-component-wrapper .badge.is-badge-secondary { background: #B86BFF; color: #fff; }
.catfish-classes .badge.is-badge-link, .vue-component-wrapper .badge.is-badge-link { background: #353E49; color: #fff; }
.catfish-classes .badge.is-badge-info, .vue-component-wrapper .badge.is-badge-info { background: #209CEE; color: #fff; }
.catfish-classes .badge.is-badge-success, .vue-component-wrapper .badge.is-badge-success { background: #23D160; color: #fff; }
.catfish-classes .badge.is-badge-warning, .vue-component-wrapper .badge.is-badge-warning { background: #FFDD57; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .badge.is-badge-danger, .vue-component-wrapper .badge.is-badge-danger { background: #FF3860; color: #fff; }
.catfish-classes .badge.is-badge-right, .vue-component-wrapper .badge.is-badge-right { left: auto ; right: 0.25rem ; }
.catfish-classes .badge.is-badge-bottom, .vue-component-wrapper .badge.is-badge-bottom { top: auto; bottom: 0.25rem; }
.catfish-classes .badge.is-badge-small, .vue-component-wrapper .badge.is-badge-small { min-height: 0.833em; min-width: 0.833em; font-size: 0.62475em; line-height: 0.4165em; }
.catfish-classes .badge.is-badge-medium, .vue-component-wrapper .badge.is-badge-medium { min-height: 1.2em; min-width: 1.2em; font-size: 0.9em; line-height: 0.6em; }
.catfish-classes .badge.is-badge-large, .vue-component-wrapper .badge.is-badge-large { min-height: 1.44em; min-width: 1.44em; font-size: 1.08em; line-height: 0.72em; }
.catfish-classes .breadcrumb, .vue-component-wrapper .breadcrumb { font-size: 1rem; white-space: nowrap; }
.catfish-classes .breadcrumb .breadcrumb-item, .catfish-classes .breadcrumb a, .vue-component-wrapper .breadcrumb .breadcrumb-item, .vue-component-wrapper .breadcrumb a { align-items: center; color: #353E49; display: flex; justify-content: center; padding: 0 0.75em 0 0.75em; }
.catfish-classes .breadcrumb a:hover, .vue-component-wrapper .breadcrumb a:hover { color: #303842; }
.catfish-classes .breadcrumb li, .vue-component-wrapper .breadcrumb li { align-items: center; display: flex; }
.catfish-classes .breadcrumb li:first-child .breadcrumb-item, .catfish-classes .breadcrumb li:first-child a, .vue-component-wrapper .breadcrumb li:first-child .breadcrumb-item, .vue-component-wrapper .breadcrumb li:first-child a { padding-left: 0 ; }
.catfish-classes .breadcrumb li.is-active .breadcrumb-item, .catfish-classes .breadcrumb li.is-active a, .vue-component-wrapper .breadcrumb li.is-active .breadcrumb-item, .vue-component-wrapper .breadcrumb li.is-active a { color: #4a4a4a; cursor: default; pointer-events: none; }
.catfish-classes .breadcrumb li + li::before, .vue-component-wrapper .breadcrumb li + li::before { color: #b5b5b5; content: "/"; }
.catfish-classes .breadcrumb ul, .catfish-classes .breadcrumb ol, .vue-component-wrapper .breadcrumb ul, .vue-component-wrapper .breadcrumb ol { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.catfish-classes .breadcrumb .icon:first-child, .vue-component-wrapper .breadcrumb .icon:first-child { margin-right: 0.5em ; }
.catfish-classes .breadcrumb .icon:last-child, .vue-component-wrapper .breadcrumb .icon:last-child { margin-left: 0.5em ; }
.catfish-classes .breadcrumb.is-centered ol, .catfish-classes .breadcrumb.is-centered ul, .vue-component-wrapper .breadcrumb.is-centered ol, .vue-component-wrapper .breadcrumb.is-centered ul { justify-content: center; }
.catfish-classes .breadcrumb.is-right ol, .catfish-classes .breadcrumb.is-right ul, .vue-component-wrapper .breadcrumb.is-right ol, .vue-component-wrapper .breadcrumb.is-right ul { justify-content: flex-end; }
.catfish-classes .breadcrumb.is-small, .vue-component-wrapper .breadcrumb.is-small { font-size: 0.833em; }
.catfish-classes .breadcrumb.is-medium, .vue-component-wrapper .breadcrumb.is-medium { font-size: 1.2em; }
.catfish-classes .breadcrumb.is-large, .vue-component-wrapper .breadcrumb.is-large { font-size: 1.44em; }
.catfish-classes .breadcrumb.has-arrow-separator li + li::before, .vue-component-wrapper .breadcrumb.has-arrow-separator li + li::before { content: "→"; }
.catfish-classes .breadcrumb.has-bullet-separator li + li::before, .vue-component-wrapper .breadcrumb.has-bullet-separator li + li::before { content: "•"; }
.catfish-classes .breadcrumb.has-dot-separator li + li::before, .vue-component-wrapper .breadcrumb.has-dot-separator li + li::before { content: "·"; }
.catfish-classes .breadcrumb.has-succeeds-separator li + li::before, .vue-component-wrapper .breadcrumb.has-succeeds-separator li + li::before { content: "≻"; }
.catfish-classes .card, .vue-component-wrapper .card { background-color: #f5f5f5; box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); color: #4a4a4a; max-width: 100%; position: relative; }
.catfish-classes .card .card-header, .vue-component-wrapper .card .card-header { background-color: transparent; align-items: stretch; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); display: flex; }
.catfish-classes .card .card-header-title, .vue-component-wrapper .card .card-header-title { align-items: center; color: #4a4a4a; display: flex; flex-grow: 1; font-weight: 700; padding: 0.75rem 0.75rem 0.75rem 0.75rem; }
.catfish-classes .card .card-header-title.is-centered, .vue-component-wrapper .card .card-header-title.is-centered { justify-content: center; }
.catfish-classes .card .card-header-icon, .vue-component-wrapper .card .card-header-icon { align-items: center; cursor: pointer; display: flex; justify-content: center; padding: 0.75rem 0.75rem 0.75rem 0.75rem; transition: 0.3s all cubic-bezier(0.25, 0.1, 0.25, 1); }
.card.open .catfish-classes .card .card-header-icon, .card.open .vue-component-wrapper .card .card-header-icon { transform: rotate(180deg); }
.catfish-classes .card .card-image, .vue-component-wrapper .card .card-image { display: block; position: relative; }
.catfish-classes .card .card-content, .vue-component-wrapper .card .card-content { background-color: transparent; padding: 1.5rem 1.5rem 1.5rem 1.5rem; }
.catfish-classes .card .card-footer, .vue-component-wrapper .card .card-footer { background-color: transparent; border-top: 1px solid #dbdbdb; align-items: stretch; display: flex; }
.catfish-classes .card .card-footer-item, .vue-component-wrapper .card .card-footer-item { align-items: center; display: flex; flex-basis: 0; flex-grow: 1; flex-shrink: 0; justify-content: center; padding: 0.75rem 0.75rem 0.75rem 0.75rem; }
.catfish-classes .card .card-footer-item:not(:last-child), .vue-component-wrapper .card .card-footer-item:not(:last-child) { border-right: 1px solid #dbdbdb; }
.catfish-classes .card.is-white, .vue-component-wrapper .card.is-white { border: 1px solid #dbdbdb; box-shadow: 0 2px 3px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1); }
.catfish-classes .card.is-white .card-header, .vue-component-wrapper .card.is-white .card-header { background-color: white; }
.catfish-classes .card.is-white .card-header-title, .vue-component-wrapper .card.is-white .card-header-title { color: #0a0a0a; }
.catfish-classes .card.is-white .card-header-icon, .vue-component-wrapper .card.is-white .card-header-icon { color: #0a0a0a; }
.catfish-classes .card.is-black, .vue-component-wrapper .card.is-black { border: 1px solid #dbdbdb; box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); }
.catfish-classes .card.is-black .card-header, .vue-component-wrapper .card.is-black .card-header { background-color: #0a0a0a; }
.catfish-classes .card.is-black .card-header-title, .vue-component-wrapper .card.is-black .card-header-title { color: white; }
.catfish-classes .card.is-black .card-header-icon, .vue-component-wrapper .card.is-black .card-header-icon { color: white; }
.catfish-classes .card.is-light, .vue-component-wrapper .card.is-light { border: 1px solid #dbdbdb; box-shadow: 0 2px 3px rgba(245, 245, 245, 0.1), 0 0 0 1px rgba(245, 245, 245, 0.1); }
.catfish-classes .card.is-light .card-header, .vue-component-wrapper .card.is-light .card-header { background-color: #f5f5f5; }
.catfish-classes .card.is-light .card-header-title, .vue-component-wrapper .card.is-light .card-header-title { color: rgba(25, 25, 25, 0.7); }
.catfish-classes .card.is-light .card-header-icon, .vue-component-wrapper .card.is-light .card-header-icon { color: rgba(25, 25, 25, 0.7); }
.catfish-classes .card.is-dark, .vue-component-wrapper .card.is-dark { border: 1px solid #dbdbdb; box-shadow: 0 2px 3px rgba(74, 74, 74, 0.1), 0 0 0 1px rgba(74, 74, 74, 0.1); }
.catfish-classes .card.is-dark .card-header, .vue-component-wrapper .card.is-dark .card-header { background-color: #4a4a4a; }
.catfish-classes .card.is-dark .card-header-title, .vue-component-wrapper .card.is-dark .card-header-title { color: #fff; }
.catfish-classes .card.is-dark .card-header-icon, .vue-component-wrapper .card.is-dark .card-header-icon { color: #fff; }
.catfish-classes .card.is-primary, .vue-component-wrapper .card.is-primary { border: 1px solid #dbdbdb; box-shadow: 0 2px 3px rgba(53, 62, 73, 0.1), 0 0 0 1px rgba(53, 62, 73, 0.1); }
.catfish-classes .card.is-primary .card-header, .vue-component-wrapper .card.is-primary .card-header { background-color: #353E49; }
.catfish-classes .card.is-primary .card-header-title, .vue-component-wrapper .card.is-primary .card-header-title { color: #fff; }
.catfish-classes .card.is-primary .card-header-icon, .vue-component-wrapper .card.is-primary .card-header-icon { color: #fff; }
.catfish-classes .card.is-secondary, .vue-component-wrapper .card.is-secondary { border: 1px solid #dbdbdb; box-shadow: 0 2px 3px rgba(184, 107, 255, 0.1), 0 0 0 1px rgba(184, 107, 255, 0.1); }
.catfish-classes .card.is-secondary .card-header, .vue-component-wrapper .card.is-secondary .card-header { background-color: #B86BFF; }
.catfish-classes .card.is-secondary .card-header-title, .vue-component-wrapper .card.is-secondary .card-header-title { color: #fff; }
.catfish-classes .card.is-secondary .card-header-icon, .vue-component-wrapper .card.is-secondary .card-header-icon { color: #fff; }
.catfish-classes .card.is-link, .vue-component-wrapper .card.is-link { border: 1px solid #dbdbdb; box-shadow: 0 2px 3px rgba(53, 62, 73, 0.1), 0 0 0 1px rgba(53, 62, 73, 0.1); }
.catfish-classes .card.is-link .card-header, .vue-component-wrapper .card.is-link .card-header { background-color: #353E49; }
.catfish-classes .card.is-link .card-header-title, .vue-component-wrapper .card.is-link .card-header-title { color: #fff; }
.catfish-classes .card.is-link .card-header-icon, .vue-component-wrapper .card.is-link .card-header-icon { color: #fff; }
.catfish-classes .card.is-info, .vue-component-wrapper .card.is-info { border: 1px solid #dbdbdb; box-shadow: 0 2px 3px rgba(32, 156, 238, 0.1), 0 0 0 1px rgba(32, 156, 238, 0.1); }
.catfish-classes .card.is-info .card-header, .vue-component-wrapper .card.is-info .card-header { background-color: #209CEE; }
.catfish-classes .card.is-info .card-header-title, .vue-component-wrapper .card.is-info .card-header-title { color: #fff; }
.catfish-classes .card.is-info .card-header-icon, .vue-component-wrapper .card.is-info .card-header-icon { color: #fff; }
.catfish-classes .card.is-success, .vue-component-wrapper .card.is-success { border: 1px solid #dbdbdb; box-shadow: 0 2px 3px rgba(35, 209, 96, 0.1), 0 0 0 1px rgba(35, 209, 96, 0.1); }
.catfish-classes .card.is-success .card-header, .vue-component-wrapper .card.is-success .card-header { background-color: #23D160; }
.catfish-classes .card.is-success .card-header-title, .vue-component-wrapper .card.is-success .card-header-title { color: #fff; }
.catfish-classes .card.is-success .card-header-icon, .vue-component-wrapper .card.is-success .card-header-icon { color: #fff; }
.catfish-classes .card.is-warning, .vue-component-wrapper .card.is-warning { border: 1px solid #dbdbdb; box-shadow: 0 2px 3px rgba(255, 221, 87, 0.1), 0 0 0 1px rgba(255, 221, 87, 0.1); }
.catfish-classes .card.is-warning .card-header, .vue-component-wrapper .card.is-warning .card-header { background-color: #FFDD57; }
.catfish-classes .card.is-warning .card-header-title, .vue-component-wrapper .card.is-warning .card-header-title { color: rgba(26, 22, 9, 0.7); }
.catfish-classes .card.is-warning .card-header-icon, .vue-component-wrapper .card.is-warning .card-header-icon { color: rgba(26, 22, 9, 0.7); }
.catfish-classes .card.is-danger, .vue-component-wrapper .card.is-danger { border: 1px solid #dbdbdb; box-shadow: 0 2px 3px rgba(255, 56, 96, 0.1), 0 0 0 1px rgba(255, 56, 96, 0.1); }
.catfish-classes .card.is-danger .card-header, .vue-component-wrapper .card.is-danger .card-header { background-color: #FF3860; }
.catfish-classes .card.is-danger .card-header-title, .vue-component-wrapper .card.is-danger .card-header-title { color: #fff; }
.catfish-classes .card.is-danger .card-header-icon, .vue-component-wrapper .card.is-danger .card-header-icon { color: #fff; }
.catfish-classes .card .media:not(:last-child), .vue-component-wrapper .card .media:not(:last-child) { margin-bottom: 0.75rem; }
.catfish-classes .dropdown, .vue-component-wrapper .dropdown { display: inline-flex; position: relative; vertical-align: top; }
.catfish-classes .dropdown.is-active .dropdown-menu, .catfish-classes .dropdown.is-hoverable:hover .dropdown-menu, .vue-component-wrapper .dropdown.is-active .dropdown-menu, .vue-component-wrapper .dropdown.is-hoverable:hover .dropdown-menu { display: block; }
.catfish-classes .dropdown.is-right .dropdown-menu, .vue-component-wrapper .dropdown.is-right .dropdown-menu { left: auto ; right: 0 ; }
.catfish-classes .dropdown.is-up .dropdown-menu, .vue-component-wrapper .dropdown.is-up .dropdown-menu { bottom: 100%; padding-bottom: 4px; padding-top: initial; top: auto; }
.catfish-classes .dropdown-menu, .vue-component-wrapper .dropdown-menu { display: none; left: 0 ; min-width: 12rem; padding-top: 4px; position: absolute; top: 100%; z-index: 20; }
.catfish-classes .dropdown-menu.is-right, .vue-component-wrapper .dropdown-menu.is-right { left: auto ; right: 0 ; }
.catfish-classes .dropdown-content, .vue-component-wrapper .dropdown-content { background-color: white; border-radius: 4px; box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); padding-bottom: 0.5rem; padding-top: 0.5rem; }
.catfish-classes .product-version-header-fields .dropdown-content, .vue-component-wrapper .product-version-header-fields .dropdown-content { border-top: 2px solid #CADFEB; box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); }
.catfish-classes .product-version-header-fields .dropdown-content .dropdown-item, .catfish-classes .product-version-header-fields .dropdown-content .dropdown .dropdown-menu .has-link a, .catfish-classes .dropdown .dropdown-menu .has-link .product-version-header-fields .dropdown-content a, .vue-component-wrapper .dropdown .dropdown-menu .has-link .catfish-classes .product-version-header-fields .dropdown-content a, .vue-component-wrapper .product-version-header-fields .dropdown-content .dropdown-item, .catfish-classes .dropdown .dropdown-menu .has-link .vue-component-wrapper .product-version-header-fields .dropdown-content a, .vue-component-wrapper .product-version-header-fields .dropdown-content .dropdown .dropdown-menu .has-link a, .vue-component-wrapper .dropdown .dropdown-menu .has-link .product-version-header-fields .dropdown-content a { display: flex; align-items: baseline; }
.catfish-classes .dropdown-item, .catfish-classes .dropdown .dropdown-menu .has-link a, .vue-component-wrapper .dropdown .dropdown-menu .has-link .catfish-classes a, .vue-component-wrapper .dropdown-item, .catfish-classes .dropdown .dropdown-menu .has-link .vue-component-wrapper a, .vue-component-wrapper .dropdown .dropdown-menu .has-link a { color: #4a4a4a; display: block; font-size: 0.875rem; line-height: 1.5; padding: 0.375rem 1rem 0.375rem 1rem; position: relative; }
.catfish-classes .dropdown-item.is-danger, .catfish-classes .dropdown .dropdown-menu .has-link a.is-danger, .vue-component-wrapper .dropdown .dropdown-menu .has-link .catfish-classes a.is-danger, .vue-component-wrapper .dropdown-item.is-danger, .catfish-classes .dropdown .dropdown-menu .has-link .vue-component-wrapper a.is-danger, .vue-component-wrapper .dropdown .dropdown-menu .has-link a.is-danger { color: #FF3860; }
.catfish-classes .dropdown-item-link, .catfish-classes a.dropdown-item, .catfish-classes .dropdown .dropdown-menu .has-link a, .vue-component-wrapper .dropdown .dropdown-menu .has-link .catfish-classes a, .vue-component-wrapper .dropdown-item-link, .vue-component-wrapper a.dropdown-item, .catfish-classes .dropdown .dropdown-menu .has-link .vue-component-wrapper a, .vue-component-wrapper .dropdown .dropdown-menu .has-link a { padding-right: 3rem ; }
.catfish-classes .dropdown-item-link:hover, .catfish-classes a.dropdown-item:hover, .catfish-classes .dropdown .dropdown-menu .has-link a:hover, .vue-component-wrapper .dropdown .dropdown-menu .has-link .catfish-classes a:hover, .vue-component-wrapper .dropdown-item-link:hover, .vue-component-wrapper a.dropdown-item:hover, .catfish-classes .dropdown .dropdown-menu .has-link .vue-component-wrapper a:hover, .vue-component-wrapper .dropdown .dropdown-menu .has-link a:hover { background-color: #f5f5f5; color: #0a0a0a; }
.catfish-classes .dropdown-item-link.is-active, .catfish-classes a.dropdown-item.is-active, .catfish-classes .dropdown .dropdown-menu .has-link a.is-active, .vue-component-wrapper .dropdown .dropdown-menu .has-link .catfish-classes a.is-active, .vue-component-wrapper .dropdown-item-link.is-active, .vue-component-wrapper a.dropdown-item.is-active, .catfish-classes .dropdown .dropdown-menu .has-link .vue-component-wrapper a.is-active, .vue-component-wrapper .dropdown .dropdown-menu .has-link a.is-active { background-color: #F5F9FB; color: #0a0a0a; }
.catfish-classes a.dropdown-item, .catfish-classes .dropdown .dropdown-menu .has-link a, .vue-component-wrapper .dropdown .dropdown-menu .has-link .catfish-classes a, .vue-component-wrapper a.dropdown-item, .catfish-classes .dropdown .dropdown-menu .has-link .vue-component-wrapper a, .vue-component-wrapper .dropdown .dropdown-menu .has-link a { white-space: nowrap; }
.catfish-classes .dropdown-divider, .vue-component-wrapper .dropdown-divider { background-color: #dbdbdb; border: none; display: block; height: 1px; margin: 0.5rem 0 0.5rem 0; }
.catfish-classes .level, .vue-component-wrapper .level { align-items: center; justify-content: space-between; }
.catfish-classes .level code, .vue-component-wrapper .level code { border-radius: 4px; }
.catfish-classes .level img, .vue-component-wrapper .level img { display: inline-block; vertical-align: top; }
.catfish-classes .level.is-mobile, .vue-component-wrapper .level.is-mobile { display: flex; }
.catfish-classes .level.is-mobile .level-left, .catfish-classes .level.is-mobile .level-right, .vue-component-wrapper .level.is-mobile .level-left, .vue-component-wrapper .level.is-mobile .level-right { display: flex; }
.catfish-classes .level.is-mobile .level-left + .level-right, .vue-component-wrapper .level.is-mobile .level-left + .level-right { margin-top: 0; }
.catfish-classes .level.is-mobile .level-item, .vue-component-wrapper .level.is-mobile .level-item { margin-right: 0.5rem ; }
.catfish-classes .level.is-mobile .level-item:not(:last-child), .vue-component-wrapper .level.is-mobile .level-item:not(:last-child) { margin-bottom: 0; }
.catfish-classes .level.is-mobile .level-item:not(.is-narrow), .vue-component-wrapper .level.is-mobile .level-item:not(.is-narrow) { flex-grow: 1; }
@media screen and (min-width: 750px), print { .catfish-classes .level, .vue-component-wrapper .level { display: flex; }
.catfish-classes .level > .level-item:not(.is-narrow), .vue-component-wrapper .level > .level-item:not(.is-narrow) { flex-grow: 1; } }
.catfish-classes .level-item, .vue-component-wrapper .level-item { align-items: center; display: flex; flex-basis: auto; flex-grow: 0; flex-shrink: 0; }
.catfish-classes .level-item .title, .catfish-classes .level-item .subtitle, .vue-component-wrapper .level-item .title, .vue-component-wrapper .level-item .subtitle { margin-bottom: 0; }
@media screen and (max-width: 749px) { .catfish-classes .level-item:not(:last-child), .vue-component-wrapper .level-item:not(:last-child) { margin-bottom: 0.5rem; } }
.catfish-classes .level-left, .catfish-classes .level-right, .vue-component-wrapper .level-left, .vue-component-wrapper .level-right { flex-basis: auto; flex-grow: 0; flex-shrink: 0; }
.catfish-classes .level-left .level-item.is-flexible, .catfish-classes .level-right .level-item.is-flexible, .vue-component-wrapper .level-left .level-item.is-flexible, .vue-component-wrapper .level-right .level-item.is-flexible { flex-grow: 1; }
@media screen and (min-width: 750px), print { .catfish-classes .level-left .level-item:not(:last-child), .catfish-classes .level-right .level-item:not(:last-child), .vue-component-wrapper .level-left .level-item:not(:last-child), .vue-component-wrapper .level-right .level-item:not(:last-child) { margin-right: 0.5rem ; } }
.catfish-classes .level-left, .vue-component-wrapper .level-left { align-items: center; justify-content: flex-start; }
@media screen and (max-width: 749px) { .catfish-classes .level-left + .level-right, .vue-component-wrapper .level-left + .level-right { margin-top: 1.5rem; } }
@media screen and (min-width: 750px), print { .catfish-classes .level-left, .vue-component-wrapper .level-left { display: flex; } }
.catfish-classes .level-right, .vue-component-wrapper .level-right { align-items: center; justify-content: flex-end; }
@media screen and (min-width: 750px), print { .catfish-classes .level-right, .vue-component-wrapper .level-right { display: flex; } }
.catfish-classes .media, .vue-component-wrapper .media { align-items: flex-start; display: flex; text-align: left; }
.catfish-classes .media .content:not(:last-child), .vue-component-wrapper .media .content:not(:last-child) { margin-bottom: 0.75rem; }
.catfish-classes .media .media, .vue-component-wrapper .media .media { border-top: 1px solid rgba(219, 219, 219, 0.5); display: flex; padding-top: 0.75rem; }
.catfish-classes .media .media .content:not(:last-child), .catfish-classes .media .media .control:not(:last-child), .vue-component-wrapper .media .media .content:not(:last-child), .vue-component-wrapper .media .media .control:not(:last-child) { margin-bottom: 0.5rem; }
.catfish-classes .media .media .media, .vue-component-wrapper .media .media .media { padding-top: 0.5rem; }
.catfish-classes .media .media .media + .media, .vue-component-wrapper .media .media .media + .media { margin-top: 0.5rem; }
.catfish-classes .media + .media, .vue-component-wrapper .media + .media { border-top: 1px solid rgba(219, 219, 219, 0.5); margin-top: 1rem; padding-top: 1rem; }
.catfish-classes .media.is-large + .media, .vue-component-wrapper .media.is-large + .media { margin-top: 1.5rem; padding-top: 1.5rem; }
.catfish-classes .media-left, .catfish-classes .media-right, .vue-component-wrapper .media-left, .vue-component-wrapper .media-right { flex-basis: auto; flex-grow: 0; flex-shrink: 0; }
.catfish-classes .media-left, .vue-component-wrapper .media-left { margin-right: 2rem ; }
.catfish-classes .media-right, .vue-component-wrapper .media-right { margin-left: 1rem ; }
.catfish-classes .media-content, .vue-component-wrapper .media-content { flex-basis: auto; flex-grow: 1; flex-shrink: 1; overflow: visible; text-align: left; }
.catfish-classes .menu, .vue-component-wrapper .menu { font-size: 1rem; }
.catfish-classes .menu .menu-group:not(:last-child), .vue-component-wrapper .menu .menu-group:not(:last-child) { margin-bottom: 1em; }
.catfish-classes .menu.is-small, .vue-component-wrapper .menu.is-small { font-size: 0.833em; }
.catfish-classes .menu.is-medium, .vue-component-wrapper .menu.is-medium { font-size: 1.2em; }
.catfish-classes .menu.is-large, .vue-component-wrapper .menu.is-large { font-size: 1.44em; }
.catfish-classes .menu-list, .vue-component-wrapper .menu-list { line-height: 1.25; }
.catfish-classes .menu-list a, .vue-component-wrapper .menu-list a { border-radius: 2px; color: #4a4a4a; display: block; padding: 0.5em 0.75em 0.5em 0.75em; }
.catfish-classes .menu-list a:hover, .vue-component-wrapper .menu-list a:hover { background-color: #f5f5f5; color: #4a4a4a; }
.catfish-classes .menu-list a.active, .catfish-classes .menu-list a.is-active, .vue-component-wrapper .menu-list a.active, .vue-component-wrapper .menu-list a.is-active { background-color: #353E49; color: #fff; }
.catfish-classes .menu-list li.active > a, .vue-component-wrapper .menu-list li.active > a { background-color: #353E49; color: #fff; }
.catfish-classes .menu-list li ul, .vue-component-wrapper .menu-list li ul { border-left: 1px solid #dbdbdb; margin: 0.75em 0.75em 0.75em 0.75em; padding-left: 0.75em ; }
.catfish-classes .menu-label, .vue-component-wrapper .menu-label { color: #4a4a4a; font-size: 0.75em; text-transform: uppercase; }
.catfish-classes .menu-label:not(:first-child), .vue-component-wrapper .menu-label:not(:first-child) { margin-top: 1em; }
.catfish-classes .menu-label:not(:last-child), .vue-component-wrapper .menu-label:not(:last-child) { margin-bottom: 1em; }
.catfish-classes .message, .vue-component-wrapper .message { background-color: #f5f5f5; border-radius: 4px; font-size: 1rem; }
.catfish-classes .message strong, .vue-component-wrapper .message strong { color: currentColor; }
.catfish-classes .message a:not(.button):not(.tag), .vue-component-wrapper .message a:not(.button):not(.tag) { color: currentColor; text-decoration: underline; }
.catfish-classes .message.is-small, .vue-component-wrapper .message.is-small { font-size: 0.833em; }
.catfish-classes .message.is-medium, .vue-component-wrapper .message.is-medium { font-size: 1.2em; }
.catfish-classes .message.is-large, .vue-component-wrapper .message.is-large { font-size: 1.44em; }
.catfish-classes .message.is-white, .vue-component-wrapper .message.is-white { background-color: white; }
.catfish-classes .message.is-white .message-header, .vue-component-wrapper .message.is-white .message-header { background-color: white; color: #0a0a0a; }
.catfish-classes .message.is-white .message-body, .vue-component-wrapper .message.is-white .message-body { border-color: white; color: #4d4d4d; }
.catfish-classes .message.is-black, .vue-component-wrapper .message.is-black { background-color: #fafafa; }
.catfish-classes .message.is-black .message-header, .vue-component-wrapper .message.is-black .message-header { background-color: #0a0a0a; color: white; }
.catfish-classes .message.is-black .message-body, .vue-component-wrapper .message.is-black .message-body { border-color: #0a0a0a; color: #090909; }
.catfish-classes .message.is-light, .vue-component-wrapper .message.is-light { background-color: #fafafa; }
.catfish-classes .message.is-light .message-header, .vue-component-wrapper .message.is-light .message-header { background-color: #f5f5f5; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .message.is-light .message-body, .vue-component-wrapper .message.is-light .message-body { border-color: #f5f5f5; color: #505050; }
.catfish-classes .message.is-dark, .vue-component-wrapper .message.is-dark { background-color: #fafafa; }
.catfish-classes .message.is-dark .message-header, .vue-component-wrapper .message.is-dark .message-header { background-color: #4a4a4a; color: #fff; }
.catfish-classes .message.is-dark .message-body, .vue-component-wrapper .message.is-dark .message-body { border-color: #4a4a4a; color: #373737; }
.catfish-classes .message.is-primary, .vue-component-wrapper .message.is-primary { background-color: #f9fafb; }
.catfish-classes .message.is-primary .message-header, .vue-component-wrapper .message.is-primary .message-header { background-color: #353E49; color: #fff; }
.catfish-classes .message.is-primary .message-body, .vue-component-wrapper .message.is-primary .message-body { border-color: #353E49; color: #2a3038; }
.catfish-classes .message.is-secondary, .vue-component-wrapper .message.is-secondary { background-color: #faf5ff; }
.catfish-classes .message.is-secondary .message-header, .vue-component-wrapper .message.is-secondary .message-header { background-color: #B86BFF; color: #fff; }
.catfish-classes .message.is-secondary .message-body, .vue-component-wrapper .message.is-secondary .message-body { border-color: #B86BFF; color: #7e0ce7; }
.catfish-classes .message.is-link, .vue-component-wrapper .message.is-link { background-color: #f9fafb; }
.catfish-classes .message.is-link .message-header, .vue-component-wrapper .message.is-link .message-header { background-color: #353E49; color: #fff; }
.catfish-classes .message.is-link .message-body, .vue-component-wrapper .message.is-link .message-body { border-color: #353E49; color: #2a3038; }
.catfish-classes .message.is-info, .vue-component-wrapper .message.is-info { background-color: #f6fbfe; }
.catfish-classes .message.is-info .message-header, .vue-component-wrapper .message.is-info .message-header { background-color: #209CEE; color: #fff; }
.catfish-classes .message.is-info .message-body, .vue-component-wrapper .message.is-info .message-body { border-color: #209CEE; color: #12537d; }
.catfish-classes .message.is-success, .vue-component-wrapper .message.is-success { background-color: #f6fef9; }
.catfish-classes .message.is-success .message-header, .vue-component-wrapper .message.is-success .message-header { background-color: #23D160; color: #fff; }
.catfish-classes .message.is-success .message-body, .vue-component-wrapper .message.is-success .message-body { border-color: #23D160; color: #0e301a; }
.catfish-classes .message.is-warning, .vue-component-wrapper .message.is-warning { background-color: #fffdf5; }
.catfish-classes .message.is-warning .message-header, .vue-component-wrapper .message.is-warning .message-header { background-color: #FFDD57; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .message.is-warning .message-body, .vue-component-wrapper .message.is-warning .message-body { border-color: #FFDD57; color: #3c3108; }
.catfish-classes .message.is-danger, .vue-component-wrapper .message.is-danger { background-color: #fff5f7; }
.catfish-classes .message.is-danger .message-header, .vue-component-wrapper .message.is-danger .message-header { background-color: #FF3860; color: #fff; }
.catfish-classes .message.is-danger .message-body, .vue-component-wrapper .message.is-danger .message-body { border-color: #FF3860; color: #cd0930; }
.catfish-classes .message-header, .vue-component-wrapper .message-header { align-items: center; background-color: #4a4a4a; border-radius: 4px 4px 0 0; color: #fff; display: flex; font-weight: 700; justify-content: space-between; line-height: 1.25; padding: 0.75em 1em; position: relative; }
.catfish-classes .message-header .delete, .vue-component-wrapper .message-header .delete { flex-grow: 0; flex-shrink: 0; margin-left: 0.75em ; }
.catfish-classes .message-header + .message-body, .vue-component-wrapper .message-header + .message-body { border-width: 0; -webkit-border-top-left-radius: 0; -moz-border-topleft-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-topright-radius: 0; border-top-right-radius: 0; }
.catfish-classes .message-body, .vue-component-wrapper .message-body { border-color: #dbdbdb; border-radius: 4px; border-style: solid; border-width: 0 0 0 4px; color: #4a4a4a; padding: 1.25em 1.5em; }
.catfish-classes .message-body code, .catfish-classes .message-body pre, .vue-component-wrapper .message-body code, .vue-component-wrapper .message-body pre { background-color: white; }
.catfish-classes .message-body pre code, .vue-component-wrapper .message-body pre code { background-color: transparent; }
.catfish-classes .modal, .vue-component-wrapper .modal { align-items: center; display: none; flex-direction: column; justify-content: center; overflow: hidden; position: fixed; z-index: 40; }
.catfish-classes .modal.is-active, .vue-component-wrapper .modal.is-active { display: flex !important; }
.catfish-classes .modal.is-fullwidth .modal-content, .vue-component-wrapper .modal.is-fullwidth .modal-content { width: 100%; }
.catfish-classes .modal-background, .vue-component-wrapper .modal-background { background-color: rgba(10, 10, 10, 0.86); }
.catfish-classes .modal-dialog, .vue-component-wrapper .modal-dialog { width: 100%; }
.catfish-classes .modal-content, .catfish-classes .modal-card, .vue-component-wrapper .modal-content, .vue-component-wrapper .modal-card { margin: 0 1.81818em; max-height: calc(100vh - 1.81818em); overflow: auto; position: relative; width: 100%; max-width: calc(100% - 2.5em); box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); }
@media screen and (min-width: 750px), print { .catfish-classes .modal-content, .catfish-classes .modal-card, .vue-component-wrapper .modal-content, .vue-component-wrapper .modal-card { margin: 0 auto; max-height: calc(100vh - 3.63636em); width: calc(100% - 3.63636em); } }
.catfish-classes .modal-close, .vue-component-wrapper .modal-close { background: none; height: 3.63636em; position: fixed; right: 1.81818em ; top: 1.81818em; width: 3.63636em; }
.catfish-classes .modal-card, .vue-component-wrapper .modal-card { display: flex; flex-direction: column; max-height: calc(100vh - 1.81818em); overflow: hidden; }
.catfish-classes .modal-card-head, .catfish-classes .modal-card-foot, .vue-component-wrapper .modal-card-head, .vue-component-wrapper .modal-card-foot { align-items: center; background-color: #f5f5f5; display: flex; flex-shrink: 0; justify-content: flex-start; padding: 1.81818em; position: relative; }
.catfish-classes .modal-card-head, .vue-component-wrapper .modal-card-head { border-bottom: 1px solid #dbdbdb; -webkit-border-top-left-radius: 6px; -moz-border-topleft-radius: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-topright-radius: 6px; border-top-right-radius: 6px; }
.catfish-classes .modal-card-title, .vue-component-wrapper .modal-card-title { color: #4a4a4a; flex-grow: 1; flex-shrink: 1; font-size: 1.2em; line-height: 1.5; }
.catfish-classes .modal-card-title img, .vue-component-wrapper .modal-card-title img { margin-top: -0.5rem; margin-bottom: -0.5rem; height: 2.5rem; width: auto; }
.catfish-classes .modal-card-foot, .vue-component-wrapper .modal-card-foot { -webkit-border-bottom-left-radius: 6px; -moz-border-bottomleft-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-bottomright-radius: 6px; border-bottom-right-radius: 6px; border-top: 1px solid #dbdbdb; justify-content: center; overflow: hidden; align-items: flex-start; padding: 1rem; }
.catfish-classes .modal-card-foot .catfish-button:not(:last-child), .catfish-classes .modal-card-foot .button:not(:last-child), .vue-component-wrapper .modal-card-foot .catfish-button:not(:last-child), .vue-component-wrapper .modal-card-foot .button:not(:last-child) { margin-right: 10px ; }
.catfish-classes .modal-card-foot.is-centered, .vue-component-wrapper .modal-card-foot.is-centered { justify-content: center; }
.catfish-classes .modal-card-foot.is-right, .vue-component-wrapper .modal-card-foot.is-right { justify-content: flex-end; }
.catfish-classes .modal-card-foot.has-footer-content.content.with-extented-content, .vue-component-wrapper .modal-card-foot.has-footer-content.content.with-extented-content { padding: 2.2rem 1rem 1rem; }
.catfish-classes .modal-card-foot.has-footer-content.content.with-extented-content .extended, .vue-component-wrapper .modal-card-foot.has-footer-content.content.with-extented-content .extended { max-height: 0; opacity: 0; transition: all 1s ease-out; }
.catfish-classes .modal-card-foot.has-footer-content.content.with-extented-content .extended div, .vue-component-wrapper .modal-card-foot.has-footer-content.content.with-extented-content .extended div { text-align: center; }
.catfish-classes .modal-card-foot.has-footer-content.content.with-extented-content .extended div.left-align, .vue-component-wrapper .modal-card-foot.has-footer-content.content.with-extented-content .extended div.left-align { text-align: left; }
.catfish-classes .modal-card-foot.has-footer-content.content.with-extented-content .extended div img:not(:last-child), .vue-component-wrapper .modal-card-foot.has-footer-content.content.with-extented-content .extended div img:not(:last-child) { margin-right: 0.5rem; }
.catfish-classes .modal-card-foot.has-footer-content.content.with-extented-content button.collapse-button, .catfish-classes .modal-card-foot.has-footer-content.content.with-extented-content .t-grid .collapse-button.t-button, .t-grid .catfish-classes .modal-card-foot.has-footer-content.content.with-extented-content .collapse-button.t-button, .vue-component-wrapper .modal-card-foot.has-footer-content.content.with-extented-content button.collapse-button, .vue-component-wrapper .modal-card-foot.has-footer-content.content.with-extented-content .t-grid .collapse-button.t-button, .t-grid .vue-component-wrapper .modal-card-foot.has-footer-content.content.with-extented-content .collapse-button.t-button { position: absolute; right: 1rem; padding: 0 6px; top: 1rem; width: 28px; height: 28px; border: none; background: transparent; transition: all 250ms ease-in-out; }
.catfish-classes .modal-card-foot.has-footer-content.content.with-extented-content .content-main, .vue-component-wrapper .modal-card-foot.has-footer-content.content.with-extented-content .content-main { margin-top: 1rem; }
.catfish-classes .modal-card-foot.has-footer-content.content.with-extented-content .footer-container-wrapper, .vue-component-wrapper .modal-card-foot.has-footer-content.content.with-extented-content .footer-container-wrapper { max-height: 8rem; transition: max-height 1s ease-out; }
.catfish-classes .modal-card-foot.has-footer-content.content.with-extented-content .footer-container-wrapper.single-line, .vue-component-wrapper .modal-card-foot.has-footer-content.content.with-extented-content .footer-container-wrapper.single-line { max-height: 4rem; }
.catfish-classes .modal-card-foot.has-footer-content.content.with-extented-content.is-active, .vue-component-wrapper .modal-card-foot.has-footer-content.content.with-extented-content.is-active { overflow-y: auto; }
.catfish-classes .modal-card-foot.has-footer-content.content.with-extented-content.is-active .extended, .vue-component-wrapper .modal-card-foot.has-footer-content.content.with-extented-content.is-active .extended { overflow: hidden; max-height: 100%; opacity: 1; height: auto; padding: 1rem 0; }
.catfish-classes .modal-card-foot.has-footer-content.content.with-extented-content.is-active button.collapse-button, .catfish-classes .modal-card-foot.has-footer-content.content.with-extented-content.is-active .t-grid .collapse-button.t-button, .t-grid .catfish-classes .modal-card-foot.has-footer-content.content.with-extented-content.is-active .collapse-button.t-button, .vue-component-wrapper .modal-card-foot.has-footer-content.content.with-extented-content.is-active button.collapse-button, .vue-component-wrapper .modal-card-foot.has-footer-content.content.with-extented-content.is-active .t-grid .collapse-button.t-button, .t-grid .vue-component-wrapper .modal-card-foot.has-footer-content.content.with-extented-content.is-active .collapse-button.t-button { transform: rotate(-180deg); }
.catfish-classes .modal-card-foot.has-footer-content.content.with-extented-content.is-active .footer-container-wrapper, .vue-component-wrapper .modal-card-foot.has-footer-content.content.with-extented-content.is-active .footer-container-wrapper { transition: max-height 1s ease-out; max-height: 50rem; }
.catfish-classes .modal-card-body, .vue-component-wrapper .modal-card-body { -webkit-overflow-scrolling: touch; background-color: white; flex-grow: 1; flex-shrink: 1; overflow: auto; padding: 20px; }
.catfish-classes .modal-card-body .form-extraInformation, .vue-component-wrapper .modal-card-body .form-extraInformation { border: 2px solid #95c6e1; padding: 1rem; border-radius: 1rem; margin-top: 1rem; }
.catfish-classes .modal-card-body .dynamic-modal-form .form-extraInformation, .vue-component-wrapper .modal-card-body .dynamic-modal-form .form-extraInformation { border: 2px solid #95c6e1; padding: 1rem; border-radius: 1rem; margin-top: 1rem; }
.catfish-classes .modal-card-body .dynamic-modal-form .modal-form-validation, .vue-component-wrapper .modal-card-body .dynamic-modal-form .modal-form-validation { margin-left: 40%; padding-bottom: 1rem; }
@media screen and (max-width: 749px) { .catfish-classes .modal-card-body .dynamic-modal-form .modal-form-validation, .vue-component-wrapper .modal-card-body .dynamic-modal-form .modal-form-validation { margin-left: 0; } }
.catfish-classes .modal-card-body .dynamic-modal-form .field, .vue-component-wrapper .modal-card-body .dynamic-modal-form .field { position: relative; display: flex; margin-bottom: 1rem; }
.catfish-classes .modal-card-body .dynamic-modal-form .field .validation-icon, .vue-component-wrapper .modal-card-body .dynamic-modal-form .field .validation-icon { position: absolute; right: 0.8rem; }
@media screen and (max-width: 749px) { .catfish-classes .modal-card-body .dynamic-modal-form .field .validation-icon, .vue-component-wrapper .modal-card-body .dynamic-modal-form .field .validation-icon { top: 3rem; } }
.catfish-classes .modal-card-body .dynamic-modal-form .field:not(.textarea-field), .vue-component-wrapper .modal-card-body .dynamic-modal-form .field:not(.textarea-field) { align-items: center; }
.catfish-classes .modal-card-body .dynamic-modal-form .field .label, .vue-component-wrapper .modal-card-body .dynamic-modal-form .field .label { width: 40%; margin: 0; display: flex; align-items: flex-start; }
.catfish-classes .modal-card-body .dynamic-modal-form .field .label .cf-tooltip, .vue-component-wrapper .modal-card-body .dynamic-modal-form .field .label .cf-tooltip { margin-right: 0.5rem; font-size: 1.2em; }
.catfish-classes .modal-card-body .dynamic-modal-form .field > :nth-child(2), .vue-component-wrapper .modal-card-body .dynamic-modal-form .field > :nth-child(2) { max-width: 60%; }
.catfish-classes .modal-card-body .dynamic-modal-form .field input[type="text"], .catfish-classes .modal-card-body .dynamic-modal-form .field textarea, .catfish-classes .modal-card-body .dynamic-modal-form .field .select, .vue-component-wrapper .modal-card-body .dynamic-modal-form .field input[type="text"], .vue-component-wrapper .modal-card-body .dynamic-modal-form .field textarea, .vue-component-wrapper .modal-card-body .dynamic-modal-form .field .select { width: 60%; border-color: #353E49; }
.catfish-classes .modal-card-body .dynamic-modal-form .field input[type="text"].is-danger, .catfish-classes .modal-card-body .dynamic-modal-form .field textarea.is-danger, .catfish-classes .modal-card-body .dynamic-modal-form .field .select.is-danger, .vue-component-wrapper .modal-card-body .dynamic-modal-form .field input[type="text"].is-danger, .vue-component-wrapper .modal-card-body .dynamic-modal-form .field textarea.is-danger, .vue-component-wrapper .modal-card-body .dynamic-modal-form .field .select.is-danger { border-color: #cf4646; }
@media screen and (max-width: 749px) { .catfish-classes .modal-card-body .dynamic-modal-form .field:not(.checkbox-field), .vue-component-wrapper .modal-card-body .dynamic-modal-form .field:not(.checkbox-field) { flex-direction: column; align-items: start; }
.catfish-classes .modal-card-body .dynamic-modal-form .field:not(.checkbox-field) .label, .catfish-classes .modal-card-body .dynamic-modal-form .field:not(.checkbox-field) input[type="text"], .catfish-classes .modal-card-body .dynamic-modal-form .field:not(.checkbox-field) textarea, .catfish-classes .modal-card-body .dynamic-modal-form .field:not(.checkbox-field) .select, .vue-component-wrapper .modal-card-body .dynamic-modal-form .field:not(.checkbox-field) .label, .vue-component-wrapper .modal-card-body .dynamic-modal-form .field:not(.checkbox-field) input[type="text"], .vue-component-wrapper .modal-card-body .dynamic-modal-form .field:not(.checkbox-field) textarea, .vue-component-wrapper .modal-card-body .dynamic-modal-form .field:not(.checkbox-field) .select { width: 100%; }
.catfish-classes .modal-card-body .dynamic-modal-form .field:not(.checkbox-field) .label, .vue-component-wrapper .modal-card-body .dynamic-modal-form .field:not(.checkbox-field) .label { margin-bottom: 1rem; }
.catfish-classes .modal-card-body .dynamic-modal-form .field.checkbox-field label.label, .vue-component-wrapper .modal-card-body .dynamic-modal-form .field.checkbox-field label.label { width: auto; margin: 0 1rem 0 0; } }
.catfish-classes .modal-card-body .modal-loader-wrapper, .vue-component-wrapper .modal-card-body .modal-loader-wrapper { display: flex; justify-content: center; overflow: hidden; }
.catfish-classes .modal-card-body .modal-loader-wrapper .modal-loader, .vue-component-wrapper .modal-card-body .modal-loader-wrapper .modal-loader { width: 5em; height: 5em; border-width: .25em; }
.catfish-classes .modal-card-body.center, .vue-component-wrapper .modal-card-body.center { text-align: center; }
.catfish-classes .modal-card-body.no-scroll, .vue-component-wrapper .modal-card-body.no-scroll { overflow: hidden; }
.catfish-classes .modal-card-body.has-iframe-content, .vue-component-wrapper .modal-card-body.has-iframe-content { position: relative; padding: 0.5rem; }
.catfish-classes .modal-card-body.has-iframe-content iframe.iframe, .vue-component-wrapper .modal-card-body.has-iframe-content iframe.iframe { position: absolute; width: 96%; height: 100%; top: 0; left: 2%; }
@media screen and (min-width: 480px) { .catfish-classes .modal-card-body.has-iframe-content, .vue-component-wrapper .modal-card-body.has-iframe-content { padding: 1.5rem; } }
@media screen and (min-width: 1088px) { .catfish-classes .is-hidden-mobile-breakpoint, .vue-component-wrapper .is-hidden-mobile-breakpoint { display: none !important; } }
.catfish-classes .navbar, .vue-component-wrapper .navbar { background-color: white; height: 4.64286em; position: relative; z-index: 30; }
@media screen and (min-width: 750px), print { .catfish-classes .navbar, .vue-component-wrapper .navbar { height: 7.27273em; } }
.catfish-classes .navbar.is-white, .vue-component-wrapper .navbar.is-white { background-color: white; color: #0a0a0a; }
.catfish-classes .navbar.is-white .navbar-brand, .vue-component-wrapper .navbar.is-white .navbar-brand { background-color: white; }
.catfish-classes .navbar.is-white .navbar-brand > .navbar-item, .catfish-classes .navbar.is-white .navbar-brand > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-white .navbar-brand .navbar-link, .vue-component-wrapper .navbar.is-white .navbar-brand > .navbar-item, .vue-component-wrapper .navbar.is-white .navbar-brand > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-white .navbar-brand .navbar-link { color: #0a0a0a; }
.catfish-classes .navbar.is-white .navbar-brand > a.navbar-item:focus, .catfish-classes .navbar.is-white .navbar-brand > a.navbar-item:hover, .catfish-classes .navbar.is-white .navbar-brand > a.navbar-item.is-active, .catfish-classes .navbar.is-white .navbar-brand .navbar-link:focus, .catfish-classes .navbar.is-white .navbar-brand .navbar-link:hover, .catfish-classes .navbar.is-white .navbar-brand .navbar-link.is-active, .vue-component-wrapper .navbar.is-white .navbar-brand > a.navbar-item:focus, .vue-component-wrapper .navbar.is-white .navbar-brand > a.navbar-item:hover, .vue-component-wrapper .navbar.is-white .navbar-brand > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-white .navbar-brand .navbar-link:focus, .vue-component-wrapper .navbar.is-white .navbar-brand .navbar-link:hover, .vue-component-wrapper .navbar.is-white .navbar-brand .navbar-link.is-active { background-color: #f2f2f2; color: #0a0a0a; }
.catfish-classes .navbar.is-white .navbar-brand .navbar-link::after, .vue-component-wrapper .navbar.is-white .navbar-brand .navbar-link::after { border-color: #0a0a0a; }
.catfish-classes .navbar.is-white .navbar-burger, .vue-component-wrapper .navbar.is-white .navbar-burger { color: #0a0a0a; }
@media screen and (min-width: 1088px) { .catfish-classes .navbar.is-white .navbar-start > .navbar-item, .catfish-classes .navbar.is-white .navbar-start > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-white .navbar-start .navbar-link, .catfish-classes .navbar.is-white .navbar-end > .navbar-item, .catfish-classes .navbar.is-white .navbar-end > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-white .navbar-end .navbar-link, .vue-component-wrapper .navbar.is-white .navbar-start > .navbar-item, .vue-component-wrapper .navbar.is-white .navbar-start > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-white .navbar-start .navbar-link, .vue-component-wrapper .navbar.is-white .navbar-end > .navbar-item, .vue-component-wrapper .navbar.is-white .navbar-end > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-white .navbar-end .navbar-link { color: #0a0a0a; }
.catfish-classes .navbar.is-white .navbar-start > a.navbar-item:focus, .catfish-classes .navbar.is-white .navbar-start > a.navbar-item:hover, .catfish-classes .navbar.is-white .navbar-start > a.navbar-item.is-active, .catfish-classes .navbar.is-white .navbar-start .navbar-link:focus, .catfish-classes .navbar.is-white .navbar-start .navbar-link:hover, .catfish-classes .navbar.is-white .navbar-start .navbar-link.is-active, .catfish-classes .navbar.is-white .navbar-end > a.navbar-item:focus, .catfish-classes .navbar.is-white .navbar-end > a.navbar-item:hover, .catfish-classes .navbar.is-white .navbar-end > a.navbar-item.is-active, .catfish-classes .navbar.is-white .navbar-end .navbar-link:focus, .catfish-classes .navbar.is-white .navbar-end .navbar-link:hover, .catfish-classes .navbar.is-white .navbar-end .navbar-link.is-active, .vue-component-wrapper .navbar.is-white .navbar-start > a.navbar-item:focus, .vue-component-wrapper .navbar.is-white .navbar-start > a.navbar-item:hover, .vue-component-wrapper .navbar.is-white .navbar-start > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-white .navbar-start .navbar-link:focus, .vue-component-wrapper .navbar.is-white .navbar-start .navbar-link:hover, .vue-component-wrapper .navbar.is-white .navbar-start .navbar-link.is-active, .vue-component-wrapper .navbar.is-white .navbar-end > a.navbar-item:focus, .vue-component-wrapper .navbar.is-white .navbar-end > a.navbar-item:hover, .vue-component-wrapper .navbar.is-white .navbar-end > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-white .navbar-end .navbar-link:focus, .vue-component-wrapper .navbar.is-white .navbar-end .navbar-link:hover, .vue-component-wrapper .navbar.is-white .navbar-end .navbar-link.is-active { background-color: #f2f2f2; color: #0a0a0a; }
.catfish-classes .navbar.is-white .navbar-start .navbar-link::after, .catfish-classes .navbar.is-white .navbar-end .navbar-link::after, .vue-component-wrapper .navbar.is-white .navbar-start .navbar-link::after, .vue-component-wrapper .navbar.is-white .navbar-end .navbar-link::after { border-color: #0a0a0a; }
.catfish-classes .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, .catfish-classes .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, .catfish-classes .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link, .vue-component-wrapper .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, .vue-component-wrapper .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, .vue-component-wrapper .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link { background-color: #f2f2f2; color: #0a0a0a; }
.catfish-classes .navbar.is-white .navbar-dropdown a.navbar-item.is-active, .vue-component-wrapper .navbar.is-white .navbar-dropdown a.navbar-item.is-active { background-color: white; color: #0a0a0a; }
.catfish-classes .navbar.is-white .navbar-dropdown a.navbar-item.is-disabled, .vue-component-wrapper .navbar.is-white .navbar-dropdown a.navbar-item.is-disabled { pointer-events: none; opacity: 0.7; cursor: not-allowed; } }
.catfish-classes .navbar.is-black, .vue-component-wrapper .navbar.is-black { background-color: #0a0a0a; color: white; }
.catfish-classes .navbar.is-black .navbar-brand, .vue-component-wrapper .navbar.is-black .navbar-brand { background-color: #0a0a0a; }
.catfish-classes .navbar.is-black .navbar-brand > .navbar-item, .catfish-classes .navbar.is-black .navbar-brand > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-black .navbar-brand .navbar-link, .vue-component-wrapper .navbar.is-black .navbar-brand > .navbar-item, .vue-component-wrapper .navbar.is-black .navbar-brand > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-black .navbar-brand .navbar-link { color: white; }
.catfish-classes .navbar.is-black .navbar-brand > a.navbar-item:focus, .catfish-classes .navbar.is-black .navbar-brand > a.navbar-item:hover, .catfish-classes .navbar.is-black .navbar-brand > a.navbar-item.is-active, .catfish-classes .navbar.is-black .navbar-brand .navbar-link:focus, .catfish-classes .navbar.is-black .navbar-brand .navbar-link:hover, .catfish-classes .navbar.is-black .navbar-brand .navbar-link.is-active, .vue-component-wrapper .navbar.is-black .navbar-brand > a.navbar-item:focus, .vue-component-wrapper .navbar.is-black .navbar-brand > a.navbar-item:hover, .vue-component-wrapper .navbar.is-black .navbar-brand > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-black .navbar-brand .navbar-link:focus, .vue-component-wrapper .navbar.is-black .navbar-brand .navbar-link:hover, .vue-component-wrapper .navbar.is-black .navbar-brand .navbar-link.is-active { background-color: black; color: white; }
.catfish-classes .navbar.is-black .navbar-brand .navbar-link::after, .vue-component-wrapper .navbar.is-black .navbar-brand .navbar-link::after { border-color: white; }
.catfish-classes .navbar.is-black .navbar-burger, .vue-component-wrapper .navbar.is-black .navbar-burger { color: white; }
@media screen and (min-width: 1088px) { .catfish-classes .navbar.is-black .navbar-start > .navbar-item, .catfish-classes .navbar.is-black .navbar-start > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-black .navbar-start .navbar-link, .catfish-classes .navbar.is-black .navbar-end > .navbar-item, .catfish-classes .navbar.is-black .navbar-end > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-black .navbar-end .navbar-link, .vue-component-wrapper .navbar.is-black .navbar-start > .navbar-item, .vue-component-wrapper .navbar.is-black .navbar-start > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-black .navbar-start .navbar-link, .vue-component-wrapper .navbar.is-black .navbar-end > .navbar-item, .vue-component-wrapper .navbar.is-black .navbar-end > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-black .navbar-end .navbar-link { color: white; }
.catfish-classes .navbar.is-black .navbar-start > a.navbar-item:focus, .catfish-classes .navbar.is-black .navbar-start > a.navbar-item:hover, .catfish-classes .navbar.is-black .navbar-start > a.navbar-item.is-active, .catfish-classes .navbar.is-black .navbar-start .navbar-link:focus, .catfish-classes .navbar.is-black .navbar-start .navbar-link:hover, .catfish-classes .navbar.is-black .navbar-start .navbar-link.is-active, .catfish-classes .navbar.is-black .navbar-end > a.navbar-item:focus, .catfish-classes .navbar.is-black .navbar-end > a.navbar-item:hover, .catfish-classes .navbar.is-black .navbar-end > a.navbar-item.is-active, .catfish-classes .navbar.is-black .navbar-end .navbar-link:focus, .catfish-classes .navbar.is-black .navbar-end .navbar-link:hover, .catfish-classes .navbar.is-black .navbar-end .navbar-link.is-active, .vue-component-wrapper .navbar.is-black .navbar-start > a.navbar-item:focus, .vue-component-wrapper .navbar.is-black .navbar-start > a.navbar-item:hover, .vue-component-wrapper .navbar.is-black .navbar-start > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-black .navbar-start .navbar-link:focus, .vue-component-wrapper .navbar.is-black .navbar-start .navbar-link:hover, .vue-component-wrapper .navbar.is-black .navbar-start .navbar-link.is-active, .vue-component-wrapper .navbar.is-black .navbar-end > a.navbar-item:focus, .vue-component-wrapper .navbar.is-black .navbar-end > a.navbar-item:hover, .vue-component-wrapper .navbar.is-black .navbar-end > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-black .navbar-end .navbar-link:focus, .vue-component-wrapper .navbar.is-black .navbar-end .navbar-link:hover, .vue-component-wrapper .navbar.is-black .navbar-end .navbar-link.is-active { background-color: black; color: white; }
.catfish-classes .navbar.is-black .navbar-start .navbar-link::after, .catfish-classes .navbar.is-black .navbar-end .navbar-link::after, .vue-component-wrapper .navbar.is-black .navbar-start .navbar-link::after, .vue-component-wrapper .navbar.is-black .navbar-end .navbar-link::after { border-color: white; }
.catfish-classes .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, .catfish-classes .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, .catfish-classes .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link, .vue-component-wrapper .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, .vue-component-wrapper .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, .vue-component-wrapper .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link { background-color: black; color: white; }
.catfish-classes .navbar.is-black .navbar-dropdown a.navbar-item.is-active, .vue-component-wrapper .navbar.is-black .navbar-dropdown a.navbar-item.is-active { background-color: #0a0a0a; color: white; }
.catfish-classes .navbar.is-black .navbar-dropdown a.navbar-item.is-disabled, .vue-component-wrapper .navbar.is-black .navbar-dropdown a.navbar-item.is-disabled { pointer-events: none; opacity: 0.7; cursor: not-allowed; } }
.catfish-classes .navbar.is-light, .vue-component-wrapper .navbar.is-light { background-color: #f5f5f5; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .navbar.is-light .navbar-brand, .vue-component-wrapper .navbar.is-light .navbar-brand { background-color: #f5f5f5; }
.catfish-classes .navbar.is-light .navbar-brand > .navbar-item, .catfish-classes .navbar.is-light .navbar-brand > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-light .navbar-brand .navbar-link, .vue-component-wrapper .navbar.is-light .navbar-brand > .navbar-item, .vue-component-wrapper .navbar.is-light .navbar-brand > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-light .navbar-brand .navbar-link { color: rgba(25, 25, 25, 0.7); }
.catfish-classes .navbar.is-light .navbar-brand > a.navbar-item:focus, .catfish-classes .navbar.is-light .navbar-brand > a.navbar-item:hover, .catfish-classes .navbar.is-light .navbar-brand > a.navbar-item.is-active, .catfish-classes .navbar.is-light .navbar-brand .navbar-link:focus, .catfish-classes .navbar.is-light .navbar-brand .navbar-link:hover, .catfish-classes .navbar.is-light .navbar-brand .navbar-link.is-active, .vue-component-wrapper .navbar.is-light .navbar-brand > a.navbar-item:focus, .vue-component-wrapper .navbar.is-light .navbar-brand > a.navbar-item:hover, .vue-component-wrapper .navbar.is-light .navbar-brand > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-light .navbar-brand .navbar-link:focus, .vue-component-wrapper .navbar.is-light .navbar-brand .navbar-link:hover, .vue-component-wrapper .navbar.is-light .navbar-brand .navbar-link.is-active { background-color: #e8e8e8; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .navbar.is-light .navbar-brand .navbar-link::after, .vue-component-wrapper .navbar.is-light .navbar-brand .navbar-link::after { border-color: rgba(25, 25, 25, 0.7); }
.catfish-classes .navbar.is-light .navbar-burger, .vue-component-wrapper .navbar.is-light .navbar-burger { color: rgba(25, 25, 25, 0.7); }
@media screen and (min-width: 1088px) { .catfish-classes .navbar.is-light .navbar-start > .navbar-item, .catfish-classes .navbar.is-light .navbar-start > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-light .navbar-start .navbar-link, .catfish-classes .navbar.is-light .navbar-end > .navbar-item, .catfish-classes .navbar.is-light .navbar-end > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-light .navbar-end .navbar-link, .vue-component-wrapper .navbar.is-light .navbar-start > .navbar-item, .vue-component-wrapper .navbar.is-light .navbar-start > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-light .navbar-start .navbar-link, .vue-component-wrapper .navbar.is-light .navbar-end > .navbar-item, .vue-component-wrapper .navbar.is-light .navbar-end > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-light .navbar-end .navbar-link { color: rgba(25, 25, 25, 0.7); }
.catfish-classes .navbar.is-light .navbar-start > a.navbar-item:focus, .catfish-classes .navbar.is-light .navbar-start > a.navbar-item:hover, .catfish-classes .navbar.is-light .navbar-start > a.navbar-item.is-active, .catfish-classes .navbar.is-light .navbar-start .navbar-link:focus, .catfish-classes .navbar.is-light .navbar-start .navbar-link:hover, .catfish-classes .navbar.is-light .navbar-start .navbar-link.is-active, .catfish-classes .navbar.is-light .navbar-end > a.navbar-item:focus, .catfish-classes .navbar.is-light .navbar-end > a.navbar-item:hover, .catfish-classes .navbar.is-light .navbar-end > a.navbar-item.is-active, .catfish-classes .navbar.is-light .navbar-end .navbar-link:focus, .catfish-classes .navbar.is-light .navbar-end .navbar-link:hover, .catfish-classes .navbar.is-light .navbar-end .navbar-link.is-active, .vue-component-wrapper .navbar.is-light .navbar-start > a.navbar-item:focus, .vue-component-wrapper .navbar.is-light .navbar-start > a.navbar-item:hover, .vue-component-wrapper .navbar.is-light .navbar-start > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-light .navbar-start .navbar-link:focus, .vue-component-wrapper .navbar.is-light .navbar-start .navbar-link:hover, .vue-component-wrapper .navbar.is-light .navbar-start .navbar-link.is-active, .vue-component-wrapper .navbar.is-light .navbar-end > a.navbar-item:focus, .vue-component-wrapper .navbar.is-light .navbar-end > a.navbar-item:hover, .vue-component-wrapper .navbar.is-light .navbar-end > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-light .navbar-end .navbar-link:focus, .vue-component-wrapper .navbar.is-light .navbar-end .navbar-link:hover, .vue-component-wrapper .navbar.is-light .navbar-end .navbar-link.is-active { background-color: #e8e8e8; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .navbar.is-light .navbar-start .navbar-link::after, .catfish-classes .navbar.is-light .navbar-end .navbar-link::after, .vue-component-wrapper .navbar.is-light .navbar-start .navbar-link::after, .vue-component-wrapper .navbar.is-light .navbar-end .navbar-link::after { border-color: rgba(25, 25, 25, 0.7); }
.catfish-classes .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, .catfish-classes .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, .catfish-classes .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link, .vue-component-wrapper .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, .vue-component-wrapper .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, .vue-component-wrapper .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { background-color: #e8e8e8; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .navbar.is-light .navbar-dropdown a.navbar-item.is-active, .vue-component-wrapper .navbar.is-light .navbar-dropdown a.navbar-item.is-active { background-color: #f5f5f5; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .navbar.is-light .navbar-dropdown a.navbar-item.is-disabled, .vue-component-wrapper .navbar.is-light .navbar-dropdown a.navbar-item.is-disabled { pointer-events: none; opacity: 0.7; cursor: not-allowed; } }
.catfish-classes .navbar.is-dark, .vue-component-wrapper .navbar.is-dark { background-color: #4a4a4a; color: #fff; }
.catfish-classes .navbar.is-dark .navbar-brand, .vue-component-wrapper .navbar.is-dark .navbar-brand { background-color: #4a4a4a; }
.catfish-classes .navbar.is-dark .navbar-brand > .navbar-item, .catfish-classes .navbar.is-dark .navbar-brand > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-dark .navbar-brand .navbar-link, .vue-component-wrapper .navbar.is-dark .navbar-brand > .navbar-item, .vue-component-wrapper .navbar.is-dark .navbar-brand > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-dark .navbar-brand .navbar-link { color: #fff; }
.catfish-classes .navbar.is-dark .navbar-brand > a.navbar-item:focus, .catfish-classes .navbar.is-dark .navbar-brand > a.navbar-item:hover, .catfish-classes .navbar.is-dark .navbar-brand > a.navbar-item.is-active, .catfish-classes .navbar.is-dark .navbar-brand .navbar-link:focus, .catfish-classes .navbar.is-dark .navbar-brand .navbar-link:hover, .catfish-classes .navbar.is-dark .navbar-brand .navbar-link.is-active, .vue-component-wrapper .navbar.is-dark .navbar-brand > a.navbar-item:focus, .vue-component-wrapper .navbar.is-dark .navbar-brand > a.navbar-item:hover, .vue-component-wrapper .navbar.is-dark .navbar-brand > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-dark .navbar-brand .navbar-link:focus, .vue-component-wrapper .navbar.is-dark .navbar-brand .navbar-link:hover, .vue-component-wrapper .navbar.is-dark .navbar-brand .navbar-link.is-active { background-color: #3d3d3d; color: #fff; }
.catfish-classes .navbar.is-dark .navbar-brand .navbar-link::after, .vue-component-wrapper .navbar.is-dark .navbar-brand .navbar-link::after { border-color: #fff; }
.catfish-classes .navbar.is-dark .navbar-burger, .vue-component-wrapper .navbar.is-dark .navbar-burger { color: #fff; }
@media screen and (min-width: 1088px) { .catfish-classes .navbar.is-dark .navbar-start > .navbar-item, .catfish-classes .navbar.is-dark .navbar-start > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-dark .navbar-start .navbar-link, .catfish-classes .navbar.is-dark .navbar-end > .navbar-item, .catfish-classes .navbar.is-dark .navbar-end > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-dark .navbar-end .navbar-link, .vue-component-wrapper .navbar.is-dark .navbar-start > .navbar-item, .vue-component-wrapper .navbar.is-dark .navbar-start > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-dark .navbar-start .navbar-link, .vue-component-wrapper .navbar.is-dark .navbar-end > .navbar-item, .vue-component-wrapper .navbar.is-dark .navbar-end > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-dark .navbar-end .navbar-link { color: #fff; }
.catfish-classes .navbar.is-dark .navbar-start > a.navbar-item:focus, .catfish-classes .navbar.is-dark .navbar-start > a.navbar-item:hover, .catfish-classes .navbar.is-dark .navbar-start > a.navbar-item.is-active, .catfish-classes .navbar.is-dark .navbar-start .navbar-link:focus, .catfish-classes .navbar.is-dark .navbar-start .navbar-link:hover, .catfish-classes .navbar.is-dark .navbar-start .navbar-link.is-active, .catfish-classes .navbar.is-dark .navbar-end > a.navbar-item:focus, .catfish-classes .navbar.is-dark .navbar-end > a.navbar-item:hover, .catfish-classes .navbar.is-dark .navbar-end > a.navbar-item.is-active, .catfish-classes .navbar.is-dark .navbar-end .navbar-link:focus, .catfish-classes .navbar.is-dark .navbar-end .navbar-link:hover, .catfish-classes .navbar.is-dark .navbar-end .navbar-link.is-active, .vue-component-wrapper .navbar.is-dark .navbar-start > a.navbar-item:focus, .vue-component-wrapper .navbar.is-dark .navbar-start > a.navbar-item:hover, .vue-component-wrapper .navbar.is-dark .navbar-start > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-dark .navbar-start .navbar-link:focus, .vue-component-wrapper .navbar.is-dark .navbar-start .navbar-link:hover, .vue-component-wrapper .navbar.is-dark .navbar-start .navbar-link.is-active, .vue-component-wrapper .navbar.is-dark .navbar-end > a.navbar-item:focus, .vue-component-wrapper .navbar.is-dark .navbar-end > a.navbar-item:hover, .vue-component-wrapper .navbar.is-dark .navbar-end > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-dark .navbar-end .navbar-link:focus, .vue-component-wrapper .navbar.is-dark .navbar-end .navbar-link:hover, .vue-component-wrapper .navbar.is-dark .navbar-end .navbar-link.is-active { background-color: #3d3d3d; color: #fff; }
.catfish-classes .navbar.is-dark .navbar-start .navbar-link::after, .catfish-classes .navbar.is-dark .navbar-end .navbar-link::after, .vue-component-wrapper .navbar.is-dark .navbar-start .navbar-link::after, .vue-component-wrapper .navbar.is-dark .navbar-end .navbar-link::after { border-color: #fff; }
.catfish-classes .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, .catfish-classes .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, .catfish-classes .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link, .vue-component-wrapper .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, .vue-component-wrapper .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, .vue-component-wrapper .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { background-color: #3d3d3d; color: #fff; }
.catfish-classes .navbar.is-dark .navbar-dropdown a.navbar-item.is-active, .vue-component-wrapper .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { background-color: #4a4a4a; color: #fff; }
.catfish-classes .navbar.is-dark .navbar-dropdown a.navbar-item.is-disabled, .vue-component-wrapper .navbar.is-dark .navbar-dropdown a.navbar-item.is-disabled { pointer-events: none; opacity: 0.7; cursor: not-allowed; } }
.catfish-classes .navbar.is-primary, .vue-component-wrapper .navbar.is-primary { background-color: #353E49; color: #fff; }
.catfish-classes .navbar.is-primary .navbar-brand, .vue-component-wrapper .navbar.is-primary .navbar-brand { background-color: #353E49; }
.catfish-classes .navbar.is-primary .navbar-brand > .navbar-item, .catfish-classes .navbar.is-primary .navbar-brand > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-primary .navbar-brand .navbar-link, .vue-component-wrapper .navbar.is-primary .navbar-brand > .navbar-item, .vue-component-wrapper .navbar.is-primary .navbar-brand > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-primary .navbar-brand .navbar-link { color: #fff; }
.catfish-classes .navbar.is-primary .navbar-brand > a.navbar-item:focus, .catfish-classes .navbar.is-primary .navbar-brand > a.navbar-item:hover, .catfish-classes .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .catfish-classes .navbar.is-primary .navbar-brand .navbar-link:focus, .catfish-classes .navbar.is-primary .navbar-brand .navbar-link:hover, .catfish-classes .navbar.is-primary .navbar-brand .navbar-link.is-active, .vue-component-wrapper .navbar.is-primary .navbar-brand > a.navbar-item:focus, .vue-component-wrapper .navbar.is-primary .navbar-brand > a.navbar-item:hover, .vue-component-wrapper .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-primary .navbar-brand .navbar-link:focus, .vue-component-wrapper .navbar.is-primary .navbar-brand .navbar-link:hover, .vue-component-wrapper .navbar.is-primary .navbar-brand .navbar-link.is-active { background-color: #2a313a; color: #fff; }
.catfish-classes .navbar.is-primary .navbar-brand .navbar-link::after, .vue-component-wrapper .navbar.is-primary .navbar-brand .navbar-link::after { border-color: #fff; }
.catfish-classes .navbar.is-primary .navbar-burger, .vue-component-wrapper .navbar.is-primary .navbar-burger { color: #fff; }
@media screen and (min-width: 1088px) { .catfish-classes .navbar.is-primary .navbar-start > .navbar-item, .catfish-classes .navbar.is-primary .navbar-start > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-primary .navbar-start .navbar-link, .catfish-classes .navbar.is-primary .navbar-end > .navbar-item, .catfish-classes .navbar.is-primary .navbar-end > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-primary .navbar-end .navbar-link, .vue-component-wrapper .navbar.is-primary .navbar-start > .navbar-item, .vue-component-wrapper .navbar.is-primary .navbar-start > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-primary .navbar-start .navbar-link, .vue-component-wrapper .navbar.is-primary .navbar-end > .navbar-item, .vue-component-wrapper .navbar.is-primary .navbar-end > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-primary .navbar-end .navbar-link { color: #fff; }
.catfish-classes .navbar.is-primary .navbar-start > a.navbar-item:focus, .catfish-classes .navbar.is-primary .navbar-start > a.navbar-item:hover, .catfish-classes .navbar.is-primary .navbar-start > a.navbar-item.is-active, .catfish-classes .navbar.is-primary .navbar-start .navbar-link:focus, .catfish-classes .navbar.is-primary .navbar-start .navbar-link:hover, .catfish-classes .navbar.is-primary .navbar-start .navbar-link.is-active, .catfish-classes .navbar.is-primary .navbar-end > a.navbar-item:focus, .catfish-classes .navbar.is-primary .navbar-end > a.navbar-item:hover, .catfish-classes .navbar.is-primary .navbar-end > a.navbar-item.is-active, .catfish-classes .navbar.is-primary .navbar-end .navbar-link:focus, .catfish-classes .navbar.is-primary .navbar-end .navbar-link:hover, .catfish-classes .navbar.is-primary .navbar-end .navbar-link.is-active, .vue-component-wrapper .navbar.is-primary .navbar-start > a.navbar-item:focus, .vue-component-wrapper .navbar.is-primary .navbar-start > a.navbar-item:hover, .vue-component-wrapper .navbar.is-primary .navbar-start > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-primary .navbar-start .navbar-link:focus, .vue-component-wrapper .navbar.is-primary .navbar-start .navbar-link:hover, .vue-component-wrapper .navbar.is-primary .navbar-start .navbar-link.is-active, .vue-component-wrapper .navbar.is-primary .navbar-end > a.navbar-item:focus, .vue-component-wrapper .navbar.is-primary .navbar-end > a.navbar-item:hover, .vue-component-wrapper .navbar.is-primary .navbar-end > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-primary .navbar-end .navbar-link:focus, .vue-component-wrapper .navbar.is-primary .navbar-end .navbar-link:hover, .vue-component-wrapper .navbar.is-primary .navbar-end .navbar-link.is-active { background-color: #2a313a; color: #fff; }
.catfish-classes .navbar.is-primary .navbar-start .navbar-link::after, .catfish-classes .navbar.is-primary .navbar-end .navbar-link::after, .vue-component-wrapper .navbar.is-primary .navbar-start .navbar-link::after, .vue-component-wrapper .navbar.is-primary .navbar-end .navbar-link::after { border-color: #fff; }
.catfish-classes .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, .catfish-classes .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, .catfish-classes .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link, .vue-component-wrapper .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, .vue-component-wrapper .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, .vue-component-wrapper .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { background-color: #2a313a; color: #fff; }
.catfish-classes .navbar.is-primary .navbar-dropdown a.navbar-item.is-active, .vue-component-wrapper .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { background-color: #353E49; color: #fff; }
.catfish-classes .navbar.is-primary .navbar-dropdown a.navbar-item.is-disabled, .vue-component-wrapper .navbar.is-primary .navbar-dropdown a.navbar-item.is-disabled { pointer-events: none; opacity: 0.7; cursor: not-allowed; } }
.catfish-classes .navbar.is-secondary, .vue-component-wrapper .navbar.is-secondary { background-color: #B86BFF; color: #fff; }
.catfish-classes .navbar.is-secondary .navbar-brand, .vue-component-wrapper .navbar.is-secondary .navbar-brand { background-color: #B86BFF; }
.catfish-classes .navbar.is-secondary .navbar-brand > .navbar-item, .catfish-classes .navbar.is-secondary .navbar-brand > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-secondary .navbar-brand .navbar-link, .vue-component-wrapper .navbar.is-secondary .navbar-brand > .navbar-item, .vue-component-wrapper .navbar.is-secondary .navbar-brand > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-secondary .navbar-brand .navbar-link { color: #fff; }
.catfish-classes .navbar.is-secondary .navbar-brand > a.navbar-item:focus, .catfish-classes .navbar.is-secondary .navbar-brand > a.navbar-item:hover, .catfish-classes .navbar.is-secondary .navbar-brand > a.navbar-item.is-active, .catfish-classes .navbar.is-secondary .navbar-brand .navbar-link:focus, .catfish-classes .navbar.is-secondary .navbar-brand .navbar-link:hover, .catfish-classes .navbar.is-secondary .navbar-brand .navbar-link.is-active, .vue-component-wrapper .navbar.is-secondary .navbar-brand > a.navbar-item:focus, .vue-component-wrapper .navbar.is-secondary .navbar-brand > a.navbar-item:hover, .vue-component-wrapper .navbar.is-secondary .navbar-brand > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-secondary .navbar-brand .navbar-link:focus, .vue-component-wrapper .navbar.is-secondary .navbar-brand .navbar-link:hover, .vue-component-wrapper .navbar.is-secondary .navbar-brand .navbar-link.is-active { background-color: #ac52ff; color: #fff; }
.catfish-classes .navbar.is-secondary .navbar-brand .navbar-link::after, .vue-component-wrapper .navbar.is-secondary .navbar-brand .navbar-link::after { border-color: #fff; }
.catfish-classes .navbar.is-secondary .navbar-burger, .vue-component-wrapper .navbar.is-secondary .navbar-burger { color: #fff; }
@media screen and (min-width: 1088px) { .catfish-classes .navbar.is-secondary .navbar-start > .navbar-item, .catfish-classes .navbar.is-secondary .navbar-start > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-secondary .navbar-start .navbar-link, .catfish-classes .navbar.is-secondary .navbar-end > .navbar-item, .catfish-classes .navbar.is-secondary .navbar-end > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-secondary .navbar-end .navbar-link, .vue-component-wrapper .navbar.is-secondary .navbar-start > .navbar-item, .vue-component-wrapper .navbar.is-secondary .navbar-start > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-secondary .navbar-start .navbar-link, .vue-component-wrapper .navbar.is-secondary .navbar-end > .navbar-item, .vue-component-wrapper .navbar.is-secondary .navbar-end > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-secondary .navbar-end .navbar-link { color: #fff; }
.catfish-classes .navbar.is-secondary .navbar-start > a.navbar-item:focus, .catfish-classes .navbar.is-secondary .navbar-start > a.navbar-item:hover, .catfish-classes .navbar.is-secondary .navbar-start > a.navbar-item.is-active, .catfish-classes .navbar.is-secondary .navbar-start .navbar-link:focus, .catfish-classes .navbar.is-secondary .navbar-start .navbar-link:hover, .catfish-classes .navbar.is-secondary .navbar-start .navbar-link.is-active, .catfish-classes .navbar.is-secondary .navbar-end > a.navbar-item:focus, .catfish-classes .navbar.is-secondary .navbar-end > a.navbar-item:hover, .catfish-classes .navbar.is-secondary .navbar-end > a.navbar-item.is-active, .catfish-classes .navbar.is-secondary .navbar-end .navbar-link:focus, .catfish-classes .navbar.is-secondary .navbar-end .navbar-link:hover, .catfish-classes .navbar.is-secondary .navbar-end .navbar-link.is-active, .vue-component-wrapper .navbar.is-secondary .navbar-start > a.navbar-item:focus, .vue-component-wrapper .navbar.is-secondary .navbar-start > a.navbar-item:hover, .vue-component-wrapper .navbar.is-secondary .navbar-start > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-secondary .navbar-start .navbar-link:focus, .vue-component-wrapper .navbar.is-secondary .navbar-start .navbar-link:hover, .vue-component-wrapper .navbar.is-secondary .navbar-start .navbar-link.is-active, .vue-component-wrapper .navbar.is-secondary .navbar-end > a.navbar-item:focus, .vue-component-wrapper .navbar.is-secondary .navbar-end > a.navbar-item:hover, .vue-component-wrapper .navbar.is-secondary .navbar-end > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-secondary .navbar-end .navbar-link:focus, .vue-component-wrapper .navbar.is-secondary .navbar-end .navbar-link:hover, .vue-component-wrapper .navbar.is-secondary .navbar-end .navbar-link.is-active { background-color: #ac52ff; color: #fff; }
.catfish-classes .navbar.is-secondary .navbar-start .navbar-link::after, .catfish-classes .navbar.is-secondary .navbar-end .navbar-link::after, .vue-component-wrapper .navbar.is-secondary .navbar-start .navbar-link::after, .vue-component-wrapper .navbar.is-secondary .navbar-end .navbar-link::after { border-color: #fff; }
.catfish-classes .navbar.is-secondary .navbar-item.has-dropdown:focus .navbar-link, .catfish-classes .navbar.is-secondary .navbar-item.has-dropdown:hover .navbar-link, .catfish-classes .navbar.is-secondary .navbar-item.has-dropdown.is-active .navbar-link, .vue-component-wrapper .navbar.is-secondary .navbar-item.has-dropdown:focus .navbar-link, .vue-component-wrapper .navbar.is-secondary .navbar-item.has-dropdown:hover .navbar-link, .vue-component-wrapper .navbar.is-secondary .navbar-item.has-dropdown.is-active .navbar-link { background-color: #ac52ff; color: #fff; }
.catfish-classes .navbar.is-secondary .navbar-dropdown a.navbar-item.is-active, .vue-component-wrapper .navbar.is-secondary .navbar-dropdown a.navbar-item.is-active { background-color: #B86BFF; color: #fff; }
.catfish-classes .navbar.is-secondary .navbar-dropdown a.navbar-item.is-disabled, .vue-component-wrapper .navbar.is-secondary .navbar-dropdown a.navbar-item.is-disabled { pointer-events: none; opacity: 0.7; cursor: not-allowed; } }
.catfish-classes .navbar.is-link, .vue-component-wrapper .navbar.is-link { background-color: #353E49; color: #fff; }
.catfish-classes .navbar.is-link .navbar-brand, .vue-component-wrapper .navbar.is-link .navbar-brand { background-color: #353E49; }
.catfish-classes .navbar.is-link .navbar-brand > .navbar-item, .catfish-classes .navbar.is-link .navbar-brand > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-link .navbar-brand .navbar-link, .vue-component-wrapper .navbar.is-link .navbar-brand > .navbar-item, .vue-component-wrapper .navbar.is-link .navbar-brand > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-link .navbar-brand .navbar-link { color: #fff; }
.catfish-classes .navbar.is-link .navbar-brand > a.navbar-item:focus, .catfish-classes .navbar.is-link .navbar-brand > a.navbar-item:hover, .catfish-classes .navbar.is-link .navbar-brand > a.navbar-item.is-active, .catfish-classes .navbar.is-link .navbar-brand .navbar-link:focus, .catfish-classes .navbar.is-link .navbar-brand .navbar-link:hover, .catfish-classes .navbar.is-link .navbar-brand .navbar-link.is-active, .vue-component-wrapper .navbar.is-link .navbar-brand > a.navbar-item:focus, .vue-component-wrapper .navbar.is-link .navbar-brand > a.navbar-item:hover, .vue-component-wrapper .navbar.is-link .navbar-brand > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-link .navbar-brand .navbar-link:focus, .vue-component-wrapper .navbar.is-link .navbar-brand .navbar-link:hover, .vue-component-wrapper .navbar.is-link .navbar-brand .navbar-link.is-active { background-color: #2a313a; color: #fff; }
.catfish-classes .navbar.is-link .navbar-brand .navbar-link::after, .vue-component-wrapper .navbar.is-link .navbar-brand .navbar-link::after { border-color: #fff; }
.catfish-classes .navbar.is-link .navbar-burger, .vue-component-wrapper .navbar.is-link .navbar-burger { color: #fff; }
@media screen and (min-width: 1088px) { .catfish-classes .navbar.is-link .navbar-start > .navbar-item, .catfish-classes .navbar.is-link .navbar-start > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-link .navbar-start .navbar-link, .catfish-classes .navbar.is-link .navbar-end > .navbar-item, .catfish-classes .navbar.is-link .navbar-end > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-link .navbar-end .navbar-link, .vue-component-wrapper .navbar.is-link .navbar-start > .navbar-item, .vue-component-wrapper .navbar.is-link .navbar-start > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-link .navbar-start .navbar-link, .vue-component-wrapper .navbar.is-link .navbar-end > .navbar-item, .vue-component-wrapper .navbar.is-link .navbar-end > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-link .navbar-end .navbar-link { color: #fff; }
.catfish-classes .navbar.is-link .navbar-start > a.navbar-item:focus, .catfish-classes .navbar.is-link .navbar-start > a.navbar-item:hover, .catfish-classes .navbar.is-link .navbar-start > a.navbar-item.is-active, .catfish-classes .navbar.is-link .navbar-start .navbar-link:focus, .catfish-classes .navbar.is-link .navbar-start .navbar-link:hover, .catfish-classes .navbar.is-link .navbar-start .navbar-link.is-active, .catfish-classes .navbar.is-link .navbar-end > a.navbar-item:focus, .catfish-classes .navbar.is-link .navbar-end > a.navbar-item:hover, .catfish-classes .navbar.is-link .navbar-end > a.navbar-item.is-active, .catfish-classes .navbar.is-link .navbar-end .navbar-link:focus, .catfish-classes .navbar.is-link .navbar-end .navbar-link:hover, .catfish-classes .navbar.is-link .navbar-end .navbar-link.is-active, .vue-component-wrapper .navbar.is-link .navbar-start > a.navbar-item:focus, .vue-component-wrapper .navbar.is-link .navbar-start > a.navbar-item:hover, .vue-component-wrapper .navbar.is-link .navbar-start > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-link .navbar-start .navbar-link:focus, .vue-component-wrapper .navbar.is-link .navbar-start .navbar-link:hover, .vue-component-wrapper .navbar.is-link .navbar-start .navbar-link.is-active, .vue-component-wrapper .navbar.is-link .navbar-end > a.navbar-item:focus, .vue-component-wrapper .navbar.is-link .navbar-end > a.navbar-item:hover, .vue-component-wrapper .navbar.is-link .navbar-end > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-link .navbar-end .navbar-link:focus, .vue-component-wrapper .navbar.is-link .navbar-end .navbar-link:hover, .vue-component-wrapper .navbar.is-link .navbar-end .navbar-link.is-active { background-color: #2a313a; color: #fff; }
.catfish-classes .navbar.is-link .navbar-start .navbar-link::after, .catfish-classes .navbar.is-link .navbar-end .navbar-link::after, .vue-component-wrapper .navbar.is-link .navbar-start .navbar-link::after, .vue-component-wrapper .navbar.is-link .navbar-end .navbar-link::after { border-color: #fff; }
.catfish-classes .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, .catfish-classes .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, .catfish-classes .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link, .vue-component-wrapper .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, .vue-component-wrapper .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, .vue-component-wrapper .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { background-color: #2a313a; color: #fff; }
.catfish-classes .navbar.is-link .navbar-dropdown a.navbar-item.is-active, .vue-component-wrapper .navbar.is-link .navbar-dropdown a.navbar-item.is-active { background-color: #353E49; color: #fff; }
.catfish-classes .navbar.is-link .navbar-dropdown a.navbar-item.is-disabled, .vue-component-wrapper .navbar.is-link .navbar-dropdown a.navbar-item.is-disabled { pointer-events: none; opacity: 0.7; cursor: not-allowed; } }
.catfish-classes .navbar.is-info, .vue-component-wrapper .navbar.is-info { background-color: #209CEE; color: #fff; }
.catfish-classes .navbar.is-info .navbar-brand, .vue-component-wrapper .navbar.is-info .navbar-brand { background-color: #209CEE; }
.catfish-classes .navbar.is-info .navbar-brand > .navbar-item, .catfish-classes .navbar.is-info .navbar-brand > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-info .navbar-brand .navbar-link, .vue-component-wrapper .navbar.is-info .navbar-brand > .navbar-item, .vue-component-wrapper .navbar.is-info .navbar-brand > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-info .navbar-brand .navbar-link { color: #fff; }
.catfish-classes .navbar.is-info .navbar-brand > a.navbar-item:focus, .catfish-classes .navbar.is-info .navbar-brand > a.navbar-item:hover, .catfish-classes .navbar.is-info .navbar-brand > a.navbar-item.is-active, .catfish-classes .navbar.is-info .navbar-brand .navbar-link:focus, .catfish-classes .navbar.is-info .navbar-brand .navbar-link:hover, .catfish-classes .navbar.is-info .navbar-brand .navbar-link.is-active, .vue-component-wrapper .navbar.is-info .navbar-brand > a.navbar-item:focus, .vue-component-wrapper .navbar.is-info .navbar-brand > a.navbar-item:hover, .vue-component-wrapper .navbar.is-info .navbar-brand > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-info .navbar-brand .navbar-link:focus, .vue-component-wrapper .navbar.is-info .navbar-brand .navbar-link:hover, .vue-component-wrapper .navbar.is-info .navbar-brand .navbar-link.is-active { background-color: #1190e3; color: #fff; }
.catfish-classes .navbar.is-info .navbar-brand .navbar-link::after, .vue-component-wrapper .navbar.is-info .navbar-brand .navbar-link::after { border-color: #fff; }
.catfish-classes .navbar.is-info .navbar-burger, .vue-component-wrapper .navbar.is-info .navbar-burger { color: #fff; }
@media screen and (min-width: 1088px) { .catfish-classes .navbar.is-info .navbar-start > .navbar-item, .catfish-classes .navbar.is-info .navbar-start > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-info .navbar-start .navbar-link, .catfish-classes .navbar.is-info .navbar-end > .navbar-item, .catfish-classes .navbar.is-info .navbar-end > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-info .navbar-end .navbar-link, .vue-component-wrapper .navbar.is-info .navbar-start > .navbar-item, .vue-component-wrapper .navbar.is-info .navbar-start > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-info .navbar-start .navbar-link, .vue-component-wrapper .navbar.is-info .navbar-end > .navbar-item, .vue-component-wrapper .navbar.is-info .navbar-end > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-info .navbar-end .navbar-link { color: #fff; }
.catfish-classes .navbar.is-info .navbar-start > a.navbar-item:focus, .catfish-classes .navbar.is-info .navbar-start > a.navbar-item:hover, .catfish-classes .navbar.is-info .navbar-start > a.navbar-item.is-active, .catfish-classes .navbar.is-info .navbar-start .navbar-link:focus, .catfish-classes .navbar.is-info .navbar-start .navbar-link:hover, .catfish-classes .navbar.is-info .navbar-start .navbar-link.is-active, .catfish-classes .navbar.is-info .navbar-end > a.navbar-item:focus, .catfish-classes .navbar.is-info .navbar-end > a.navbar-item:hover, .catfish-classes .navbar.is-info .navbar-end > a.navbar-item.is-active, .catfish-classes .navbar.is-info .navbar-end .navbar-link:focus, .catfish-classes .navbar.is-info .navbar-end .navbar-link:hover, .catfish-classes .navbar.is-info .navbar-end .navbar-link.is-active, .vue-component-wrapper .navbar.is-info .navbar-start > a.navbar-item:focus, .vue-component-wrapper .navbar.is-info .navbar-start > a.navbar-item:hover, .vue-component-wrapper .navbar.is-info .navbar-start > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-info .navbar-start .navbar-link:focus, .vue-component-wrapper .navbar.is-info .navbar-start .navbar-link:hover, .vue-component-wrapper .navbar.is-info .navbar-start .navbar-link.is-active, .vue-component-wrapper .navbar.is-info .navbar-end > a.navbar-item:focus, .vue-component-wrapper .navbar.is-info .navbar-end > a.navbar-item:hover, .vue-component-wrapper .navbar.is-info .navbar-end > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-info .navbar-end .navbar-link:focus, .vue-component-wrapper .navbar.is-info .navbar-end .navbar-link:hover, .vue-component-wrapper .navbar.is-info .navbar-end .navbar-link.is-active { background-color: #1190e3; color: #fff; }
.catfish-classes .navbar.is-info .navbar-start .navbar-link::after, .catfish-classes .navbar.is-info .navbar-end .navbar-link::after, .vue-component-wrapper .navbar.is-info .navbar-start .navbar-link::after, .vue-component-wrapper .navbar.is-info .navbar-end .navbar-link::after { border-color: #fff; }
.catfish-classes .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, .catfish-classes .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, .catfish-classes .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link, .vue-component-wrapper .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, .vue-component-wrapper .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, .vue-component-wrapper .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link { background-color: #1190e3; color: #fff; }
.catfish-classes .navbar.is-info .navbar-dropdown a.navbar-item.is-active, .vue-component-wrapper .navbar.is-info .navbar-dropdown a.navbar-item.is-active { background-color: #209CEE; color: #fff; }
.catfish-classes .navbar.is-info .navbar-dropdown a.navbar-item.is-disabled, .vue-component-wrapper .navbar.is-info .navbar-dropdown a.navbar-item.is-disabled { pointer-events: none; opacity: 0.7; cursor: not-allowed; } }
.catfish-classes .navbar.is-success, .vue-component-wrapper .navbar.is-success { background-color: #23D160; color: #fff; }
.catfish-classes .navbar.is-success .navbar-brand, .vue-component-wrapper .navbar.is-success .navbar-brand { background-color: #23D160; }
.catfish-classes .navbar.is-success .navbar-brand > .navbar-item, .catfish-classes .navbar.is-success .navbar-brand > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-success .navbar-brand .navbar-link, .vue-component-wrapper .navbar.is-success .navbar-brand > .navbar-item, .vue-component-wrapper .navbar.is-success .navbar-brand > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-success .navbar-brand .navbar-link { color: #fff; }
.catfish-classes .navbar.is-success .navbar-brand > a.navbar-item:focus, .catfish-classes .navbar.is-success .navbar-brand > a.navbar-item:hover, .catfish-classes .navbar.is-success .navbar-brand > a.navbar-item.is-active, .catfish-classes .navbar.is-success .navbar-brand .navbar-link:focus, .catfish-classes .navbar.is-success .navbar-brand .navbar-link:hover, .catfish-classes .navbar.is-success .navbar-brand .navbar-link.is-active, .vue-component-wrapper .navbar.is-success .navbar-brand > a.navbar-item:focus, .vue-component-wrapper .navbar.is-success .navbar-brand > a.navbar-item:hover, .vue-component-wrapper .navbar.is-success .navbar-brand > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-success .navbar-brand .navbar-link:focus, .vue-component-wrapper .navbar.is-success .navbar-brand .navbar-link:hover, .vue-component-wrapper .navbar.is-success .navbar-brand .navbar-link.is-active { background-color: #1fbb56; color: #fff; }
.catfish-classes .navbar.is-success .navbar-brand .navbar-link::after, .vue-component-wrapper .navbar.is-success .navbar-brand .navbar-link::after { border-color: #fff; }
.catfish-classes .navbar.is-success .navbar-burger, .vue-component-wrapper .navbar.is-success .navbar-burger { color: #fff; }
@media screen and (min-width: 1088px) { .catfish-classes .navbar.is-success .navbar-start > .navbar-item, .catfish-classes .navbar.is-success .navbar-start > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-success .navbar-start .navbar-link, .catfish-classes .navbar.is-success .navbar-end > .navbar-item, .catfish-classes .navbar.is-success .navbar-end > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-success .navbar-end .navbar-link, .vue-component-wrapper .navbar.is-success .navbar-start > .navbar-item, .vue-component-wrapper .navbar.is-success .navbar-start > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-success .navbar-start .navbar-link, .vue-component-wrapper .navbar.is-success .navbar-end > .navbar-item, .vue-component-wrapper .navbar.is-success .navbar-end > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-success .navbar-end .navbar-link { color: #fff; }
.catfish-classes .navbar.is-success .navbar-start > a.navbar-item:focus, .catfish-classes .navbar.is-success .navbar-start > a.navbar-item:hover, .catfish-classes .navbar.is-success .navbar-start > a.navbar-item.is-active, .catfish-classes .navbar.is-success .navbar-start .navbar-link:focus, .catfish-classes .navbar.is-success .navbar-start .navbar-link:hover, .catfish-classes .navbar.is-success .navbar-start .navbar-link.is-active, .catfish-classes .navbar.is-success .navbar-end > a.navbar-item:focus, .catfish-classes .navbar.is-success .navbar-end > a.navbar-item:hover, .catfish-classes .navbar.is-success .navbar-end > a.navbar-item.is-active, .catfish-classes .navbar.is-success .navbar-end .navbar-link:focus, .catfish-classes .navbar.is-success .navbar-end .navbar-link:hover, .catfish-classes .navbar.is-success .navbar-end .navbar-link.is-active, .vue-component-wrapper .navbar.is-success .navbar-start > a.navbar-item:focus, .vue-component-wrapper .navbar.is-success .navbar-start > a.navbar-item:hover, .vue-component-wrapper .navbar.is-success .navbar-start > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-success .navbar-start .navbar-link:focus, .vue-component-wrapper .navbar.is-success .navbar-start .navbar-link:hover, .vue-component-wrapper .navbar.is-success .navbar-start .navbar-link.is-active, .vue-component-wrapper .navbar.is-success .navbar-end > a.navbar-item:focus, .vue-component-wrapper .navbar.is-success .navbar-end > a.navbar-item:hover, .vue-component-wrapper .navbar.is-success .navbar-end > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-success .navbar-end .navbar-link:focus, .vue-component-wrapper .navbar.is-success .navbar-end .navbar-link:hover, .vue-component-wrapper .navbar.is-success .navbar-end .navbar-link.is-active { background-color: #1fbb56; color: #fff; }
.catfish-classes .navbar.is-success .navbar-start .navbar-link::after, .catfish-classes .navbar.is-success .navbar-end .navbar-link::after, .vue-component-wrapper .navbar.is-success .navbar-start .navbar-link::after, .vue-component-wrapper .navbar.is-success .navbar-end .navbar-link::after { border-color: #fff; }
.catfish-classes .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, .catfish-classes .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, .catfish-classes .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link, .vue-component-wrapper .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, .vue-component-wrapper .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, .vue-component-wrapper .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link { background-color: #1fbb56; color: #fff; }
.catfish-classes .navbar.is-success .navbar-dropdown a.navbar-item.is-active, .vue-component-wrapper .navbar.is-success .navbar-dropdown a.navbar-item.is-active { background-color: #23D160; color: #fff; }
.catfish-classes .navbar.is-success .navbar-dropdown a.navbar-item.is-disabled, .vue-component-wrapper .navbar.is-success .navbar-dropdown a.navbar-item.is-disabled { pointer-events: none; opacity: 0.7; cursor: not-allowed; } }
.catfish-classes .navbar.is-warning, .vue-component-wrapper .navbar.is-warning { background-color: #FFDD57; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .navbar.is-warning .navbar-brand, .vue-component-wrapper .navbar.is-warning .navbar-brand { background-color: #FFDD57; }
.catfish-classes .navbar.is-warning .navbar-brand > .navbar-item, .catfish-classes .navbar.is-warning .navbar-brand > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-warning .navbar-brand .navbar-link, .vue-component-wrapper .navbar.is-warning .navbar-brand > .navbar-item, .vue-component-wrapper .navbar.is-warning .navbar-brand > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-warning .navbar-brand .navbar-link { color: rgba(26, 22, 9, 0.7); }
.catfish-classes .navbar.is-warning .navbar-brand > a.navbar-item:focus, .catfish-classes .navbar.is-warning .navbar-brand > a.navbar-item:hover, .catfish-classes .navbar.is-warning .navbar-brand > a.navbar-item.is-active, .catfish-classes .navbar.is-warning .navbar-brand .navbar-link:focus, .catfish-classes .navbar.is-warning .navbar-brand .navbar-link:hover, .catfish-classes .navbar.is-warning .navbar-brand .navbar-link.is-active, .vue-component-wrapper .navbar.is-warning .navbar-brand > a.navbar-item:focus, .vue-component-wrapper .navbar.is-warning .navbar-brand > a.navbar-item:hover, .vue-component-wrapper .navbar.is-warning .navbar-brand > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-warning .navbar-brand .navbar-link:focus, .vue-component-wrapper .navbar.is-warning .navbar-brand .navbar-link:hover, .vue-component-wrapper .navbar.is-warning .navbar-brand .navbar-link.is-active { background-color: #ffd83e; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .navbar.is-warning .navbar-brand .navbar-link::after, .vue-component-wrapper .navbar.is-warning .navbar-brand .navbar-link::after { border-color: rgba(26, 22, 9, 0.7); }
.catfish-classes .navbar.is-warning .navbar-burger, .vue-component-wrapper .navbar.is-warning .navbar-burger { color: rgba(26, 22, 9, 0.7); }
@media screen and (min-width: 1088px) { .catfish-classes .navbar.is-warning .navbar-start > .navbar-item, .catfish-classes .navbar.is-warning .navbar-start > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-warning .navbar-start .navbar-link, .catfish-classes .navbar.is-warning .navbar-end > .navbar-item, .catfish-classes .navbar.is-warning .navbar-end > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-warning .navbar-end .navbar-link, .vue-component-wrapper .navbar.is-warning .navbar-start > .navbar-item, .vue-component-wrapper .navbar.is-warning .navbar-start > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-warning .navbar-start .navbar-link, .vue-component-wrapper .navbar.is-warning .navbar-end > .navbar-item, .vue-component-wrapper .navbar.is-warning .navbar-end > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-warning .navbar-end .navbar-link { color: rgba(26, 22, 9, 0.7); }
.catfish-classes .navbar.is-warning .navbar-start > a.navbar-item:focus, .catfish-classes .navbar.is-warning .navbar-start > a.navbar-item:hover, .catfish-classes .navbar.is-warning .navbar-start > a.navbar-item.is-active, .catfish-classes .navbar.is-warning .navbar-start .navbar-link:focus, .catfish-classes .navbar.is-warning .navbar-start .navbar-link:hover, .catfish-classes .navbar.is-warning .navbar-start .navbar-link.is-active, .catfish-classes .navbar.is-warning .navbar-end > a.navbar-item:focus, .catfish-classes .navbar.is-warning .navbar-end > a.navbar-item:hover, .catfish-classes .navbar.is-warning .navbar-end > a.navbar-item.is-active, .catfish-classes .navbar.is-warning .navbar-end .navbar-link:focus, .catfish-classes .navbar.is-warning .navbar-end .navbar-link:hover, .catfish-classes .navbar.is-warning .navbar-end .navbar-link.is-active, .vue-component-wrapper .navbar.is-warning .navbar-start > a.navbar-item:focus, .vue-component-wrapper .navbar.is-warning .navbar-start > a.navbar-item:hover, .vue-component-wrapper .navbar.is-warning .navbar-start > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-warning .navbar-start .navbar-link:focus, .vue-component-wrapper .navbar.is-warning .navbar-start .navbar-link:hover, .vue-component-wrapper .navbar.is-warning .navbar-start .navbar-link.is-active, .vue-component-wrapper .navbar.is-warning .navbar-end > a.navbar-item:focus, .vue-component-wrapper .navbar.is-warning .navbar-end > a.navbar-item:hover, .vue-component-wrapper .navbar.is-warning .navbar-end > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-warning .navbar-end .navbar-link:focus, .vue-component-wrapper .navbar.is-warning .navbar-end .navbar-link:hover, .vue-component-wrapper .navbar.is-warning .navbar-end .navbar-link.is-active { background-color: #ffd83e; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .navbar.is-warning .navbar-start .navbar-link::after, .catfish-classes .navbar.is-warning .navbar-end .navbar-link::after, .vue-component-wrapper .navbar.is-warning .navbar-start .navbar-link::after, .vue-component-wrapper .navbar.is-warning .navbar-end .navbar-link::after { border-color: rgba(26, 22, 9, 0.7); }
.catfish-classes .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, .catfish-classes .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, .catfish-classes .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link, .vue-component-wrapper .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, .vue-component-wrapper .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, .vue-component-wrapper .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { background-color: #ffd83e; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .navbar.is-warning .navbar-dropdown a.navbar-item.is-active, .vue-component-wrapper .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { background-color: #FFDD57; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .navbar.is-warning .navbar-dropdown a.navbar-item.is-disabled, .vue-component-wrapper .navbar.is-warning .navbar-dropdown a.navbar-item.is-disabled { pointer-events: none; opacity: 0.7; cursor: not-allowed; } }
.catfish-classes .navbar.is-danger, .vue-component-wrapper .navbar.is-danger { background-color: #FF3860; color: #fff; }
.catfish-classes .navbar.is-danger .navbar-brand, .vue-component-wrapper .navbar.is-danger .navbar-brand { background-color: #FF3860; }
.catfish-classes .navbar.is-danger .navbar-brand > .navbar-item, .catfish-classes .navbar.is-danger .navbar-brand > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-danger .navbar-brand .navbar-link, .vue-component-wrapper .navbar.is-danger .navbar-brand > .navbar-item, .vue-component-wrapper .navbar.is-danger .navbar-brand > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-danger .navbar-brand .navbar-link { color: #fff; }
.catfish-classes .navbar.is-danger .navbar-brand > a.navbar-item:focus, .catfish-classes .navbar.is-danger .navbar-brand > a.navbar-item:hover, .catfish-classes .navbar.is-danger .navbar-brand > a.navbar-item.is-active, .catfish-classes .navbar.is-danger .navbar-brand .navbar-link:focus, .catfish-classes .navbar.is-danger .navbar-brand .navbar-link:hover, .catfish-classes .navbar.is-danger .navbar-brand .navbar-link.is-active, .vue-component-wrapper .navbar.is-danger .navbar-brand > a.navbar-item:focus, .vue-component-wrapper .navbar.is-danger .navbar-brand > a.navbar-item:hover, .vue-component-wrapper .navbar.is-danger .navbar-brand > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-danger .navbar-brand .navbar-link:focus, .vue-component-wrapper .navbar.is-danger .navbar-brand .navbar-link:hover, .vue-component-wrapper .navbar.is-danger .navbar-brand .navbar-link.is-active { background-color: #ff1f4c; color: #fff; }
.catfish-classes .navbar.is-danger .navbar-brand .navbar-link::after, .vue-component-wrapper .navbar.is-danger .navbar-brand .navbar-link::after { border-color: #fff; }
.catfish-classes .navbar.is-danger .navbar-burger, .vue-component-wrapper .navbar.is-danger .navbar-burger { color: #fff; }
@media screen and (min-width: 1088px) { .catfish-classes .navbar.is-danger .navbar-start > .navbar-item, .catfish-classes .navbar.is-danger .navbar-start > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-danger .navbar-start .navbar-link, .catfish-classes .navbar.is-danger .navbar-end > .navbar-item, .catfish-classes .navbar.is-danger .navbar-end > .navbar-list-item > .navbar-item, .catfish-classes .navbar.is-danger .navbar-end .navbar-link, .vue-component-wrapper .navbar.is-danger .navbar-start > .navbar-item, .vue-component-wrapper .navbar.is-danger .navbar-start > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-danger .navbar-start .navbar-link, .vue-component-wrapper .navbar.is-danger .navbar-end > .navbar-item, .vue-component-wrapper .navbar.is-danger .navbar-end > .navbar-list-item > .navbar-item, .vue-component-wrapper .navbar.is-danger .navbar-end .navbar-link { color: #fff; }
.catfish-classes .navbar.is-danger .navbar-start > a.navbar-item:focus, .catfish-classes .navbar.is-danger .navbar-start > a.navbar-item:hover, .catfish-classes .navbar.is-danger .navbar-start > a.navbar-item.is-active, .catfish-classes .navbar.is-danger .navbar-start .navbar-link:focus, .catfish-classes .navbar.is-danger .navbar-start .navbar-link:hover, .catfish-classes .navbar.is-danger .navbar-start .navbar-link.is-active, .catfish-classes .navbar.is-danger .navbar-end > a.navbar-item:focus, .catfish-classes .navbar.is-danger .navbar-end > a.navbar-item:hover, .catfish-classes .navbar.is-danger .navbar-end > a.navbar-item.is-active, .catfish-classes .navbar.is-danger .navbar-end .navbar-link:focus, .catfish-classes .navbar.is-danger .navbar-end .navbar-link:hover, .catfish-classes .navbar.is-danger .navbar-end .navbar-link.is-active, .vue-component-wrapper .navbar.is-danger .navbar-start > a.navbar-item:focus, .vue-component-wrapper .navbar.is-danger .navbar-start > a.navbar-item:hover, .vue-component-wrapper .navbar.is-danger .navbar-start > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-danger .navbar-start .navbar-link:focus, .vue-component-wrapper .navbar.is-danger .navbar-start .navbar-link:hover, .vue-component-wrapper .navbar.is-danger .navbar-start .navbar-link.is-active, .vue-component-wrapper .navbar.is-danger .navbar-end > a.navbar-item:focus, .vue-component-wrapper .navbar.is-danger .navbar-end > a.navbar-item:hover, .vue-component-wrapper .navbar.is-danger .navbar-end > a.navbar-item.is-active, .vue-component-wrapper .navbar.is-danger .navbar-end .navbar-link:focus, .vue-component-wrapper .navbar.is-danger .navbar-end .navbar-link:hover, .vue-component-wrapper .navbar.is-danger .navbar-end .navbar-link.is-active { background-color: #ff1f4c; color: #fff; }
.catfish-classes .navbar.is-danger .navbar-start .navbar-link::after, .catfish-classes .navbar.is-danger .navbar-end .navbar-link::after, .vue-component-wrapper .navbar.is-danger .navbar-start .navbar-link::after, .vue-component-wrapper .navbar.is-danger .navbar-end .navbar-link::after { border-color: #fff; }
.catfish-classes .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, .catfish-classes .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, .catfish-classes .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link, .vue-component-wrapper .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, .vue-component-wrapper .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, .vue-component-wrapper .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link { background-color: #ff1f4c; color: #fff; }
.catfish-classes .navbar.is-danger .navbar-dropdown a.navbar-item.is-active, .vue-component-wrapper .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { background-color: #FF3860; color: #fff; }
.catfish-classes .navbar.is-danger .navbar-dropdown a.navbar-item.is-disabled, .vue-component-wrapper .navbar.is-danger .navbar-dropdown a.navbar-item.is-disabled { pointer-events: none; opacity: 0.7; cursor: not-allowed; } }
.catfish-classes .navbar > .container, .vue-component-wrapper .navbar > .container { align-items: stretch; display: flex; height: 4.64286em; width: 100%; }
@media screen and (min-width: 750px), print { .catfish-classes .navbar > .container, .vue-component-wrapper .navbar > .container { height: 7.27273em; } }
.catfish-classes .navbar.has-shadow, .vue-component-wrapper .navbar.has-shadow { box-shadow: 0 2px 0 0 #f5f5f5; }
.catfish-classes .navbar.is-fixed-bottom, .catfish-classes .navbar.is-fixed-top, .vue-component-wrapper .navbar.is-fixed-bottom, .vue-component-wrapper .navbar.is-fixed-top { left: 0 ; right: 0 ; position: fixed; z-index: 30; }
.catfish-classes .navbar.is-fixed-bottom, .vue-component-wrapper .navbar.is-fixed-bottom { bottom: 0; }
.catfish-classes .navbar.is-fixed-bottom.has-shadow, .vue-component-wrapper .navbar.is-fixed-bottom.has-shadow { box-shadow: 0 -2px 0 0 #f5f5f5; }
.catfish-classes .navbar.is-fixed-top, .vue-component-wrapper .navbar.is-fixed-top { top: 0; }
.catfish-classes .navbar.is-transparent, .vue-component-wrapper .navbar.is-transparent { background: none; }
.catfish-classes html.has-navbar-fixed-top, .catfish-classes body.has-navbar-fixed-top, .vue-component-wrapper html.has-navbar-fixed-top, .vue-component-wrapper body.has-navbar-fixed-top { padding-top: 4.64286em; }
@media screen and (min-width: 750px), print { .catfish-classes html.has-navbar-fixed-top, .catfish-classes body.has-navbar-fixed-top, .vue-component-wrapper html.has-navbar-fixed-top, .vue-component-wrapper body.has-navbar-fixed-top { padding-top: 7.27273em; } }
.catfish-classes html.has-navbar-fixed-bottom, .catfish-classes body.has-navbar-fixed-bottom, .vue-component-wrapper html.has-navbar-fixed-bottom, .vue-component-wrapper body.has-navbar-fixed-bottom { padding-bottom: 4.64286em; }
@media screen and (min-width: 750px), print { .catfish-classes html.has-navbar-fixed-bottom, .catfish-classes body.has-navbar-fixed-bottom, .vue-component-wrapper html.has-navbar-fixed-bottom, .vue-component-wrapper body.has-navbar-fixed-bottom { padding-bottom: 7.27273em; } }
.catfish-classes .navbar-group, .catfish-classes .navbar-brand, .catfish-classes .navbar-tabs, .vue-component-wrapper .navbar-group, .vue-component-wrapper .navbar-brand, .vue-component-wrapper .navbar-tabs { align-items: stretch; display: flex; flex-shrink: 0; }
.catfish-classes .navbar-row, .vue-component-wrapper .navbar-row { display: flex; width: 100%; }
.catfish-classes .navbar-brand, .vue-component-wrapper .navbar-brand { margin-left: -1.5rem ; position: relative; z-index: 2; justify-content: space-between; }
@media screen and (max-width: 1087px) { .catfish-classes .navbar-brand, .vue-component-wrapper .navbar-brand { margin-right: -1.5rem ; } }
.catfish-classes .navbar-brand a.navbar-item:focus, .catfish-classes .navbar-brand a.navbar-item:hover, .vue-component-wrapper .navbar-brand a.navbar-item:focus, .vue-component-wrapper .navbar-brand a.navbar-item:hover { background-color: transparent; }
.catfish-classes .navbar-tabs, .vue-component-wrapper .navbar-tabs { -webkit-overflow-scrolling: touch; max-width: 100vw; overflow-x: auto; overflow-y: hidden; }
.catfish-classes .navbar-burger, .vue-component-wrapper .navbar-burger { color: #222222; cursor: pointer; display: block; height: 4.64286em; position: relative; width: 4.64286em; margin-left: auto ; }
.catfish-classes .navbar-burger span, .vue-component-wrapper .navbar-burger span { background-color: #222222; display: block; height: 2px; left: calc(50% - 11px); position: absolute; transform-origin: center; transition-duration: 86ms; transition-property: background-color, opacity, transform; transition-timing-function: ease-out; width: 22px; }
.catfish-classes .navbar-burger span:nth-child(1), .vue-component-wrapper .navbar-burger span:nth-child(1) { top: calc(50% - 9px); }
.catfish-classes .navbar-burger span:nth-child(2), .vue-component-wrapper .navbar-burger span:nth-child(2) { top: calc(50% - 1px); }
.catfish-classes .navbar-burger span:nth-child(3), .vue-component-wrapper .navbar-burger span:nth-child(3) { top: calc(50% + 7px); }
.catfish-classes .navbar-burger.is-active span:nth-child(1), .vue-component-wrapper .navbar-burger.is-active span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.catfish-classes .navbar-burger.is-active span:nth-child(2), .vue-component-wrapper .navbar-burger.is-active span:nth-child(2) { opacity: 0; }
.catfish-classes .navbar-burger.is-active span:nth-child(3), .vue-component-wrapper .navbar-burger.is-active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
@media screen and (min-width: 750px), print { .catfish-classes .navbar-burger, .vue-component-wrapper .navbar-burger { cursor: pointer; display: block; height: 7.27273em; position: relative; width: 7.27273em; }
.catfish-classes .navbar-burger span, .vue-component-wrapper .navbar-burger span { background-color: #222222; display: block; height: 2px; left: calc(50% - 11px); position: absolute; transform-origin: center; transition-duration: 86ms; transition-property: background-color, opacity, transform; transition-timing-function: ease-out; width: 22px; }
.catfish-classes .navbar-burger span:nth-child(1), .vue-component-wrapper .navbar-burger span:nth-child(1) { top: calc(50% - 9px); }
.catfish-classes .navbar-burger span:nth-child(2), .vue-component-wrapper .navbar-burger span:nth-child(2) { top: calc(50% - 1px); }
.catfish-classes .navbar-burger span:nth-child(3), .vue-component-wrapper .navbar-burger span:nth-child(3) { top: calc(50% + 7px); }
.catfish-classes .navbar-burger.is-active span:nth-child(1), .vue-component-wrapper .navbar-burger.is-active span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.catfish-classes .navbar-burger.is-active span:nth-child(2), .vue-component-wrapper .navbar-burger.is-active span:nth-child(2) { opacity: 0; }
.catfish-classes .navbar-burger.is-active span:nth-child(3), .vue-component-wrapper .navbar-burger.is-active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); } }
.catfish-classes .navbar-menu, .vue-component-wrapper .navbar-menu { display: none; }
.catfish-classes .navbar-list-item, .vue-component-wrapper .navbar-list-item { display: flex; align-items: center; }
.catfish-classes .navbar-list-item .navbar-item, .vue-component-wrapper .navbar-list-item .navbar-item { width: 100%; }
.catfish-classes .navbar-item, .catfish-classes .navbar-link, .vue-component-wrapper .navbar-item, .vue-component-wrapper .navbar-link { display: block; line-height: 1.5; padding: 0.5rem 1.5rem; position: relative; font-weight: 500; }
.catfish-classes .navbar-item .icon:only-child, .catfish-classes .navbar-link .icon:only-child, .vue-component-wrapper .navbar-item .icon:only-child, .vue-component-wrapper .navbar-link .icon:only-child { margin-left: -0.25rem ; margin-right: -0.25rem ; }
.catfish-classes a.navbar-item, .catfish-classes .navbar-link, .vue-component-wrapper a.navbar-item, .vue-component-wrapper .navbar-link { color: #222222; cursor: pointer; }
.catfish-classes a.navbar-item:focus, .catfish-classes a.navbar-item:focus-within, .catfish-classes a.navbar-item:hover, .catfish-classes a.navbar-item.is-active, .catfish-classes .navbar-link:focus, .catfish-classes .navbar-link:focus-within, .catfish-classes .navbar-link:hover, .catfish-classes .navbar-link.is-active, .vue-component-wrapper a.navbar-item:focus, .vue-component-wrapper a.navbar-item:focus-within, .vue-component-wrapper a.navbar-item:hover, .vue-component-wrapper a.navbar-item.is-active, .vue-component-wrapper .navbar-link:focus, .vue-component-wrapper .navbar-link:focus-within, .vue-component-wrapper .navbar-link:hover, .vue-component-wrapper .navbar-link.is-active { color: #353E49; }
.catfish-classes .navbar-item, .vue-component-wrapper .navbar-item { display: block; flex-grow: 0; flex-shrink: 0; }
.catfish-classes .navbar-item img, .vue-component-wrapper .navbar-item img { max-height: 7.27273em; }
.catfish-classes .navbar-item .button, .vue-component-wrapper .navbar-item .button { height: 4.54545rem; }
.catfish-classes .navbar-item.has-dropdown, .vue-component-wrapper .navbar-item.has-dropdown { padding: 0; }
.catfish-classes .navbar-item.is-expanded, .vue-component-wrapper .navbar-item.is-expanded { flex-grow: 1; flex-shrink: 1; }
.catfish-classes .navbar-item.is-tab, .vue-component-wrapper .navbar-item.is-tab { border-bottom: 1px solid transparent; height: 4.64286em; padding-bottom: calc(0.5rem - 1px); }
@media screen and (min-width: 750px), print { .catfish-classes .navbar-item.is-tab, .vue-component-wrapper .navbar-item.is-tab { height: 7.27273em; } }
.catfish-classes .navbar-item.is-tab:focus, .catfish-classes .navbar-item.is-tab:hover, .vue-component-wrapper .navbar-item.is-tab:focus, .vue-component-wrapper .navbar-item.is-tab:hover { background-color: transparent; border-bottom-color: #353E49; }
.catfish-classes .navbar-item.is-tab.is-active, .vue-component-wrapper .navbar-item.is-tab.is-active { background-color: transparent; border-bottom-color: #353E49; border-bottom-style: solid; border-bottom-width: 3px; color: #353E49; padding-bottom: calc(0.5rem - 3px); }
.catfish-classes .navbar-content, .vue-component-wrapper .navbar-content { flex-grow: 1; flex-shrink: 1; }
.catfish-classes .navbar-link:not(.is-arrowless), .vue-component-wrapper .navbar-link:not(.is-arrowless) { padding-right: 2.5em ; }
.catfish-classes .navbar-link:not(.is-arrowless)::after, .vue-component-wrapper .navbar-link:not(.is-arrowless)::after { border-color: #353E49; margin-top: -0.45em; right: 1em ; }
.catfish-classes .navbar-dropdown, .vue-component-wrapper .navbar-dropdown { font-size: 0.875rem; padding-bottom: 0.5rem; padding-top: 0.5rem; }
.catfish-classes .navbar-dropdown .navbar-item, .vue-component-wrapper .navbar-dropdown .navbar-item { padding-left: 1.5rem ; padding-right: 1.5rem ; }
.catfish-classes .navbar-divider, .vue-component-wrapper .navbar-divider { background-color: #f5f5f5; border: none; display: none; height: 2px; margin: 0.5rem 0; }
@media screen and (max-width: 1087px) { .catfish-classes .navbar > .container, .vue-component-wrapper .navbar > .container { display: block; }
.catfish-classes .navbar-brand .navbar-item, .catfish-classes .navbar-tabs .navbar-item, .vue-component-wrapper .navbar-brand .navbar-item, .vue-component-wrapper .navbar-tabs .navbar-item { align-items: center; display: flex; }
.catfish-classes .navbar-link::after, .vue-component-wrapper .navbar-link::after { display: none; }
.catfish-classes .navbar-menu, .vue-component-wrapper .navbar-menu { left: 0 ; background-color: white; box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); position: absolute; width: 100%; padding: 1rem calc(20px - 1.5rem); } }
@media screen and (max-width: 1087px) and (min-width: 750px) { .catfish-classes .navbar-menu, .vue-component-wrapper .navbar-menu { padding-left: calc(64px - 1.5rem) ; padding-right: calc(64px - 1.5rem) ; } }
@media screen and (max-width: 1087px) { .catfish-classes .navbar-menu.is-active, .vue-component-wrapper .navbar-menu.is-active { display: block; }
.catfish-classes .navbar.is-fixed-bottom-touch, .catfish-classes .navbar.is-fixed-top-touch, .vue-component-wrapper .navbar.is-fixed-bottom-touch, .vue-component-wrapper .navbar.is-fixed-top-touch { left: 0 ; right: 0 ; position: fixed; z-index: 30; }
.catfish-classes .navbar.is-fixed-bottom-touch, .vue-component-wrapper .navbar.is-fixed-bottom-touch { bottom: 0; }
.catfish-classes .navbar.is-fixed-bottom-touch.has-shadow, .vue-component-wrapper .navbar.is-fixed-bottom-touch.has-shadow { box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); }
.catfish-classes .navbar.is-fixed-top-touch, .vue-component-wrapper .navbar.is-fixed-top-touch { top: 0; }
.catfish-classes .navbar.is-fixed-top .navbar-menu, .catfish-classes .navbar.is-fixed-top-touch .navbar-menu, .vue-component-wrapper .navbar.is-fixed-top .navbar-menu, .vue-component-wrapper .navbar.is-fixed-top-touch .navbar-menu { -webkit-overflow-scrolling: touch; max-height: calc(100vh - 7.27273em); overflow: auto; }
.catfish-classes html.has-navbar-fixed-top-touch, .catfish-classes body.has-navbar-fixed-top-touch, .vue-component-wrapper html.has-navbar-fixed-top-touch, .vue-component-wrapper body.has-navbar-fixed-top-touch { padding-top: 4.64286em; } }
@media screen and (max-width: 1087px) and (min-width: 750px) { .catfish-classes html.has-navbar-fixed-top-touch, .catfish-classes body.has-navbar-fixed-top-touch, .vue-component-wrapper html.has-navbar-fixed-top-touch, .vue-component-wrapper body.has-navbar-fixed-top-touch { padding-top: 7.27273em; } }
@media screen and (max-width: 1087px) { .catfish-classes html.has-navbar-fixed-bottom-touch, .catfish-classes body.has-navbar-fixed-bottom-touch, .vue-component-wrapper html.has-navbar-fixed-bottom-touch, .vue-component-wrapper body.has-navbar-fixed-bottom-touch { padding-bottom: 4.64286em; } }
@media screen and (max-width: 1087px) and (min-width: 750px) { .catfish-classes html.has-navbar-fixed-bottom-touch, .catfish-classes body.has-navbar-fixed-bottom-touch, .vue-component-wrapper html.has-navbar-fixed-bottom-touch, .vue-component-wrapper body.has-navbar-fixed-bottom-touch { padding-bottom: 7.27273em; } }
@media screen and (min-width: 1088px) { .catfish-classes .navbar, .catfish-classes .navbar-menu, .catfish-classes .navbar-start, .catfish-classes .navbar-end, .vue-component-wrapper .navbar, .vue-component-wrapper .navbar-menu, .vue-component-wrapper .navbar-start, .vue-component-wrapper .navbar-end { align-items: stretch; display: flex; }
.catfish-classes .navbar, .vue-component-wrapper .navbar { height: 4.64286em; } }
@media screen and (min-width: 1088px) and (min-width: 750px) { .catfish-classes .navbar, .vue-component-wrapper .navbar { height: 7.27273em; } }
@media screen and (min-width: 1088px) { .catfish-classes .navbar.is-spaced, .vue-component-wrapper .navbar.is-spaced { padding: 1em 2em 1em 2em; }
.catfish-classes .navbar.is-spaced .navbar-start, .catfish-classes .navbar.is-spaced .navbar-end, .vue-component-wrapper .navbar.is-spaced .navbar-start, .vue-component-wrapper .navbar.is-spaced .navbar-end { align-items: center; }
.catfish-classes .navbar.is-spaced a.navbar-item, .catfish-classes .navbar.is-spaced .navbar-link, .vue-component-wrapper .navbar.is-spaced a.navbar-item, .vue-component-wrapper .navbar.is-spaced .navbar-link { border-radius: 4px; }
.catfish-classes .navbar.is-transparent a.navbar-item:focus, .catfish-classes .navbar.is-transparent a.navbar-item:hover, .catfish-classes .navbar.is-transparent a.navbar-item.is-active, .catfish-classes .navbar.is-transparent .navbar-link:focus, .catfish-classes .navbar.is-transparent .navbar-link:hover, .catfish-classes .navbar.is-transparent .navbar-link.is-active, .vue-component-wrapper .navbar.is-transparent a.navbar-item:focus, .vue-component-wrapper .navbar.is-transparent a.navbar-item:hover, .vue-component-wrapper .navbar.is-transparent a.navbar-item.is-active, .vue-component-wrapper .navbar.is-transparent .navbar-link:focus, .vue-component-wrapper .navbar.is-transparent .navbar-link:hover, .vue-component-wrapper .navbar.is-transparent .navbar-link.is-active { background-color: transparent !important; }
.catfish-classes .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .catfish-classes .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .catfish-classes .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .catfish-classes .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link, .vue-component-wrapper .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .vue-component-wrapper .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .vue-component-wrapper .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .vue-component-wrapper .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { background-color: transparent !important; }
.catfish-classes .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .catfish-classes .navbar.is-transparent .navbar-dropdown a.navbar-item:hover, .vue-component-wrapper .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .vue-component-wrapper .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { background-color: #f5f5f5; color: #0a0a0a; }
.catfish-classes .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active, .vue-component-wrapper .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { background-color: #f5f5f5; color: #353E49; }
.catfish-classes .navbar-burger, .vue-component-wrapper .navbar-burger { display: none; }
.catfish-classes .navbar-item, .catfish-classes .navbar-link, .vue-component-wrapper .navbar-item, .vue-component-wrapper .navbar-link { align-items: center; display: flex; }
.catfish-classes .navbar-item, .vue-component-wrapper .navbar-item { display: flex; }
.catfish-classes .navbar-item.has-dropdown, .vue-component-wrapper .navbar-item.has-dropdown { align-items: stretch; }
.catfish-classes .navbar-item.has-dropdown-up .navbar-link::after, .vue-component-wrapper .navbar-item.has-dropdown-up .navbar-link::after { transform: rotate(135deg) translate(0.25em, -0.25em); }
.catfish-classes .navbar-item.has-dropdown-up .navbar-dropdown, .vue-component-wrapper .navbar-item.has-dropdown-up .navbar-dropdown { border-bottom: 2px solid #dbdbdb; border-radius: 6px 6px 0 0; border-top: none; bottom: 100%; box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); top: auto; }
.catfish-classes .navbar-item.is-active .navbar-dropdown, .catfish-classes .navbar-item.is-hoverable:focus .navbar-dropdown, .catfish-classes .navbar-item.is-hoverable:focus-within .navbar-dropdown, .catfish-classes .navbar-item.is-hoverable:hover .navbar-dropdown, .vue-component-wrapper .navbar-item.is-active .navbar-dropdown, .vue-component-wrapper .navbar-item.is-hoverable:focus .navbar-dropdown, .vue-component-wrapper .navbar-item.is-hoverable:focus-within .navbar-dropdown, .vue-component-wrapper .navbar-item.is-hoverable:hover .navbar-dropdown { display: block; }
.navbar.is-spaced .catfish-classes .navbar-item.is-active .navbar-dropdown, .catfish-classes .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .catfish-classes .navbar-item.is-hoverable:focus .navbar-dropdown, .catfish-classes .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .catfish-classes .navbar-item.is-hoverable:focus-within .navbar-dropdown, .catfish-classes .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .catfish-classes .navbar-item.is-hoverable:hover .navbar-dropdown, .catfish-classes .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed, .navbar.is-spaced .vue-component-wrapper .navbar-item.is-active .navbar-dropdown, .vue-component-wrapper .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .vue-component-wrapper .navbar-item.is-hoverable:focus .navbar-dropdown, .vue-component-wrapper .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .vue-component-wrapper .navbar-item.is-hoverable:focus-within .navbar-dropdown, .vue-component-wrapper .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .vue-component-wrapper .navbar-item.is-hoverable:hover .navbar-dropdown, .vue-component-wrapper .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { opacity: 1; pointer-events: auto; transform: translateY(0); }
.catfish-classes .navbar-menu, .vue-component-wrapper .navbar-menu { flex-grow: 1; flex-shrink: 0; }
.catfish-classes .navbar-start, .vue-component-wrapper .navbar-start { margin-right: auto ; justify-content: flex-start; }
.catfish-classes .navbar-end, .vue-component-wrapper .navbar-end { margin-left: auto ; justify-content: flex-end; }
.catfish-classes .navbar-dropdown, .vue-component-wrapper .navbar-dropdown { left: 0 ; background-color: white; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: 2px solid #dbdbdb; box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); display: none; font-size: 0.875rem; min-width: 100%; position: absolute; top: 100%; z-index: 20; }
.catfish-classes .navbar-dropdown .navbar-item, .vue-component-wrapper .navbar-dropdown .navbar-item { padding: 0.375rem 1rem; white-space: nowrap; }
.catfish-classes .navbar-dropdown a.navbar-item, .vue-component-wrapper .navbar-dropdown a.navbar-item { padding-right: 3rem ; }
.catfish-classes .navbar-dropdown a.navbar-item:focus, .catfish-classes .navbar-dropdown a.navbar-item:hover, .vue-component-wrapper .navbar-dropdown a.navbar-item:focus, .vue-component-wrapper .navbar-dropdown a.navbar-item:hover { background-color: #f5f5f5; color: #0a0a0a; }
.catfish-classes .navbar-dropdown a.navbar-item.is-active, .vue-component-wrapper .navbar-dropdown a.navbar-item.is-active { background-color: #f5f5f5; color: #353E49; }
.navbar.is-spaced .catfish-classes .navbar-dropdown, .catfish-classes .navbar-dropdown.is-boxed, .navbar.is-spaced .vue-component-wrapper .navbar-dropdown, .vue-component-wrapper .navbar-dropdown.is-boxed { border-radius: 6px; border-top: none; box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); display: block; opacity: 0; pointer-events: none; top: calc(100% + (-4px)); transform: translateY(-5px); transition-duration: 86ms; transition-property: opacity, transform; }
.catfish-classes .navbar-dropdown.is-right, .vue-component-wrapper .navbar-dropdown.is-right { left: auto ; right: 0 ; }
.catfish-classes .navbar-divider, .vue-component-wrapper .navbar-divider { display: block; }
.catfish-classes .navbar > .container .navbar-brand, .catfish-classes .container > .navbar .navbar-brand, .vue-component-wrapper .navbar > .container .navbar-brand, .vue-component-wrapper .container > .navbar .navbar-brand { margin-left: -1.5rem ; }
.catfish-classes .navbar > .container .navbar-menu, .catfish-classes .container > .navbar .navbar-menu, .vue-component-wrapper .navbar > .container .navbar-menu, .vue-component-wrapper .container > .navbar .navbar-menu { margin-right: -1.5rem ; }
.catfish-classes .navbar.is-fixed-bottom-desktop, .catfish-classes .navbar.is-fixed-top-desktop, .vue-component-wrapper .navbar.is-fixed-bottom-desktop, .vue-component-wrapper .navbar.is-fixed-top-desktop { left: 0 ; right: 0 ; position: fixed; z-index: 30; }
.catfish-classes .navbar.is-fixed-bottom-desktop, .vue-component-wrapper .navbar.is-fixed-bottom-desktop { bottom: 0; }
.catfish-classes .navbar.is-fixed-bottom-desktop.has-shadow, .vue-component-wrapper .navbar.is-fixed-bottom-desktop.has-shadow { box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); }
.catfish-classes .navbar.is-fixed-top-desktop, .vue-component-wrapper .navbar.is-fixed-top-desktop { top: 0; }
.catfish-classes html.has-navbar-fixed-top-desktop, .catfish-classes body.has-navbar-fixed-top-desktop, .vue-component-wrapper html.has-navbar-fixed-top-desktop, .vue-component-wrapper body.has-navbar-fixed-top-desktop { padding-top: 4.64286em; } }
@media screen and (min-width: 1088px) and (min-width: 750px) { .catfish-classes html.has-navbar-fixed-top-desktop, .catfish-classes body.has-navbar-fixed-top-desktop, .vue-component-wrapper html.has-navbar-fixed-top-desktop, .vue-component-wrapper body.has-navbar-fixed-top-desktop { padding-top: 7.27273em; } }
@media screen and (min-width: 1088px) { .catfish-classes html.has-navbar-fixed-bottom-desktop, .catfish-classes body.has-navbar-fixed-bottom-desktop, .vue-component-wrapper html.has-navbar-fixed-bottom-desktop, .vue-component-wrapper body.has-navbar-fixed-bottom-desktop { padding-bottom: 4.64286em; } }
@media screen and (min-width: 1088px) and (min-width: 750px) { .catfish-classes html.has-navbar-fixed-bottom-desktop, .catfish-classes body.has-navbar-fixed-bottom-desktop, .vue-component-wrapper html.has-navbar-fixed-bottom-desktop, .vue-component-wrapper body.has-navbar-fixed-bottom-desktop { padding-bottom: 7.27273em; } }
@media screen and (min-width: 1088px) { .catfish-classes html.has-spaced-navbar-fixed-top, .catfish-classes body.has-spaced-navbar-fixed-top, .vue-component-wrapper html.has-spaced-navbar-fixed-top, .vue-component-wrapper body.has-spaced-navbar-fixed-top { padding-top: 6.64286em; } }
@media screen and (min-width: 1088px) and (min-width: 750px) { .catfish-classes html.has-spaced-navbar-fixed-top, .catfish-classes body.has-spaced-navbar-fixed-top, .vue-component-wrapper html.has-spaced-navbar-fixed-top, .vue-component-wrapper body.has-spaced-navbar-fixed-top { padding-top: 9.27273em; } }
@media screen and (min-width: 1088px) { .catfish-classes html.has-spaced-navbar-fixed-bottom, .catfish-classes body.has-spaced-navbar-fixed-bottom, .vue-component-wrapper html.has-spaced-navbar-fixed-bottom, .vue-component-wrapper body.has-spaced-navbar-fixed-bottom { padding-bottom: 6.64286em; } }
@media screen and (min-width: 1088px) and (min-width: 750px) { .catfish-classes html.has-spaced-navbar-fixed-bottom, .catfish-classes body.has-spaced-navbar-fixed-bottom, .vue-component-wrapper html.has-spaced-navbar-fixed-bottom, .vue-component-wrapper body.has-spaced-navbar-fixed-bottom { padding-bottom: 9.27273em; } }
@media screen and (min-width: 1088px) { .catfish-classes a.navbar-item.is-active, .catfish-classes .navbar-link.is-active, .vue-component-wrapper a.navbar-item.is-active, .vue-component-wrapper .navbar-link.is-active { color: #353E49; }
.catfish-classes a.navbar-item.is-active:not(:focus):not(:hover), .catfish-classes .navbar-link.is-active:not(:focus):not(:hover), .vue-component-wrapper a.navbar-item.is-active:not(:focus):not(:hover), .vue-component-wrapper .navbar-link.is-active:not(:focus):not(:hover) { background-color: transparent; } }
.catfish-classes .hero.is-fullheight-with-navbar, .vue-component-wrapper .hero.is-fullheight-with-navbar { min-height: calc(100vh - 4.64286em); }
@media screen and (min-width: 750px), print { .catfish-classes .hero.is-fullheight-with-navbar, .vue-component-wrapper .hero.is-fullheight-with-navbar { min-height: calc(100vh - 7.27273em); } }
.catfish-classes .content-field-navbar .bottom-menu-split .navbar, .vue-component-wrapper .content-field-navbar .bottom-menu-split .navbar { height: 3.5rem; }
@media screen and (min-width: 750px) { .catfish-classes .content-field-navbar .top-menu-split, .vue-component-wrapper .content-field-navbar .top-menu-split { font-size: 0.75rem; } }
.catfish-classes .content-field-navbar .bottom-menu-split, .vue-component-wrapper .content-field-navbar .bottom-menu-split { border-top: 1px solid #c3c3c3; }
.catfish-classes .content-field-navbar .navbar-link:not(.is-arrowless)::after, .vue-component-wrapper .content-field-navbar .navbar-link:not(.is-arrowless)::after { border-color: #4e4e4e; }
.catfish-classes .content-field-navbar .select:not(.is-multiple):not(.is-loading)::after, .catfish-classes .content-field-navbar .navbar-link:not(.is-arrowless)::after, .vue-component-wrapper .content-field-navbar .select:not(.is-multiple):not(.is-loading)::after, .vue-component-wrapper .content-field-navbar .navbar-link:not(.is-arrowless)::after { border-width: 2px; border-radius: 0px; }
.catfish-classes .content-field-navbar .top-menu-split .search-box, .vue-component-wrapper .content-field-navbar .top-menu-split .search-box { margin: 0px; }
.catfish-classes .pagination, .vue-component-wrapper .pagination { font-size: 1rem; margin: -0.25rem; }
.catfish-classes .pagination.is-small, .vue-component-wrapper .pagination.is-small { font-size: 0.833em; }
.catfish-classes .pagination.is-medium, .vue-component-wrapper .pagination.is-medium { font-size: 1.2em; }
.catfish-classes .pagination.is-large, .vue-component-wrapper .pagination.is-large { font-size: 1.44em; }
@media screen and (max-width: 749px) { .catfish-classes .pagination .per-page-container, .vue-component-wrapper .pagination .per-page-container { width: 100%; }
.catfish-classes .pagination .per-page-container .select, .catfish-classes .pagination .per-page-container select, .vue-component-wrapper .pagination .per-page-container .select, .vue-component-wrapper .pagination .per-page-container select { width: 100%; }
.catfish-classes .pagination .pagination-list > :last-child a.pagination-link, .vue-component-wrapper .pagination .pagination-list > :last-child a.pagination-link { margin-right: 0; }
.catfish-classes .pagination .pagination-previous, .vue-component-wrapper .pagination .pagination-previous { margin-left: 0; } }
.catfish-classes .pagination.pagination-per-page-not-simple, .vue-component-wrapper .pagination.pagination-per-page-not-simple { margin: 0.25em 0 0.25em 0.5rem; padding: 0.6em 1.5em; border: 1px solid #e0ecf4; border-radius: 0; }
.catfish-classes .pagination .select, .vue-component-wrapper .pagination .select { height: unset; }
.catfish-classes .pagination.is-rounded .pagination-previous, .catfish-classes .pagination.is-rounded .pagination-next, .vue-component-wrapper .pagination.is-rounded .pagination-previous, .vue-component-wrapper .pagination.is-rounded .pagination-next { padding-left: 1em ; padding-right: 1em ; border-radius: 290486px; }
.catfish-classes .pagination.is-rounded .pagination-link, .vue-component-wrapper .pagination.is-rounded .pagination-link { border-radius: 290486px; }
.catfish-classes .pagination, .catfish-classes .pagination-list, .vue-component-wrapper .pagination, .vue-component-wrapper .pagination-list { align-items: center; display: flex; justify-content: center; text-align: center; }
.catfish-classes .pagination-previous, .catfish-classes .pagination-next, .catfish-classes .pagination-link, .catfish-classes .pagination-ellipsis, .vue-component-wrapper .pagination-previous, .vue-component-wrapper .pagination-next, .vue-component-wrapper .pagination-link, .vue-component-wrapper .pagination-ellipsis { padding-left: 0.5em ; padding-right: 0.5em ; margin: 0.25rem 0.25rem 0.25rem 0.25rem; font-size: 1em; justify-content: center; text-align: center; }
.catfish-classes .pagination-previous, .catfish-classes .pagination-next, .catfish-classes .pagination-link, .vue-component-wrapper .pagination-previous, .vue-component-wrapper .pagination-next, .vue-component-wrapper .pagination-link { border-color: #FFFFFF; color: #FFFFFF; min-width: 2.75em; }
.catfish-classes .pagination-previous:hover, .catfish-classes .pagination-next:hover, .catfish-classes .pagination-link:hover, .vue-component-wrapper .pagination-previous:hover, .vue-component-wrapper .pagination-next:hover, .vue-component-wrapper .pagination-link:hover { border-color: #b5b5b5; color: #303842; }
.catfish-classes .pagination-previous:focus, .catfish-classes .pagination-next:focus, .catfish-classes .pagination-link:focus, .vue-component-wrapper .pagination-previous:focus, .vue-component-wrapper .pagination-next:focus, .vue-component-wrapper .pagination-link:focus { border-color: #353E49; }
.catfish-classes .pagination-previous:active, .catfish-classes .pagination-next:active, .catfish-classes .pagination-link:active, .vue-component-wrapper .pagination-previous:active, .vue-component-wrapper .pagination-next:active, .vue-component-wrapper .pagination-link:active { box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); }
.catfish-classes .pagination-previous.is-disabled, .catfish-classes .pagination-previous[disabled], .catfish-classes .pagination-next.is-disabled, .catfish-classes .pagination-next[disabled], .catfish-classes .pagination-link.is-disabled, .catfish-classes .pagination-link[disabled], .vue-component-wrapper .pagination-previous.is-disabled, .vue-component-wrapper .pagination-previous[disabled], .vue-component-wrapper .pagination-next.is-disabled, .vue-component-wrapper .pagination-next[disabled], .vue-component-wrapper .pagination-link.is-disabled, .vue-component-wrapper .pagination-link[disabled] { background-color: #dbdbdb; border-color: #dbdbdb; box-shadow: none; color: #7a7a7a; opacity: 0.5; }
.catfish-classes .pagination-previous, .catfish-classes .pagination-next, .vue-component-wrapper .pagination-previous, .vue-component-wrapper .pagination-next { padding-left: 0.75em ; padding-right: 0.75em ; white-space: nowrap; }
.catfish-classes .pagination-link.is-current, .vue-component-wrapper .pagination-link.is-current { background-color: #FFFFFF; border-color: #FFFFFF; color: #555555; }
.catfish-classes .pagination-ellipsis, .vue-component-wrapper .pagination-ellipsis { color: #b5b5b5; pointer-events: none; }
.catfish-classes .pagination-list, .vue-component-wrapper .pagination-list { flex-wrap: wrap; }
@media screen and (max-width: 749px) { .catfish-classes .pagination, .vue-component-wrapper .pagination { flex-wrap: wrap; }
.catfish-classes .pagination-previous, .catfish-classes .pagination-next, .vue-component-wrapper .pagination-previous, .vue-component-wrapper .pagination-next { flex-grow: 1; flex-shrink: 1; }
.catfish-classes .pagination-list li, .vue-component-wrapper .pagination-list li { flex-grow: 1; flex-shrink: 1; } }
@media screen and (min-width: 750px), print { .catfish-classes .pagination-list, .vue-component-wrapper .pagination-list { flex-grow: 1; flex-shrink: 1; justify-content: flex-start; order: 1; }
.catfish-classes .pagination-previous, .vue-component-wrapper .pagination-previous { order: 2; }
.catfish-classes .pagination-next, .vue-component-wrapper .pagination-next { order: 3; }
.catfish-classes .pagination, .vue-component-wrapper .pagination { justify-content: space-between; }
.catfish-classes .pagination.is-centered .pagination-previous, .vue-component-wrapper .pagination.is-centered .pagination-previous { order: 1; }
.catfish-classes .pagination.is-centered .pagination-list, .vue-component-wrapper .pagination.is-centered .pagination-list { justify-content: center; order: 2; }
.catfish-classes .pagination.is-centered .pagination-next, .vue-component-wrapper .pagination.is-centered .pagination-next { order: 3; }
.catfish-classes .pagination.is-right .pagination-previous, .vue-component-wrapper .pagination.is-right .pagination-previous { order: 1; }
.catfish-classes .pagination.is-right .pagination-next, .vue-component-wrapper .pagination.is-right .pagination-next { order: 2; }
.catfish-classes .pagination.is-right .pagination-list, .vue-component-wrapper .pagination.is-right .pagination-list { justify-content: flex-end; order: 3; } }
.catfish-classes .panel, .vue-component-wrapper .panel { font-size: 1rem; }
.catfish-classes .panel:not(:last-child), .vue-component-wrapper .panel:not(:last-child) { margin-bottom: 1.5rem; }
.catfish-classes .panel-heading, .catfish-classes .panel-tabs, .catfish-classes .panel-block, .vue-component-wrapper .panel-heading, .vue-component-wrapper .panel-tabs, .vue-component-wrapper .panel-block { border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; }
.catfish-classes .panel-heading:first-child, .catfish-classes .panel-tabs:first-child, .catfish-classes .panel-block:first-child, .vue-component-wrapper .panel-heading:first-child, .vue-component-wrapper .panel-tabs:first-child, .vue-component-wrapper .panel-block:first-child { border-top: 1px solid #dbdbdb; }
.catfish-classes .panel-heading, .vue-component-wrapper .panel-heading { background-color: #f5f5f5; border-radius: 4px 4px 0 0; color: #4a4a4a; font-size: 1.25em; font-weight: 300; line-height: 1.25; padding: 0.5em 0.75em; }
.catfish-classes .panel-tabs, .vue-component-wrapper .panel-tabs { align-items: flex-end; display: flex; font-size: 0.875em; justify-content: center; }
.catfish-classes .panel-tabs a, .vue-component-wrapper .panel-tabs a { border-bottom: 1px solid #dbdbdb; margin-bottom: -1px; padding: 0.5em; }
.catfish-classes .panel-tabs a.is-active, .vue-component-wrapper .panel-tabs a.is-active { border-bottom-color: #4a4a4a; color: #303842; }
.catfish-classes .panel-list a, .vue-component-wrapper .panel-list a { color: #4a4a4a; }
.catfish-classes .panel-list a:hover, .vue-component-wrapper .panel-list a:hover { color: #353E49; }
.catfish-classes .panel-block, .vue-component-wrapper .panel-block { padding: 0.5em 0.75em 0.5em 0.75em; align-items: center; color: #4a4a4a; display: flex; justify-content: flex-start; }
.catfish-classes .panel-block input[type="checkbox"], .vue-component-wrapper .panel-block input[type="checkbox"] { margin-right: 0.75em ; }
.catfish-classes .panel-block > .control, .vue-component-wrapper .panel-block > .control { flex-grow: 1; flex-shrink: 1; width: 100%; }
.catfish-classes .panel-block.is-wrapped, .vue-component-wrapper .panel-block.is-wrapped { flex-wrap: wrap; }
.catfish-classes .panel-block.is-active, .vue-component-wrapper .panel-block.is-active { border-left-color: #353E49; color: #303842; }
.catfish-classes .panel-block.is-active .panel-icon, .vue-component-wrapper .panel-block.is-active .panel-icon { color: #353E49; }
.catfish-classes a.panel-block, .catfish-classes label.panel-block, .vue-component-wrapper a.panel-block, .vue-component-wrapper label.panel-block { cursor: pointer; }
.catfish-classes a.panel-block:hover, .catfish-classes label.panel-block:hover, .vue-component-wrapper a.panel-block:hover, .vue-component-wrapper label.panel-block:hover { background-color: #f5f5f5; }
.catfish-classes .panel-icon, .vue-component-wrapper .panel-icon { display: inline-block; font-size: 14px; height: 1em; line-height: 1em; text-align: center; vertical-align: top; width: 1em; margin-right: 0.75em ; color: #4a4a4a; }
.catfish-classes .panel-icon .fa, .vue-component-wrapper .panel-icon .fa { font-size: inherit; line-height: inherit; }
.catfish-classes .tabs, .vue-component-wrapper .tabs { -webkit-overflow-scrolling: touch; align-items: stretch; display: flex; font-size: 1rem; justify-content: space-between; overflow: hidden; overflow-x: auto; white-space: nowrap; }
.catfish-classes .tabs a, .vue-component-wrapper .tabs a { align-items: center; border-bottom-color: #dbdbdb; border-bottom-style: solid; border-bottom-width: 1px; color: #4a4a4a; display: flex; justify-content: center; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; }
.catfish-classes .tabs a:hover, .vue-component-wrapper .tabs a:hover { border-bottom-color: #4a4a4a; color: #4a4a4a; }
.catfish-classes .tabs li, .vue-component-wrapper .tabs li { display: block; }
.catfish-classes .tabs li.is-active a, .vue-component-wrapper .tabs li.is-active a { border-bottom-color: #353E49; color: #353E49; }
.catfish-classes .tabs ul, .vue-component-wrapper .tabs ul { align-items: center; border-bottom-color: #dbdbdb; border-bottom-style: solid; border-bottom-width: 1px; display: flex; flex-grow: 1; flex-shrink: 0; justify-content: flex-start; }
.catfish-classes .tabs ul.is-left, .vue-component-wrapper .tabs ul.is-left { padding-right: 0.75em ; }
.catfish-classes .tabs ul.is-center, .vue-component-wrapper .tabs ul.is-center { padding-left: 0.75em ; padding-right: 0.75em ; flex: none; justify-content: center; }
.catfish-classes .tabs ul.is-right, .vue-component-wrapper .tabs ul.is-right { padding-left: 0.75em ; justify-content: flex-end; }
.catfish-classes .tabs .icon:first-child, .vue-component-wrapper .tabs .icon:first-child { margin-right: 0.5em ; }
.catfish-classes .tabs .icon:last-child, .vue-component-wrapper .tabs .icon:last-child { margin-left: 0.5em ; }
.catfish-classes .tabs.is-centered ul, .vue-component-wrapper .tabs.is-centered ul { justify-content: center; }
.catfish-classes .tabs.is-right ul, .vue-component-wrapper .tabs.is-right ul { justify-content: flex-end; }
.catfish-classes .tabs.is-boxed a, .vue-component-wrapper .tabs.is-boxed a { border: 1px solid transparent; border-radius: 4px 4px 0 0; }
.catfish-classes .tabs.is-boxed a:hover, .vue-component-wrapper .tabs.is-boxed a:hover { background-color: #f5f5f5; border-bottom-color: #dbdbdb; }
.catfish-classes .tabs.is-boxed li.is-active a, .vue-component-wrapper .tabs.is-boxed li.is-active a { background-color: #f5f5f5; border-color: #dbdbdb; border-bottom-color: transparent !important; }
.catfish-classes .tabs.is-fullwidth li, .vue-component-wrapper .tabs.is-fullwidth li { flex-grow: 1; flex-shrink: 0; }
.catfish-classes .tabs.is-toggle a, .vue-component-wrapper .tabs.is-toggle a { border-color: #dbdbdb; border-style: solid; border-width: 1px; margin-bottom: 0; position: relative; }
.catfish-classes .tabs.is-toggle a:hover, .vue-component-wrapper .tabs.is-toggle a:hover { background-color: #f5f5f5; border-color: #b5b5b5; z-index: 2; }
.catfish-classes .tabs.is-toggle li + li, .vue-component-wrapper .tabs.is-toggle li + li { margin-left: -1px ; }
.catfish-classes .tabs.is-toggle li:first-child a, .vue-component-wrapper .tabs.is-toggle li:first-child a { border-radius: 4px 0 0 4px; }
.catfish-classes .tabs.is-toggle li:last-child a, .vue-component-wrapper .tabs.is-toggle li:last-child a { border-radius: 0 4px 4px 0; }
.catfish-classes .tabs.is-toggle li.is-active a, .vue-component-wrapper .tabs.is-toggle li.is-active a { background-color: #353E49; border-color: #353E49; color: #fff; z-index: 1; }
.catfish-classes .tabs.is-toggle ul, .vue-component-wrapper .tabs.is-toggle ul { border-bottom: none; }
.catfish-classes .tabs.is-toggle.is-toggle-rounded li:first-child a, .vue-component-wrapper .tabs.is-toggle.is-toggle-rounded li:first-child a { padding-left: 1.25em ; -webkit-border-bottom-left-radius: 290486px; -moz-border-bottomleft-radius: 290486px; border-bottom-left-radius: 290486px; -webkit-border-top-left-radius: 290486px; -moz-border-topleft-radius: 290486px; border-top-left-radius: 290486px; }
.catfish-classes .tabs.is-toggle.is-toggle-rounded li:last-child a, .vue-component-wrapper .tabs.is-toggle.is-toggle-rounded li:last-child a { -webkit-border-bottom-right-radius: 290486px; -moz-border-bottomright-radius: 290486px; border-bottom-right-radius: 290486px; -webkit-border-top-right-radius: 290486px; -moz-border-topright-radius: 290486px; border-top-right-radius: 290486px; padding-right: 1.25em ; }
.catfish-classes .tabs.is-small, .vue-component-wrapper .tabs.is-small { font-size: 0.833em; }
.catfish-classes .tabs.is-medium, .vue-component-wrapper .tabs.is-medium { font-size: 1.2em; }
.catfish-classes .tabs.is-large, .vue-component-wrapper .tabs.is-large { font-size: 1.44em; }
@keyframes fadeOut { from { opacity: 1; }
to { opacity: 0; } }
.catfish-classes .fadeOut, .vue-component-wrapper .fadeOut { animation-name: fadeOut; }
@keyframes fadeOutDown { from { opacity: 1; }
to { opacity: 0;
transform: translate3d(0, 100%, 0); } }
.catfish-classes .fadeOutDown, .vue-component-wrapper .fadeOutDown { animation-name: fadeOutDown; }
@keyframes fadeOutUp { from { opacity: 1; }
to { opacity: 0;
transform: translate3d(0, -100%, 0); } }
.catfish-classes .fadeOutUp, .vue-component-wrapper .fadeOutUp { animation-name: fadeOutUp; }
@keyframes fadeIn { from { opacity: 0; }
to { opacity: 1; } }
.catfish-classes .fadeIn, .vue-component-wrapper .fadeIn { animation-name: fadeIn; }
@keyframes fadeInDown { from { opacity: 0;
transform: translate3d(0, -100%, 0); }
to { opacity: 1;
transform: none; } }
.catfish-classes .fadeInDown, .vue-component-wrapper .fadeInDown { animation-name: fadeInDown; }
@keyframes fadeInUp { from { opacity: 0;
transform: translate3d(0, 100%, 0); }
to { opacity: 1;
transform: none; } }
.catfish-classes .fadeInUp, .vue-component-wrapper .fadeInUp { animation-name: fadeInUp; }
.catfish-classes .fade-enter-active, .catfish-classes .fade-leave-active, .vue-component-wrapper .fade-enter-active, .vue-component-wrapper .fade-leave-active { transition: opacity 150ms ease-out; }
.catfish-classes .fade-enter, .catfish-classes .fade-leave-to, .vue-component-wrapper .fade-enter, .vue-component-wrapper .fade-leave-to { opacity: 0; }
.catfish-classes .zoom-in-enter-active, .catfish-classes .zoom-in-leave-active, .vue-component-wrapper .zoom-in-enter-active, .vue-component-wrapper .zoom-in-leave-active { transition: opacity 150ms ease-out; }
.catfish-classes .zoom-in-enter-active .animation-content, .catfish-classes .zoom-in-enter-active .animation-content, .catfish-classes .zoom-in-leave-active .animation-content, .catfish-classes .zoom-in-leave-active .animation-content, .vue-component-wrapper .zoom-in-enter-active .animation-content, .vue-component-wrapper .zoom-in-enter-active .animation-content, .vue-component-wrapper .zoom-in-leave-active .animation-content, .vue-component-wrapper .zoom-in-leave-active .animation-content { transition: transform 150ms ease-out; }
.catfish-classes .zoom-in-enter, .catfish-classes .zoom-in-leave-active, .vue-component-wrapper .zoom-in-enter, .vue-component-wrapper .zoom-in-leave-active { opacity: 0; }
.catfish-classes .zoom-in-enter .animation-content, .catfish-classes .zoom-in-enter .animation-content, .catfish-classes .zoom-in-leave-active .animation-content, .catfish-classes .zoom-in-leave-active .animation-content, .vue-component-wrapper .zoom-in-enter .animation-content, .vue-component-wrapper .zoom-in-enter .animation-content, .vue-component-wrapper .zoom-in-leave-active .animation-content, .vue-component-wrapper .zoom-in-leave-active .animation-content { transform: scale(0.95); }
.catfish-classes .zoom-out-enter-active, .catfish-classes .zoom-out-leave-active, .vue-component-wrapper .zoom-out-enter-active, .vue-component-wrapper .zoom-out-leave-active { transition: opacity 150ms ease-out; }
.catfish-classes .zoom-out-enter-active .animation-content, .catfish-classes .zoom-out-enter-active .animation-content, .catfish-classes .zoom-out-leave-active .animation-content, .catfish-classes .zoom-out-leave-active .animation-content, .vue-component-wrapper .zoom-out-enter-active .animation-content, .vue-component-wrapper .zoom-out-enter-active .animation-content, .vue-component-wrapper .zoom-out-leave-active .animation-content, .vue-component-wrapper .zoom-out-leave-active .animation-content { transition: transform 150ms ease-out; }
.catfish-classes .zoom-out-enter, .catfish-classes .zoom-out-leave-active, .vue-component-wrapper .zoom-out-enter, .vue-component-wrapper .zoom-out-leave-active { opacity: 0; }
.catfish-classes .zoom-out-enter .animation-content, .catfish-classes .zoom-out-enter .animation-content, .catfish-classes .zoom-out-leave-active .animation-content, .catfish-classes .zoom-out-leave-active .animation-content, .vue-component-wrapper .zoom-out-enter .animation-content, .vue-component-wrapper .zoom-out-enter .animation-content, .vue-component-wrapper .zoom-out-leave-active .animation-content, .vue-component-wrapper .zoom-out-leave-active .animation-content { transform: scale(1.05); }
.catfish-classes .slide-next-enter-active, .catfish-classes .slide-next-leave-active, .catfish-classes .slide-prev-enter-active, .catfish-classes .slide-prev-leave-active, .vue-component-wrapper .slide-next-enter-active, .vue-component-wrapper .slide-next-leave-active, .vue-component-wrapper .slide-prev-enter-active, .vue-component-wrapper .slide-prev-leave-active { transition: transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.catfish-classes .slide-prev-leave-to, .catfish-classes .slide-next-enter, .vue-component-wrapper .slide-prev-leave-to, .vue-component-wrapper .slide-next-enter { transform: translate3d(-100%, 0, 0); position: absolute; width: 100%; }
.catfish-classes .slide-prev-enter, .catfish-classes .slide-next-leave-to, .vue-component-wrapper .slide-prev-enter, .vue-component-wrapper .slide-next-leave-to { transform: translate3d(100%, 0, 0); position: absolute; width: 100%; }
.catfish-classes #additional-addresess_button.additional-addresess_button, .vue-component-wrapper #additional-addresess_button.additional-addresess_button { margin-right: auto; }
.catfish-classes .additional-addresses_popup > .message, .vue-component-wrapper .additional-addresses_popup > .message { position: sticky; top: 0; z-index: 99; }
.catfish-classes .additional-addresses_popup ul#job_additional_address_error, .catfish-classes .additional-addresses_popup .error-contents, .vue-component-wrapper .additional-addresses_popup ul#job_additional_address_error, .vue-component-wrapper .additional-addresses_popup .error-contents { margin-left: .5rem; }
.catfish-classes .additional-addresses_popup .buttons, .vue-component-wrapper .additional-addresses_popup .buttons { flex-wrap: nowrap; }
.catfish-classes .is-text-decoration-none, .vue-component-wrapper .is-text-decoration-none { text-decoration: none !important; }
.catfish-classes .skeleton, .vue-component-wrapper .skeleton { background: linear-gradient(100deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: loading 1.5s infinite; }
.catfish-classes .skeleton.fast-skeleton, .vue-component-wrapper .skeleton.fast-skeleton { animation: loading 1.5s infinite; }
.catfish-classes .skeleton.slow-skeleton, .vue-component-wrapper .skeleton.slow-skeleton { animation: loading 3s infinite; }
@keyframes loading { 0% { background-position: 200% 0; }
100% { background-position: -200% 0; } }
.catfish-classes .field-label.is-width-normal, .vue-component-wrapper .field-label.is-width-normal { flex-grow: 1; }
.catfish-classes .field-label.is-width-medium, .vue-component-wrapper .field-label.is-width-medium { flex-grow: 2; }
.catfish-classes .field-label.is-width-large, .vue-component-wrapper .field-label.is-width-large { flex-grow: 3; }
.catfish-classes .field-label.is-width-large-2, .vue-component-wrapper .field-label.is-width-large-2 { flex-grow: 4; }
.catfish-classes .has-cursor-pointer, .vue-component-wrapper .has-cursor-pointer { cursor: pointer; }
.catfish-classes .autocomplete, .vue-component-wrapper .autocomplete { position: relative; }
.catfish-classes .autocomplete .dropdown-menu, .vue-component-wrapper .autocomplete .dropdown-menu { display: block; min-width: 100%; }
.catfish-classes .autocomplete .dropdown-menu.is-opened-top, .vue-component-wrapper .autocomplete .dropdown-menu.is-opened-top { top: auto; bottom: 100%; }
.catfish-classes .autocomplete .dropdown-item.is-hovered, .catfish-classes .autocomplete .dropdown .dropdown-menu .has-link a.is-hovered, .catfish-classes .dropdown .dropdown-menu .has-link .autocomplete a.is-hovered, .vue-component-wrapper .dropdown .dropdown-menu .has-link .catfish-classes .autocomplete a.is-hovered, .vue-component-wrapper .autocomplete .dropdown-item.is-hovered, .catfish-classes .dropdown .dropdown-menu .has-link .vue-component-wrapper .autocomplete a.is-hovered, .vue-component-wrapper .autocomplete .dropdown .dropdown-menu .has-link a.is-hovered, .vue-component-wrapper .dropdown .dropdown-menu .has-link .autocomplete a.is-hovered { background: #f5f5f5; color: #0a0a0a; }
.catfish-classes .autocomplete .dropdown-item.is-disabled, .catfish-classes .autocomplete .dropdown .dropdown-menu .has-link a.is-disabled, .catfish-classes .dropdown .dropdown-menu .has-link .autocomplete a.is-disabled, .vue-component-wrapper .dropdown .dropdown-menu .has-link .catfish-classes .autocomplete a.is-disabled, .vue-component-wrapper .autocomplete .dropdown-item.is-disabled, .catfish-classes .dropdown .dropdown-menu .has-link .vue-component-wrapper .autocomplete a.is-disabled, .vue-component-wrapper .autocomplete .dropdown .dropdown-menu .has-link a.is-disabled, .vue-component-wrapper .dropdown .dropdown-menu .has-link .autocomplete a.is-disabled { opacity: 0.5; cursor: not-allowed; }
.catfish-classes .autocomplete.is-small, .vue-component-wrapper .autocomplete.is-small { border-radius: 2px; font-size: 0.833em; }
.catfish-classes .autocomplete.is-medium, .vue-component-wrapper .autocomplete.is-medium { font-size: 1.2em; }
.catfish-classes .autocomplete.is-large, .vue-component-wrapper .autocomplete.is-large { font-size: 1.44em; }
.catfish-classes .cf-checkbox.checkbox, .vue-component-wrapper .cf-checkbox.checkbox { outline: none; display: inline-flex; align-items: center; }
.catfish-classes .cf-checkbox.checkbox + .checkbox, .vue-component-wrapper .cf-checkbox.checkbox + .checkbox { margin-left: 0.5em ; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox'], .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox'] { left: 0 ; position: absolute; opacity: 0; outline: none; z-index: -1; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox'] + .check, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox'] + .check { width: 1.25em; height: 1.25em; flex-shrink: 0; border-radius: 4px; border: 2px solid #7a7a7a; transition: background 150ms ease-out; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:checked + .check, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:checked + .check { background: #353E49 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #353E49; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-white, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-white { background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%230a0a0a' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: white; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-black, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-black { background: #0a0a0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:white' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #0a0a0a; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-light, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-light { background: #f5f5f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:rgba(25, 25, 25, 0.7)' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #f5f5f5; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-dark, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-dark { background: #4a4a4a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #4a4a4a; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-primary, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-primary { background: #353E49 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #353E49; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-secondary, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-secondary { background: #B86BFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #B86BFF; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-link, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-link { background: #353E49 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #353E49; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-info, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-info { background: #209CEE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #209CEE; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-success, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-success { background: #23D160 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #23D160; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-warning, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-warning { background: #FFDD57 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:rgba(26, 22, 9, 0.7)' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #FFDD57; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-danger, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:checked + .check.is-danger { background: #FF3860 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #FF3860; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check { background: #353E49 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #353E49; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-white, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-white { background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%230a0a0a' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: white; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-black, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-black { background: #0a0a0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:white' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #0a0a0a; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-light, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-light { background: #f5f5f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:rgba(25, 25, 25, 0.7)' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #f5f5f5; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-dark, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-dark { background: #4a4a4a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #4a4a4a; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-primary, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-primary { background: #353E49 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #353E49; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-secondary, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-secondary { background: #B86BFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #B86BFF; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-link, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-link { background: #353E49 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #353E49; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-info, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-info { background: #209CEE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #209CEE; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-success, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-success { background: #23D160 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #23D160; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-warning, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-warning { background: #FFDD57 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:rgba(26, 22, 9, 0.7)' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #FFDD57; }
.catfish-classes .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-danger, .vue-component-wrapper .cf-checkbox.checkbox input[type='checkbox']:indeterminate + .check.is-danger { background: #FF3860 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #FF3860; }
.catfish-classes .cf-checkbox.checkbox .control-label, .vue-component-wrapper .cf-checkbox.checkbox .control-label { padding-left: 0.5em ; }
.catfish-classes .cf-checkbox.checkbox[disabled], .vue-component-wrapper .cf-checkbox.checkbox[disabled] { opacity: 0.5; }
.catfish-classes .cf-checkbox.checkbox:hover input[type='checkbox'] + .check, .vue-component-wrapper .cf-checkbox.checkbox:hover input[type='checkbox'] + .check { border-color: #353E49; }
.catfish-classes .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-white, .vue-component-wrapper .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-white { border-color: white; }
.catfish-classes .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-black, .vue-component-wrapper .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-black { border-color: #0a0a0a; }
.catfish-classes .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-light, .vue-component-wrapper .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-light { border-color: #f5f5f5; }
.catfish-classes .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-dark, .vue-component-wrapper .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-dark { border-color: #4a4a4a; }
.catfish-classes .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-primary, .vue-component-wrapper .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-primary { border-color: #353E49; }
.catfish-classes .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-secondary, .vue-component-wrapper .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-secondary { border-color: #B86BFF; }
.catfish-classes .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-link, .vue-component-wrapper .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-link { border-color: #353E49; }
.catfish-classes .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-info, .vue-component-wrapper .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-info { border-color: #209CEE; }
.catfish-classes .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-success, .vue-component-wrapper .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-success { border-color: #23D160; }
.catfish-classes .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-warning, .vue-component-wrapper .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-warning { border-color: #FFDD57; }
.catfish-classes .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-danger, .vue-component-wrapper .cf-checkbox.checkbox:hover input[type='checkbox'] + .check.is-danger { border-color: #FF3860; }
.catfish-classes .cf-checkbox.checkbox:focus input[type='checkbox'] + .check, .vue-component-wrapper .cf-checkbox.checkbox:focus input[type='checkbox'] + .check { box-shadow: 0 0 0.5em rgba(122, 122, 122, 0.8); }
.catfish-classes .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check, .vue-component-wrapper .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check { box-shadow: 0 0 0.5em rgba(53, 62, 73, 0.8); }
.catfish-classes .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-white, .vue-component-wrapper .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-white { box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8); }
.catfish-classes .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-black, .vue-component-wrapper .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-black { box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.8); }
.catfish-classes .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-light, .vue-component-wrapper .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-light { box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.8); }
.catfish-classes .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-dark, .vue-component-wrapper .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-dark { box-shadow: 0 0 0.5em rgba(74, 74, 74, 0.8); }
.catfish-classes .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-primary, .vue-component-wrapper .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-primary { box-shadow: 0 0 0.5em rgba(53, 62, 73, 0.8); }
.catfish-classes .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-secondary, .vue-component-wrapper .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-secondary { box-shadow: 0 0 0.5em rgba(184, 107, 255, 0.8); }
.catfish-classes .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-link, .vue-component-wrapper .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-link { box-shadow: 0 0 0.5em rgba(53, 62, 73, 0.8); }
.catfish-classes .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-info, .vue-component-wrapper .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-info { box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.8); }
.catfish-classes .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-success, .vue-component-wrapper .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-success { box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.8); }
.catfish-classes .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-warning, .vue-component-wrapper .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-warning { box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.8); }
.catfish-classes .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-danger, .vue-component-wrapper .cf-checkbox.checkbox:focus input[type='checkbox']:checked + .check.is-danger { box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.8); }
.catfish-classes .cf-checkbox.checkbox.is-small, .vue-component-wrapper .cf-checkbox.checkbox.is-small { border-radius: 2px; font-size: 0.833em; }
.catfish-classes .cf-checkbox.checkbox.is-medium, .vue-component-wrapper .cf-checkbox.checkbox.is-medium { font-size: 1.2em; }
.catfish-classes .cf-checkbox.checkbox.is-large, .vue-component-wrapper .cf-checkbox.checkbox.is-large { font-size: 1.44em; }
.catfish-classes .collapse .collapse-trigger, .vue-component-wrapper .collapse .collapse-trigger { display: inline; cursor: pointer; }
.catfish-classes .collapse .collapse-content, .vue-component-wrapper .collapse .collapse-content { display: inline; }
.catfish-classes .datepicker, .vue-component-wrapper .datepicker { font-size: 0.875rem; }
.catfish-classes .datepicker .datepicker-select-year select, .catfish-classes .datepicker .datepicker-select-month select, .vue-component-wrapper .datepicker .datepicker-select-year select, .vue-component-wrapper .datepicker .datepicker-select-month select { font-family: inherit; font-weight: inherit; }
.catfish-classes .datepicker .clear-button, .vue-component-wrapper .datepicker .clear-button { height: 100%; position: absolute; right: 0; }
.catfish-classes .datepicker .dropdown, .catfish-classes .datepicker .dropdown-trigger, .vue-component-wrapper .datepicker .dropdown, .vue-component-wrapper .datepicker .dropdown-trigger { width: 100%; }
.catfish-classes .datepicker .dropdown .clear-button, .catfish-classes .datepicker .dropdown-trigger .clear-button, .vue-component-wrapper .datepicker .dropdown .clear-button, .vue-component-wrapper .datepicker .dropdown-trigger .clear-button { height: 100%; position: absolute; right: 0; }
.catfish-classes .datepicker .dropdown-item, .catfish-classes .datepicker .dropdown .dropdown-menu .has-link a, .catfish-classes .dropdown .dropdown-menu .has-link .datepicker a, .vue-component-wrapper .dropdown .dropdown-menu .has-link .catfish-classes .datepicker a, .vue-component-wrapper .datepicker .dropdown-item, .catfish-classes .dropdown .dropdown-menu .has-link .vue-component-wrapper .datepicker a, .vue-component-wrapper .datepicker .dropdown .dropdown-menu .has-link a, .vue-component-wrapper .dropdown .dropdown-menu .has-link .datepicker a { font-size: inherit; }
.catfish-classes .datepicker .datepicker-header, .vue-component-wrapper .datepicker .datepicker-header { padding-bottom: 0.875rem; margin-bottom: 0.875rem; border-bottom: 1px solid #dbdbdb; }
.catfish-classes .datepicker .datepicker-footer, .vue-component-wrapper .datepicker .datepicker-footer { padding-top: 0.875rem; border-top: 1px solid #dbdbdb; }
.catfish-classes .datepicker .datepicker-table, .vue-component-wrapper .datepicker .datepicker-table { display: table; margin: 0 auto 0.875rem auto; }
.catfish-classes .datepicker .datepicker-table .datepicker-cell, .vue-component-wrapper .datepicker .datepicker-table .datepicker-cell { text-align: center; vertical-align: middle; display: table-cell; border-radius: 4px; padding: 0.5rem 0.75rem; }
.catfish-classes .datepicker .datepicker-table .datepicker-header, .vue-component-wrapper .datepicker .datepicker-table .datepicker-header { display: table-header-group; }
.catfish-classes .datepicker .datepicker-table .datepicker-header .datepicker-cell, .vue-component-wrapper .datepicker .datepicker-table .datepicker-header .datepicker-cell { color: #7a7a7a; font-weight: 600; }
.catfish-classes .datepicker .datepicker-table .datepicker-body, .vue-component-wrapper .datepicker .datepicker-table .datepicker-body { display: table-row-group; }
.catfish-classes .datepicker .datepicker-table .datepicker-body .datepicker-row, .vue-component-wrapper .datepicker .datepicker-table .datepicker-body .datepicker-row { display: table-row; }
.catfish-classes .datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-unselectable, .vue-component-wrapper .datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-unselectable { color: #b5b5b5; }
.catfish-classes .datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-today, .vue-component-wrapper .datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-today { border: solid 1px rgba(53, 62, 73, 0.5); }
.catfish-classes .datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-selectable, .vue-component-wrapper .datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-selectable { color: #4a4a4a; }
.catfish-classes .datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-selectable:hover:not(.is-selected), .catfish-classes .datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-selectable:focus:not(.is-selected), .vue-component-wrapper .datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-selectable:hover:not(.is-selected), .vue-component-wrapper .datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-selectable:focus:not(.is-selected) { background-color: #f5f5f5; color: #0a0a0a; cursor: pointer; }
.catfish-classes .datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-selected, .vue-component-wrapper .datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-selected { background-color: #353E49; color: #fff; }
.catfish-classes .datepicker.is-small, .vue-component-wrapper .datepicker.is-small { border-radius: 2px; font-size: 0.833em; }
.catfish-classes .datepicker.is-medium, .vue-component-wrapper .datepicker.is-medium { font-size: 1.2em; }
.catfish-classes .datepicker.is-large, .vue-component-wrapper .datepicker.is-large { font-size: 1.44em; }
@media screen and (min-width: 750px) and (max-width: 1087px) { .catfish-classes .datepicker .datepicker-table .datepicker-cell, .vue-component-wrapper .datepicker .datepicker-table .datepicker-cell { padding: 0.75rem 1rem; } }
@media screen and (max-width: 749px) { .catfish-classes .datepicker .datepicker-table .datepicker-cell, .vue-component-wrapper .datepicker .datepicker-table .datepicker-cell { padding: 0.25rem 0.5rem; } }
.catfish-classes .vue-component-wrapper .datepicker input.input, .vue-component-wrapper .vue-component-wrapper .datepicker input.input { opacity: 1; background-color: #FFF; border-color: #CCC; }
.catfish-classes .dialog .modal-card, .vue-component-wrapper .dialog .modal-card { max-width: 460px; width: auto; }
.catfish-classes .dialog .modal-card .modal-card-head, .vue-component-wrapper .dialog .modal-card .modal-card-head { font-size: 1.2em; font-weight: 600; }
.catfish-classes .dialog .modal-card .modal-card-body .field, .vue-component-wrapper .dialog .modal-card .modal-card-body .field { margin-top: 16px; }
.catfish-classes .dialog .modal-card .modal-card-body.is-titleless, .vue-component-wrapper .dialog .modal-card .modal-card-body.is-titleless { -webkit-border-top-left-radius: 6px; -moz-border-topleft-radius: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-topright-radius: 6px; border-top-right-radius: 6px; }
.catfish-classes .dialog .modal-card .modal-card-foot, .vue-component-wrapper .dialog .modal-card .modal-card-foot { justify-content: flex-end; }
.catfish-classes .dialog .modal-card .modal-card-foot .button, .vue-component-wrapper .dialog .modal-card .modal-card-foot .button { display: inline; min-width: 5em; font-weight: 600; }
@media screen and (min-width: 750px), print { .catfish-classes .dialog .modal-card, .vue-component-wrapper .dialog .modal-card { min-width: 320px; } }
.catfish-classes .dropdown + .dropdown, .vue-component-wrapper .dropdown + .dropdown { margin-left: 0.5em ; }
.catfish-classes .dropdown .background, .vue-component-wrapper .dropdown .background { position: fixed; background-color: rgba(10, 10, 10, 0.86); z-index: 10; cursor: pointer; }
@media screen and (min-width: 1088px) { .catfish-classes .dropdown .background, .vue-component-wrapper .dropdown .background { display: none; } }
.catfish-classes .dropdown .dropdown-menu .dropdown-item.is-disabled, .catfish-classes .dropdown .dropdown-menu .has-link a.is-disabled, .vue-component-wrapper .dropdown .dropdown-menu .dropdown-item.is-disabled, .vue-component-wrapper .dropdown .dropdown-menu .has-link a.is-disabled { cursor: not-allowed; opacity: 0.5; }
.catfish-classes .dropdown .dropdown-menu .dropdown-item.is-disabled:hover, .catfish-classes .dropdown .dropdown-menu .has-link a.is-disabled:hover, .vue-component-wrapper .dropdown .dropdown-menu .dropdown-item.is-disabled:hover, .vue-component-wrapper .dropdown .dropdown-menu .has-link a.is-disabled:hover { background: inherit; color: inherit; }
.catfish-classes .dropdown .dropdown-menu .dropdown-item.is-danger, .catfish-classes .dropdown .dropdown-menu .has-link a.is-danger, .vue-component-wrapper .dropdown .dropdown-menu .dropdown-item.is-danger, .vue-component-wrapper .dropdown .dropdown-menu .has-link a.is-danger { color: #FF3860; }
.catfish-classes .dropdown .dropdown-menu .has-link a, .vue-component-wrapper .dropdown .dropdown-menu .has-link a { padding-right: 3rem ; white-space: nowrap; }
.catfish-classes .dropdown .navbar-item, .vue-component-wrapper .dropdown .navbar-item { height: 100%; }
.catfish-classes .dropdown.is-disabled, .vue-component-wrapper .dropdown.is-disabled { opacity: 0.5; cursor: not-allowed; }
.catfish-classes .dropdown.is-disabled .dropdown-trigger, .vue-component-wrapper .dropdown.is-disabled .dropdown-trigger { pointer-events: none; }
.catfish-classes .dropdown.is-inline .dropdown-menu, .vue-component-wrapper .dropdown.is-inline .dropdown-menu { position: static; display: inline-block; padding: 0; }
.catfish-classes .dropdown.is-top-right .dropdown-menu, .vue-component-wrapper .dropdown.is-top-right .dropdown-menu { top: auto; bottom: 100%; }
.catfish-classes .dropdown.is-top-left .dropdown-menu, .vue-component-wrapper .dropdown.is-top-left .dropdown-menu { top: auto; bottom: 100%; right: 0 ; left: auto ; }
.catfish-classes .dropdown.is-bottom-left .dropdown-menu, .vue-component-wrapper .dropdown.is-bottom-left .dropdown-menu { right: 0 ; left: auto ; }
.catfish-classes .dropdown .button[aria-expanded="true"] + .dropdown-menu, .vue-component-wrapper .dropdown .button[aria-expanded="true"] + .dropdown-menu { display: block; }
@media screen and (max-width: 1087px) { .catfish-classes .dropdown.is-mobile-modal:not(#active-editable-content-list *) .dropdown-menu, .vue-component-wrapper .dropdown.is-mobile-modal:not(#active-editable-content-list *) .dropdown-menu { position: fixed; width: calc(100vw - 40px); max-width: 460px; max-height: calc(100vh - 120px); top: 25% !important; left: 50% !important; transform: translate3d(-50%, -25%, 0); white-space: normal; overflow-y: auto; }
.catfish-classes .dropdown.is-mobile-modal:not(#active-editable-content-list *) .dropdown-menu .dropdown-item, .catfish-classes .dropdown.is-mobile-modal:not(#active-editable-content-list *) .dropdown-menu .has-link a, .vue-component-wrapper .dropdown.is-mobile-modal:not(#active-editable-content-list *) .dropdown-menu .dropdown-item, .vue-component-wrapper .dropdown.is-mobile-modal:not(#active-editable-content-list *) .dropdown-menu .has-link a { padding: 1rem 1.5rem; } }
.catfish-classes .label, .vue-component-wrapper .label { font-weight: 600; }
.catfish-classes .field.is-grouped .field, .vue-component-wrapper .field.is-grouped .field { flex-shrink: 0; }
.catfish-classes .field.is-grouped .field:not(:last-child), .vue-component-wrapper .field.is-grouped .field:not(:last-child) { margin-right: 0.75rem ; }
.catfish-classes .field.is-grouped .field.is-expanded, .vue-component-wrapper .field.is-grouped .field.is-expanded { flex-grow: 1; flex-shrink: 1; }
.catfish-classes .field.has-addons .control:first-child .control .button, .catfish-classes .field.has-addons .control:first-child .control .input, .catfish-classes .field.has-addons .control:first-child .control .select select, .vue-component-wrapper .field.has-addons .control:first-child .control .button, .vue-component-wrapper .field.has-addons .control:first-child .control .input, .vue-component-wrapper .field.has-addons .control:first-child .control .select select { -webkit-border-bottom-left-radius: 4px; -moz-border-bottomleft-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-topleft-radius: 4px; border-top-left-radius: 4px; }
.catfish-classes .field.has-addons .control:last-child .control .button, .catfish-classes .field.has-addons .control:last-child .control .input, .catfish-classes .field.has-addons .control:last-child .control .select select, .vue-component-wrapper .field.has-addons .control:last-child .control .button, .vue-component-wrapper .field.has-addons .control:last-child .control .input, .vue-component-wrapper .field.has-addons .control:last-child .control .select select { -webkit-border-bottom-right-radius: 4px; -moz-border-bottomright-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-topright-radius: 4px; border-top-right-radius: 4px; }
.catfish-classes .field.has-addons .control .control .button, .catfish-classes .field.has-addons .control .control .input, .catfish-classes .field.has-addons .control .control .select select, .vue-component-wrapper .field.has-addons .control .control .button, .vue-component-wrapper .field.has-addons .control .control .input, .vue-component-wrapper .field.has-addons .control .control .select select { border-radius: 0; }
.catfish-classes .control .help.counter, .vue-component-wrapper .control .help.counter { float: right ; margin-left: 0.5em ; }
.catfish-classes .control .icon.is-clickable, .vue-component-wrapper .control .icon.is-clickable { pointer-events: auto; cursor: pointer; }
.catfish-classes .icon, .vue-component-wrapper .icon { cursor: inherit; vertical-align: middle; }
.catfish-classes .icon .mdi, .vue-component-wrapper .icon .mdi { font-family: 'Material Icons'; font-size: 1.5em; font-weight: normal; font-style: normal; display: inline-block; font-feature-settings: 'liga'; }
.catfish-classes .icon svg, .vue-component-wrapper .icon svg { background-color: transparent; fill: currentColor; stroke-width: 0; stroke: currentColor; pointer-events: none; width: 1.5rem; height: 1.5rem; }
.catfish-classes .icon.is-small, .vue-component-wrapper .icon.is-small { height: 1rem; width: 1rem; }
.catfish-classes .icon.is-small .mdi, .vue-component-wrapper .icon.is-small .mdi { font-size: 1em; }
.catfish-classes .icon.is-medium, .vue-component-wrapper .icon.is-medium { height: 2rem; width: 2rem; }
.catfish-classes .icon.is-medium .mdi, .vue-component-wrapper .icon.is-medium .mdi { font-size: 2em; }
.catfish-classes .icon.is-large, .vue-component-wrapper .icon.is-large { height: 3rem; width: 3rem; }
.catfish-classes .icon.is-large .mdi, .vue-component-wrapper .icon.is-large .mdi { font-size: 3em; }
.catfish-classes .icon.is-white, .vue-component-wrapper .icon.is-white { color: white !important; }
.catfish-classes .icon.is-black, .vue-component-wrapper .icon.is-black { color: #0a0a0a !important; }
.catfish-classes .icon.is-light, .vue-component-wrapper .icon.is-light { color: #f5f5f5 !important; }
.catfish-classes .icon.is-dark, .vue-component-wrapper .icon.is-dark { color: #4a4a4a !important; }
.catfish-classes .icon.is-primary, .vue-component-wrapper .icon.is-primary { color: #353E49 !important; }
.catfish-classes .icon.is-secondary, .vue-component-wrapper .icon.is-secondary { color: #B86BFF !important; }
.catfish-classes .icon.is-link, .vue-component-wrapper .icon.is-link { color: #353E49 !important; }
.catfish-classes .icon.is-info, .vue-component-wrapper .icon.is-info { color: #209CEE !important; }
.catfish-classes .icon.is-success, .vue-component-wrapper .icon.is-success { color: #23D160 !important; }
.catfish-classes .icon.is-warning, .vue-component-wrapper .icon.is-warning { color: #FFDD57 !important; }
.catfish-classes .icon.is-danger, .vue-component-wrapper .icon.is-danger { color: #FF3860 !important; }
.catfish-classes .loading-overlay, .vue-component-wrapper .loading-overlay { align-items: center; display: none; justify-content: center; overflow: hidden; position: absolute; top: 0; z-index: 999; }
.catfish-classes .loading-overlay.is-active, .vue-component-wrapper .loading-overlay.is-active { display: flex; }
.catfish-classes .loading-overlay.is-full-page, .vue-component-wrapper .loading-overlay.is-full-page { position: fixed; z-index: 999; }
.catfish-classes .loading-overlay .loading-background, .vue-component-wrapper .loading-overlay .loading-background { background: #7f7f7f; background: rgba(255, 255, 255, 0.5); }
.catfish-classes .loading-overlay .loading-text, .vue-component-wrapper .loading-overlay .loading-text { position: absolute; bottom: 1rem; width: 100%; text-align: center; font-weight: 500; }
.catfish-classes .loading-overlay .loading-icon, .vue-component-wrapper .loading-overlay .loading-icon { position: relative; display: flex; justify-content: center; align-items: center; align-content: center; height: 100%; width: 100%; }
.catfish-classes .loading-overlay .loading-icon:after, .vue-component-wrapper .loading-overlay .loading-icon:after { left: calc(50% - 2rem) ; position: absolute; width: 4rem; height: 4rem; border-width: 0.25em; }
.catfish-classes .loading-overlay .loading-icon.is-large:after, .vue-component-wrapper .loading-overlay .loading-icon.is-large:after { width: 5rem; height: 5rem; border-width: 0.25em; }
.catfish-classes .loading-overlay .loading-icon.is-large:after:not(.ignore-loader-position), .vue-component-wrapper .loading-overlay .loading-icon.is-large:after:not(.ignore-loader-position) { left: calc(50% - 2rem) ; position: absolute; }
.catfish-classes .page-loader-overlay.loading-overlay .loading-icon, .vue-component-wrapper .page-loader-overlay.loading-overlay .loading-icon { padding-top: 0 !important; }
.catfish-classes .page-loader-overlay.loading-overlay .loading-text, .vue-component-wrapper .page-loader-overlay.loading-overlay .loading-text { z-index: 999; position: relative; margin-top: 3rem; }
.catfish-classes .loader-container.is-loading, .vue-component-wrapper .loader-container.is-loading { position: relative; pointer-events: none; opacity: 0.5; }
.catfish-classes .loader-container.is-loading .loader-body, .vue-component-wrapper .loader-container.is-loading .loader-body { width: 100px; height: 100px; }
.catfish-classes .loader-container.is-loading .loading-dots, .vue-component-wrapper .loader-container.is-loading .loading-dots { width: 20px; }
.catfish-classes .loader-container.is-loading .loading-text, .vue-component-wrapper .loader-container.is-loading .loading-text { display: flex; justify-content: center; align-items: center; }
.catfish-classes .loader-container.is-loading:after, .vue-component-wrapper .loader-container.is-loading:after { position: absolute; top: 0em; left: calc(50% - 2.5em); width: 5em; height: 5em; border-width: 0.25em; }
.catfish-classes .message .media, .catfish-classes .notification .media, .vue-component-wrapper .message .media, .vue-component-wrapper .notification .media { padding-top: 0; border: 0; }
.catfish-classes .modal .animation-content, .vue-component-wrapper .modal .animation-content { margin: 0 20px; }
.catfish-classes .modal .animation-content .modal-card, .vue-component-wrapper .modal .animation-content .modal-card { margin: 0; }
@media screen and (max-width: 749px) { .catfish-classes .modal .animation-content, .vue-component-wrapper .modal .animation-content { width: 100%; } }
.catfish-classes .notices, .vue-component-wrapper .notices { left: 0 ; right: 0 ; position: fixed; display: flex; top: 0; z-index: 1000; pointer-events: none; }
.catfish-classes .notices.notice-scrollable, .vue-component-wrapper .notices.notice-scrollable { max-height: 95vh; overflow-y: auto; }
.catfish-classes .notices .toast, .vue-component-wrapper .notices .toast { display: inline-flex; animation-duration: 150ms; margin: 1.5em 0.5em; text-align: center; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); border-radius: 2em; padding: 0.75em 1.5em; pointer-events: auto; }
.catfish-classes .notices .toast.is-white, .vue-component-wrapper .notices .toast.is-white { color: #0a0a0a; background: white; }
.catfish-classes .notices .toast.is-black, .vue-component-wrapper .notices .toast.is-black { color: white; background: #0a0a0a; }
.catfish-classes .notices .toast.is-light, .vue-component-wrapper .notices .toast.is-light { color: rgba(25, 25, 25, 0.7); background: #f5f5f5; }
.catfish-classes .notices .toast.is-dark, .vue-component-wrapper .notices .toast.is-dark { color: #fff; background: #4a4a4a; }
.catfish-classes .notices .toast.is-primary, .vue-component-wrapper .notices .toast.is-primary { color: #fff; background: #353E49; }
.catfish-classes .notices .toast.is-secondary, .vue-component-wrapper .notices .toast.is-secondary { color: #fff; background: #B86BFF; }
.catfish-classes .notices .toast.is-link, .vue-component-wrapper .notices .toast.is-link { color: #fff; background: #353E49; }
.catfish-classes .notices .toast.is-info, .vue-component-wrapper .notices .toast.is-info { color: #fff; background: #209CEE; }
.catfish-classes .notices .toast.is-success, .vue-component-wrapper .notices .toast.is-success { color: #fff; background: #23D160; }
.catfish-classes .notices .toast.is-warning, .vue-component-wrapper .notices .toast.is-warning { color: rgba(26, 22, 9, 0.7); background: #FFDD57; }
.catfish-classes .notices .toast.is-danger, .vue-component-wrapper .notices .toast.is-danger { color: #fff; background: #FF3860; }
.catfish-classes .notices .snackbar, .vue-component-wrapper .notices .snackbar { display: flex; align-items: center; justify-content: space-around; animation-duration: 150ms; margin: 0.5em; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); border-radius: 2px; pointer-events: auto; background: #4a4a4a; color: #fff; min-height: 3em; }
.catfish-classes .notices .snackbar .text, .vue-component-wrapper .notices .snackbar .text { padding: 0.5em 1em; }
.catfish-classes .notices .snackbar .action, .vue-component-wrapper .notices .snackbar .action { padding: 0.5em; margin-left: auto ; padding-left: 0 ; }
.catfish-classes .notices .snackbar .action .button, .vue-component-wrapper .notices .snackbar .action .button { font-weight: 600; text-transform: uppercase; }
.catfish-classes .notices .snackbar .action.is-white .button, .vue-component-wrapper .notices .snackbar .action.is-white .button { color: white; }
.catfish-classes .notices .snackbar .action.is-black .button, .vue-component-wrapper .notices .snackbar .action.is-black .button { color: #0a0a0a; }
.catfish-classes .notices .snackbar .action.is-light .button, .vue-component-wrapper .notices .snackbar .action.is-light .button { color: #f5f5f5; }
.catfish-classes .notices .snackbar .action.is-dark .button, .vue-component-wrapper .notices .snackbar .action.is-dark .button { color: #4a4a4a; }
.catfish-classes .notices .snackbar .action.is-primary .button, .vue-component-wrapper .notices .snackbar .action.is-primary .button { color: #353E49; }
.catfish-classes .notices .snackbar .action.is-secondary .button, .vue-component-wrapper .notices .snackbar .action.is-secondary .button { color: #B86BFF; }
.catfish-classes .notices .snackbar .action.is-link .button, .vue-component-wrapper .notices .snackbar .action.is-link .button { color: #353E49; }
.catfish-classes .notices .snackbar .action.is-info .button, .vue-component-wrapper .notices .snackbar .action.is-info .button { color: #209CEE; }
.catfish-classes .notices .snackbar .action.is-success .button, .vue-component-wrapper .notices .snackbar .action.is-success .button { color: #23D160; }
.catfish-classes .notices .snackbar .action.is-warning .button, .vue-component-wrapper .notices .snackbar .action.is-warning .button { color: #FFDD57; }
.catfish-classes .notices .snackbar .action.is-danger .button, .vue-component-wrapper .notices .snackbar .action.is-danger .button { color: #FF3860; }
@media screen and (max-width: 749px) { .catfish-classes .notices .snackbar, .vue-component-wrapper .notices .snackbar { width: 100%; margin: 0; border-radius: 0; } }
@media screen and (min-width: 750px), print { .catfish-classes .notices .snackbar, .vue-component-wrapper .notices .snackbar { min-width: 350px; max-width: 600px; overflow: hidden; } }
.catfish-classes .notices.is-top, .vue-component-wrapper .notices.is-top { justify-content: center; }
.catfish-classes .notices.is-top-right, .vue-component-wrapper .notices.is-top-right { justify-content: flex-end; }
.catfish-classes .notices.is-bottom, .vue-component-wrapper .notices.is-bottom { top: auto; bottom: 0; justify-content: center; }
.catfish-classes .notices.is-bottom-left, .vue-component-wrapper .notices.is-bottom-left { top: auto; bottom: 0; }
.catfish-classes .notices.is-bottom-right, .vue-component-wrapper .notices.is-bottom-right { top: auto; bottom: 0; justify-content: flex-end; }
.catfish-classes .notices.is-toast, .vue-component-wrapper .notices.is-toast { opacity: 0.92; }
.catfish-classes .cf-pagination .pagination-next, .catfish-classes .cf-pagination .pagination-previous, .vue-component-wrapper .cf-pagination .pagination-next, .vue-component-wrapper .cf-pagination .pagination-previous { padding-left: 0.25em ; padding-right: 0.25em ; }
.catfish-classes .cf-pagination .pagination-next.is-disabled, .catfish-classes .cf-pagination .pagination-previous.is-disabled, .vue-component-wrapper .cf-pagination .pagination-next.is-disabled, .vue-component-wrapper .cf-pagination .pagination-previous.is-disabled { pointer-events: none; cursor: not-allowed; opacity: 0.5; }
.catfish-classes .cf-pagination.is-simple, .vue-component-wrapper .cf-pagination.is-simple { justify-content: normal; }
.catfish-classes .cf-pagination .is-current, .vue-component-wrapper .cf-pagination .is-current { pointer-events: none; cursor: not-allowed; }
.catfish-classes .panel .panel-heading.is-collapsible, .vue-component-wrapper .panel .panel-heading.is-collapsible { cursor: pointer; }
.catfish-classes .panel .panel-content, .vue-component-wrapper .panel .panel-content { width: 100%; }
.catfish-classes .cf-radio.radio, .vue-component-wrapper .cf-radio.radio { outline: none; display: inline-flex; align-items: center; }
.catfish-classes .cf-radio.radio + .radio, .vue-component-wrapper .cf-radio.radio + .radio { margin-left: 0.5em ; }
.catfish-classes .cf-radio.radio input[type='radio'], .vue-component-wrapper .cf-radio.radio input[type='radio'] { display: none; }
.catfish-classes .cf-radio.radio input[type='radio'] + .check, .vue-component-wrapper .cf-radio.radio input[type='radio'] + .check { display: flex; align-items: center; justify-content: center; width: 1.25em; height: 1.25em; border: 2px solid #7a7a7a; border-radius: 50%; transition: background 150ms ease-out; position: relative; }
.catfish-classes .cf-radio.radio input[type='radio'] + .check:before, .vue-component-wrapper .cf-radio.radio input[type='radio'] + .check:before { content: ''; border-radius: 50%; width: 0.625em; height: 0.625em; background: #353E49; transform: translate(-50%, -50%) scale(0); transition: transform 150ms ease-out; top: 50%; position: absolute; left: 50% ; }
.catfish-classes .cf-radio.radio input[type='radio']:checked + .check, .vue-component-wrapper .cf-radio.radio input[type='radio']:checked + .check { border-color: #353E49; }
.catfish-classes .cf-radio.radio input[type='radio']:checked + .check:before, .vue-component-wrapper .cf-radio.radio input[type='radio']:checked + .check:before { transform: translate(-50%, -50%) scale(1); }
.catfish-classes .cf-radio.radio .control-label, .vue-component-wrapper .cf-radio.radio .control-label { padding-left: 0.5em ; }
.catfish-classes .cf-radio.radio[disabled], .vue-component-wrapper .cf-radio.radio[disabled] { opacity: 0.5; }
.catfish-classes .cf-radio.radio:hover input[type='radio'] + .check, .vue-component-wrapper .cf-radio.radio:hover input[type='radio'] + .check { border-color: #353E49; }
.catfish-classes .cf-radio.radio:focus input[type='radio'] + .check, .vue-component-wrapper .cf-radio.radio:focus input[type='radio'] + .check { box-shadow: 0 0 0.5em rgba(122, 122, 122, 0.8); }
.catfish-classes .cf-radio.radio:focus input[type='radio']:checked + .check, .vue-component-wrapper .cf-radio.radio:focus input[type='radio']:checked + .check { box-shadow: 0 0 0.5em rgba(53, 62, 73, 0.8); }
.catfish-classes .select select, .vue-component-wrapper .select select { padding-right: 2.5em ; }
.catfish-classes .select select option, .vue-component-wrapper .select select option { color: #4a4a4a; padding: 0.25em 0.5em; }
.catfish-classes .select select option:disabled, .vue-component-wrapper .select select option:disabled { cursor: not-allowed; opacity: 0.5; }
.catfish-classes .select select optgroup, .vue-component-wrapper .select select optgroup { color: #b5b5b5; font-weight: 400; font-style: normal; padding: 0.25em 0; }
.catfish-classes .select.is-empty select, .vue-component-wrapper .select.is-empty select { color: rgba(122, 122, 122, 0.7); }
.catfish-classes .switch, .vue-component-wrapper .switch { cursor: pointer; display: inline-flex; align-items: center; }
.catfish-classes .switch + .switch, .vue-component-wrapper .switch + .switch { margin-left: 0.5em ; }
.catfish-classes .switch input[type='checkbox'], .vue-component-wrapper .switch input[type='checkbox'] { display: none; }
.catfish-classes .switch input[type='checkbox'] + * .check, .catfish-classes .switch input[type='checkbox'] + .check, .vue-component-wrapper .switch input[type='checkbox'] + * .check, .vue-component-wrapper .switch input[type='checkbox'] + .check { display: flex; align-items: center; width: 2.75em; height: 1.575em; padding: 0.2em; background: #b5b5b5; border-radius: 1em; transition: background 150ms ease-out; cursor: pointer; }
.catfish-classes .switch input[type='checkbox'] + * .check:before, .catfish-classes .switch input[type='checkbox'] + .check:before, .vue-component-wrapper .switch input[type='checkbox'] + * .check:before, .vue-component-wrapper .switch input[type='checkbox'] + .check:before { content: ''; border-radius: 1em; width: 1.175em; height: 1.175em; background: #f5f5f5; box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05); transition: transform 150ms ease-out, width 150ms ease-out; will-change: transform; }
.catfish-classes .switch input[type='checkbox'] + * .check.is-elastic:before, .catfish-classes .switch input[type='checkbox'] + .check.is-elastic:before, .vue-component-wrapper .switch input[type='checkbox'] + * .check.is-elastic:before, .vue-component-wrapper .switch input[type='checkbox'] + .check.is-elastic:before { width: 1.75em; }
.catfish-classes .switch input[type='checkbox']:checked + * .check, .catfish-classes .switch input[type='checkbox']:checked + .check, .vue-component-wrapper .switch input[type='checkbox']:checked + * .check, .vue-component-wrapper .switch input[type='checkbox']:checked + .check { background: #353E49; }
.catfish-classes .switch input[type='checkbox']:checked + * .check.is-white, .catfish-classes .switch input[type='checkbox']:checked + .check.is-white, .vue-component-wrapper .switch input[type='checkbox']:checked + * .check.is-white, .vue-component-wrapper .switch input[type='checkbox']:checked + .check.is-white { background: white; }
.catfish-classes .switch input[type='checkbox']:checked + * .check.is-black, .catfish-classes .switch input[type='checkbox']:checked + .check.is-black, .vue-component-wrapper .switch input[type='checkbox']:checked + * .check.is-black, .vue-component-wrapper .switch input[type='checkbox']:checked + .check.is-black { background: #0a0a0a; }
.catfish-classes .switch input[type='checkbox']:checked + * .check.is-light, .catfish-classes .switch input[type='checkbox']:checked + .check.is-light, .vue-component-wrapper .switch input[type='checkbox']:checked + * .check.is-light, .vue-component-wrapper .switch input[type='checkbox']:checked + .check.is-light { background: #f5f5f5; }
.catfish-classes .switch input[type='checkbox']:checked + * .check.is-dark, .catfish-classes .switch input[type='checkbox']:checked + .check.is-dark, .vue-component-wrapper .switch input[type='checkbox']:checked + * .check.is-dark, .vue-component-wrapper .switch input[type='checkbox']:checked + .check.is-dark { background: #4a4a4a; }
.catfish-classes .switch input[type='checkbox']:checked + * .check.is-primary, .catfish-classes .switch input[type='checkbox']:checked + .check.is-primary, .vue-component-wrapper .switch input[type='checkbox']:checked + * .check.is-primary, .vue-component-wrapper .switch input[type='checkbox']:checked + .check.is-primary { background: #353E49; }
.catfish-classes .switch input[type='checkbox']:checked + * .check.is-secondary, .catfish-classes .switch input[type='checkbox']:checked + .check.is-secondary, .vue-component-wrapper .switch input[type='checkbox']:checked + * .check.is-secondary, .vue-component-wrapper .switch input[type='checkbox']:checked + .check.is-secondary { background: #B86BFF; }
.catfish-classes .switch input[type='checkbox']:checked + * .check.is-link, .catfish-classes .switch input[type='checkbox']:checked + .check.is-link, .vue-component-wrapper .switch input[type='checkbox']:checked + * .check.is-link, .vue-component-wrapper .switch input[type='checkbox']:checked + .check.is-link { background: #353E49; }
.catfish-classes .switch input[type='checkbox']:checked + * .check.is-info, .catfish-classes .switch input[type='checkbox']:checked + .check.is-info, .vue-component-wrapper .switch input[type='checkbox']:checked + * .check.is-info, .vue-component-wrapper .switch input[type='checkbox']:checked + .check.is-info { background: #209CEE; }
.catfish-classes .switch input[type='checkbox']:checked + * .check.is-success, .catfish-classes .switch input[type='checkbox']:checked + .check.is-success, .vue-component-wrapper .switch input[type='checkbox']:checked + * .check.is-success, .vue-component-wrapper .switch input[type='checkbox']:checked + .check.is-success { background: #23D160; }
.catfish-classes .switch input[type='checkbox']:checked + * .check.is-warning, .catfish-classes .switch input[type='checkbox']:checked + .check.is-warning, .vue-component-wrapper .switch input[type='checkbox']:checked + * .check.is-warning, .vue-component-wrapper .switch input[type='checkbox']:checked + .check.is-warning { background: #FFDD57; }
.catfish-classes .switch input[type='checkbox']:checked + * .check.is-danger, .catfish-classes .switch input[type='checkbox']:checked + .check.is-danger, .vue-component-wrapper .switch input[type='checkbox']:checked + * .check.is-danger, .vue-component-wrapper .switch input[type='checkbox']:checked + .check.is-danger { background: #FF3860; }
.catfish-classes .switch input[type='checkbox']:checked + * .check:before, .catfish-classes .switch input[type='checkbox']:checked + .check:before, .vue-component-wrapper .switch input[type='checkbox']:checked + * .check:before, .vue-component-wrapper .switch input[type='checkbox']:checked + .check:before { transform: translate3d(100%, 0, 0); }
.catfish-classes .switch input[type='checkbox']:checked + * .check.is-elastic:before, .catfish-classes .switch input[type='checkbox']:checked + .check.is-elastic:before, .vue-component-wrapper .switch input[type='checkbox']:checked + * .check.is-elastic:before, .vue-component-wrapper .switch input[type='checkbox']:checked + .check.is-elastic:before { transform: translate3d(36.36364%, 0, 0); }
.catfish-classes .switch .control-label, .vue-component-wrapper .switch .control-label { padding-left: 0.5em ; }
.catfish-classes .switch:hover input[type='checkbox'] + * .check, .catfish-classes .switch:hover input[type='checkbox'] + .check, .vue-component-wrapper .switch:hover input[type='checkbox'] + * .check, .vue-component-wrapper .switch:hover input[type='checkbox'] + .check { background: rgba(181, 181, 181, 0.9); }
.catfish-classes .switch:hover input[type='checkbox']:checked + * .check, .catfish-classes .switch:hover input[type='checkbox']:checked + .check, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + * .check, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + .check { background: rgba(53, 62, 73, 0.9); }
.catfish-classes .switch:hover input[type='checkbox']:checked + * .check.is-white, .catfish-classes .switch:hover input[type='checkbox']:checked + .check.is-white, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + * .check.is-white, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + .check.is-white { background: rgba(255, 255, 255, 0.9); }
.catfish-classes .switch:hover input[type='checkbox']:checked + * .check.is-black, .catfish-classes .switch:hover input[type='checkbox']:checked + .check.is-black, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + * .check.is-black, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + .check.is-black { background: rgba(10, 10, 10, 0.9); }
.catfish-classes .switch:hover input[type='checkbox']:checked + * .check.is-light, .catfish-classes .switch:hover input[type='checkbox']:checked + .check.is-light, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + * .check.is-light, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + .check.is-light { background: rgba(245, 245, 245, 0.9); }
.catfish-classes .switch:hover input[type='checkbox']:checked + * .check.is-dark, .catfish-classes .switch:hover input[type='checkbox']:checked + .check.is-dark, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + * .check.is-dark, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + .check.is-dark { background: rgba(74, 74, 74, 0.9); }
.catfish-classes .switch:hover input[type='checkbox']:checked + * .check.is-primary, .catfish-classes .switch:hover input[type='checkbox']:checked + .check.is-primary, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + * .check.is-primary, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + .check.is-primary { background: rgba(53, 62, 73, 0.9); }
.catfish-classes .switch:hover input[type='checkbox']:checked + * .check.is-secondary, .catfish-classes .switch:hover input[type='checkbox']:checked + .check.is-secondary, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + * .check.is-secondary, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + .check.is-secondary { background: rgba(184, 107, 255, 0.9); }
.catfish-classes .switch:hover input[type='checkbox']:checked + * .check.is-link, .catfish-classes .switch:hover input[type='checkbox']:checked + .check.is-link, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + * .check.is-link, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + .check.is-link { background: rgba(53, 62, 73, 0.9); }
.catfish-classes .switch:hover input[type='checkbox']:checked + * .check.is-info, .catfish-classes .switch:hover input[type='checkbox']:checked + .check.is-info, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + * .check.is-info, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + .check.is-info { background: rgba(32, 156, 238, 0.9); }
.catfish-classes .switch:hover input[type='checkbox']:checked + * .check.is-success, .catfish-classes .switch:hover input[type='checkbox']:checked + .check.is-success, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + * .check.is-success, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + .check.is-success { background: rgba(35, 209, 96, 0.9); }
.catfish-classes .switch:hover input[type='checkbox']:checked + * .check.is-warning, .catfish-classes .switch:hover input[type='checkbox']:checked + .check.is-warning, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + * .check.is-warning, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + .check.is-warning { background: rgba(255, 221, 87, 0.9); }
.catfish-classes .switch:hover input[type='checkbox']:checked + * .check.is-danger, .catfish-classes .switch:hover input[type='checkbox']:checked + .check.is-danger, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + * .check.is-danger, .vue-component-wrapper .switch:hover input[type='checkbox']:checked + .check.is-danger { background: rgba(255, 56, 96, 0.9); }
.catfish-classes .switch:focus, .vue-component-wrapper .switch:focus { outline: none; }
.catfish-classes .switch:focus input[type='checkbox'] + * .check, .catfish-classes .switch:focus input[type='checkbox'] + .check, .vue-component-wrapper .switch:focus input[type='checkbox'] + * .check, .vue-component-wrapper .switch:focus input[type='checkbox'] + .check { box-shadow: 0 0 0.5em rgba(122, 122, 122, 0.6); }
.catfish-classes .switch:focus input[type='checkbox']:checked + * .check, .catfish-classes .switch:focus input[type='checkbox']:checked + .check, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + * .check, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + .check { box-shadow: 0 0 0.5em rgba(53, 62, 73, 0.8); }
.catfish-classes .switch:focus input[type='checkbox']:checked + * .check.is-white, .catfish-classes .switch:focus input[type='checkbox']:checked + .check.is-white, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + * .check.is-white, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + .check.is-white { box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8); }
.catfish-classes .switch:focus input[type='checkbox']:checked + * .check.is-black, .catfish-classes .switch:focus input[type='checkbox']:checked + .check.is-black, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + * .check.is-black, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + .check.is-black { box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.8); }
.catfish-classes .switch:focus input[type='checkbox']:checked + * .check.is-light, .catfish-classes .switch:focus input[type='checkbox']:checked + .check.is-light, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + * .check.is-light, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + .check.is-light { box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.8); }
.catfish-classes .switch:focus input[type='checkbox']:checked + * .check.is-dark, .catfish-classes .switch:focus input[type='checkbox']:checked + .check.is-dark, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + * .check.is-dark, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + .check.is-dark { box-shadow: 0 0 0.5em rgba(74, 74, 74, 0.8); }
.catfish-classes .switch:focus input[type='checkbox']:checked + * .check.is-primary, .catfish-classes .switch:focus input[type='checkbox']:checked + .check.is-primary, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + * .check.is-primary, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + .check.is-primary { box-shadow: 0 0 0.5em rgba(53, 62, 73, 0.8); }
.catfish-classes .switch:focus input[type='checkbox']:checked + * .check.is-secondary, .catfish-classes .switch:focus input[type='checkbox']:checked + .check.is-secondary, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + * .check.is-secondary, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + .check.is-secondary { box-shadow: 0 0 0.5em rgba(184, 107, 255, 0.8); }
.catfish-classes .switch:focus input[type='checkbox']:checked + * .check.is-link, .catfish-classes .switch:focus input[type='checkbox']:checked + .check.is-link, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + * .check.is-link, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + .check.is-link { box-shadow: 0 0 0.5em rgba(53, 62, 73, 0.8); }
.catfish-classes .switch:focus input[type='checkbox']:checked + * .check.is-info, .catfish-classes .switch:focus input[type='checkbox']:checked + .check.is-info, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + * .check.is-info, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + .check.is-info { box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.8); }
.catfish-classes .switch:focus input[type='checkbox']:checked + * .check.is-success, .catfish-classes .switch:focus input[type='checkbox']:checked + .check.is-success, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + * .check.is-success, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + .check.is-success { box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.8); }
.catfish-classes .switch:focus input[type='checkbox']:checked + * .check.is-warning, .catfish-classes .switch:focus input[type='checkbox']:checked + .check.is-warning, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + * .check.is-warning, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + .check.is-warning { box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.8); }
.catfish-classes .switch:focus input[type='checkbox']:checked + * .check.is-danger, .catfish-classes .switch:focus input[type='checkbox']:checked + .check.is-danger, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + * .check.is-danger, .vue-component-wrapper .switch:focus input[type='checkbox']:checked + .check.is-danger { box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.8); }
.catfish-classes .switch.is-small, .vue-component-wrapper .switch.is-small { border-radius: 2px; font-size: 0.833em; }
.catfish-classes .switch.is-medium, .vue-component-wrapper .switch.is-medium { font-size: 1.2em; }
.catfish-classes .switch.is-large, .vue-component-wrapper .switch.is-large { font-size: 1.44em; }
.catfish-classes .switch[disabled], .vue-component-wrapper .switch[disabled] { opacity: 0.5; cursor: not-allowed; color: #7a7a7a; }
.catfish-classes .cf-table-wrapper .table, .vue-component-wrapper .cf-table-wrapper .table { margin-bottom: 0; }
.catfish-classes .cf-table-wrapper:not(:last-child), .vue-component-wrapper .cf-table-wrapper:not(:last-child) { margin-bottom: 1.5rem; }
@media screen and (max-width: 1087px) { .catfish-classes .cf-table-wrapper, .vue-component-wrapper .cf-table-wrapper { overflow-x: auto; } }
.catfish-classes .cf-table, .vue-component-wrapper .cf-table { transition: opacity 86ms ease-out; }
.catfish-classes .cf-table .icon, .vue-component-wrapper .cf-table .icon { transition: transform 150ms ease-out, opacity 86ms ease-out; }
.catfish-classes .cf-table .icon.is-desc, .vue-component-wrapper .cf-table .icon.is-desc { transform: rotate(180deg); }
.catfish-classes .cf-table .icon.is-expanded, .vue-component-wrapper .cf-table .icon.is-expanded { transform: rotate(90deg); }
.catfish-classes .cf-table .table-pagination, .vue-component-wrapper .cf-table .table-pagination { row-gap: 1rem; }
@media screen and (max-width: 749px) { .catfish-classes .cf-table .table-pagination .pagination-container, .catfish-classes .cf-table .table-pagination .pagination, .vue-component-wrapper .cf-table .table-pagination .pagination-container, .vue-component-wrapper .cf-table .table-pagination .pagination { width: 100%; } }
.catfish-classes .cf-table .table, .vue-component-wrapper .cf-table .table { width: 100%; border: 0.125em solid transparent; border-radius: 4px; border-collapse: separate; }
.catfish-classes .cf-table .table .section.loading-empty-space, .vue-component-wrapper .cf-table .table .section.loading-empty-space { height: 10rem; }
.catfish-classes .cf-table .table th, .vue-component-wrapper .cf-table .table th { font-weight: 600; }
.catfish-classes .cf-table .table th .th-wrap, .vue-component-wrapper .cf-table .table th .th-wrap { display: flex; align-items: center; }
.catfish-classes .cf-table .table th .th-wrap .icon, .vue-component-wrapper .cf-table .table th .th-wrap .icon { margin-left: 0.5rem ; margin-right: 0 ; font-size: 1rem; }
.catfish-classes .cf-table .table th .th-wrap.is-numeric, .vue-component-wrapper .cf-table .table th .th-wrap.is-numeric { text-align: right; flex-direction: row-reverse; }
.catfish-classes .cf-table .table th .th-wrap.is-numeric .icon, .vue-component-wrapper .cf-table .table th .th-wrap.is-numeric .icon { margin-left: 0 ; margin-right: 0.5rem ; }
.catfish-classes .cf-table .table th .th-wrap.is-centered, .vue-component-wrapper .cf-table .table th .th-wrap.is-centered { justify-content: center; text-align: center; }
.catfish-classes .cf-table .table th.is-current-sort, .vue-component-wrapper .cf-table .table th.is-current-sort { border-color: #7a7a7a; font-weight: 700; }
.catfish-classes .cf-table .table th.is-sortable:hover, .vue-component-wrapper .cf-table .table th.is-sortable:hover { border-color: #7a7a7a; }
.catfish-classes .cf-table .table th.is-sortable, .catfish-classes .cf-table .table th.is-sortable .th-wrap, .vue-component-wrapper .cf-table .table th.is-sortable, .vue-component-wrapper .cf-table .table th.is-sortable .th-wrap { cursor: pointer; }
@media screen and (max-width: 749px) { .catfish-classes .cf-table .table tr.checkable, .vue-component-wrapper .cf-table .table tr.checkable { display: flex !important; flex-direction: row-reverse; justify-content: space-between; } }
.catfish-classes .cf-table .table tr.is-selected .checkbox input:checked + .check, .vue-component-wrapper .cf-table .table tr.is-selected .checkbox input:checked + .check { background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23353E49' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; }
.catfish-classes .cf-table .table tr.is-selected .checkbox input + .check, .vue-component-wrapper .cf-table .table tr.is-selected .checkbox input + .check { border-color: #fff; }
.catfish-classes .cf-table .table tr.is-empty td, .vue-component-wrapper .cf-table .table tr.is-empty td { border: none; }
.catfish-classes .cf-table .table tr.is-empty:hover, .vue-component-wrapper .cf-table .table tr.is-empty:hover { background-color: transparent; }
.catfish-classes .cf-table .table tr:not(.is-selected).is-hovered, .vue-component-wrapper .cf-table .table tr:not(.is-selected).is-hovered { background: rgba(181, 181, 181, 0.35) !important; }
.catfish-classes .cf-table .table tr td.narrow, .vue-component-wrapper .cf-table .table tr td.narrow { max-width: 8rem; }
.catfish-classes .cf-table .table .detailed-cell, .vue-component-wrapper .cf-table .table .detailed-cell { width: 40px; }
.catfish-classes .cf-table .table .checkbox-cell, .vue-component-wrapper .cf-table .table .checkbox-cell { width: 40px; }
.catfish-classes .cf-table .table .checkbox-cell .checkbox, .vue-component-wrapper .cf-table .table .checkbox-cell .checkbox { vertical-align: middle; }
.catfish-classes .cf-table .table .checkbox-cell .checkbox .check, .vue-component-wrapper .cf-table .table .checkbox-cell .checkbox .check { transition: none; }
.catfish-classes .cf-table .table .detail > td, .vue-component-wrapper .cf-table .table .detail > td { box-shadow: inset 0 1px 3px #dbdbdb; background: #fafafa; }
.catfish-classes .cf-table .table .detail > td .detail-container, .vue-component-wrapper .cf-table .table .detail > td .detail-container { padding: 1rem; }
.catfish-classes .cf-table .table:focus, .vue-component-wrapper .cf-table .table:focus { border: 0.125em solid rgba(53, 62, 73, 0.5); }
.catfish-classes .cf-table .table.is-bordered th.is-current-sort, .catfish-classes .cf-table .table.is-bordered th.is-sortable:hover, .vue-component-wrapper .cf-table .table.is-bordered th.is-current-sort, .vue-component-wrapper .cf-table .table.is-bordered th.is-sortable:hover { border-color: #dbdbdb; background: #f5f5f5; }
@media screen and (max-width: 749px) { .catfish-classes .cf-table .table.has-mobile-cards thead, .vue-component-wrapper .cf-table .table.has-mobile-cards thead { display: none; }
.catfish-classes .cf-table .table.has-mobile-cards tfoot th, .vue-component-wrapper .cf-table .table.has-mobile-cards tfoot th { border: 0; display: inherit; }
.catfish-classes .cf-table .table.has-mobile-cards tr, .vue-component-wrapper .cf-table .table.has-mobile-cards tr { box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); max-width: 100%; position: relative; display: block; margin: 0.25em; }
.catfish-classes .cf-table .table.has-mobile-cards tr td, .vue-component-wrapper .cf-table .table.has-mobile-cards tr td { border: 0; display: inherit; }
.catfish-classes .cf-table .table.has-mobile-cards tr td.narrow, .vue-component-wrapper .cf-table .table.has-mobile-cards tr td.narrow { max-width: unset; }
.catfish-classes .cf-table .table.has-mobile-cards tr td:last-child, .vue-component-wrapper .cf-table .table.has-mobile-cards tr td:last-child { border-bottom: 0; }
.catfish-classes .cf-table .table.has-mobile-cards tr:not(:last-child), .vue-component-wrapper .cf-table .table.has-mobile-cards tr:not(:last-child) { margin-bottom: 1rem; }
.catfish-classes .cf-table .table.has-mobile-cards tr:not(.is-selected), .vue-component-wrapper .cf-table .table.has-mobile-cards tr:not(.is-selected) { background: inherit; }
.catfish-classes .cf-table .table.has-mobile-cards tr:not(.is-selected):hover, .vue-component-wrapper .cf-table .table.has-mobile-cards tr:not(.is-selected):hover { background-color: inherit; }
.catfish-classes .cf-table .table.has-mobile-cards tr.detail, .vue-component-wrapper .cf-table .table.has-mobile-cards tr.detail { margin-top: -1rem; }
.catfish-classes .cf-table .table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td, .vue-component-wrapper .cf-table .table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td { text-align: right; display: flex; width: auto; justify-content: flex-end; border-bottom: 1px solid #f5f5f5; }
.catfish-classes .cf-table .table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td:before, .vue-component-wrapper .cf-table .table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td:before { margin-right: auto ; padding-right: 0.5em ; text-align: left; content: attr(data-label); font-weight: 600; } }
.catfish-classes .cf-table .level, .vue-component-wrapper .cf-table .level { padding-bottom: 1.5rem; }
.catfish-classes .cf-table.is-loading, .vue-component-wrapper .cf-table.is-loading { position: relative; pointer-events: none; opacity: 0.5; }
.catfish-classes .cf-table.is-loading:after, .vue-component-wrapper .cf-table.is-loading:after { left: calc(50% - 2.5em) ; position: absolute; top: calc(50% - 2em); width: 5em; height: 5em; border-width: 0.25em; }
.catfish-classes .cf-tabs .tabs, .vue-component-wrapper .cf-tabs .tabs { margin-bottom: 0; }
.catfish-classes .cf-tabs .is-disabled, .vue-component-wrapper .cf-tabs .is-disabled { pointer-events: none; cursor: not-allowed; opacity: 0.5; }
.catfish-classes .cf-tabs .tab-content, .vue-component-wrapper .cf-tabs .tab-content { position: relative; display: flex; flex-direction: column; }
.catfish-classes .cf-tabs .tab-content .tab-item, .vue-component-wrapper .cf-tabs .tab-content .tab-item { flex-shrink: 0; flex-basis: 100%; }
.catfish-classes .cf-tabs:not(:last-child), .vue-component-wrapper .cf-tabs:not(:last-child) { margin-bottom: 1.5rem; }
.catfish-classes .leftTooltip .tooltip-html-container, .vue-component-wrapper .leftTooltip .tooltip-html-container { max-width: 45vw; width: max-content !important; transform: translateY(-35%) !important; }
@media screen and (max-width: 1079px) { .catfish-classes .leftTooltip .tooltip-html-container, .vue-component-wrapper .leftTooltip .tooltip-html-container { max-width: 80vw; } }
.catfish-classes .cf-tooltip, .vue-component-wrapper .cf-tooltip { position: relative; display: inline-flex; }
.catfish-classes .cf-tooltip.is-top:before, .catfish-classes .cf-tooltip.is-top:after, .catfish-classes .cf-tooltip.is-top .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-top:before, .vue-component-wrapper .cf-tooltip.is-top:after, .vue-component-wrapper .cf-tooltip.is-top .tooltip-html-container { top: auto; right: auto ; bottom: calc(100% + 5px + 2px); left: 50% ; transform: translateX(-50%); }
.catfish-classes .cf-tooltip.is-top.is-white:before, .vue-component-wrapper .cf-tooltip.is-top.is-white:before { border-top: 5px solid white; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-top.is-black:before, .vue-component-wrapper .cf-tooltip.is-top.is-black:before { border-top: 5px solid #0a0a0a; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-top.is-light:before, .vue-component-wrapper .cf-tooltip.is-top.is-light:before { border-top: 5px solid #f5f5f5; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-top.is-dark:before, .vue-component-wrapper .cf-tooltip.is-top.is-dark:before { border-top: 5px solid #4a4a4a; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-top.is-primary:before, .vue-component-wrapper .cf-tooltip.is-top.is-primary:before { border-top: 5px solid #353E49; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-top.is-secondary:before, .vue-component-wrapper .cf-tooltip.is-top.is-secondary:before { border-top: 5px solid #B86BFF; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-top.is-link:before, .vue-component-wrapper .cf-tooltip.is-top.is-link:before { border-top: 5px solid #353E49; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-top.is-info:before, .vue-component-wrapper .cf-tooltip.is-top.is-info:before { border-top: 5px solid #209CEE; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-top.is-success:before, .vue-component-wrapper .cf-tooltip.is-top.is-success:before { border-top: 5px solid #23D160; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-top.is-warning:before, .vue-component-wrapper .cf-tooltip.is-top.is-warning:before { border-top: 5px solid #FFDD57; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-top.is-danger:before, .vue-component-wrapper .cf-tooltip.is-top.is-danger:before { border-top: 5px solid #FF3860; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-top.is-multiline.is-small:after, .catfish-classes .cf-tooltip.is-top.is-multiline.is-small .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-top.is-multiline.is-small:after, .vue-component-wrapper .cf-tooltip.is-top.is-multiline.is-small .tooltip-html-container { width: 180px; }
.catfish-classes .cf-tooltip.is-top.is-multiline.is-medium:after, .catfish-classes .cf-tooltip.is-top.is-multiline.is-medium .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-top.is-multiline.is-medium:after, .vue-component-wrapper .cf-tooltip.is-top.is-multiline.is-medium .tooltip-html-container { width: 240px; }
.catfish-classes .cf-tooltip.is-top.is-multiline.is-large:after, .catfish-classes .cf-tooltip.is-top.is-multiline.is-large .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-top.is-multiline.is-large:after, .vue-component-wrapper .cf-tooltip.is-top.is-multiline.is-large .tooltip-html-container { width: 300px; }
.catfish-classes .cf-tooltip.is-right:before, .catfish-classes .cf-tooltip.is-right:after, .catfish-classes .cf-tooltip.is-right .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-right:before, .vue-component-wrapper .cf-tooltip.is-right:after, .vue-component-wrapper .cf-tooltip.is-right .tooltip-html-container { top: 50%; right: auto ; bottom: auto; left: calc(100% + 5px + 2px) ; transform: translateY(-50%); }
.catfish-classes .cf-tooltip.is-right.is-white:before, .vue-component-wrapper .cf-tooltip.is-right.is-white:before { border-top: 5px solid transparent; border-right: 5px solid white; border-bottom: 5px solid transparent; left: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-right.is-black:before, .vue-component-wrapper .cf-tooltip.is-right.is-black:before { border-top: 5px solid transparent; border-right: 5px solid #0a0a0a; border-bottom: 5px solid transparent; left: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-right.is-light:before, .vue-component-wrapper .cf-tooltip.is-right.is-light:before { border-top: 5px solid transparent; border-right: 5px solid #f5f5f5; border-bottom: 5px solid transparent; left: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-right.is-dark:before, .vue-component-wrapper .cf-tooltip.is-right.is-dark:before { border-top: 5px solid transparent; border-right: 5px solid #4a4a4a; border-bottom: 5px solid transparent; left: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-right.is-primary:before, .vue-component-wrapper .cf-tooltip.is-right.is-primary:before { border-top: 5px solid transparent; border-right: 5px solid #353E49; border-bottom: 5px solid transparent; left: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-right.is-secondary:before, .vue-component-wrapper .cf-tooltip.is-right.is-secondary:before { border-top: 5px solid transparent; border-right: 5px solid #B86BFF; border-bottom: 5px solid transparent; left: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-right.is-link:before, .vue-component-wrapper .cf-tooltip.is-right.is-link:before { border-top: 5px solid transparent; border-right: 5px solid #353E49; border-bottom: 5px solid transparent; left: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-right.is-info:before, .vue-component-wrapper .cf-tooltip.is-right.is-info:before { border-top: 5px solid transparent; border-right: 5px solid #209CEE; border-bottom: 5px solid transparent; left: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-right.is-success:before, .vue-component-wrapper .cf-tooltip.is-right.is-success:before { border-top: 5px solid transparent; border-right: 5px solid #23D160; border-bottom: 5px solid transparent; left: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-right.is-warning:before, .vue-component-wrapper .cf-tooltip.is-right.is-warning:before { border-top: 5px solid transparent; border-right: 5px solid #FFDD57; border-bottom: 5px solid transparent; left: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-right.is-danger:before, .vue-component-wrapper .cf-tooltip.is-right.is-danger:before { border-top: 5px solid transparent; border-right: 5px solid #FF3860; border-bottom: 5px solid transparent; left: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-right.is-multiline.is-small:after, .catfish-classes .cf-tooltip.is-right.is-multiline.is-small .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-right.is-multiline.is-small:after, .vue-component-wrapper .cf-tooltip.is-right.is-multiline.is-small .tooltip-html-container { width: 180px; }
.catfish-classes .cf-tooltip.is-right.is-multiline.is-medium:after, .catfish-classes .cf-tooltip.is-right.is-multiline.is-medium .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-right.is-multiline.is-medium:after, .vue-component-wrapper .cf-tooltip.is-right.is-multiline.is-medium .tooltip-html-container { width: 240px; }
.catfish-classes .cf-tooltip.is-right.is-multiline.is-large:after, .catfish-classes .cf-tooltip.is-right.is-multiline.is-large .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-right.is-multiline.is-large:after, .vue-component-wrapper .cf-tooltip.is-right.is-multiline.is-large .tooltip-html-container { width: 300px; }
.catfish-classes .cf-tooltip.is-bottom:before, .catfish-classes .cf-tooltip.is-bottom:after, .catfish-classes .cf-tooltip.is-bottom .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-bottom:before, .vue-component-wrapper .cf-tooltip.is-bottom:after, .vue-component-wrapper .cf-tooltip.is-bottom .tooltip-html-container { top: calc(100% + 5px + 2px); right: auto ; bottom: auto; left: 50% ; transform: translateX(-50%); }
.catfish-classes .cf-tooltip.is-bottom.is-white:before, .vue-component-wrapper .cf-tooltip.is-bottom.is-white:before { border-right: 5px solid transparent; border-bottom: 5px solid white; border-left: 5px solid transparent; top: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-bottom.is-black:before, .vue-component-wrapper .cf-tooltip.is-bottom.is-black:before { border-right: 5px solid transparent; border-bottom: 5px solid #0a0a0a; border-left: 5px solid transparent; top: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-bottom.is-light:before, .vue-component-wrapper .cf-tooltip.is-bottom.is-light:before { border-right: 5px solid transparent; border-bottom: 5px solid #f5f5f5; border-left: 5px solid transparent; top: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-bottom.is-dark:before, .vue-component-wrapper .cf-tooltip.is-bottom.is-dark:before { border-right: 5px solid transparent; border-bottom: 5px solid #4a4a4a; border-left: 5px solid transparent; top: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-bottom.is-primary:before, .vue-component-wrapper .cf-tooltip.is-bottom.is-primary:before { border-right: 5px solid transparent; border-bottom: 5px solid #353E49; border-left: 5px solid transparent; top: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-bottom.is-secondary:before, .vue-component-wrapper .cf-tooltip.is-bottom.is-secondary:before { border-right: 5px solid transparent; border-bottom: 5px solid #B86BFF; border-left: 5px solid transparent; top: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-bottom.is-link:before, .vue-component-wrapper .cf-tooltip.is-bottom.is-link:before { border-right: 5px solid transparent; border-bottom: 5px solid #353E49; border-left: 5px solid transparent; top: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-bottom.is-info:before, .vue-component-wrapper .cf-tooltip.is-bottom.is-info:before { border-right: 5px solid transparent; border-bottom: 5px solid #209CEE; border-left: 5px solid transparent; top: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-bottom.is-success:before, .vue-component-wrapper .cf-tooltip.is-bottom.is-success:before { border-right: 5px solid transparent; border-bottom: 5px solid #23D160; border-left: 5px solid transparent; top: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-bottom.is-warning:before, .vue-component-wrapper .cf-tooltip.is-bottom.is-warning:before { border-right: 5px solid transparent; border-bottom: 5px solid #FFDD57; border-left: 5px solid transparent; top: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-bottom.is-danger:before, .vue-component-wrapper .cf-tooltip.is-bottom.is-danger:before { border-right: 5px solid transparent; border-bottom: 5px solid #FF3860; border-left: 5px solid transparent; top: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-bottom.is-multiline.is-small:after, .catfish-classes .cf-tooltip.is-bottom.is-multiline.is-small .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-bottom.is-multiline.is-small:after, .vue-component-wrapper .cf-tooltip.is-bottom.is-multiline.is-small .tooltip-html-container { width: 180px; }
.catfish-classes .cf-tooltip.is-bottom.is-multiline.is-medium:after, .catfish-classes .cf-tooltip.is-bottom.is-multiline.is-medium .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-bottom.is-multiline.is-medium:after, .vue-component-wrapper .cf-tooltip.is-bottom.is-multiline.is-medium .tooltip-html-container { width: 240px; }
.catfish-classes .cf-tooltip.is-bottom.is-multiline.is-large:after, .catfish-classes .cf-tooltip.is-bottom.is-multiline.is-large .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-bottom.is-multiline.is-large:after, .vue-component-wrapper .cf-tooltip.is-bottom.is-multiline.is-large .tooltip-html-container { width: 300px; }
.catfish-classes .cf-tooltip.is-left:before, .catfish-classes .cf-tooltip.is-left:after, .catfish-classes .cf-tooltip.is-left .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-left:before, .vue-component-wrapper .cf-tooltip.is-left:after, .vue-component-wrapper .cf-tooltip.is-left .tooltip-html-container { top: 50%; right: calc(100% + 5px + 2px) ; bottom: auto; left: auto ; transform: translateY(-50%); }
.catfish-classes .cf-tooltip.is-left.is-white:before, .vue-component-wrapper .cf-tooltip.is-left.is-white:before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid white; right: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-left.is-black:before, .vue-component-wrapper .cf-tooltip.is-left.is-black:before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #0a0a0a; right: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-left.is-light:before, .vue-component-wrapper .cf-tooltip.is-left.is-light:before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #f5f5f5; right: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-left.is-dark:before, .vue-component-wrapper .cf-tooltip.is-left.is-dark:before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #4a4a4a; right: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-left.is-primary:before, .vue-component-wrapper .cf-tooltip.is-left.is-primary:before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #353E49; right: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-left.is-secondary:before, .vue-component-wrapper .cf-tooltip.is-left.is-secondary:before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #B86BFF; right: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-left.is-link:before, .vue-component-wrapper .cf-tooltip.is-left.is-link:before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #353E49; right: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-left.is-info:before, .vue-component-wrapper .cf-tooltip.is-left.is-info:before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #209CEE; right: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-left.is-success:before, .vue-component-wrapper .cf-tooltip.is-left.is-success:before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #23D160; right: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-left.is-warning:before, .vue-component-wrapper .cf-tooltip.is-left.is-warning:before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #FFDD57; right: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-left.is-danger:before, .vue-component-wrapper .cf-tooltip.is-left.is-danger:before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #FF3860; right: calc(100% + 2px); }
.catfish-classes .cf-tooltip.is-left.is-multiline.is-small:after, .catfish-classes .cf-tooltip.is-left.is-multiline.is-small .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-left.is-multiline.is-small:after, .vue-component-wrapper .cf-tooltip.is-left.is-multiline.is-small .tooltip-html-container { width: 180px; }
.catfish-classes .cf-tooltip.is-left.is-multiline.is-medium:after, .catfish-classes .cf-tooltip.is-left.is-multiline.is-medium .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-left.is-multiline.is-medium:after, .vue-component-wrapper .cf-tooltip.is-left.is-multiline.is-medium .tooltip-html-container { width: 240px; }
.catfish-classes .cf-tooltip.is-left.is-multiline.is-large:after, .catfish-classes .cf-tooltip.is-left.is-multiline.is-large .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-left.is-multiline.is-large:after, .vue-component-wrapper .cf-tooltip.is-left.is-multiline.is-large .tooltip-html-container { width: 300px; }
.catfish-classes .cf-tooltip:before, .catfish-classes .cf-tooltip:after, .catfish-classes .cf-tooltip .tooltip-html-container, .vue-component-wrapper .cf-tooltip:before, .vue-component-wrapper .cf-tooltip:after, .vue-component-wrapper .cf-tooltip .tooltip-html-container { position: absolute; content: ''; opacity: 0; visibility: hidden; pointer-events: none; word-break: break-word; }
.catfish-classes .cf-tooltip:before, .vue-component-wrapper .cf-tooltip:before { z-index: 889; }
.catfish-classes .cf-tooltip:after, .catfish-classes .cf-tooltip .tooltip-html-container, .vue-component-wrapper .cf-tooltip:after, .vue-component-wrapper .cf-tooltip .tooltip-html-container { content: attr(data-label); width: auto; padding: 0.35em 0.75em; border-radius: 6px; font-size: 11px; font-weight: 400; box-shadow: 0px 1px 2px 1px rgba(0, 1, 0, 0.2); z-index: 888; white-space: nowrap; }
.catfish-classes .cf-tooltip:not([data-label='']):hover:before, .catfish-classes .cf-tooltip:not([data-label='']):hover:after, .vue-component-wrapper .cf-tooltip:not([data-label='']):hover:before, .vue-component-wrapper .cf-tooltip:not([data-label='']):hover:after { opacity: 1; visibility: visible; }
.catfish-classes .cf-tooltip:hover:before, .catfish-classes .cf-tooltip:hover .tooltip-html-container, .vue-component-wrapper .cf-tooltip:hover:before, .vue-component-wrapper .cf-tooltip:hover .tooltip-html-container { opacity: 1; visibility: visible; }
.catfish-classes .cf-tooltip.is-full-width, .vue-component-wrapper .cf-tooltip.is-full-width { width: 100%; }
.catfish-classes .cf-tooltip.is-white:after, .catfish-classes .cf-tooltip.is-white .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-white:after, .vue-component-wrapper .cf-tooltip.is-white .tooltip-html-container { background: white; color: #0a0a0a; }
.catfish-classes .cf-tooltip.is-black:after, .catfish-classes .cf-tooltip.is-black .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-black:after, .vue-component-wrapper .cf-tooltip.is-black .tooltip-html-container { background: #0a0a0a; color: white; }
.catfish-classes .cf-tooltip.is-light:after, .catfish-classes .cf-tooltip.is-light .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-light:after, .vue-component-wrapper .cf-tooltip.is-light .tooltip-html-container { background: #f5f5f5; color: rgba(25, 25, 25, 0.7); }
.catfish-classes .cf-tooltip.is-dark:after, .catfish-classes .cf-tooltip.is-dark .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-dark:after, .vue-component-wrapper .cf-tooltip.is-dark .tooltip-html-container { background: #4a4a4a; color: #fff; }
.catfish-classes .cf-tooltip.is-primary:after, .catfish-classes .cf-tooltip.is-primary .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-primary:after, .vue-component-wrapper .cf-tooltip.is-primary .tooltip-html-container { background: #353E49; color: #fff; }
.catfish-classes .cf-tooltip.is-secondary:after, .catfish-classes .cf-tooltip.is-secondary .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-secondary:after, .vue-component-wrapper .cf-tooltip.is-secondary .tooltip-html-container { background: #B86BFF; color: #fff; }
.catfish-classes .cf-tooltip.is-link:after, .catfish-classes .cf-tooltip.is-link .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-link:after, .vue-component-wrapper .cf-tooltip.is-link .tooltip-html-container { background: #353E49; color: #fff; }
.catfish-classes .cf-tooltip.is-info:after, .catfish-classes .cf-tooltip.is-info .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-info:after, .vue-component-wrapper .cf-tooltip.is-info .tooltip-html-container { background: #209CEE; color: #fff; }
.catfish-classes .cf-tooltip.is-success:after, .catfish-classes .cf-tooltip.is-success .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-success:after, .vue-component-wrapper .cf-tooltip.is-success .tooltip-html-container { background: #23D160; color: #fff; }
.catfish-classes .cf-tooltip.is-warning:after, .catfish-classes .cf-tooltip.is-warning .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-warning:after, .vue-component-wrapper .cf-tooltip.is-warning .tooltip-html-container { background: #FFDD57; color: rgba(26, 22, 9, 0.7); }
.catfish-classes .cf-tooltip.is-danger:after, .catfish-classes .cf-tooltip.is-danger .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-danger:after, .vue-component-wrapper .cf-tooltip.is-danger .tooltip-html-container { background: #FF3860; color: #fff; }
.catfish-classes .cf-tooltip:not([data-label='']).is-always:before, .catfish-classes .cf-tooltip:not([data-label='']).is-always:after, .vue-component-wrapper .cf-tooltip:not([data-label='']).is-always:before, .vue-component-wrapper .cf-tooltip:not([data-label='']).is-always:after { opacity: 1; visibility: visible; }
.catfish-classes .cf-tooltip.is-always .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-always .tooltip-html-container { opacity: 1; visibility: visible; }
.catfish-classes .cf-tooltip.is-multiline:after, .catfish-classes .cf-tooltip.is-multiline .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-multiline:after, .vue-component-wrapper .cf-tooltip.is-multiline .tooltip-html-container { display: flex-block; text-align: center; white-space: normal; }
.catfish-classes .cf-tooltip.is-dashed, .vue-component-wrapper .cf-tooltip.is-dashed { border-bottom: 1px dashed #b5b5b5; cursor: default; }
.catfish-classes .cf-tooltip.is-square:after, .catfish-classes .cf-tooltip.is-square .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-square:after, .vue-component-wrapper .cf-tooltip.is-square .tooltip-html-container { border-radius: 0; }
.catfish-classes .cf-tooltip.is-animated:before, .catfish-classes .cf-tooltip.is-animated:after, .catfish-classes .cf-tooltip.is-animated .tooltip-html-container, .vue-component-wrapper .cf-tooltip.is-animated:before, .vue-component-wrapper .cf-tooltip.is-animated:after, .vue-component-wrapper .cf-tooltip.is-animated .tooltip-html-container { transition: opacity 86ms ease-out, visibility 86ms ease-out; }
.catfish-classes .taginput .taginput-container.is-focusable, .vue-component-wrapper .taginput .taginput-container.is-focusable { background-color: #FFFFFF; border-color: #353E49; border-width: 1px; color: #363636; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); min-width: 0; max-width: 100%; width: 100%; padding-bottom: 0; align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-start; height: auto; cursor: text; }
.catfish-classes .taginput .taginput-container.is-focusable::-moz-placeholder, .vue-component-wrapper .taginput .taginput-container.is-focusable::-moz-placeholder { color: rgba(54, 54, 54, 0.3); }
.catfish-classes .taginput .taginput-container.is-focusable::-webkit-input-placeholder, .vue-component-wrapper .taginput .taginput-container.is-focusable::-webkit-input-placeholder { color: rgba(54, 54, 54, 0.3); }
.catfish-classes .taginput .taginput-container.is-focusable:-moz-placeholder, .vue-component-wrapper .taginput .taginput-container.is-focusable:-moz-placeholder { color: rgba(54, 54, 54, 0.3); }
.catfish-classes .taginput .taginput-container.is-focusable:-ms-input-placeholder, .vue-component-wrapper .taginput .taginput-container.is-focusable:-ms-input-placeholder { color: rgba(54, 54, 54, 0.3); }
.catfish-classes .taginput .taginput-container.is-focusable:hover, .catfish-classes .taginput .taginput-container.is-focusable.is-hovered, .vue-component-wrapper .taginput .taginput-container.is-focusable:hover, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-hovered { border-color: #b5b5b5; }
.catfish-classes .taginput .taginput-container.is-focusable:focus, .catfish-classes .taginput .taginput-container.is-focusable.is-focused, .catfish-classes .taginput .taginput-container.is-focusable:active, .catfish-classes .taginput .taginput-container.is-focusable.is-active, .vue-component-wrapper .taginput .taginput-container.is-focusable:focus, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-focused, .vue-component-wrapper .taginput .taginput-container.is-focusable:active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-active { border-color: #353E49; box-shadow: 0 0 0 0.125em rgba(53, 62, 73, 0.25); }
.catfish-classes .taginput .taginput-container.is-focusable[readonly], .catfish-classes .taginput .taginput-container.is-focusable[disabled], .vue-component-wrapper .taginput .taginput-container.is-focusable[readonly], .vue-component-wrapper .taginput .taginput-container.is-focusable[disabled] { background-color: #f5f5f5; border-color: #f5f5f5; box-shadow: none; color: #4a4a4a; }
.catfish-classes .taginput .taginput-container.is-focusable[readonly]::-moz-placeholder, .catfish-classes .taginput .taginput-container.is-focusable[disabled]::-moz-placeholder, .vue-component-wrapper .taginput .taginput-container.is-focusable[readonly]::-moz-placeholder, .vue-component-wrapper .taginput .taginput-container.is-focusable[disabled]::-moz-placeholder { color: rgba(74, 74, 74, 0.3); }
.catfish-classes .taginput .taginput-container.is-focusable[readonly]::-webkit-input-placeholder, .catfish-classes .taginput .taginput-container.is-focusable[disabled]::-webkit-input-placeholder, .vue-component-wrapper .taginput .taginput-container.is-focusable[readonly]::-webkit-input-placeholder, .vue-component-wrapper .taginput .taginput-container.is-focusable[disabled]::-webkit-input-placeholder { color: rgba(74, 74, 74, 0.3); }
.catfish-classes .taginput .taginput-container.is-focusable[readonly]:-moz-placeholder, .catfish-classes .taginput .taginput-container.is-focusable[disabled]:-moz-placeholder, .vue-component-wrapper .taginput .taginput-container.is-focusable[readonly]:-moz-placeholder, .vue-component-wrapper .taginput .taginput-container.is-focusable[disabled]:-moz-placeholder { color: rgba(74, 74, 74, 0.3); }
.catfish-classes .taginput .taginput-container.is-focusable[readonly]:-ms-input-placeholder, .catfish-classes .taginput .taginput-container.is-focusable[disabled]:-ms-input-placeholder, .vue-component-wrapper .taginput .taginput-container.is-focusable[readonly]:-ms-input-placeholder, .vue-component-wrapper .taginput .taginput-container.is-focusable[disabled]:-ms-input-placeholder { color: rgba(74, 74, 74, 0.3); }
.catfish-classes .taginput .taginput-container.is-focusable[disabled], .catfish-classes .taginput .taginput-container.is-focusable[readonly], .vue-component-wrapper .taginput .taginput-container.is-focusable[disabled], .vue-component-wrapper .taginput .taginput-container.is-focusable[readonly] { box-shadow: none; }
.catfish-classes .taginput .taginput-container.is-focusable.is-white, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-white { border-color: white; }
.catfish-classes .taginput .taginput-container.is-focusable.is-white:focus, .catfish-classes .taginput .taginput-container.is-focusable.is-white.is-focused, .catfish-classes .taginput .taginput-container.is-focusable.is-white:active, .catfish-classes .taginput .taginput-container.is-focusable.is-white.is-active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-white:focus, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-white.is-focused, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-white:active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-white.is-active { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
.catfish-classes .taginput .taginput-container.is-focusable.is-black, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-black { border-color: #0a0a0a; }
.catfish-classes .taginput .taginput-container.is-focusable.is-black:focus, .catfish-classes .taginput .taginput-container.is-focusable.is-black.is-focused, .catfish-classes .taginput .taginput-container.is-focusable.is-black:active, .catfish-classes .taginput .taginput-container.is-focusable.is-black.is-active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-black:focus, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-black.is-focused, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-black:active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-black.is-active { box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
.catfish-classes .taginput .taginput-container.is-focusable.is-light, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-light { border-color: #f5f5f5; }
.catfish-classes .taginput .taginput-container.is-focusable.is-light:focus, .catfish-classes .taginput .taginput-container.is-focusable.is-light.is-focused, .catfish-classes .taginput .taginput-container.is-focusable.is-light:active, .catfish-classes .taginput .taginput-container.is-focusable.is-light.is-active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-light:focus, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-light.is-focused, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-light:active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-light.is-active { box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
.catfish-classes .taginput .taginput-container.is-focusable.is-dark, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-dark { border-color: #4a4a4a; }
.catfish-classes .taginput .taginput-container.is-focusable.is-dark:focus, .catfish-classes .taginput .taginput-container.is-focusable.is-dark.is-focused, .catfish-classes .taginput .taginput-container.is-focusable.is-dark:active, .catfish-classes .taginput .taginput-container.is-focusable.is-dark.is-active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-dark:focus, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-dark.is-focused, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-dark:active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-dark.is-active { box-shadow: 0 0 0 0.125em rgba(74, 74, 74, 0.25); }
.catfish-classes .taginput .taginput-container.is-focusable.is-primary, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-primary { border-color: #353E49; }
.catfish-classes .taginput .taginput-container.is-focusable.is-primary:focus, .catfish-classes .taginput .taginput-container.is-focusable.is-primary.is-focused, .catfish-classes .taginput .taginput-container.is-focusable.is-primary:active, .catfish-classes .taginput .taginput-container.is-focusable.is-primary.is-active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-primary:focus, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-primary.is-focused, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-primary:active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-primary.is-active { box-shadow: 0 0 0 0.125em rgba(53, 62, 73, 0.25); }
.catfish-classes .taginput .taginput-container.is-focusable.is-secondary, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-secondary { border-color: #B86BFF; }
.catfish-classes .taginput .taginput-container.is-focusable.is-secondary:focus, .catfish-classes .taginput .taginput-container.is-focusable.is-secondary.is-focused, .catfish-classes .taginput .taginput-container.is-focusable.is-secondary:active, .catfish-classes .taginput .taginput-container.is-focusable.is-secondary.is-active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-secondary:focus, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-secondary.is-focused, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-secondary:active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-secondary.is-active { box-shadow: 0 0 0 0.125em rgba(184, 107, 255, 0.25); }
.catfish-classes .taginput .taginput-container.is-focusable.is-link, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-link { border-color: #353E49; }
.catfish-classes .taginput .taginput-container.is-focusable.is-link:focus, .catfish-classes .taginput .taginput-container.is-focusable.is-link.is-focused, .catfish-classes .taginput .taginput-container.is-focusable.is-link:active, .catfish-classes .taginput .taginput-container.is-focusable.is-link.is-active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-link:focus, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-link.is-focused, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-link:active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-link.is-active { box-shadow: 0 0 0 0.125em rgba(53, 62, 73, 0.25); }
.catfish-classes .taginput .taginput-container.is-focusable.is-info, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-info { border-color: #209CEE; }
.catfish-classes .taginput .taginput-container.is-focusable.is-info:focus, .catfish-classes .taginput .taginput-container.is-focusable.is-info.is-focused, .catfish-classes .taginput .taginput-container.is-focusable.is-info:active, .catfish-classes .taginput .taginput-container.is-focusable.is-info.is-active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-info:focus, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-info.is-focused, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-info:active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-info.is-active { box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); }
.catfish-classes .taginput .taginput-container.is-focusable.is-success, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-success { border-color: #23D160; }
.catfish-classes .taginput .taginput-container.is-focusable.is-success:focus, .catfish-classes .taginput .taginput-container.is-focusable.is-success.is-focused, .catfish-classes .taginput .taginput-container.is-focusable.is-success:active, .catfish-classes .taginput .taginput-container.is-focusable.is-success.is-active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-success:focus, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-success.is-focused, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-success:active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-success.is-active { box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); }
.catfish-classes .taginput .taginput-container.is-focusable.is-warning, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-warning { border-color: #FFDD57; }
.catfish-classes .taginput .taginput-container.is-focusable.is-warning:focus, .catfish-classes .taginput .taginput-container.is-focusable.is-warning.is-focused, .catfish-classes .taginput .taginput-container.is-focusable.is-warning:active, .catfish-classes .taginput .taginput-container.is-focusable.is-warning.is-active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-warning:focus, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-warning.is-focused, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-warning:active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-warning.is-active { box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); }
.catfish-classes .taginput .taginput-container.is-focusable.is-danger, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-danger { border-color: #FF3860; }
.catfish-classes .taginput .taginput-container.is-focusable.is-danger:focus, .catfish-classes .taginput .taginput-container.is-focusable.is-danger.is-focused, .catfish-classes .taginput .taginput-container.is-focusable.is-danger:active, .catfish-classes .taginput .taginput-container.is-focusable.is-danger.is-active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-danger:focus, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-danger.is-focused, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-danger:active, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-danger.is-active { box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); }
.catfish-classes .taginput .taginput-container.is-focusable.is-small, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-small { border-radius: 2px; font-size: 0.833em; }
.catfish-classes .taginput .taginput-container.is-focusable.is-medium, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-medium { font-size: 1.2em; }
.catfish-classes .taginput .taginput-container.is-focusable.is-large, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-large { font-size: 1.44em; }
.catfish-classes .taginput .taginput-container.is-focusable.is-fullwidth, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-fullwidth { display: block; width: 100%; }
.catfish-classes .taginput .taginput-container.is-focusable.is-inline, .vue-component-wrapper .taginput .taginput-container.is-focusable.is-inline { display: inline; width: auto; }
.catfish-classes .taginput .taginput-container > .tag, .catfish-classes .taginput .taginput-container > .tags, .vue-component-wrapper .taginput .taginput-container > .tag, .vue-component-wrapper .taginput .taginput-container > .tags { margin-bottom: calc(0.375em - 1px); font-size: 0.9em; height: 2.75em; }
.catfish-classes .taginput .taginput-container > .tag .tag, .catfish-classes .taginput .taginput-container > .tags .tag, .vue-component-wrapper .taginput .taginput-container > .tag .tag, .vue-component-wrapper .taginput .taginput-container > .tags .tag { margin-bottom: 0; font-size: 0.9em; height: 2.75em; }
.catfish-classes .taginput .taginput-container > .tag:not(:last-child), .catfish-classes .taginput .taginput-container > .tags:not(:last-child), .vue-component-wrapper .taginput .taginput-container > .tag:not(:last-child), .vue-component-wrapper .taginput .taginput-container > .tags:not(:last-child) { margin-right: 0.375rem ; }
.catfish-classes .taginput .taginput-container .autocomplete, .vue-component-wrapper .taginput .taginput-container .autocomplete { flex: 1; }
.catfish-classes .taginput .taginput-container .autocomplete input, .vue-component-wrapper .taginput .taginput-container .autocomplete input { height: 2em; margin-bottom: calc(0.375em - 1px); padding-top: 0; padding-bottom: 0; border: none; box-shadow: none; }
.catfish-classes .taginput .taginput-container .autocomplete input:focus, .vue-component-wrapper .taginput .taginput-container .autocomplete input:focus { box-shadow: none !important; }
.catfish-classes .cf-upload input[type='file'], .vue-component-wrapper .cf-upload input[type='file'] { display: inline-block; position: absolute; opacity: 0; }
.catfish-classes .cf-upload .cf-upload-draggable, .vue-component-wrapper .cf-upload .cf-upload-draggable { display: inline-block; cursor: pointer; padding: 0.25em; border: 1px dashed #b5b5b5; border-radius: 6px; }
.catfish-classes .cf-upload .cf-upload-draggable.is-disabled, .vue-component-wrapper .cf-upload .cf-upload-draggable.is-disabled { opacity: 0.5; cursor: not-allowed; }
.catfish-classes .cf-upload .cf-upload-draggable.is-loading, .vue-component-wrapper .cf-upload .cf-upload-draggable.is-loading { position: relative; pointer-events: none; opacity: 0.5; }
.catfish-classes .cf-upload .cf-upload-draggable.is-loading:after, .vue-component-wrapper .cf-upload .cf-upload-draggable.is-loading:after { left: calc(50% - 1.5em) ; top: 0; width: 3em; height: 3em; border-width: 0.25em; }
.catfish-classes .cf-upload .cf-upload-draggable:hover.is-white, .catfish-classes .cf-upload .cf-upload-draggable.is-hovered.is-white, .vue-component-wrapper .cf-upload .cf-upload-draggable:hover.is-white, .vue-component-wrapper .cf-upload .cf-upload-draggable.is-hovered.is-white { border-color: white; background: rgba(255, 255, 255, 0.05); }
.catfish-classes .cf-upload .cf-upload-draggable:hover.is-black, .catfish-classes .cf-upload .cf-upload-draggable.is-hovered.is-black, .vue-component-wrapper .cf-upload .cf-upload-draggable:hover.is-black, .vue-component-wrapper .cf-upload .cf-upload-draggable.is-hovered.is-black { border-color: #0a0a0a; background: rgba(10, 10, 10, 0.05); }
.catfish-classes .cf-upload .cf-upload-draggable:hover.is-light, .catfish-classes .cf-upload .cf-upload-draggable.is-hovered.is-light, .vue-component-wrapper .cf-upload .cf-upload-draggable:hover.is-light, .vue-component-wrapper .cf-upload .cf-upload-draggable.is-hovered.is-light { border-color: #f5f5f5; background: rgba(245, 245, 245, 0.05); }
.catfish-classes .cf-upload .cf-upload-draggable:hover.is-dark, .catfish-classes .cf-upload .cf-upload-draggable.is-hovered.is-dark, .vue-component-wrapper .cf-upload .cf-upload-draggable:hover.is-dark, .vue-component-wrapper .cf-upload .cf-upload-draggable.is-hovered.is-dark { border-color: #4a4a4a; background: rgba(74, 74, 74, 0.05); }
.catfish-classes .cf-upload .cf-upload-draggable:hover.is-primary, .catfish-classes .cf-upload .cf-upload-draggable.is-hovered.is-primary, .vue-component-wrapper .cf-upload .cf-upload-draggable:hover.is-primary, .vue-component-wrapper .cf-upload .cf-upload-draggable.is-hovered.is-primary { border-color: #353E49; background: rgba(53, 62, 73, 0.05); }
.catfish-classes .cf-upload .cf-upload-draggable:hover.is-secondary, .catfish-classes .cf-upload .cf-upload-draggable.is-hovered.is-secondary, .vue-component-wrapper .cf-upload .cf-upload-draggable:hover.is-secondary, .vue-component-wrapper .cf-upload .cf-upload-draggable.is-hovered.is-secondary { border-color: #B86BFF; background: rgba(184, 107, 255, 0.05); }
.catfish-classes .cf-upload .cf-upload-draggable:hover.is-link, .catfish-classes .cf-upload .cf-upload-draggable.is-hovered.is-link, .vue-component-wrapper .cf-upload .cf-upload-draggable:hover.is-link, .vue-component-wrapper .cf-upload .cf-upload-draggable.is-hovered.is-link { border-color: #353E49; background: rgba(53, 62, 73, 0.05); }
.catfish-classes .cf-upload .cf-upload-draggable:hover.is-info, .catfish-classes .cf-upload .cf-upload-draggable.is-hovered.is-info, .vue-component-wrapper .cf-upload .cf-upload-draggable:hover.is-info, .vue-component-wrapper .cf-upload .cf-upload-draggable.is-hovered.is-info { border-color: #209CEE; background: rgba(32, 156, 238, 0.05); }
.catfish-classes .cf-upload .cf-upload-draggable:hover.is-success, .catfish-classes .cf-upload .cf-upload-draggable.is-hovered.is-success, .vue-component-wrapper .cf-upload .cf-upload-draggable:hover.is-success, .vue-component-wrapper .cf-upload .cf-upload-draggable.is-hovered.is-success { border-color: #23D160; background: rgba(35, 209, 96, 0.05); }
.catfish-classes .cf-upload .cf-upload-draggable:hover.is-warning, .catfish-classes .cf-upload .cf-upload-draggable.is-hovered.is-warning, .vue-component-wrapper .cf-upload .cf-upload-draggable:hover.is-warning, .vue-component-wrapper .cf-upload .cf-upload-draggable.is-hovered.is-warning { border-color: #FFDD57; background: rgba(255, 221, 87, 0.05); }
.catfish-classes .cf-upload .cf-upload-draggable:hover.is-danger, .catfish-classes .cf-upload .cf-upload-draggable.is-hovered.is-danger, .vue-component-wrapper .cf-upload .cf-upload-draggable:hover.is-danger, .vue-component-wrapper .cf-upload .cf-upload-draggable.is-hovered.is-danger { border-color: #FF3860; background: rgba(255, 56, 96, 0.05); }
.catfish-classes div.cf-upload-file input[type='file'], .vue-component-wrapper div.cf-upload-file input[type='file'] { display: inline-block; position: absolute; opacity: 0; }
.catfish-classes div.cf-upload-file label.upload-label, .vue-component-wrapper div.cf-upload-file label.upload-label { display: block; }
.catfish-classes div.cf-upload-file .loader-wrapper, .vue-component-wrapper div.cf-upload-file .loader-wrapper { left: 0; position: fixed; background-color: rgba(0, 0, 0, 0.5); z-index: 100; }
.catfish-classes div.cf-upload-file .loader-wrapper .loader, .vue-component-wrapper div.cf-upload-file .loader-wrapper .loader { font-size: 5rem; }
.catfish-classes div.cf-upload-file .cf-upload-container, .vue-component-wrapper div.cf-upload-file .cf-upload-container { border: 1px dashed #b5b5b5; border-radius: 6px; }
.catfish-classes div.cf-upload-file .cf-upload-container:focus, .catfish-classes div.cf-upload-file .cf-upload-container:focus-within, .vue-component-wrapper div.cf-upload-file .cf-upload-container:focus, .vue-component-wrapper div.cf-upload-file .cf-upload-container:focus-within { border: 1px solid #353E49 !important; }
.catfish-classes div.cf-upload-file .cf-upload-container.is-disabled, .vue-component-wrapper div.cf-upload-file .cf-upload-container.is-disabled { opacity: 0.5; cursor: not-allowed; }
.catfish-classes div.cf-upload-file .cf-upload-container:hover.is-white, .catfish-classes div.cf-upload-file .cf-upload-container.is-hovered.is-white, .vue-component-wrapper div.cf-upload-file .cf-upload-container:hover.is-white, .vue-component-wrapper div.cf-upload-file .cf-upload-container.is-hovered.is-white { border-color: white; background: rgba(255, 255, 255, 0.05); }
.catfish-classes div.cf-upload-file .cf-upload-container:hover.is-black, .catfish-classes div.cf-upload-file .cf-upload-container.is-hovered.is-black, .vue-component-wrapper div.cf-upload-file .cf-upload-container:hover.is-black, .vue-component-wrapper div.cf-upload-file .cf-upload-container.is-hovered.is-black { border-color: #0a0a0a; background: rgba(10, 10, 10, 0.05); }
.catfish-classes div.cf-upload-file .cf-upload-container:hover.is-light, .catfish-classes div.cf-upload-file .cf-upload-container.is-hovered.is-light, .vue-component-wrapper div.cf-upload-file .cf-upload-container:hover.is-light, .vue-component-wrapper div.cf-upload-file .cf-upload-container.is-hovered.is-light { border-color: #f5f5f5; background: rgba(245, 245, 245, 0.05); }
.catfish-classes div.cf-upload-file .cf-upload-container:hover.is-dark, .catfish-classes div.cf-upload-file .cf-upload-container.is-hovered.is-dark, .vue-component-wrapper div.cf-upload-file .cf-upload-container:hover.is-dark, .vue-component-wrapper div.cf-upload-file .cf-upload-container.is-hovered.is-dark { border-color: #4a4a4a; background: rgba(74, 74, 74, 0.05); }
.catfish-classes div.cf-upload-file .cf-upload-container:hover.is-primary, .catfish-classes div.cf-upload-file .cf-upload-container.is-hovered.is-primary, .vue-component-wrapper div.cf-upload-file .cf-upload-container:hover.is-primary, .vue-component-wrapper div.cf-upload-file .cf-upload-container.is-hovered.is-primary { border-color: #353E49; background: rgba(53, 62, 73, 0.05); }
.catfish-classes div.cf-upload-file .cf-upload-container:hover.is-secondary, .catfish-classes div.cf-upload-file .cf-upload-container.is-hovered.is-secondary, .vue-component-wrapper div.cf-upload-file .cf-upload-container:hover.is-secondary, .vue-component-wrapper div.cf-upload-file .cf-upload-container.is-hovered.is-secondary { border-color: #B86BFF; background: rgba(184, 107, 255, 0.05); }
.catfish-classes div.cf-upload-file .cf-upload-container:hover.is-link, .catfish-classes div.cf-upload-file .cf-upload-container.is-hovered.is-link, .vue-component-wrapper div.cf-upload-file .cf-upload-container:hover.is-link, .vue-component-wrapper div.cf-upload-file .cf-upload-container.is-hovered.is-link { border-color: #353E49; background: rgba(53, 62, 73, 0.05); }
.catfish-classes div.cf-upload-file .cf-upload-container:hover.is-info, .catfish-classes div.cf-upload-file .cf-upload-container.is-hovered.is-info, .vue-component-wrapper div.cf-upload-file .cf-upload-container:hover.is-info, .vue-component-wrapper div.cf-upload-file .cf-upload-container.is-hovered.is-info { border-color: #209CEE; background: rgba(32, 156, 238, 0.05); }
.catfish-classes div.cf-upload-file .cf-upload-container:hover.is-success, .catfish-classes div.cf-upload-file .cf-upload-container.is-hovered.is-success, .vue-component-wrapper div.cf-upload-file .cf-upload-container:hover.is-success, .vue-component-wrapper div.cf-upload-file .cf-upload-container.is-hovered.is-success { border-color: #23D160; background: rgba(35, 209, 96, 0.05); }
.catfish-classes div.cf-upload-file .cf-upload-container:hover.is-warning, .catfish-classes div.cf-upload-file .cf-upload-container.is-hovered.is-warning, .vue-component-wrapper div.cf-upload-file .cf-upload-container:hover.is-warning, .vue-component-wrapper div.cf-upload-file .cf-upload-container.is-hovered.is-warning { border-color: #FFDD57; background: rgba(255, 221, 87, 0.05); }
.catfish-classes div.cf-upload-file .cf-upload-container:hover.is-danger, .catfish-classes div.cf-upload-file .cf-upload-container.is-hovered.is-danger, .vue-component-wrapper div.cf-upload-file .cf-upload-container:hover.is-danger, .vue-component-wrapper div.cf-upload-file .cf-upload-container.is-hovered.is-danger { border-color: #FF3860; background: rgba(255, 56, 96, 0.05); }
.catfish-classes .immediate-action, .vue-component-wrapper .immediate-action { pointer-events: auto; display: flex; justify-content: space-around; animation-duration: 150ms; margin: 0.5em; max-width: calc(100vw - 1rem); }
.catfish-classes .immediate-action-row, .vue-component-wrapper .immediate-action-row { border-bottom: 1px solid #ededee; }
@media screen and (min-width: 768px) { .catfish-classes .immediate-action-row, .vue-component-wrapper .immediate-action-row { min-width: 400px; } }
.catfish-classes .immediate-action-row__message, .vue-component-wrapper .immediate-action-row__message { width: 80%; max-width: 80%; }
.catfish-classes .immediate-action-row__title, .vue-component-wrapper .immediate-action-row__title { max-width: 180px; }
.catfish-classes .immediate-action-row__message, .catfish-classes .immediate-action-row__title, .vue-component-wrapper .immediate-action-row__message, .vue-component-wrapper .immediate-action-row__title { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.catfish-classes .immediate-action-row__link, .vue-component-wrapper .immediate-action-row__link { color: #333; }
.catfish-classes .immediate-action-row__link:hover, .vue-component-wrapper .immediate-action-row__link:hover { color: #999; }
.catfish-classes .immediate-action-row .space-between, .vue-component-wrapper .immediate-action-row .space-between { justify-content: space-between; }
.catfish-classes .immediate-action-row .delete, .catfish-classes .immediate-action-row .loader, .vue-component-wrapper .immediate-action-row .delete, .vue-component-wrapper .immediate-action-row .loader { outline: none; margin-left: 1rem; width: 25px; height: 25px; padding: 0; }
.catfish-classes .immediate-action-row .loader, .vue-component-wrapper .immediate-action-row .loader { animation-duration: 2s; display: inline-block; }
.catfish-classes .immediate-action-row .loader.success, .catfish-classes .immediate-action-row .loader.error, .vue-component-wrapper .immediate-action-row .loader.success, .vue-component-wrapper .immediate-action-row .loader.error { animation: none; border: 0; }
.catfish-classes .immediate-action-row .loader.success:before, .catfish-classes .immediate-action-row .loader.error:before, .vue-component-wrapper .immediate-action-row .loader.success:before, .vue-component-wrapper .immediate-action-row .loader.error:before { font-family: 'Font Awesome 5 Pro', serif; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; }
.catfish-classes .immediate-action-row .loader.success, .vue-component-wrapper .immediate-action-row .loader.success { background-color: #2ecc71; }
.catfish-classes .immediate-action-row .loader.success:before, .vue-component-wrapper .immediate-action-row .loader.success:before { content: '\f00c'; }
.catfish-classes .immediate-action-row .loader.error, .vue-component-wrapper .immediate-action-row .loader.error { background-color: red; }
.catfish-classes .immediate-action-row .loader.error:before, .vue-component-wrapper .immediate-action-row .loader.error:before { content: '\f00d'; }
.catfish-classes .product-version-modal .dropdown-trigger, .vue-component-wrapper .product-version-modal .dropdown-trigger { width: 100%; }
.catfish-classes .product-version-modal .versions-item .icon i, .vue-component-wrapper .product-version-modal .versions-item .icon i { min-width: 1.5rem; }
@media screen and (max-width: 1079px) { .catfish-classes .product-version-modal .modal-card-head, .vue-component-wrapper .product-version-modal .modal-card-head { align-items: flex-start; }
.catfish-classes .product-version-modal .modal-card-head > div, .vue-component-wrapper .product-version-modal .modal-card-head > div { display: block !important; } }
@media screen and (max-width: 1079px) { .catfish-classes .product-version-modal .modal-card-head button.delete, .catfish-classes .product-version-modal .modal-card-head .t-grid .delete.t-button, .t-grid .catfish-classes .product-version-modal .modal-card-head .delete.t-button, .vue-component-wrapper .product-version-modal .modal-card-head button.delete, .vue-component-wrapper .product-version-modal .modal-card-head .t-grid .delete.t-button, .t-grid .vue-component-wrapper .product-version-modal .modal-card-head .delete.t-button { margin-left: 3rem; } }
.catfish-classes .product-version-modal .modal-card-head .product-version-header-fields, .vue-component-wrapper .product-version-modal .modal-card-head .product-version-header-fields { margin-bottom: 0; }
@media screen and (max-width: 1079px) { .catfish-classes .product-version-modal .modal-card-head .product-version-header-fields, .vue-component-wrapper .product-version-modal .modal-card-head .product-version-header-fields { margin-bottom: 1rem; } }
.catfish-classes .product-version-modal .modal-card-head .product-version-header-fields .field .product-version-header-quantity, .vue-component-wrapper .product-version-modal .modal-card-head .product-version-header-fields .field .product-version-header-quantity { align-items: center; }
.catfish-classes .product-version-modal .modal-card-head .product-version-header-fields .field .product-version-header-quantity .field-body, .vue-component-wrapper .product-version-modal .modal-card-head .product-version-header-fields .field .product-version-header-quantity .field-body { width: 100%; }
.catfish-classes .product-version-modal .modal-card-head .product-version-header-fields .field .product-version-header-quantity .field-body > .field, .vue-component-wrapper .product-version-modal .modal-card-head .product-version-header-fields .field .product-version-header-quantity .field-body > .field { width: 95%; margin-left: 5%; }
@media screen and (max-width: 1079px) { .catfish-classes .product-version-modal .modal-card-head .product-version-header-fields .field.is-horizontal, .vue-component-wrapper .product-version-modal .modal-card-head .product-version-header-fields .field.is-horizontal { display: flex; } }
.catfish-classes .product-version-modal .modal-card-head .product-version-header-fields .field.is-horizontal .field-label, .vue-component-wrapper .product-version-modal .modal-card-head .product-version-header-fields .field.is-horizontal .field-label { padding: 0; }
.catfish-classes .product-version-modal .modal-card-head .product-version-header-buttons, .vue-component-wrapper .product-version-modal .modal-card-head .product-version-header-buttons { display: flex; align-items: center; gap: 5px; margin-left: auto; margin-right: 20px; }
@media screen and (max-width: 749px) { .catfish-classes .product-version-modal .modal-card-head .product-version-header-buttons, .vue-component-wrapper .product-version-modal .modal-card-head .product-version-header-buttons { margin-right: 0; flex-wrap: wrap; } }
.catfish-classes .product-version-modal .product-version-iframe, .vue-component-wrapper .product-version-modal .product-version-iframe { width: 100%; height: 80vh; }
.catfish-classes .product-version-modal .product-version-header-buttons .select, .vue-component-wrapper .product-version-modal .product-version-header-buttons .select { height: auto; }
.catfish-classes .editorIframeWrapper .multipart-product.section.is-large, .vue-component-wrapper .editorIframeWrapper .multipart-product.section.is-large { padding: 0; }
.catfish-classes .product-version-list, .vue-component-wrapper .product-version-list { display: flex; flex-direction: column; grid-gap: 10px; padding-bottom: 0.75rem; }
.catfish-classes .product-version-list .product-version-item, .vue-component-wrapper .product-version-list .product-version-item { display: flex; align-items: center; justify-content: space-between; }
.catfish-classes .product-version-list .product-version-item .product-version-controls, .vue-component-wrapper .product-version-list .product-version-item .product-version-controls { flex-grow: 1; }
@media screen and (max-width: 767px) { .catfish-classes .product-version-list .product-version-item .product-version-controls .field-body, .vue-component-wrapper .product-version-list .product-version-item .product-version-controls .field-body { display: flex; }
.catfish-classes .product-version-list .product-version-item .product-version-controls .field-body .field, .vue-component-wrapper .product-version-list .product-version-item .product-version-controls .field-body .field { width: 100%; } }
@media screen and (max-width: 1199px) { .catfish-classes .product-version-list .product-version-item .product-version-controls .field-body, .vue-component-wrapper .product-version-list .product-version-item .product-version-controls .field-body { gap: 10px; flex-wrap: wrap; }
.catfish-classes .product-version-list .product-version-item .product-version-controls .field-body .field, .vue-component-wrapper .product-version-list .product-version-item .product-version-controls .field-body .field { width: 100%; margin: 0; }
.catfish-classes .product-version-list .product-version-item .product-version-controls .field-body .field:nth-child(3), .vue-component-wrapper .product-version-list .product-version-item .product-version-controls .field-body .field:nth-child(3) { width: calc(100% - 65px); flex-grow: 1; }
.catfish-classes .product-version-list .product-version-item .product-version-controls .field-body .field:nth-child(4), .vue-component-wrapper .product-version-list .product-version-item .product-version-controls .field-body .field:nth-child(4) { width: auto; flex-grow: unset; }
.catfish-classes .product-version-list .product-version-item .product-version-controls .field-body .field:nth-child(1), .catfish-classes .product-version-list .product-version-item .product-version-controls .field-body .field:nth-child(2), .vue-component-wrapper .product-version-list .product-version-item .product-version-controls .field-body .field:nth-child(1), .vue-component-wrapper .product-version-list .product-version-item .product-version-controls .field-body .field:nth-child(2) { width: calc(50% - 5px); flex-grow: 0; } }
.catfish-classes .product-version-list .product-version-item .product-version-controls .field-body .field .product-version-upload-button, .vue-component-wrapper .product-version-list .product-version-item .product-version-controls .field-body .field .product-version-upload-button { width: 100%; }
@media screen and (min-width: 1200px) { .catfish-classes .product-version-list .product-version-item .product-version-controls .field-body .field:nth-child(2), .vue-component-wrapper .product-version-list .product-version-item .product-version-controls .field-body .field:nth-child(2) { min-width: 95px; } }
.catfish-classes .product-version-list .product-version-item--image, .vue-component-wrapper .product-version-list .product-version-item--image { display: flex; justify-content: center; align-items: center; gap: 10px; margin: 4px; background: white; width: 64px; height: 64px; border: 1px solid #dbdbdb; margin-right: 10px; }
.catfish-classes .product-version-list .product-version-item--image i, .vue-component-wrapper .product-version-list .product-version-item--image i { font-size: 20px; }
.catfish-classes .product-version-list .product-version-item--image .is-warning, .vue-component-wrapper .product-version-list .product-version-item--image .is-warning { color: #fae351; }
.catfish-classes .product-version-list .product-version-item--image .is-danger, .vue-component-wrapper .product-version-list .product-version-item--image .is-danger { color: red; }
.catfish-classes .product-version-list .product-version-item--image > div, .vue-component-wrapper .product-version-list .product-version-item--image > div { height: 100%; cursor: pointer; }
.catfish-classes .product-version-list .product-version-item--image > div img, .vue-component-wrapper .product-version-list .product-version-item--image > div img { height: 100%; object-fit: contain; }
.catfish-classes .gallery, .vue-component-wrapper .gallery { display: flex; flex-direction: column; align-items: center; }
.catfish-classes .gallery .image-container, .vue-component-wrapper .gallery .image-container { position: relative; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; }
.catfish-classes .gallery .image-container img, .vue-component-wrapper .gallery .image-container img { max-width: 100%; max-height: 400px; }
.catfish-classes .gallery .arrow, .vue-component-wrapper .gallery .arrow { position: absolute; font-size: 24px; background: rgba(255, 255, 255, 0.5); border: none; cursor: pointer; padding: 8px 16px; border-radius: 4px; top: 50%; transform: translateY(-50%); transition: background 0.3s; }
.catfish-classes .gallery .arrow.left, .vue-component-wrapper .gallery .arrow.left { left: 5px; }
.catfish-classes .gallery .arrow.right, .vue-component-wrapper .gallery .arrow.right { right: 5px; }
.catfish-classes .gallery .arrow:hover, .vue-component-wrapper .gallery .arrow:hover { background: rgba(255, 255, 255, 0.8); }
.catfish-classes .gallery .dots span, .vue-component-wrapper .gallery .dots span { display: inline-block; width: 10px; height: 10px; background: #ccc; border-radius: 50%; margin: 0 5px; cursor: pointer; }
.catfish-classes .gallery .dots span.active, .vue-component-wrapper .gallery .dots span.active { background: #333; width: 12px; height: 12px; }
.catfish-classes .form-table-link, .vue-component-wrapper .form-table-link { text-decoration: underline; }
.catfish-classes .cf-table .pagination .select, .vue-component-wrapper .cf-table .pagination .select { height: inherit; }
.catfish-classes .cf-table .grouped-buttons, .vue-component-wrapper .cf-table .grouped-buttons { margin-right: 0.5rem; margin-left: 0.5rem; }
.catfish-classes .cf-table .grouped-buttons *:not(:last-child), .vue-component-wrapper .cf-table .grouped-buttons *:not(:last-child) { margin-right: 0 !important; }
.catfish-classes .cf-table .table-settings-button, .vue-component-wrapper .cf-table .table-settings-button { margin-left: 0.5rem; }
.catfish-classes .cf-table .v-align-top, .vue-component-wrapper .cf-table .v-align-top { vertical-align: top !important; }
.catfish-classes .cf-table .v-align-middle, .vue-component-wrapper .cf-table .v-align-middle { vertical-align: middle !important; }
.catfish-classes .cf-table .v-align-bottom, .vue-component-wrapper .cf-table .v-align-bottom { vertical-align: bottom !important; }
.catfish-classes .is-panel-title, .vue-component-wrapper .is-panel-title { border-bottom: solid 1px rgba(0, 0, 0, 0.3); padding-bottom: 0.75rem; }
.catfish-classes .is-spacer-line, .vue-component-wrapper .is-spacer-line { background: rgba(0, 0, 0, 0.3); margin-top: 0.75rem; margin-bottom: 0.75rem; }
.catfish-classes .multipartUi-V2-UploadsArea, .vue-component-wrapper .multipartUi-V2-UploadsArea { flex-wrap: wrap; height: min-content; }
.catfish-classes .multipartUi-V2-UploadsArea .file-input:focus + .file-cta, .catfish-classes .multipartUi-V2-UploadsArea .file-input:focus-within + .file-cta, .vue-component-wrapper .multipartUi-V2-UploadsArea .file-input:focus + .file-cta, .vue-component-wrapper .multipartUi-V2-UploadsArea .file-input:focus-within + .file-cta { background-color: #ededed !important; }
.catfish-classes .multipartUi-V2-UploadItemArea, .vue-component-wrapper .multipartUi-V2-UploadItemArea { min-height: 20rem; }
.catfish-classes .multipartUi-V2-UploadsArea .file.is-boxed .file-cta, .vue-component-wrapper .multipartUi-V2-UploadsArea .file.is-boxed .file-cta { border: dashed 2px #ccc; padding: 1em 1em; }
.catfish-classes .multipartUi-V2-UploadsArea .file.is-boxed .file-cta.upload-over, .vue-component-wrapper .multipartUi-V2-UploadsArea .file.is-boxed .file-cta.upload-over { border: dashed 2px #6c8cd3; }
.catfish-classes .multipartUi-V2-wrapper .uploads-completed, .vue-component-wrapper .multipartUi-V2-wrapper .uploads-completed { margin-left: 1rem; }
.catfish-classes .multipartUi-V2 .back-button, .vue-component-wrapper .multipartUi-V2 .back-button { display: flex; align-items: center; }
.catfish-classes .product-attributes-box .truncate, .vue-component-wrapper .product-attributes-box .truncate { -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.catfish-classes .product-part, .vue-component-wrapper .product-part { line-height: 1; }
.catfish-classes .product-part .validation-message, .vue-component-wrapper .product-part .validation-message { padding: .25rem .75rem; }
.catfish-classes .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file, .vue-component-wrapper .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file { min-height: 100%; }
.catfish-classes .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file .file-cta:hover, .vue-component-wrapper .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file .file-cta:hover { background-color: #ededed !important; }
.catfish-classes .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label, .vue-component-wrapper .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label { min-height: 100%; }
.catfish-classes .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label .upload-separator, .vue-component-wrapper .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label .upload-separator { margin: 2em 0 1.25em 0; border-bottom: dashed 2px #ccc; width: 90%; height: 0; }
.catfish-classes .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta, .vue-component-wrapper .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta { height: 100%; }
.catfish-classes .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta .part-close-button, .vue-component-wrapper .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta .part-close-button { background-color: #FF3860 !important; }
.catfish-classes .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta .part-close-button:before, .vue-component-wrapper .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta .part-close-button:before { background-color: white; }
.catfish-classes .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta .part-close-button:after, .vue-component-wrapper .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta .part-close-button:after { background-color: white; }
.catfish-classes .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta > .multipart-upload-image-content, .vue-component-wrapper .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta > .multipart-upload-image-content { height: 100%; width: 100%; }
.catfish-classes .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta > .multipart-upload-image-content > .file-icon, .vue-component-wrapper .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta > .multipart-upload-image-content > .file-icon { margin-bottom: 2em; }
.catfish-classes .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta .dragndrop-text span, .vue-component-wrapper .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta .dragndrop-text span { text-wrap: wrap; }
.catfish-classes .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta .dragndrop-text i, .vue-component-wrapper .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta .dragndrop-text i { margin: 0 0.5em 0 0.5em; }
.catfish-classes .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta .image, .vue-component-wrapper .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta .image { height: 260px; width: 100%; }
.catfish-classes .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta .image > img, .vue-component-wrapper .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta .image > img { box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px; height: auto; max-height: 100%; max-width: 100%; width: auto; }
.catfish-classes .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta.file-uploaded, .vue-component-wrapper .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta.file-uploaded { justify-content: space-between; }
.catfish-classes .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-Validation .validation-message:not(:last-child), .vue-component-wrapper .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-Validation .validation-message:not(:last-child) { margin-bottom: .5rem; }
.catfish-classes .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-Validation > .box, .vue-component-wrapper .product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-Validation > .box { min-height: 100%; }
.catfish-classes .multipart-loading-modal-container .is-centered, .vue-component-wrapper .multipart-loading-modal-container .is-centered { display: flex; justify-content: center; }
.catfish-classes .multipart-progress-message, .vue-component-wrapper .multipart-progress-message { line-height: 1.5; }
.catfish-classes #multipart-new-preview #previewWindow, .vue-component-wrapper #multipart-new-preview #previewWindow { height: 100%; }
.catfish-classes #multipart-new-preview.flip-preview, .vue-component-wrapper #multipart-new-preview.flip-preview { height: 680px; }
@media screen and (min-width: 1088px) { .catfish-classes .columns.is-mobile.multipartUi-V2-UploadItem.multiple-subparts, .vue-component-wrapper .columns.is-mobile.multipartUi-V2-UploadItem.multiple-subparts { min-height: unset; } }
@media screen and (max-width: 1087px) { .catfish-classes .is-hidden-mobile-tablet, .vue-component-wrapper .is-hidden-mobile-tablet { display: none !important; }
.catfish-classes .selected-attributes-title-columns, .vue-component-wrapper .selected-attributes-title-columns { margin-bottom: 0 !important; } }
.catfish-classes .upload-status-container .button, .vue-component-wrapper .upload-status-container .button { cursor: initial; user-select: initial; }
.catfish-classes .upload-status-container .button:hover, .vue-component-wrapper .upload-status-container .button:hover { background-color: #f5f5f5; }
.catfish-classes .parent-progress, .vue-component-wrapper .parent-progress { position: relative; }
.catfish-classes .parent-progress .animation-parent, .vue-component-wrapper .parent-progress .animation-parent { position: absolute; top: 0; left: 0; z-index: 1; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.catfish-classes .parent-progress .animation-parent .progress-animation, .vue-component-wrapper .parent-progress .animation-parent .progress-animation { position: absolute; top: 0; left: 0; height: 100%; width: 100px; background-image: linear-gradient(to right, transparent, #fff, transparent); animation: progressBar 2s linear infinite; background-position: 50% 50%; }
@keyframes progressBar { 0% { left: -160%; }
100% { left: 100%; } }
.catfish-classes .dragndrop-upload, .vue-component-wrapper .dragndrop-upload { padding: 1rem; background-color: white; cursor: pointer; }
.catfish-classes .dragndrop-upload .hasDashedBorder, .vue-component-wrapper .dragndrop-upload .hasDashedBorder { border: dashed 2px #ccc; padding: 1em; }
.catfish-classes .dragndrop-upload .hasDashedBorder.upload-over, .vue-component-wrapper .dragndrop-upload .hasDashedBorder.upload-over { border: dashed 2px #6c8cd3; }
.catfish-classes .address-select-container .grid, .vue-component-wrapper .address-select-container .grid { display: grid; }
.catfish-classes .address-select-container .grid.has-2-cols, .vue-component-wrapper .address-select-container .grid.has-2-cols { grid-template-columns: 1fr 1fr; grid-gap: 10px; }
.catfish-classes .address-select-container .advanced-select .button.is-outlined, .vue-component-wrapper .address-select-container .advanced-select .button.is-outlined { height: auto; }
.catfish-classes .address-select-container .advanced-select .text.dropdownSelectedItem, .vue-component-wrapper .address-select-container .advanced-select .text.dropdownSelectedItem { text-wrap: pretty; word-break: break-word; text-align: left; }
.catfish-classes .address-select-container .advanced-select .button .text, .vue-component-wrapper .address-select-container .advanced-select .button .text { text-wrap: pretty; word-break: break-word; text-align: left; }
.catfish-classes .address-select-container .advanced-select .selected-item, .vue-component-wrapper .address-select-container .advanced-select .selected-item { background-color: white; }
.catfish-classes .additional-addresses-table .break-word, .vue-component-wrapper .additional-addresses-table .break-word { word-break: break-word; }
.catfish-classes .media-explorer, .vue-component-wrapper .media-explorer { position: relative; }
.catfish-classes .media-explorer .loading-overlay .loading-icon, .vue-component-wrapper .media-explorer .loading-overlay .loading-icon { position: absolute; top: 40vh; }
@media screen and (max-width: 749px) { .catfish-classes .media-explorer .selected-items-action-bar .clear-selection-button, .vue-component-wrapper .media-explorer .selected-items-action-bar .clear-selection-button { margin-right: .5rem; }
.catfish-classes .media-explorer .selected-items-action-bar .actions-container, .vue-component-wrapper .media-explorer .selected-items-action-bar .actions-container { width: 100%; } }
.catfish-classes .media-explorer .section.loading-empty-space, .vue-component-wrapper .media-explorer .section.loading-empty-space { height: 10rem; }
.catfish-classes .media-explorer .media-explorer-grid, .vue-component-wrapper .media-explorer .media-explorer-grid { align-items: stretch; }
.catfish-classes .media-explorer .header-actions, .vue-component-wrapper .media-explorer .header-actions { gap: 5px; margin-bottom: 10px; }
.catfish-classes .media-explorer .header-actions .right-actions, .catfish-classes .media-explorer .header-actions .left-actions, .vue-component-wrapper .media-explorer .header-actions .right-actions, .vue-component-wrapper .media-explorer .header-actions .left-actions { gap: 5px; }
@media screen and (max-width: 1087px) { .catfish-classes .media-explorer .header-actions .left-actions, .catfish-classes .media-explorer .header-actions .right-actions, .vue-component-wrapper .media-explorer .header-actions .left-actions, .vue-component-wrapper .media-explorer .header-actions .right-actions { width: 100%; }
.catfish-classes .media-explorer .header-actions .left-actions > *, .catfish-classes .media-explorer .header-actions .right-actions > *, .vue-component-wrapper .media-explorer .header-actions .left-actions > *, .vue-component-wrapper .media-explorer .header-actions .right-actions > * { width: 100%; }
.catfish-classes .media-explorer .header-actions .left-actions > * > *, .catfish-classes .media-explorer .header-actions .right-actions > * > *, .vue-component-wrapper .media-explorer .header-actions .left-actions > * > *, .vue-component-wrapper .media-explorer .header-actions .right-actions > * > * { width: 100%; }
.catfish-classes .media-explorer .header-actions .left-actions .media-explorer-search, .catfish-classes .media-explorer .header-actions .right-actions .media-explorer-search, .vue-component-wrapper .media-explorer .header-actions .left-actions .media-explorer-search, .vue-component-wrapper .media-explorer .header-actions .right-actions .media-explorer-search { width: 100%; } }
.catfish-classes .media-explorer .selected-items-action-bar, .vue-component-wrapper .media-explorer .selected-items-action-bar { position: sticky; top: 0; left: 0; background-color: white; box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); opacity: 0; pointer-events: none; transition: all .15s ease-in-out; transform: translateY(-60px); margin-bottom: -60px; z-index: -1; display: flex; align-items: baseline; flex-wrap: wrap; }
.catfish-classes .media-explorer .selected-items-action-bar > .level-left, .vue-component-wrapper .media-explorer .selected-items-action-bar > .level-left { display: flex; align-items: baseline; }
.catfish-classes .media-explorer .selected-items-action-bar > .level-right > .level-item, .vue-component-wrapper .media-explorer .selected-items-action-bar > .level-right > .level-item { gap: 5px; }
.catfish-classes .media-explorer .selected-items-action-bar > .level-right > .level-item > *, .vue-component-wrapper .media-explorer .selected-items-action-bar > .level-right > .level-item > * { margin: 0; }
.catfish-classes .media-explorer .selected-items-action-bar.is-active, .vue-component-wrapper .media-explorer .selected-items-action-bar.is-active { z-index: 30; opacity: 1; transform: translateY(0); margin-bottom: 0; pointer-events: all; }
.catfish-classes .media-explorer .selected-items-action-bar .remove-selected-button, .vue-component-wrapper .media-explorer .selected-items-action-bar .remove-selected-button { border-radius: 100%; }
@media screen and (max-width: 749px) { .catfish-classes .media-explorer .media-explorer-search, .vue-component-wrapper .media-explorer .media-explorer-search { width: 100%; }
.catfish-classes .media-explorer .pagination-container, .vue-component-wrapper .media-explorer .pagination-container { width: 100%; }
.catfish-classes .media-explorer .pagination-container .if-pagination, .vue-component-wrapper .media-explorer .pagination-container .if-pagination { width: 100%; }
.catfish-classes .media-explorer .pagination-container .pagination-next, .vue-component-wrapper .media-explorer .pagination-container .pagination-next { margin-right: 0; } }
.catfish-classes .media-explorer .grid-container, .vue-component-wrapper .media-explorer .grid-container { position: relative; }
.catfish-classes .media-explorer .grid-container .dragndrop-upload, .vue-component-wrapper .media-explorer .grid-container .dragndrop-upload { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.catfish-classes .media-explorer .media-explorer-empty-message, .vue-component-wrapper .media-explorer .media-explorer-empty-message { height: 20rem; }
@media screen and (max-width: 749px) { .catfish-classes .media-explorer .media-explorer-empty-message, .vue-component-wrapper .media-explorer .media-explorer-empty-message { height: 10rem; } }
.catfish-classes .media-explorer .media-explorer-refresh-icon:hover, .vue-component-wrapper .media-explorer .media-explorer-refresh-icon:hover { color: #FF3860 !important; cursor: pointer; }
.catfish-classes .media-explorer .noselect, .vue-component-wrapper .media-explorer .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ }
.catfish-classes .media-explorer .dragndrop-upload, .vue-component-wrapper .media-explorer .dragndrop-upload { height: 100%; width: 100%; z-index: 9; padding: 0 !important; padding-bottom: 2rem; }
.catfish-classes .media-explorer .dragndrop-upload *, .vue-component-wrapper .media-explorer .dragndrop-upload * { pointer-events: none; }
.catfish-classes .media-explorer .dragndrop-upload .section, .vue-component-wrapper .media-explorer .dragndrop-upload .section { padding: 0; height: fit-content; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.catfish-classes .media-explorer .dragndrop-upload .invisible-overlay, .vue-component-wrapper .media-explorer .dragndrop-upload .invisible-overlay { width: 100%; height: 100%; opacity: 0; }
.catfish-classes .media-explorer .card, .vue-component-wrapper .media-explorer .card { border: none; cursor: pointer; }
.catfish-classes .media-explorer .create-album-grid .album-item, .vue-component-wrapper .media-explorer .create-album-grid .album-item { height: 15rem; }
.catfish-classes .media-explorer .album-item.is-smaller .folder-icon i, .vue-component-wrapper .media-explorer .album-item.is-smaller .folder-icon i { font-size: 9rem; }
.catfish-classes .media-explorer .album-item .folder-icon, .vue-component-wrapper .media-explorer .album-item .folder-icon { display: flex; justify-content: center; align-items: center; }
.catfish-classes .media-explorer .album-item .folder-icon i, .vue-component-wrapper .media-explorer .album-item .folder-icon i { font-size: 11rem; }
.catfish-classes .media-explorer .album-item .card-image, .vue-component-wrapper .media-explorer .album-item .card-image { position: relative; height: 220px; max-height: 220px; }
.catfish-classes .media-explorer .album-item .card-image .custom-dropdown, .vue-component-wrapper .media-explorer .album-item .card-image .custom-dropdown { width: 0; height: 0; position: absolute; background-color: white; z-index: 99; transition: all 0.135s cubic-bezier(0, 0, 0.2, 1); top: 40%; left: 40%; display: none; }
.catfish-classes .media-explorer .album-item .card-image .custom-dropdown.active, .vue-component-wrapper .media-explorer .album-item .card-image .custom-dropdown.active { width: unset; height: unset; display: block; }
.catfish-classes .media-explorer .album-item .card-image .top-gradient, .vue-component-wrapper .media-explorer .album-item .card-image .top-gradient { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.38), transparent 56px, transparent); transition: all 0.135s cubic-bezier(0, 0, 0.2, 1); }
.catfish-classes .media-explorer .album-item .card-image .albumOptions, .vue-component-wrapper .media-explorer .album-item .card-image .albumOptions { opacity: 0; position: absolute; top: .5rem; right: .5rem; background-color: #fffa; border-radius: 100%; transition: all 0.135s cubic-bezier(0, 0, 0.2, 1); }
.catfish-classes .media-explorer .album-item .card-image .albumSelect, .vue-component-wrapper .media-explorer .album-item .card-image .albumSelect { opacity: 0; position: absolute; top: .5rem; left: .5rem; background-color: #fffa; border-radius: 100%; transition: all 0.135s cubic-bezier(0, 0, 0.2, 1); }
@media screen and (max-width: 749px) { .catfish-classes .media-explorer .album-item .card-image .albumOptions, .catfish-classes .media-explorer .album-item .card-image .albumSelect, .catfish-classes .media-explorer .album-item .card-image .top-gradient, .vue-component-wrapper .media-explorer .album-item .card-image .albumOptions, .vue-component-wrapper .media-explorer .album-item .card-image .albumSelect, .vue-component-wrapper .media-explorer .album-item .card-image .top-gradient { opacity: 1; } }
.catfish-classes .media-explorer .album-item, .vue-component-wrapper .media-explorer .album-item { width: fit-content; }
.catfish-classes .media-explorer .album-item .album-item_image, .vue-component-wrapper .media-explorer .album-item .album-item_image { width: 100%; height: auto; transition: all 0.135s cubic-bezier(0, 0, 0.2, 1); }
.catfish-classes .media-explorer .album-item .album-item_image.selected, .vue-component-wrapper .media-explorer .album-item .album-item_image.selected { margin: 1.5rem; border-radius: 20px; }
.catfish-classes .media-explorer .album-item img, .vue-component-wrapper .media-explorer .album-item img { transition: all 0.135s cubic-bezier(0, 0, 0.2, 1); object-fit: cover; max-height: 100%; max-width: 100%; width: auto; height: auto; min-width: 100%; min-height: 100%; border-radius: inherit; }
.catfish-classes .media-explorer .album-item:hover .albumOptions, .catfish-classes .media-explorer .album-item:hover .albumSelect, .catfish-classes .media-explorer .album-item:hover .top-gradient, .vue-component-wrapper .media-explorer .album-item:hover .albumOptions, .vue-component-wrapper .media-explorer .album-item:hover .albumSelect, .vue-component-wrapper .media-explorer .album-item:hover .top-gradient { opacity: 1; }
.catfish-classes .media-explorer .album-item.dropdown-active .albumOptions, .catfish-classes .media-explorer .album-item.dropdown-active .albumSelect, .catfish-classes .media-explorer .album-item.dropdown-active .top-gradient, .vue-component-wrapper .media-explorer .album-item.dropdown-active .albumOptions, .vue-component-wrapper .media-explorer .album-item.dropdown-active .albumSelect, .vue-component-wrapper .media-explorer .album-item.dropdown-active .top-gradient { opacity: 1; }
.catfish-classes .media-explorer .album-item .albumOptions:hover, .vue-component-wrapper .media-explorer .album-item .albumOptions:hover { background-color: #fff; }
.catfish-classes .media-explorer .album-item .albumSelect:hover, .vue-component-wrapper .media-explorer .album-item .albumSelect:hover { background-color: #fff; }
.catfish-classes .media-explorer .album-item.is-selection-mode .albumSelect, .vue-component-wrapper .media-explorer .album-item.is-selection-mode .albumSelect { opacity: 1; }
.catfish-classes .media-explorer .album-item .albumSelect.selected, .vue-component-wrapper .media-explorer .album-item .albumSelect.selected { opacity: 1; }
.catfish-classes .media-explorer .album-item .albumSelect.selected i, .vue-component-wrapper .media-explorer .album-item .albumSelect.selected i { color: #353E49; }
.catfish-classes .media-explorer .image-viewer .bread-crumbs-container, .vue-component-wrapper .media-explorer .image-viewer .bread-crumbs-container { width: 70%; }
.catfish-classes .media-explorer .image-viewer .main-picture, .vue-component-wrapper .media-explorer .image-viewer .main-picture { height: 30rem; }
.catfish-classes .media-explorer .image-viewer .main-picture > img, .vue-component-wrapper .media-explorer .image-viewer .main-picture > img { max-width: 100%; max-height: 100%; height: auto; width: auto; }
@media only screen and (max-width: 1080px) { .catfish-classes .media-explorer .image-viewer .breadcrumbs, .vue-component-wrapper .media-explorer .image-viewer .breadcrumbs { width: 100%; } }
.catfish-classes .album-management-upload-images-popup .dragndrop-upload, .vue-component-wrapper .album-management-upload-images-popup .dragndrop-upload { padding: 0 !important; padding-bottom: 2rem; }
@keyframes slideDown { from { opacity: 0;
transform: translateY(-50px); }
to { opacity: 1;
transform: translateY(0); } }
@keyframes slideUp { from { opacity: 0;
transform: translateY(20px); }
to { opacity: 1;
transform: translateY(0); } }
.catfish-classes .new-breadcrumb ul, .vue-component-wrapper .new-breadcrumb ul { flex-wrap: nowrap; }
.catfish-classes .image-viewer .navigation-with-image, .vue-component-wrapper .image-viewer .navigation-with-image { height: 100%; display: flex; align-items: center; }
.catfish-classes .image-viewer .navigation-with-details, .vue-component-wrapper .image-viewer .navigation-with-details { height: 100%; display: flex; align-items: start; }
@media screen and (max-width: 1087px) { .catfish-classes .image-viewer .navigation-with-details, .vue-component-wrapper .image-viewer .navigation-with-details { display: flex; flex-direction: column; align-items: center; } }
@media screen and (max-width: 767px) { .catfish-classes .image-viewer .image-viewer .navigation-with-image, .vue-component-wrapper .image-viewer .image-viewer .navigation-with-image { position: relative; height: 80vh; align-items: baseline; }
.catfish-classes .image-viewer .image-viewer .navigation-with-image.details-open, .vue-component-wrapper .image-viewer .image-viewer .navigation-with-image.details-open { height: 54vh; }
.catfish-classes .image-viewer .image-viewer .navigation-with-image.details-open .navigation-buttons, .vue-component-wrapper .image-viewer .image-viewer .navigation-with-image.details-open .navigation-buttons { bottom: 30px; }
.catfish-classes .image-viewer .image-viewer .navigation-with-image.details-open .image-viewer__image, .vue-component-wrapper .image-viewer .image-viewer .navigation-with-image.details-open .image-viewer__image { margin: 0 auto; height: 45vh; }
.catfish-classes .image-viewer .image-viewer .navigation-with-image.details-open .image-viewer__image img, .vue-component-wrapper .image-viewer .image-viewer .navigation-with-image.details-open .image-viewer__image img { height: 100%; object-fit: contain; }
.catfish-classes .image-viewer .details-modal .modal-card-body, .vue-component-wrapper .image-viewer .details-modal .modal-card-body { height: 27vh; } }
@media screen and (max-width: 749px) { .catfish-classes .image-viewer .details-modal, .vue-component-wrapper .image-viewer .details-modal { padding: 0 !important; padding-top: .75rem; margin-bottom: 150px; }
.catfish-classes .image-viewer .navigation-with-image, .vue-component-wrapper .image-viewer .navigation-with-image { margin-bottom: 175px; }
.catfish-classes .image-viewer .image-viewer__controls-container, .vue-component-wrapper .image-viewer .image-viewer__controls-container { position: relative; }
.catfish-classes .image-viewer .navigation-with-image, .vue-component-wrapper .image-viewer .navigation-with-image { position: relative; }
.catfish-classes .image-viewer .image-viewer__image, .vue-component-wrapper .image-viewer .image-viewer__image { margin: auto; }
.catfish-classes .image-viewer .navigation-buttons, .vue-component-wrapper .image-viewer .navigation-buttons { position: absolute; border-radius: 0; bottom: -50px; }
.catfish-classes .image-viewer .image-viewer__main-image-container, .vue-component-wrapper .image-viewer .image-viewer__main-image-container { height: unset; min-height: unset; padding: 0 !important; }
.catfish-classes .image-viewer .action-button-text, .vue-component-wrapper .image-viewer .action-button-text { display: block !important; }
.catfish-classes .image-viewer .parent-container, .vue-component-wrapper .image-viewer .parent-container { display: flex; flex-direction: column; }
.catfish-classes .image-viewer .image-viewer__prev, .vue-component-wrapper .image-viewer .image-viewer__prev { left: 35% !important; }
.catfish-classes .image-viewer .image-viewer__next, .vue-component-wrapper .image-viewer .image-viewer__next { right: 35% !important; } }
.catfish-classes .image-viewer .modal-background, .vue-component-wrapper .image-viewer .modal-background { background-color: rgba(10, 10, 10, 0.95); }
.catfish-classes .image-viewer .image-viewer__prev, .vue-component-wrapper .image-viewer .image-viewer__prev { margin-right: auto; }
.catfish-classes .image-viewer .image-viewer__next, .vue-component-wrapper .image-viewer .image-viewer__next { margin-left: auto; }
.catfish-classes .image-viewer .image-viewer_action-button, .vue-component-wrapper .image-viewer .image-viewer_action-button { color: #fffa; padding: 1.5rem; display: flex; align-items: center; gap: .3rem; cursor: pointer; }
.catfish-classes .image-viewer .image-viewer_action-button.disabled, .vue-component-wrapper .image-viewer .image-viewer_action-button.disabled { cursor: not-allowed; background-color: #fff2; color: #888; }
.catfish-classes .image-viewer .image-viewer_action-button.navigation-buttons, .vue-component-wrapper .image-viewer .image-viewer_action-button.navigation-buttons { background-color: #fff1; }
.catfish-classes .image-viewer .image-viewer_action-button:hover, .vue-component-wrapper .image-viewer .image-viewer_action-button:hover { background-color: #fff2; }
.catfish-classes .image-viewer .image-viewer_action-button.is-rounded, .vue-component-wrapper .image-viewer .image-viewer_action-button.is-rounded { border-radius: 100%; }
@media screen and (max-width: 1087px) { .catfish-classes .image-viewer .image-viewer_action-button, .vue-component-wrapper .image-viewer .image-viewer_action-button { border-radius: 100%; }
.catfish-classes .image-viewer .image-viewer_action-button .action-button-text, .vue-component-wrapper .image-viewer .image-viewer_action-button .action-button-text { display: none !important; } }
@media screen and (max-width: 749px) { .catfish-classes .image-viewer .image-viewer_action-button, .vue-component-wrapper .image-viewer .image-viewer_action-button { border-radius: 0; } }
.catfish-classes .image-viewer .controls-container, .vue-component-wrapper .image-viewer .controls-container { height: min-content; }
@media screen and (max-width: 749px) { .catfish-classes .image-viewer .controls-container, .vue-component-wrapper .image-viewer .controls-container { display: flex; align-items: baseline; }
.catfish-classes .image-viewer .controls-container .level-left, .vue-component-wrapper .image-viewer .controls-container .level-left { display: flex; align-items: baseline; }
.catfish-classes .image-viewer .controls-container .image-viewer-actions, .vue-component-wrapper .image-viewer .controls-container .image-viewer-actions { position: absolute; bottom: 4rem; left: 0; width: 100%; display: flex; justify-content: center; }
.catfish-classes .image-viewer .controls-container .image-viewer-actions > *, .vue-component-wrapper .image-viewer .controls-container .image-viewer-actions > * { margin: 0; } }
.catfish-classes .image-viewer .image-viewer__next, .vue-component-wrapper .image-viewer .image-viewer__next { right: 0; }
.catfish-classes .image-viewer .image-viewer__prev, .vue-component-wrapper .image-viewer .image-viewer__prev { left: 0; }
.catfish-classes .image-viewer .image-viewer__file-name, .vue-component-wrapper .image-viewer .image-viewer__file-name { color: #fffa; }
.catfish-classes .image-viewer .parent-container, .vue-component-wrapper .image-viewer .parent-container { margin: 0 !important; }
.catfish-classes .image-viewer .image-viewer__controls-container, .vue-component-wrapper .image-viewer .image-viewer__controls-container { display: flex; flex-direction: column; width: 100%; }
.catfish-classes .image-viewer .image-viewer__image, .vue-component-wrapper .image-viewer .image-viewer__image { width: auto; height: auto; max-width: 100%; max-height: 100%; }
.catfish-classes .description-details.display-grid, .vue-component-wrapper .description-details.display-grid { display: grid; grid-template-columns: 1fr 1fr; }
@media screen and (max-width: 767px) { .catfish-classes .description-details.display-grid, .vue-component-wrapper .description-details.display-grid { grid-template-columns: 1fr; } }
.catfish-classes .bag-assembly-product .area-set, .vue-component-wrapper .bag-assembly-product .area-set { max-width: 100%; }
.catfish-classes .bag-assembly-product .area-set .box, .vue-component-wrapper .bag-assembly-product .area-set .box { min-height: 100%; }
.catfish-classes #adminpanel, .catfish-classes .content-helper-wrapper, .vue-component-wrapper #adminpanel, .vue-component-wrapper .content-helper-wrapper { padding: 1rem 30px 2rem 1rem; background: #fafafa; position: fixed; bottom: 0; left: 0; width: 100%; display: none; z-index: 99999; color: #29353a; box-shadow: 0 6px 12px 0 #222222; font-size: 14px; }
.catfish-classes #adminpanel #layoutadminmessage, .catfish-classes .content-helper-wrapper #layoutadminmessage, .vue-component-wrapper #adminpanel #layoutadminmessage, .vue-component-wrapper .content-helper-wrapper #layoutadminmessage { left: 50% ; position: absolute; top: 10px; transform: translateX(-50%); color: #29353a; font-weight: bold; display: none; }
.catfish-classes #adminpanel #hideadminpanel, .catfish-classes .content-helper-wrapper #hideadminpanel, .vue-component-wrapper #adminpanel #hideadminpanel, .vue-component-wrapper .content-helper-wrapper #hideadminpanel { float: right ; margin-bottom: 1rem; }
@media screen and (min-width: 750px), print { .catfish-classes #adminpanel #hideadminpanel, .catfish-classes .content-helper-wrapper #hideadminpanel, .vue-component-wrapper #adminpanel #hideadminpanel, .vue-component-wrapper .content-helper-wrapper #hideadminpanel { right: 30px ; position: absolute; top: 1rem; } }
.catfish-classes #adminpanel #hideadminpanel .fa, .catfish-classes .content-helper-wrapper #hideadminpanel .fa, .vue-component-wrapper #adminpanel #hideadminpanel .fa, .vue-component-wrapper .content-helper-wrapper #hideadminpanel .fa { text-indent: 0; }
.catfish-classes #adminpanel #hideadminpanel #hideadminpanelbutton, .catfish-classes .content-helper-wrapper #hideadminpanel #hideadminpanelbutton, .vue-component-wrapper #adminpanel #hideadminpanel #hideadminpanelbutton, .vue-component-wrapper .content-helper-wrapper #hideadminpanel #hideadminpanelbutton { display: inline-flex; justify-content: center; align-items: center; }
.catfish-classes #adminpanel #hideadminpanel #hideadminpanelbutton .ui-icon, .catfish-classes .content-helper-wrapper #hideadminpanel #hideadminpanelbutton .ui-icon, .vue-component-wrapper #adminpanel #hideadminpanel #hideadminpanelbutton .ui-icon, .vue-component-wrapper .content-helper-wrapper #hideadminpanel #hideadminpanelbutton .ui-icon { position: static; overflow: visible; padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; line-height: 0; }
.catfish-classes #adminpanel #hideadminpanel #hideadminpanelbutton .ui-button-text, .catfish-classes .content-helper-wrapper #hideadminpanel #hideadminpanelbutton .ui-button-text, .vue-component-wrapper #adminpanel #hideadminpanel #hideadminpanelbutton .ui-button-text, .vue-component-wrapper .content-helper-wrapper #hideadminpanel #hideadminpanelbutton .ui-button-text { display: none; }
.catfish-classes #adminpanel .ui-tabs-panel, .catfish-classes .content-helper-wrapper .ui-tabs-panel, .vue-component-wrapper #adminpanel .ui-tabs-panel, .vue-component-wrapper .content-helper-wrapper .ui-tabs-panel { margin-bottom: 1.5rem; }
.catfish-classes #adminpanel #admintabs-1, .catfish-classes .content-helper-wrapper #admintabs-1, .vue-component-wrapper #adminpanel #admintabs-1, .vue-component-wrapper .content-helper-wrapper #admintabs-1 { overflow: auto; max-height: 40vh; }
.catfish-classes #adminpanel .ui-tabs-hide, .catfish-classes .content-helper-wrapper .ui-tabs-hide, .vue-component-wrapper #adminpanel .ui-tabs-hide, .vue-component-wrapper .content-helper-wrapper .ui-tabs-hide { display: none !important; }
.catfish-classes #adminpanel .title, .catfish-classes .content-helper-wrapper .title, .vue-component-wrapper #adminpanel .title, .vue-component-wrapper .content-helper-wrapper .title { font-size: 1.2em; margin-bottom: 16px !important; display: inline-block; }
.catfish-classes #adminpanel .title h3, .catfish-classes #adminpanel .title footer h4, footer .catfish-classes #adminpanel .title h4, .catfish-classes #adminpanel .title footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .catfish-classes #adminpanel .title .enter-address-title, .catfish-classes #adminpanel .title .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .catfish-classes #adminpanel .title .enter-address-title, .catfish-classes .content-helper-wrapper .title h3, .catfish-classes .content-helper-wrapper .title footer h4, footer .catfish-classes .content-helper-wrapper .title h4, .catfish-classes .content-helper-wrapper .title footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .catfish-classes .content-helper-wrapper .title .enter-address-title, .catfish-classes .content-helper-wrapper .title .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .catfish-classes .content-helper-wrapper .title .enter-address-title, .vue-component-wrapper #adminpanel .title h3, .vue-component-wrapper #adminpanel .title footer h4, footer .vue-component-wrapper #adminpanel .title h4, .vue-component-wrapper #adminpanel .title footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .vue-component-wrapper #adminpanel .title .enter-address-title, .vue-component-wrapper #adminpanel .title .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .vue-component-wrapper #adminpanel .title .enter-address-title, .vue-component-wrapper .content-helper-wrapper .title h3, .vue-component-wrapper .content-helper-wrapper .title footer h4, footer .vue-component-wrapper .content-helper-wrapper .title h4, .vue-component-wrapper .content-helper-wrapper .title footer .checkout-page__shipping-address #newAddressDiv .enter-address-title, footer .checkout-page__shipping-address #newAddressDiv .vue-component-wrapper .content-helper-wrapper .title .enter-address-title, .vue-component-wrapper .content-helper-wrapper .title .checkout-page__shipping-address #newAddressDiv footer .enter-address-title, .checkout-page__shipping-address #newAddressDiv footer .vue-component-wrapper .content-helper-wrapper .title .enter-address-title { font-size: 1em; font-weight: 700; text-transform: uppercase; }
.catfish-classes #showadminpanel .ui-button-text, .catfish-classes .content-helper-button .ui-button-text, .vue-component-wrapper #showadminpanel .ui-button-text, .vue-component-wrapper .content-helper-button .ui-button-text { display: none !important; }
.catfish-classes #showadminpanel #showadminpanelbutton, .catfish-classes #showadminpanel #show-content-helper, .catfish-classes .content-helper-button #showadminpanelbutton, .catfish-classes .content-helper-button #show-content-helper, .vue-component-wrapper #showadminpanel #showadminpanelbutton, .vue-component-wrapper #showadminpanel #show-content-helper, .vue-component-wrapper .content-helper-button #showadminpanelbutton, .vue-component-wrapper .content-helper-button #show-content-helper { margin: 0 0 0 0; padding: 0 0 0 0; position: fixed; bottom: 20px; z-index: 99999; background: white; border-radius: 50%; display: flex; justify-content: center; align-items: center; align-content: center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); width: 45px; height: 45px; font-size: 20px; border: 1px solid #d3d3d3; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); outline: none; }
.catfish-classes #showadminpanel #showadminpanelbutton .fa, .catfish-classes #showadminpanel #show-content-helper .fa, .catfish-classes .content-helper-button #showadminpanelbutton .fa, .catfish-classes .content-helper-button #show-content-helper .fa, .vue-component-wrapper #showadminpanel #showadminpanelbutton .fa, .vue-component-wrapper #showadminpanel #show-content-helper .fa, .vue-component-wrapper .content-helper-button #showadminpanelbutton .fa, .vue-component-wrapper .content-helper-button #show-content-helper .fa { text-indent: 0; }
.catfish-classes #showadminpanel #showadminpanelbutton:hover, .catfish-classes #showadminpanel #show-content-helper:hover, .catfish-classes .content-helper-button #showadminpanelbutton:hover, .catfish-classes .content-helper-button #show-content-helper:hover, .vue-component-wrapper #showadminpanel #showadminpanelbutton:hover, .vue-component-wrapper #showadminpanel #show-content-helper:hover, .vue-component-wrapper .content-helper-button #showadminpanelbutton:hover, .vue-component-wrapper .content-helper-button #show-content-helper:hover { background: #f2f2f2; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
.catfish-classes #showadminpanel #show-content-helper, .catfish-classes .content-helper-button #show-content-helper, .vue-component-wrapper #showadminpanel #show-content-helper, .vue-component-wrapper .content-helper-button #show-content-helper { left: 80px ; }
.catfish-classes #showadminpanel #showadminpanelbutton, .catfish-classes .content-helper-button #showadminpanelbutton, .vue-component-wrapper #showadminpanel #showadminpanelbutton, .vue-component-wrapper .content-helper-button #showadminpanelbutton { left: 20px ; }
.catfish-classes .content-helper-wrapper, .vue-component-wrapper .content-helper-wrapper { z-index: 9999; }
@media screen and (max-width: 1086px) { .catfish-classes .content-helper-wrapper, .vue-component-wrapper .content-helper-wrapper { padding-bottom: 5rem; } }
.catfish-classes .content-helper-wrapper .dropdown-trigger, .vue-component-wrapper .content-helper-wrapper .dropdown-trigger { border: 1px solid; background: white; border-color: #353E49; }
.catfish-classes .content-helper-wrapper .dropdown-trigger > .navbar-item, .vue-component-wrapper .content-helper-wrapper .dropdown-trigger > .navbar-item { padding: 0.5rem; }
.catfish-classes .content-helper-wrapper #editable-content-overlay .field-body, .vue-component-wrapper .content-helper-wrapper #editable-content-overlay .field-body { flex-grow: 2; }
@media screen and (max-width: 1279px) { .catfish-classes .content-helper-wrapper #editable-content-overlay .field-body, .vue-component-wrapper .content-helper-wrapper #editable-content-overlay .field-body { flex-grow: 0; } }
.catfish-classes .content-helper-wrapper #editable-content-overlay > .column, .vue-component-wrapper .content-helper-wrapper #editable-content-overlay > .column { padding: 0; }
.catfish-classes .content-helper-wrapper #editable-content-overlay .control, .vue-component-wrapper .content-helper-wrapper #editable-content-overlay .control { padding-top: 0.45em; }
.catfish-classes .content-helper-wrapper .dropdown .background, .vue-component-wrapper .content-helper-wrapper .dropdown .background { display: none; }
@media screen and (min-width: 768px) { .catfish-classes .content-helper-wrapper #edit-entity-link, .catfish-classes .content-helper-wrapper #active-editable-content-list, .catfish-classes .content-helper-wrapper #editable-content-overlay, .vue-component-wrapper .content-helper-wrapper #edit-entity-link, .vue-component-wrapper .content-helper-wrapper #active-editable-content-list, .vue-component-wrapper .content-helper-wrapper #editable-content-overlay { margin-left: 1.5rem; } }
@media screen and (max-width: 767px) { .catfish-classes .content-helper-wrapper #active-editable-content-list .fa, .vue-component-wrapper .content-helper-wrapper #active-editable-content-list .fa { line-height: 1em; } }
.catfish-classes .content-helper-wrapper #editable-content-overlay .field, .catfish-classes .content-helper-wrapper #active-editable-content-list .field, .vue-component-wrapper .content-helper-wrapper #editable-content-overlay .field, .vue-component-wrapper .content-helper-wrapper #active-editable-content-list .field { align-items: center; }
.catfish-classes .content-helper-wrapper #editable-content-overlay .field .field-label, .catfish-classes .content-helper-wrapper #active-editable-content-list .field .field-label, .vue-component-wrapper .content-helper-wrapper #editable-content-overlay .field .field-label, .vue-component-wrapper .content-helper-wrapper #active-editable-content-list .field .field-label { flex-basis: auto; flex-grow: unset; }
.catfish-classes .content-helper-wrapper #edit-entity-link span.edit-entity-button-text, .vue-component-wrapper .content-helper-wrapper #edit-entity-link span.edit-entity-button-text { max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media screen and (max-width: 767px) { .catfish-classes .content-helper-wrapper #editable-content-overlay, .vue-component-wrapper .content-helper-wrapper #editable-content-overlay { margin-left: .5rem; }
.catfish-classes .content-helper-wrapper #editable-content-overlay .column > .field, .vue-component-wrapper .content-helper-wrapper #editable-content-overlay .column > .field { display: flex; flex-direction: column; } }
.catfish-classes #editable-content-dotted-overlay, .vue-component-wrapper #editable-content-dotted-overlay { Position: absolute; right: auto; border: 2px dotted red; z-index: 999; display: flex; align-items: center; justify-content: center; flex-direction: column; pointer-events: none; }
.catfish-classes #editable-content-dotted-overlay .overlay-button, .vue-component-wrapper #editable-content-dotted-overlay .overlay-button { display: none; top: .3rem; right: .3rem; font-size: 14px; position: absolute; max-width: 100%; height: auto; z-index: 2; visibility: visible; text-decoration: none; color: #fff; align-items: center; justify-content: center; cursor: pointer; border: 1px solid white; padding: .3rem .9rem; pointer-events: auto; }
.catfish-classes #editable-content-dotted-overlay .overlay-button .overlay-icon, .vue-component-wrapper #editable-content-dotted-overlay .overlay-button .overlay-icon { margin-right: .75rem; }
.catfish-classes #editable-content-dotted-overlay.show-button .overlay-button, .vue-component-wrapper #editable-content-dotted-overlay.show-button .overlay-button { display: flex; }
.catfish-classes .dragbox, .vue-component-wrapper .dragbox { padding: 0 5px 0 5px; overflow: hidden; position: relative; width: 100%; border: 0; }
.catfish-classes .dragbox .dragbox, .vue-component-wrapper .dragbox .dragbox { margin: 5px 0; }
.catfish-classes .dragbox .controls, .vue-component-wrapper .dragbox .controls { right: 13px ; position: absolute; top: 8px; margin: 0; padding: 0; }
.catfish-classes .dragbox .dragtitle, .vue-component-wrapper .dragbox .dragtitle { margin: 0 0 0 0; padding: 0 20px 0 20px; background: #f5f5f5; color: #1F1F1F; line-height: 50px; height: 50px; display: inline-block; width: 100%; font-size: 16px; font-family: inherit; cursor: pointer; border-bottom: 1px solid white; }
.catfish-classes .dragbox .dragbox-content, .vue-component-wrapper .dragbox .dragbox-content { background-color: transparent; position: relative; overflow: hidden; }
.catfish-classes .dragbox .dragbox-content:after, .vue-component-wrapper .dragbox .dragbox-content:after { content: ""; display: table; clear: both; }
.catfish-classes .dragbox .dragbox-content .dragbox-content, .vue-component-wrapper .dragbox .dragbox-content .dragbox-content { display: none; }
.catfish-classes .loading-overlay .loading-background, .catfish-classes .loading-overlay .loading-background, .vue-component-wrapper .loading-overlay .loading-background, .vue-component-wrapper .loading-overlay .loading-background { background: rgba(255, 255, 255, 0.95); }