/* paymentfont-webfont */
@font-face {
	font-family: 'paymentfont-webfont';
	font-style: normal;
	font-weight: normal;
	src: url('/-211941750/Handler/Static/Content/Themes/PrintMySmile/fonts/paymentfont-webfont.ttf') format('truetype') /* Safari, Android, iOS */;
}

/* Raleway-Bold */
@font-face {
	font-family: 'Raleway-Bold';
	font-style: normal;
	font-weight: normal;
	src: url('/538999622/Handler/Static/Content/Themes/PrintMySmile/fonts/Raleway-Bold.ttf') format('truetype') /* Safari, Android, iOS */;
}

/* Raleway-BoldItalic */
@font-face {
	font-family: 'Raleway-BoldItalic';
	font-style: normal;
	font-weight: normal;
	src: url('/-260247722/Handler/Static/Content/Themes/PrintMySmile/fonts/Raleway-BoldItalic.ttf') format('truetype') /* Safari, Android, iOS */;
}

/* Raleway-Italic */
@font-face {
	font-family: 'Raleway-Italic';
	font-style: normal;
	font-weight: normal;
	src: url('/-1027238862/Handler/Static/Content/Themes/PrintMySmile/fonts/Raleway-Italic.ttf') format('truetype') /* Safari, Android, iOS */;
}

/* Raleway-Light */
@font-face {
	font-family: 'Raleway-Light';
	font-style: normal;
	font-weight: normal;
	src: url('/163907478/Handler/Static/Content/Themes/PrintMySmile/fonts/Raleway-Light.ttf') format('truetype') /* Safari, Android, iOS */;
}

/* Raleway-LightItalic */
@font-face {
	font-family: 'Raleway-LightItalic';
	font-style: normal;
	font-weight: normal;
	src: url('/-1805384164/Handler/Static/Content/Themes/PrintMySmile/fonts/Raleway-LightItalic.ttf') format('truetype') /* Safari, Android, iOS */;
}

/* Raleway-Medium */
@font-face {
	font-family: 'Raleway-Medium';
	font-style: normal;
	font-weight: normal;
	src: url('/-623799792/Handler/Static/Content/Themes/PrintMySmile/fonts/Raleway-Medium.ttf') format('truetype') /* Safari, Android, iOS */;
}

/* Raleway-MediumItalic */
@font-face {
	font-family: 'Raleway-MediumItalic';
	font-style: normal;
	font-weight: normal;
	src: url('/1346247910/Handler/Static/Content/Themes/PrintMySmile/fonts/Raleway-MediumItalic.ttf') format('truetype') /* Safari, Android, iOS */;
}

/* Raleway-Regular */
@font-face {
	font-family: 'Raleway-Regular';
	font-style: normal;
	font-weight: normal;
	src: url('/562109809/Handler/Static/Content/Themes/PrintMySmile/fonts/Raleway-Regular.ttf') format('truetype') /* Safari, Android, iOS */;
}

/* Raleway-SemiBold */
@font-face {
	font-family: 'Raleway-SemiBold';
	font-style: normal;
	font-weight: normal;
	src: url('/2116653815/Handler/Static/Content/Themes/PrintMySmile/fonts/Raleway-SemiBold.ttf') format('truetype') /* Safari, Android, iOS */;
}

/* Raleway-SemiBoldItalic */
@font-face {
	font-family: 'Raleway-SemiBoldItalic';
	font-style: normal;
	font-weight: normal;
	src: url('/1730747626/Handler/Static/Content/Themes/PrintMySmile/fonts/Raleway-SemiBoldItalic.ttf') format('truetype') /* Safari, Android, iOS */;
}

/* themify */
@font-face {
	font-family: 'themify';
	font-style: normal;
	font-weight: normal;
	src: url('/-629689140/Handler/Static/Content/Themes/PrintMySmile/fonts/themify.ttf') format('truetype') /* Safari, Android, iOS */;
}

/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }



/***** Links *****/

a:link 									{ color:#333; text-decoration:none; outline:0;  }
a:visited 								{ color:#333; text-decoration:none; outline:0; }
a:active 								{ color:#333; text-decoration:none; outline:0; }
a:hover 								{ color:#999; text-decoration:underline; outline:0; }
a:focus 								{ -moz-outline-style:none; }

/***** Added Font awesome for icon support *****/
/***** to enable add display:inline-block to override*****/
/***** to enable add display:inline-block to override*****/
.fa{margin-right:5px;}

/***** Theme Colour Setup *****/
.theme_bg_colour1{background:#eee;}
.theme_bg_colour2{background:#22A8E5;}
.theme_bg_colour3{background:#E8F6FC;}
.theme_bg_colour4{background:#f9f9f9;}
.theme_bg_colour5{background:#fff;}
.theme_bg_colour6{background:#F9F9F9;}
.theme_bg_colour7{background:#FC7474;}

.yb_bg_colour1{
  background: #f4f4f4; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f4f4f4 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */    }

.yb_bg_colour2{background: #b7deed; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3ZGVlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU3YjllMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIyYThlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2M0ZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #b7deed 0%, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7deed), color-stop(50%,#57b9e0), color-stop(51%,#22a8e5), color-stop(100%,#7cc4e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b7deed 0%,#57b9e0 50%,#22a8e5 51%,#7cc4e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b7deed 0%,#57b9e0 50%,#22a8e5 51%,#7cc4e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b7deed 0%,#57b9e0 50%,#22a8e5 51%,#7cc4e2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b7deed 0%,#57b9e0 50%,#22a8e5 51%,#7cc4e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#7cc4e2',GradientType=0 ); /* IE6-8 */}

.yb_bg_colour3{text-decoration:none;color:#FFF   ;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 */
}

.yb_bg_colour4{text-decoration:none;   ;
    background: #fceabb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZWFiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjY2Q0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y4YjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmRmOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-8 */
}


a.yb_bg_colour1:hover{text-decoration:none;color:#FFF   ;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 */
}
a.yb_bg_colour2:hover{text-decoration:none;color:#FFF ;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 */
}
a.yb_bg_colour2{color:#FFF ;}




.Col1{color:#333;}
.Col2{color:#fff;}
.Col3{color:#22A8E5;}
/***** Theme Links Setup *****/
a.Col1{color:#22A8E5;}
a.LinkLarge{font-size:15px;}

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { 
    overflow: auto; 
    vertical-align: top;
    resize: vertical;
    text-align: start;
    unicode-bidi: plaintext;
}
input:valid, textarea:valid {   color: #222; }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.prices-table td {padding:2px;margin:0px;}


.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }







/* =======AMAZIUM==================== */




/*
* Amazium V1.0.0
* Copyright 2011, Mike Ballan
* www.amazium.co.uk
*/


/***** Reset & Basics *****/

html, body, div, span, applet,
object, iframe, h1, h2, h3, h4,
h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd,
q, s, samp, small, strike, strong,
sub, sup, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details,
embed, figure, figcaption, footer,
header, hgroup, menu, nav, output,
ruby, section, summary, time, mark,
audio, video 							{ margin: 0; padding: 0; border: 0; font-size:100%; font:inherit; vertical-align:baseline; }

article, aside, details, figcaption,
figure, footer, header, hgroup, menu,
nav, section 							{ display:block; }

body 									{ line-height:1; }

ol, ul 									{ list-style:none; }

blockquote, q 							{ quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after 						{ content:''; content:none; }

table 									{ border-collapse:collapse; border-spacing:0; }

/***** Basic Styles *****/

html 									{ overflow-y:scroll; overflow:-moz-scrollbars-vertical; }
body									{ margin:00px 0 0 0; padding:0; background-color:#fff; font:12px "Trebuchet MS", Helvetica, sans-serif; color:#333; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; }

/***** Typography *****/

h1, h2, h3, h4, h5, h6 					{ margin:0; padding:0;  font-weight:normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 		{ font-weight: inherit; }
h1 										{ margin:0 0 10px 0; padding:0; font-size:20px; line-height:32px; }
h2										{ margin:0 0 10px 0; padding:0; font-size:18px; line-height:26px; }
h3 										{ margin:0 0 10px 0; padding:0; font-size:16px; line-height:20px; }
h4 										{ margin:0 0 10px 0; padding:0; font-size:14px; line-height:20px; font-weight:bold; }
h5 										{ margin:0 0 10px 0; padding:0; font-size:12px; line-height:16px; font-weight:bold; }
h6 										{ margin:0 0 10px 0; padding:0; font-size:10px; line-height:14px; }

p 										{ margin:0; padding:0 0 10px 0; line-height:16px; }

sup, sub 								{ height:0;	line-height:1px; vertical-align:baseline; _vertical-align:bottom; position:relative; }
sup 									{ bottom:1px; }
sub 									{ top:1px; font-size:.6em; }
em 										{ font-style:italic; color:#666; }
strong 									{ font-weight:bold; color:#333; }
small 									{ font-size:80%; }

/***** Blockquotes *****/

blockquote, blockquote p 				{ font-size:12px; line-height:24px; color:#777; font-style:italic; }
blockquote 								{ margin:10px 0 15px 0; padding:0 0 0 5px; border-left:1px solid #747474; }
blockquote cite 						{ display:block; font-size:12px; color:#555; }
blockquote cite:before 					{ content:"\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited 				{ color:#555; }
blockquote span							{ width:15px; display:inline-block; }

hr 										{ margin:20px 0 20px 0; border:0; border-top:1px solid #999; height:2px; width:100%; text-align:left; }



/***** Lists *****/

ul, ol 									{ margin-bottom:20px; }
ul 										{ list-style:none outside; }
ol 										{ list-style:decimal; }
ol, ul.square, ul.circle, ul.disc 		{ margin-left:15px; }
ul.square 								{ list-style:square outside; }
ul.circle 								{ list-style:circle outside; }
ul.disc 								{ list-style:disc outside; }
ul.fancy li								{ padding:0 0 0 15px; background:transparent url(/-402416813/Handler/Static/Content/Themes/Base/images/bullet.png) no-repeat 0 3px; }
ul ul, ul ol, ol ol, ol ul 				{ margin:4px 0 5px 30px; font-size:90%;  }
ul ul li, ul ol li,	ol ol li, ol ul li 	{ margin-bottom:6px; }
li 										{  }
ul.large li 							{ line-height:21px; }
li p 									{ }

/***** Images iFrames & Videos  *****/

img 									{ border:0; -ms-interpolation-mode:bicubic; }
.max-img 								{ width:100%; height:auto; }
.video-container 						{ position:relative; margin:0 0 15px 0;	padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:1px solid #ccc; }
.video-container iframe,
.video-container object,
.video-container embed 					{ position:absolute; top:0; left:0; width:100%; height:100%; }

/***** Buttons  *****/

/*a.btn, .btn 							{ margin:5px 0 5px 0; padding:6px 28px 8px 12px; display:inline-block; font-size:11px; color:#fff; cursor:pointer; }
a:hover.btn 							{ text-decoration:none; border:1px solid #333; background:#333 url(/00000000-0000-0000-0000-000000000000/Handler/Static/Content/Themes/PrintMySmile/images/btn-arrow.png) no-repeat right; }*/
/***** Blue Buttons  *****/
.basketEditButton, .editoractionbutton, .saveCommentButton, .downloadPDFProof, .addnewfriendcomment, #create-button, .startYBPreview, .bookoptions button, .saveYearbookSettings, .editBookUnitSave, .saveSelectedTemplateAction, .createBookUnitSave, .addNewQuestion, .createBookUnitAction, .add-contributors-button, .update-button,  #newAlbum, #markerControls button, .registerbutton, .file-upload-button, .facebookbutton, .report-action, .loginbutton, .continueshoppingbutton, .addaddressbutton, .saveaddressbutton, .changepasswordbutton, .registernextstepbutton,.clearselectall, .productlistproductdetailbutton, .productvariantaddtocartbutton, .editaddressbutton, .orderdetailsbutton, .productwritereviewbutton, .savecustomerinfobutton, .removediscountbutton           {border:none;border-width:0px;background-color:#22A8E5;color:#fff;height:29px;margin-left:2px;margin:0px;padding:0px 10px;-webkit-border-radius: 0;}
.basketEditButton:hover, .editoractionbutton:hover, .saveCommentButton:hover, .downloadPDFProof:hover, .addnewfriendcomment:hover, #create-button:hover, .startYBPreview:hover, .bookoptions button:hover, .saveYearbookSettings:hover, .editBookUnitSave:hover, .saveSelectedTemplateAction:hover, .createBookUnitSave:hover, .addNewQuestion:hover, .createBookUnitAction:hover,  .add-contributors-button:hover, .update-button:hover,  #newAlbum:hover, #markerControls button:hover, .registerbutton:hover, .file-upload-button:hover, .facebookbutton:hover, .report-action:hover, .addaddressbutton:hover, .continueshoppingbutton:hover, .loginbutton:hover, .changepasswordbutton:hover, .saveaddressbutton:hover,.clearselectall:hover, .productlistproductdetailbutton:hover, .productvariantaddtocartbutton:hover, .editaddressbutton:hover, .orderdetailsbutton:hover, .productwritereviewbutton:hover, .savecustomerinfobutton:hover , .removediscountbutton:hover          { background:#00415F;}
#markerControls button[disabled="disabled"], #markerControls button.disabled{background:#999;color:#ccc;}
/***** Grey Buttons  *****/
.productemailafriendbutton, .saveSignOffStudentButton, .saveStudentButton, .productaddtocomparelistbutton           {border:none;border-width:0px;background-color:#bbb;color:#fff;height:29px;margin-left:2px;margin:0px;padding:0px 10px;-webkit-border-radius: 0;}
.productemailafriendbutton:hover, .saveSignOffStudentButton:hover, .saveStudentButton:hover, .productaddtocomparelistbutton:hover           { background:#666;}
/***** RED Buttons  *****/
.basketUpdatecartbutton, .amendYBbutton, .delete-button, .delete-question-button, .createBookUnitCancel, .editBookUnitCancel, .updatecartbutton, .deleteaddressbutton, .canceladdressbutton{background:#950000;border: 0 none;color: #FFFFFF;margin: 0;padding: 0 10px;margin-right:5px;height:29px;}
.basketUpdatecartbutton:hover, .amendYBbutton:hover, .delete-button:hover, .delete-question-button:hover, .createBookUnitCancel:hover, .editBookUnitCancel:hover, .updatecartbutton:hover, .deleteaddressbutton:hover, .canceladdressbutton:hover{background:#500000;}
/***** Forms *****/
.basketUpdatecartbutton,.basketEditButton{margin:0 0 5px 0;width:50px;}
/***** Forms *****/

#stylized-form							{ margin:10px 0 20px 0; padding:20px; background-color:#f4f4f4; -webkit-border-radius:4px; -moz-border-radius:4px; }

.wrapper-block label 					{ padding:0; display:block; font-weight:bold; text-align:right; width:140px; float:left; }
.wrapper-block [type="text"]			{ font-size:12px; padding:4px 2px; border:solid 1px #bbbbbb; width:200px; margin:2px 0 15px 10px; }
.wrapper-block select					{ font-size:12px; padding:2px; border:solid 1px #bbbbbb; margin:2px 0 15px 10px; }
.wrapper-block [type="radio"]			{ line-height:16px; margin:0 2px 15px 10px; }
.wrapper-block [type="checkbox"]		{ line-height:16px; margin:0 2px 15px 10px; }
.wrapper-block textarea					{ padding:4px 2px; border:solid 1px #bbbbbb; width:200px; margin:2px 0 15px 10px;  }

.wrapper-inline label 					{ padding:0; display:block; font-weight:bold; text-align:right; width:140px; float:left; }
.wrapper-inline [type="text"]			{ font-size:12px; padding:4px 2px; border:solid 1px #bbbbbb; width:200px; margin:2px 0 15px 10px;  float:left; }
.wrapper-inline select					{ font-size:12px; padding:4px 2px; border:solid 1px #bbbbbb; margin:2px 0 15px 10px; float:left; }
.wrapper-inline [type="radio"]			{ line-height:16px; margin:0 2px 15px 10px; float:left; }
.wrapper-inline [type="checkbox"]		{ line-height:16px; margin:0 2px 15px 10px; float:left; }
.wrapper-inline textarea				{ padding:4px 2px; border:solid 1px #bbbbbb; width:140px; margin:2px 0 15px 10px; float:left; }

a.btn-form, input.btn-form				{ margin:5px 0 5px 150px; padding:4px 28px 4px 8px; display:inline-block; font-size:11px; color:#fff; border:1px solid #444; background:#333 no-repeat right; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; cursor:pointer; }

.small-label							{ display:block; font-size:10px; font-weight:normal; color:#666; text-align:right; width:140px; }

/***** Tables  *****/

table									{ margin:0 0 0px 0; width:100%; }
table th 								{ padding:10px 8px 10px 8px;  color:#333; font-weight:bold;}
table td 								{ padding:10px 8px 10px 8px;  color:#333;  }
table tr.even td 						{ background-color:#efefef; }
table tr.odd td 						{ background-color:#f3f3f3; }
table td.highlight 						{ color:#FFF; font-weight:bold; }
table tr td.highlight					{ background-color:#333;  }

/***** Back to Top *****/

#toTop 									{ display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:-999px; background:url(/722842141/Handler/Static/Content/Themes/Base/images/ui.totop.png) no-repeat left top; }
#toTopHover 							{ background:url(/722842141/Handler/Static/Content/Themes/Base/images/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus 			{ outline:none; }

/***** Global Classes *****/

.img-left   							{ float:left; margin:0 30px 30px 0; border:none; }
.img-right  							{ float:right; margin:0 0 30px 30px; border:none; }

.clear       							{ clear:both; }
.float-left 							{ float:left; }
.float-right   							{ float:right; }

.text-big								{ color:#a2bd30; font-weight:bold; line-height:26px; }
.text-left    							{ text-align:left; }
.text-right    							{ text-align:right; }
.text-center   							{ text-align:center; }
.text-justify  							{ text-align:justify; }

.normal									{ font-weight:normal; }
.bold          							{ font-weight:bold; }
.italic        							{ font-style:italic; }
.underline     							{ border-bottom:1px solid; }
.highlight     							{ background:#ffc; }

.nopadding 						   		{ padding:0; }
.noindent  						   		{ margin-left:0; padding-left:0; }
.nobullet  					   			{ list-style:none; list-style-image:none; }

.block									{ display:block; }
.hidden									{ display:none; }
.is-hidden,
.hide 									{ display:none; }

.row input                                   {    padding:7px;  }
.item-value input, .item-value select                                 {border:3px solid #eee;     margin: 0;     padding:7px; }


/* =======END AMAZIUM==================== */

/* ======= THEME1==================== */

/* TOP ROW */
body{background:url(/-1564626404/Handler/Static/Content/Themes/Base/images/top-colour.gif) top left repeat-x;}
/* TOP ROW */
#toprow{}
.topbar{height:7px;}
/* LOGO ROW */
#logorow{margin-top: 15px;margin-bottom: 15px;}
.left{}
.right{}
.logo{}
.adminlinks{padding:5px; border-top:7px #22A8E5 solid;background:#f9f9f9;}
.adminlinks a{color:#666;}
.adminlinks span {color: #666;}
.header-topcontact { margin-top: 5px;padding:5px}
.adminmenu{margin:0px;text-align:right;}
.adminmenu li{display:inline;padding:5px;margin:0px;}
.minishoppingcartwrapper {}
.minishoppingcart{border:1px solid #22A8E5;padding:5px;margin:5px;width:120px;float:right;}
/* MENU ROW */
#menurow{margin-bottom:10px;}
.menuwrapper{border-width: 1px 0px 1px 0px;border-style:solid;border-color:#efefef;}
nav select { width:100%; padding:2%;}
nav .selectnavwrapper{padding:4px;background:#eee;display: none;}
.search{background:#efefef;padding:4px;}
.search .searchbox{float: left;border:0px none #999;margin:0px;padding-left:5px;	-webkit-border-radius: 0;}
.search .searchbutton{border:none;border-width:0px;background-color:#22A8E5;color:#fff;height:29px;margin-left:2px;margin:0px;padding:0px;width:43px;float:right;-webkit-border-radius: 0;}
/* SLIDER ROW */
#sliderrow{margin-bottom:10px;}
.slider{background:#3399ff;padding:100px;}
.flex-viewport{margin-bottom:1px;}
.flex-viewport ul li {margin:0px;padding:0px; }
.flex-viewport ul li p{background:#eee;text-align:center;}
.flex-prev{}
/* CONTENT ROW */
#contentrow{ margin-bottom:20px;}
.navigationmenu, .block-account-navigation{	background: url(/-401761459/Handler/Static/Content/Themes/Base/images/footergrad.jpg) repeat-x scroll 0 0 #445159;    color: #FFFFFF;	margin-bottom:10px;}
.navigationmenu h6, .block-account-navigation .title{	padding:10px;margin:0px;	font-size:14px;}
.navigationmenu ul, .block-account-navigation ul { margin: 0px 10px 0px 10px;padding-bottom: 10px;font-size: 12px;border-top: dotted 1px #777;}
.navigationmenu ul ul {border: none;margin: 0px;padding: 0px;}
.navigationmenu li, .block-account-navigation li {border-bottom: dotted 1px #777;padding: 0px;margin: 0px;}
.navigationmenu li > a, .block-account-navigation li > a {color: #fff;display: block;padding-top: 6px;padding-right: 6px;padding-bottom: 6px;padding-left: 2px;}
.navigationmenu li > a:hover, .block-account-navigation li > a:hover {background: #171C1F;text-decoration: none;}
.bestsellers{}
.bestsellers h3, .featuredproducts h3{margin:0px;color:#22A8E5;	font-size:14px;}
.bestsellerswrapper{}
.bestsellerproduct{	}
.bestsellerproduct p{margin:0px;padding:2px 2px 2px 0px;}
.small-product-item img{max-height:180px; max-width:180px;	display:block;margin-right:auto;margin-left:auto;}
.small-product-item .picture{height:200px;display:table-cell;width:230px; border: 2px solid #eee;  vertical-align: middle;}
.featuredproducts{	}
.featuredproduct{	}
.featuredproduct p{	margin:0px;padding:2px 2px 2px 0px;}
.featuredproduct img{display:block;}
.productdivider{border-color: #ccc; border-style: dotted;border-width: 1px 0 0 0;margin-bottom:5px;	margin-top:5px;	}
.homebanners{}
.banner{margin-bottom:10px;}
.banner img{width:100%;display:block;}
.homeFeaturedProducts, .homePageCategories, .homeBestSellers                   {clear:both;	margin-bottom:10px;}
.small-product-item                     {}
.product-title                          {padding:2px 0px;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}
/* FOOTER ROW */
#footerrow{background:url(/-401761459/Handler/Static/Content/Themes/Base/images/footergrad.jpg) repeat-x #445159; color:#fff;margin-top:20px;}
.footerinner{background:url(/-1968566296/Handler/Static/Content/Themes/Base/images/footerinnergrad.jpg) #415B68 repeat-x; }


/* New Footer changes */
/*.html-upper-footer{ background: #4490c9;background: -webkit-linear-gradient(#4490c9, #485860);background: -o-linear-gradient(#4490c9, #485860);background: -moz-linear-gradient(#4490c9, #485860);background: linear-gradient(#4490c9, #485860);}*/
.html-upper-footer {background: #53656F}
.html-upper-footer-content{color: #FFF;font-size: 12px;line-height: 17px;padding: 30px 0;text-align: left}
.html-upper-footer-content h4{padding-left: 30px;padding-top: 30px;margin-bottom: 15px;font-size: 16px}
.html-upper-footer-content .contect-details img{width: 100%;height: auto;max-width: 190px}
.html-upper-footer-content ul, .html-upper-footer-content #subscribe-module p, .html-upper-footer-content #subscribe-module form{padding-left: 30px}
.html-upper-footer-content .contect-details p{padding-top: 14px}
.html-upper-footer-content .email{ background: url(/-1007969459/Handler/Static/Content/Themes/Base/images/email-icon.png) no-repeat 0 5px;padding-left: 35px}
.html-upper-footer-content .phone{ background: url(/-1573759964/Handler/Static/Content/Themes/Base/images/phone-icon.png) no-repeat 0 5px;padding-left: 35px}
.html-upper-footer-content li{padding-bottom: 10px;font-size: 13px}
.html-upper-footer-content #subscribe-module input[type="submit"]{padding: 8px 13px;color: #53656F;font-weight: bold;margin-left: 10px;border: none}
.html-footer a, .html-upper-footer a{color: #FFF;overflow-wrap: break-word}
.html-upper-footer-content a:hover{text-decoration: none;color: #333;font-weight: bold;cursor: pointer}
.html-footer{ background: #485860;color: #fff;padding:15px}

.footerinner h3{margin:20px 20px 10px 10px;padding:0px;font-size:14px;}
.footerinner ul{border-top: 1px dotted #777777;	padding:0px;font-size:12px;margin: 0 20px 10px 10px;}
.footerinner li{border-bottom: 1px dotted #777777;}
.footerinner li a{color:#fff;display: block;padding-top: 6px;padding-right: 6px;padding-bottom: 6px;padding-left: 2px;}
.footerinner li  a:hover {background: none repeat scroll 0 0 #171C1F; text-decoration: none;}
.footercopyrightrow{background:#53656F; border-bottom:#445159 solid 15px;color:#fff;}
.footersmalllogo{float:right;padding:5px;}
.footercopyright{float:left;padding:5px;line-height:34px;}
/* =======DROPDOWN CODE==================== */
ul.dropdown,ul.dropdown li,ul.dropdown ul { list-style: none; margin: 0; padding: 0;  text-transform: uppercase;}
ul.dropdown { position: relative;  float: left;}
ul.dropdown li { float: left; min-height: 1px; line-height: 1.3em; vertical-align: middle;}
ul.dropdown li.hover,ul.dropdown li:hover { position: relative; z-index: 599; cursor: default;}
ul.dropdown ul { visibility: hidden;position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;}
ul.dropdown ul li { float: none;}
ul.dropdown ul ul { top: 1px; left: 99%;}
ul.dropdown li:hover > ul { visibility: visible;}
/* -- Base style extension -- */
ul.dropdown li a { display: block;  height: 26px;    padding-left: 11px;    padding-right: 11px;    padding-top: 11px;}
/* -- Base style override -- */
ul.dropdown li { padding: 0;}
/* -- Base style reinitiate: post-override activities -- */
ul.dropdown li.dir { padding: 7px 20px 7px 14px;}
ul.dropdown ul li.dir { padding-right: 15px;}
/* -- Custom -- */
ul.dropdown ul a { width: 148px; /* Especially for IE */}
ul.dropdown ul a:hover { background-color: #435158;}
/* -- Base drop-down styling -- */
ul.dropdown li {  background-color: #fff; color: #000; line-height: normal;	}
ul.dropdown a:link,	ul.dropdown a:visited { color: #000; text-decoration: none; }
ul.dropdown a:hover { color: #000; text-decoration: none;background-color: #eee; }
ul.dropdown a:active { color: #000; }
/* -- level mark -- */
ul.dropdown ul {width: 170px;	 background-color:#22A8E5;color: #000;font-size: 11px;text-transform: none;filter: alpha(opacity=90);-moz-opacity: .9;KhtmlOpacity: .9;opacity: .9;	}
ul.dropdown ul li {background-color: transparent;color: #000;filter: none;}
ul.dropdown ul li.hover,ul.dropdown ul li:hover {background-color: transparent;}
ul.dropdown ul a:link,ul.dropdown ul a:visited { color: #fff; }
ul.dropdown ul a:hover { color: #fff; text-decoration: none; }
ul.dropdown ul a:active { color: #fff; }
/* -- Supporting class `dir` -- */
ul.dropdown *.dir {padding-right: 12px;background-image: none;background-position: 100% 50%;background-repeat: no-repeat;}
/* -- Drop-down open -- */
ul.dropdown li:hover > a.dir {background-color: #22A8E5;color: #fff;}
ul.dropdown ul li:hover > a.dir {background-color: #435158;color: #fff;}


/* =======LOGIN PAGE==================== */
.page-title h1{padding-left:5px;}
.register-title, .login-title, .section-title                           {padding:2px;color:#22A8E5;font-size:14px;}
.validation-summary-errors span{padding:5px;color:#ff0000;}
.externalauthentication {margin-top:10px;border-top:#EFEFEF solid 1px;padding-top:10px;}
.login-table-container                                 {border:1px solid #eee;background:#F9F9F9;}
/* =======TABLE GENERAL==================== */
.table-container                              {border:1px solid #eee;background:#F9F9F9;margin-bottom:10px;}
.table-container   tr {border-top:1px dashed #e3e3e3;}
.tablerow                                        {}
.item-name                                       {width:30%;text-align:right;}
.item-value                                      {width:70%;}
.item-value .text-box                            {width:90%;}
.field-validation-error{display:block; color: #ff0000;}
.input-validation-error{border:3px solid #ff0000!important;}
/* =======CATEGORY PAGES==================== */
.FiltersWrapper{padding:10px;background:#F9F9F9;}
.breadcrumb                                      {background: none repeat scroll 0 0 #F9F9F9;    border: 1px solid #EEEEEE;padding:10px;margin-bottom:10px;}
.allProductsCategoriesWrapper{background:#F9F9F9;border:1px #eee solid;}
.category-description                            {font-size:14px;color:#22A8E5;font-weight:normal;margin-bottom:10px;}
.category-description img                            {width:100%;}
/* ==================================================== */
.productFilters                                 {}
.product-viewmode {margin-left:5px;float:right;}
.product-sorting {margin-left:5px;float:right;}
.pager {margin:10px 0px;padding:10px;background:#F9F9F9;}
.pager span, .pager a{padding:5px;background:#22A8E5;display:inline-block;color:#fff;}
.pager a{background:#22A8E5;}
.pager a:hover{background:#00415F;text-decoration:none;}
.pager span{background:#ccc;}
/* =======CATEGORY PAGES LIST ITEMS==================== */
.listWrapper                                          {}
.listWrapper .listItem                                {}
.listWrapper .item-box, .search-results .item-box        {border:solid 1px #ccc;padding: 5px 5px  40px 5px;margin-top:10px;height:300px;position:relative;background:#F9F9F9;}
.product-grid .product-title                          {font-size:13px;margin:0px;color:#22A8E5;}
.product-grid .product-title a                        {color:#22A8E5;}
.product-grid .picture                                {height:217px;text-align:center;margin-bottom:10px;display:table-cell;vertical-align:middle;width: 217px;background:#fff;}
.product-grid .picture img                            {max-width:217px;max-height:217px;}
.product-grid .product-item                           {}
.product-grid .description                            {padding-bottom:30px;}
.product-grid .add-info                               {position:absolute;bottom:0;width:218px;padding-bottom:5px;}
.product-grid .add-info .prices                       {float:left;padding:7px;background:#fff;}
.product-grid .add-info .buttons                      {float:right;}
.product-grid .productlistaddtocartbutton             {width:100%;border:0px;background:#22A8E5;color:#fff;}
.product-grid .productlistaddtocartbutton:hover       {background:#00415F;color:#fff;}
.product-grid .addtocart                              {margin-top:5px;}
.product-grid .addtocart input[type="number"]         {float:right;width:50px;margin-bottom:5px}
.sub-category-grid .listWrapper .item-box             {padding:5px;height:250px;}
.sub-category-grid .listWrapper .picture              {height:214px;width:214px;display:table-cell;vertical-align:middle;text-align:center;background:#fff;}
.sub-category-grid .listWrapper .picture  img         {max-width:214px;max-height:214px;}
/* =======ORDER DETAILS==================== */
.order-overview{background: none repeat scroll 0 0 #F9F9F9;border: 1px solid #EEEEEE;}
.order-details-box, .products-box{background: none repeat scroll 0 0 #F9F9F9;border: 1px solid #EEEEEE;margin-top:10px;margin-bottom:10px;}
.order-details-box b{color: #22A8E5;    font-size: 14px;}
.products-box  {}
.products-box  .reorderbutton{margin:10px;}
/*========CYBERSOURCE PAYMENT GATEWAY===================*/
.error-block{}
.message-error{}
.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(/-159427543/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;}
/* =======ORDER DETAILS SUMMARY ON ORDERCOMPLETE PAGE==================== */
.checkout_data_integrated .orderSummaryTitle{color:#ff0000;font-weight:bold;font-size:14px;}
.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%;text-align:right;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{}
.checkout_data_integrated .order-details-box tbody {background:#fff;border:1px #ff0000 solid;}
.checkout_data_integrated .order-details-box tbody .midColumn{border-left:1px #ff0000 solid;border-right:1px #ff0000 solid;}
.checkout_data_integrated .order-details-box thead b{color:#ff0000;}
.checkout_data_integrated .products-box .unitprice, .checkout_data_integrated .products-box .qty, .checkout_data_integrated .products-box .subtotal{text-align:center;}
.checkout_data_integrated .print-buttons a{color:#0195BA;font-weight:bold;Background: url(/-159493082/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{}
.checkoutCompletedWrapper a{font-weight:bold;}
.checkout_data_integrated .attributeInfo{display:none;}
/* =======PRODUCT PAGES LIST ITEMS==================== */
.product-details-info{}
.product-details-info .picture{border:5px #eee solid;}
.product-details-info .bigpicture {display: table-cell;vertical-align: middle;text-align:center;}
.product-details-info .bigpicture img{}
.product-details-info .thumbs{border-top:5px solid #eee;padding:5px;text-align:center;}
.product-details-info .thumbs .thumb{display:inline;margin-right:5px;}
.product-collateral{}
.product-variant-list{margin-bottom:10px;}
.product-variant-list input{border:none;}
.overview .price{font-size:18px;margin:10px;}
.overview .add-info{padding:10px;background:#f9f9f9;border: 1px solid #EEEEEE;margin-top:5px}
.overview .shortdescription{margin-bottom:10px;border-bottom:solid 1px #eee;padding-bottom:10px;}
.product-reviews-overview, .product-no-reviews{margin-bottom:10px;}
.producttags-box{}
.producttags-box .title{font-size:14px;}
.producttags-box .producttags-list{}
.producttags-box .producttags-list .producttags-wrapper{float:left;padding-right:5px;}
.producttags-box .producttags-list .producttags-wrapper .producttag{color:#22A8E5;}
.emailCompareWrapper{margin-bottom:10px;}
.shareWrapper{margin-bottom:10px;border-bottom:solid 1px #eee;padding-bottom:10px;}
.product-details-page{margin-bottom:10px;}
.product-essential{margin-bottom:10px;}
.fulldescription{ background: none repeat scroll 0 0 #F9F9F9;    border: 1px solid #EFEFEF;    margin-bottom: 10px;    margin-top: 10px;    padding: 10px;}
.fulldescription .fulldescriptionTitle{margin:0px;}
.fulldescription p{margin:0px 0px 10px 0px;}
.prices-table{background: none repeat scroll 0 0 #F9F9F9;border: 1px solid #EEEEEE;}
.also-purchased-products-grid{margin-top:10px;}
.related-products-grid{margin-top:10px;}
.related-products-grid h3, .also-purchased-products-grid h3{margin:0px;}
.related-products-grid .listWrapper, .also-purchased-products-grid .listWrapper{}
.related-products-grid .listWrapper .item-box, .also-purchased-products-grid .listWrapper .item-box{border: 2px solid #EEEEEE; background:#fff;   height: 180px;    margin-top: 10px;    padding: 5px ;    position: relative;}
.related-products-grid .listWrapper .item, .also-purchased-products-grid .listWrapper .item{overflow:hidden;}
.related-products-grid .listWrapper .item .picture, .also-purchased-products-grid .listWrapper .item .picture{height:160px;width:218px;    display: table-cell;text-align: center;vertical-align: middle;}
.related-products-grid .listWrapper .item .picture img, .also-purchased-products-grid .listWrapper .item .picture img{max-width:150px;max-height:150px;}
.attributes{
}
.attribute{background: none repeat scroll 0 0 #F9F9F9;border: 1px solid #EEEEEE;margin-top:5px;padding:5px;}
.attributeHeader{margin-bottom:5px;border-bottom:1px #eee solid;padding-bottom:5px;}
.attributeRequired{color:#ff0000;font-weight:bold;}
.attributeTitle{font-weight:bold;}
.attribute .textBox{border:1px #eee solid;width:90%;}
.attribute .textArea{border:1px #eee solid;width:90%;}
.uploadWrapper{}
.uploadedWrapper{float:right;position:relative;}
.fileDelete{position:absolute;right:0;top:0;background:#ff0000;color:#fff;border:none 0px;padding:5px;border-left:solid 1px #fff;border-bottom:solid 1px #fff;}
.fileUpload{background:green;color:#fff;border:none 0px;padding:5px;}
/* =======REVIEWS==================== */
.product-review-list{}
.product-review-item, .write-review {
    padding: 20px;
    margin-bottom: 10px;
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #EEEEEE;
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
        padding-bottom: 10px;
}
.review-title{font-size: 16px;color: #22A8E5;margin-bottom:10px;}
.review-text{margin-bottom:10px;}
.review-info{margin-bottom:10px;}
.product-review-helpfulness{}
.vote{ cursor:pointer;color: #22A8E5; font-weight:bold;}
.product-review-box{background:#eee;padding:2px;margin-bottom:10px;}
.rating{background:#ccc;}
.rating .ratingamount{background:#22A8E5;display:block;padding:5px;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:10px;
                                             position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.write-review .validation-summary-errors ul{border:0px;margin:0px;}
/* =======THEME COLOURS==================== */
.acentcolour{color:#22A8E5;}
.acentBG{color:#22A8E5;}
/* =======CUSTOMER PAGES==================== */
.externalToken{text-overflow: ellipsis; overflow: hidden; width: 300px;}
.address-item, .order-item, .addAddressTable, .editAddressTable{background: none repeat scroll 0 0 #F9F9F9;border: 1px solid #EEEEEE;margin-bottom:10px;}
/* =======CUSTOMER PAGES= ORDERS=================== */
.customer-orders{}
.order-list{}
.order-item{}
.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==================== */
.albumManagement, .albumContentList{border: 1px solid #EEEEEE;margin-bottom:10px; padding:1%;}
.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;}
.uploadControl{border: 1px solid #EEEEEE;margin-bottom:10px;}
/* =======BASKET==================== */
.order-progress{background:#f9f9f9;margin-bottom:10px;}
.order-progress ul{text-align:center;padding:10px;margin:0px;}
.order-progress ul li{display:inline;}
.order-progress ul li a{display:inline-block;padding:5px;color:#fff;}
.order-progress ul li a.inactive-step{background:#ccc;}
.order-progress ul li a.active-step{background:#22A8E5;}
.cart-header-row{background:#f9f9f9;}
.cart-item-row {border-bottom:solid 1px #eee;}
.cart-item-row-inactive {background-color:#ffcccc}
.cart-item-row .product {}
.cart-item-row .product .rawAttributeInfo{}
.cart-item-row .productpicture {text-align:center;vertical-align:middle;}
.cart-item-row .productpicture img{height:100px;}
.cart-item-row td{padding:5px;text-align:center;}

@media only screen and (max-width: 767px) {
    .cart .cart-header-row { display:none; }
    .cart tbody, .cart tbody tr, .cart tbody tr td { position: relative;float: left; width:100%; box-sizing: border-box;}
    .cart .cart-item-row {
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 10px;
    border: solid 1px #ccc;
}
    .cart-item-row .productpicture {
    text-align: center;
    vertical-align: middle;
    background: #eee;
    padding: 15px;
}
    .cart-item-row .end .productPrice {
        font-size:17px;
    }
}
.cart-item-row .end .productPrice {
  color: #22A8E5;
}

.common-buttons{float:left;margin-top:10px;width:300px;}
.checkout-buttons{margin-top:10px;}
.deals{margin-top:10px;margin-bottom:10px;}
.cart-total{ background: none repeat scroll 0 0 #F9F9F9;border: 1px solid #EEEEEE;}
.terms-of-service{margin-top:10px;}
.postCoder{margin-bottom:10px;}
.postCoder #presult{}
.postCoder #presult ul{margin:0px;overflow:auto;height:203px;}
.postCoder #presult ul ul li{margin:0px;}
.postCoder #presult a{padding:7px;font-size: 12px;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;}
.postCoder .row{width:100%!important;display:block!important;margin:0px!important;}
.postCoder .row .left, .postCoder .row .right{float:none!important;}
.postCoder h1{font-size: 16px;    margin: 0;    padding: 0; font-weight: normal;}
/*=========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 PAGE==================== */
.customer-addresses {	background-color:#fff;	padding: 5px;height:400px;overflow:auto;}
.customer-addresses .address-list .address-item {	border: 1px none #eee;	height: auto;	margin-bottom: 5px;	text-align: left;	background-color:#F9F9F9;	padding:10px;}
.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;}
/*=========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(/-1478052660/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(/-159034332/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(/247610753/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;}
.checkout-page .shipping-options{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;}
/* =======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{}
.checkout-data .opc{ margin:0px;padding:0px;list-style: none!important;}
.checkout-data .opc #opc-shipping_method .checkout-data, .checkout-data .opc #checkout-step-payment-method .checkout-data{padding:10px;}
.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%;background:#22A8E5;float:left;color:#fff;font-size: 16px;}
.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;font-size: 16px;}
.checkout-data .opc .section .step{background:#fff;}
.checkout-data .opc .section .step .buttons{padding:10px;}
.checkout-data .opc .section .back-link{float:left; margin:0;padding:0;}
.checkout-data .opc .section .back-link a{ background-color: #666;border: 0 none;color: #FFFFFF;margin: 0;padding: 8px;display:block;}
.checkout-data .opc .section .back-link a:hover{ background-color: #333;text-decoration:none;}
.checkout-data .opc .section #co-billing-form, #co-shipping-form{padding:1%;}
.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 {  vertical-align: top;  display:inline-block;    height: 61px;    margin-right: 15px;    width: 180px;}
.checkout-data .opc .section .shipping-option-item label {    background: url(/-1210075964/Handler/Static/Content/Themes/Base/images/checkout/delivery_option.jpg) no-repeat scroll center -61px rgba(0, 0, 0, 0) !important;    height: 61px;    width: 100%;}
.checkout-data .opc .section .shipping-option-item input:checked + label { background: url(/-1210075964/Handler/Static/Content/Themes/Base/images/checkout/delivery_option.jpg) no-repeat scroll center 0px rgba(0, 0, 0, 0) !important;   }
.checkout-data .opc .section .shipping-option-item span {width: 180px;    padding: 67px 0px 0px 0px !important;font-size:12px;font-weight:bold;}
.checkout-data .opc .section .shipping-option-item .option-description{padding-top:40px;text-align:center;}
/* =======ONE PAGE CHECKOUT BUTTONS==================== */
.checkoutbutton,.checkout-data .opc .section .newaddressnextstepbutton, .checkout-data .opc .section .shippingmethodnextstepbutton, .checkout-data .opc .section .paymentmethodnextstepbutton, .checkout-data .opc .section .paymentinfonextstepbutton, .checkout-data .opc .section .confirmordernextstepbutton{float:right; background-color: #22A8E5;border: 0 none;color: #FFFFFF;margin: 0;padding: 8px;}
.checkoutbutton:hover,.continueshoppingbutton:hover, .checkout-data .opc .section .newaddressnextstepbutton:hover, .checkout-data .opc .section .shippingmethodnextstepbutton:hover, .checkout-data .opc .section .paymentmethodnextstepbutton:hover, .checkout-data .opc .section .paymentinfonextstepbutton:hover{background:none repeat scroll 0 0 #00415F;}
 .orderprocessedcontinuebutton, #AddressSearch .searchButton{background-color: #22A8E5;border: 0 none;color: #FFFFFF;margin: 0;padding: 8px;}
  .orderprocessedcontinuebutton:hover, #AddressSearch .searchButton{background-color: #00415F;border: 0 none;color: #FFFFFF;margin: 0;padding: 8px;}
/* =======CHECKOUT PAGE==================== */
.checkout-page{min-height:400px;}
.checkoutleft img{width:100%;}
.checkoutright{}
.text-box{border: 3px solid #EEEEEE;  padding: 5px;width:80%;}
.text-box:focus{border-color:#22A8E5; }
.input-validation-error{border-color:red; }

.address-select, #PurchaseOrderNumber{border: 3px solid #EEEEEE;     margin: 0;    padding: 5px;margin-top:5px;margin-bottom:5px;width:100%;}
 #BillingNewAddress_CountryId, #BillingNewAddress_StateProvinceId{border: 3px solid #EEEEEE;     margin: 0;    padding: 5px;}
 .address-select:focus , #PurchaseOrderNumber:focus{border-color: #22A8E5;  }
.checkout-data .opc .section label{}
#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;}

/* =======SILVERLIGHT EDITOR==================== */
.silverLightEditor{height:600px;}

.editor_grid_1{}


/* =======END THEME1==================== */



/* =============================================================================
   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 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
    position: absolute;
    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(/201211947/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 {
        max-width: 100%;
        max-height: 100%;
    }

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/223368230/Handler/Static/content/images/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/223695908/Handler/Static/content/images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#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(/1370379302/Handler/Static/content/images/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
/* =============================================================================
   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%}
/* =============================================================================
   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(/-159493083/Handler/Static/Content/Images/icons/bwpx-icns/album.gif);}
   .yb-unavailable-item{background-image:url(/-158772177/Handler/Static/Content/Images/icons/bwpx-icns/album_remove.gif);}
   .yb-selection-item-selected{background-image:url(/-158772177/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 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*/

#steps{}
/*STUDENT Comments page*/
.yb-comments-list-table-name{padding:5px;font-size:14px;color:#fff;}
.yb-comments-list-table-body .commentFrom{background:url(/-158772186/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(/-159493084/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{}
.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(/-158772177/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(/-1732881369/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(/-158772176/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, .5) 2px 3px url(/-159427543/Handler/Static/Content/Images/icons/bwpx-icns/error.gif) no-repeat;}
.albumManagement .album{position: relative;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(/-1364675389/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(/-1364675389/Handler/Static/Content/Images/icons/bwpx-icns/facebook.png); background-repeat:no-repeat; padding-left:30px; background-position:5px 4px;}
.albumManagement .albumDescription{}
.albumManagement .shared{}
.albumManagement .albumName { font-size: 12px; border-bottom: 1px solid #ccc; text-transform: uppercase; z-index: 3; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; padding: 5px; box-sizing: border-box;}
.albumManagement .albumName label { position: absolute; top: 5px; bottom: 5px; left: 5px; right: 5px;  display: block;  }
.albumOwner, .albumDescription {
    font-size: 10px;
    position: relative;
    float: left;
    width: 100%;
    padding-top: 20px;
}
.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 {
    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;
}

.grid_9 .section-body, .grid_9 .section-body, .grid_9 .section-body, .grid_9 .section-body {
    border-bottom: 2px solid #CCCCCC;
    padding: 10px 10px 60px;
}
.section-body textarea{margin-bottom: 1%;
    padding: 1%;
    width: 98%;}
     .section-body select{margin-bottom: 1%;
    padding: 1%;
    width: 100%;}
 select.date_picker {width:32.3%;}
 select.date_picker.month{margin-left:1.5%;}
 select.date_picker.year{margin-left:1.5%;}

.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{
	padding:10px;

}
.yb-home-main-column-editor-wrapper .selected {
	background-color: #FEC200;

}
.yb-home-main-column-editor-wrapper h3.last {
	margin-right:0px;
}
.yb-home-main-column-editor {
	padding:0px;
	padding-top:0px;
	position:absolute;

}
.yb-home-main-column-editor h3 {
	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;
}
.yb-home-main-column-list-item-header-editor {

}

.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, .content 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{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;}
.YBorderOption{}
.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{}
.yb-filter-pane table{width:auto;}
.setTitle{font-size:14px;margin-bottom:10px;}
    .fieldSetWrapper {}
    .pie-wrapper{}
    .pie-chart{}
    .pie-chart img{width:100%;}
    .report-list-wrapper{}
    .report-list-item{padding:5px;border-bottom: 1px dashed #E3E3E3; font-size:14px;}
    .statistic-label{}
    .statistic-value{}


  .mainProductLoading{position:absolute;height:100%;width:100%;z-index:99;background:center center #E3E5E5 no-repeat url(/-2141402910/Handler/Static/Content/Themes/Base/images/loder_thin.gif);background-size:32px 32px;}

/***********************************/
/***********************************/
/***MULTIPART PRODUCT***************/
/***********************************/

.booklet .b-counter { background: transparent }
.partHeader { font-size: larger; font-weight: bold; }
.mpMouseOver { background-color: Lime; }
.mpSelected { background-color: #22A8E5 !important; }
.template { display:none; }
.editorContainer { top: 0px; left: 0px; right: 0px; bottom: 0px; position: absolute; }
.previewArea { top: 0px; left: 0px; right: 0px; bottom: 0px; position: absolute; }
.multiPartContainer { height: 100%; overflow: auto; }
.validationFailed { color: Red; }
#errorSummary { position: fixed; right: 0px; bottom: 0px;  padding: 15px; background-color: White; z-index: 100; }
.mainUICell { background: #fff; vertical-align: top; }
.leftside{border-right:0px none;}
.UICenter { background:#C2C2C2; padding: 15px; border-right:0px; border-left:0px; }
.mainUICellHelper { }
.mainUITable {  }
.mainUIParent {  }
.inputPartList {  }
.inputPart,.rightInputPart { cursor:pointer; width: 98%; background:#fff; padding:1%; }
.inputPart{width:15%;float:left;}
.inputPart .inputPartInner,.rightInputPart .inputPartInner { padding:10px; background:#FCFCFC; border:1px solid #eee; position:relative; }
.itemSelectorControls { position:absolute;top:0px;right:0px; }
.itemSelectorControls .addButton,.deleteStaticItem,.showSelectionList{color:#fff;padding:5px;border:0px none;}
.itemSelectorControls .addButton{background:#008000;}
.deleteStaticItem{background:#CB0800;}
.showSelectionList{background:#22A8E5;color:#fff;}
.multiPartItemSelectorTitle { position:absolute; top:10px; left:170px; width:300px; text-align:left;font-size:16px; }
.multiPartItemSelectorImage { border: 1px solid #EEEEEE;text-align: center;display: table-cell; height: 150px; vertical-align: middle; width: 150px; }
.loadingEditor { width:100%; text-align: center; font-size: larger; }
.uploadPreviewImgage { }
.multiPartItemSelectorImage img {max-width:150px;max-height:150px; }
.multiPartItem { background: #eee;position:relative; margin-bottom: 15px; }
#part-1{padding-top:0px;}
.showSelectionList{position:absolute;right:0px;top:0px;}
.editableContentMultiPart, .partHeader { padding:5px; background:#fff; }
.selectedFocus {   background:#22A8E5;}
.controlsWrapper{background:#eee;}
.constraintDescription{background:#ccc;padding:5px;}
.validationFailed{background:#CB0800;color:#fff;}
.addSingleOption { position:absolute;right:0px;top:0px;background:#22A8E5;color:#fff; }
.modelError { color: #f00; }

/***********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(/-1028935144/Handler/Static/Content/Themes/Base/images/multipart/upload-banner.gif) center top repeat;height: 185px;color:transparent;}
    .mainUITableContainer{position:relative;}

	.mainUIParent .fileUploadButton{background:url(/404873131/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; padding-top: 50px;
    padding-bottom: 50px;}
    	.mainUIParent .b-menu{display:none;}
    	.mainUIParent .gobackButton.multiPartButton{background:url(/404086706/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(/-1564888551/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;}
    	.mainUIParent #preview .booklet{}

/***********SMS**************/
.smsPage h1{font-size:15px;padding:2px;}
.smsWrapper{}
.smsRow{margin-bottom:10px;}
.smsCol3{position:relative;}
#ecHelpImg{cursor:pointer;position:absolute;top:5px;right:5px;background:#fff;padding:3px;}
.smsRow.first{}
.smsRow.second{}
.smsRow.third{}
.smsPhoneWrapper{position:relative;height:602px;width:924px;background:url(/579878273/Handler/Static/Content/Images/SMS/iphone_transparent.png);}
.smsTextEditArea{height: 200px;       width: 98%;border:0px none;padding:1%;font-size:15px;}
.smsHelpers{background:#ccc;padding:10px;}
.smsHelper{padding: 5px 0px;}
.smsTextAreaWrapper{width:98%;border:solid #eee 3px;}
.smsTextAreaFooter{background:#ddd;width:96%;border:solid #eee 3px;padding:1%;border-top:0px;}
.smsTextAreaHeader{background:#ddd;width:96%;border:solid #eee 3px;padding:1%;border-bottom:0px;}
.smsFooterLeft{float:left;}
.smsFooterRight{float:right;}
#csvUpload{padding:0px;}
#smsPreview .message{padding-left: 31px;  height: 360px; padding-right: 24px; padding-top: 124px;   width: 253px;float:left;display:block;}
#smsPreview .message .messageOriginator{background:#eee;padding:5px;text-align:center;border-bottom:1px solid #ccc;}
#smsPreview .message .messageRecipient{padding: 5px 15px;}
#smsPreview .message .messageMessage{padding: 5px 15px;}
#smsPreview .message .messageMessage .messageInner{
	font-size: 15px;
	color: #ffffff;
	padding: 10px 20px;
	background:#19B0FC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0px solid #000000;

	text-shadow:
		0px -1px 0px rgba(000,000,000,0.3),
		0px 1px 0px rgba(255,255,255,0);}


#AlbumSharingSubContainer .productShareList{padding-bottom:2px}
#AlbumSharingSubContainer .productShareList input{margin:2px 2px 0 0}
#AlbumSharingSubContainer .productShareList label{vertical-align:top}
#AlbumSharingSubContainer #individualProductShares{padding:5px 25px}



/***********PRODUCT LANDING PAGE - NEW TABS**************/
.productTemplateTabbed .ui-widget-header{}
.productTemplateTabbed .ui-tabs {   padding: 0px!important;    position: relative;}
.productTemplateTabbed .ui-corner-all{-webkit-border-radius: 0px!important;-moz-border-radius: 0px!important;border-radius: 0px!important;border:0px none!important;}
.productTemplateTabbed .ui-tabs .ui-tabs-nav {    margin: 0;    padding:0!important;}
.productTemplateTabbed .UItab{border: 5px solid #EEEEEE!important;padding:0!important;}
.productTemplateTabbed .ui-widget-header {
    background: transparent none !important;
    border: 0px none !important;
    color: #222222;
    font-weight: bold;
}
.productTemplateTabbed .ui-tabs .ui-tabs-nav li{background:none #F9F9F9!important;border: 0px none !important;-webkit-border-radius: 0px!important;-moz-border-radius: 0px!important;border-radius: 0px!important;}
.productTemplateTabbed .ui-tabs .ui-tabs-nav li.ui-tabs-selected{background:none #EEEEEE!important;}
.productTemplateTabbed .tabInnerWrap{padding:10px;overflow:auto;}
.productTemplateTabbed .tabInnerWrap .grid_12{width:100%;}
.productTemplateTabbed .related-products-grid{margin:0px;}
.productTemplateTabbed .listWrapper{overflow:auto;}
.productTemplateTabbed .listWrapper .listItem{width:25%;margin:0px;}
.productTemplateTabbed .listWrapper .item-box{border:1px;}
.productTemplateTabbed .header{margin-bottom:10px;}
.productTemplateTabbed .priceWrapper{min-height: 60px; }
.productTemplateTabbed .priceWrapper .priceWrapperInner{text-align:right;background: none repeat scroll 0 0 #F9F9F9;    border: 1px solid #EEEEEE;    margin-bottom: 10px;    padding: 10px;}
.productTemplateTabbed .priceWrapper .price{font-size:16px;margin-right:20px;}
.productTemplateTabbed .priceWrapper .price .newProductPriceWrapper{color:#22A8E5;padding-left:20px;}
.productTemplateTabbed .priceWrapper .price .oldProductPriceWrapper{color:#707070;}
.productTemplateTabbed .priceWrapper .price .oldProductPriceWrapper, .productTemplateTabbed .priceWrapper .price .newProductPriceWrapper{display:inline-block;}
.productTemplateTabbed .add-info,.productTemplateTabbed .price{display: inline-block;    vertical-align: middle;}
.productTemplateTabbed .titleWrapper{min-height: 60px;}
.productTemplateTabbed .titleWrapper h1{ font-size: 26px;margin:0px;padding-top:10px;}
.productTemplateTabbed .shortdescription{float:right;width:100%;}
.productTemplateTabbed .product-variant-list{float:left;width:100%;}
    .productTemplateTabbed .product-variant-list select, .productTemplateTabbed .product-variant-list input[type="text"] {
        min-width: 50%;
    }

/* Tag Category Search checkboxes */
.TagSearchBox{}
.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%;display:block;padding-top:6px;padding-bottom:6px;border: 0px solid;background:#22A8E5;color:#fff;}
.TagSearchBox .tagSearch{}
.TagSearchBox .tagSearch .TagSearchMainArea{}
.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(/-1572645841/Handler/Static/Content/Themes/Base/images/common/minus-icon-sml.gif);}
.TagSearchBox .tagSearch .TagSearchMainArea .toggler.minus{background:center center no-repeat url(/-852601815/Handler/Static/Content/Themes/Base/images/common/plus-icon-sml.gif);}
.TagSearchBox .tagSearch .TagSearchMainArea .toggler:hover{cursor:pointer;}
.TagSearchBox .tagSearch .TagSearchMainArea .TagSearchChoiceArea{}
.TagSearchBox .tagSearch .TagSearchMainArea .TagSearchChoiceArea .TagSearchChk{padding: 1px 0px 1px 0px;}
.TagSearchBox .tagSearch .TagSearchMainArea .TagSearchChoiceArea .TagSearchChk input{margin-right:5px;vertical-align:middle;}


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


/* 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 {
    padding: 0px!important;
    border: none;
    border-radius: 5px;
    display: block;
    background: #517FA4;
    color: #fff;
}
.ImgPlugButton 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 {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: solid 5px #428bca;
    outline-offset: -5px;
}
.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}
.loadinganim img {}

.imageImportDlg {}
.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 { width: 65px; height:65px}
.imgPlugAssetBank span {}
.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;}
button.tt.btn.btn-default.btn-me.dialogInit.imgPlugDP {padding: 1px}
.depositPhotos .logo {padding: 0 10px 10px;}
.depositPhotos .depositphoto-item { clear: both;}
.depositPhotos .depositphoto-item:after { content:' '; display:table; clear:both;}
.depositPhotos .depositphoto-item .dp-media-size,
.depositPhotos .depositphoto-item .dp-media-license { text-align: left;}
.depositPhotos .depositphoto-item input { float: none !important;}
.depositPhotos .depositphoto-item label {font-weight: normal; padding-right: 5px;}

/* 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}
.albumContent #albumContentListContainer .ImgPlugPhotos {}

.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;
}
.albumContent #albumContentListContainer .ImgPlugPaging #next{}
.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}

.smsPage .hide{ display: none;}
.smsPage #csvUpload {width: 85px}
.smsPage #smsUploadText { display: block;margin-top:5px}
.smsPage .success{color:green}
.smsPage .smsHelp{ background-image: url(/1200011862/Handler/Static/Catfish.Web/Content/images/011.png);width: 10px;height: 10px;text-indent: -999px;}
.smsPage .smsSendSelection{ height: 50px;margin-top: 15px;width: 49%;display: inline-block}
.smsPage .smsSendSelection label { margin:0 10px 0 2px}
.smsPage .smsHeader { display: block;clear:both}
.smsPage .smsInstructionPanel { display: none;width:49%}
.smsPage #smsHelpImg {cursor: pointer;position: absolute;top: 5px;right: 5px;padding: 3px}
.smsPage .bar{background-color: green;height: 20px}
.smsPage #progress{background-color:#efefef}

.products-box td.subtotal,.products-box td.product,.products-box td.subtotal,.products-box td.unitprice,.products-box td.qty{vertical-align: middle}

/* Telerik Overrides */
#SavedProjects form.t-grid-actions{display:block}


/* 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(/1038623933/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 .cover{}
    #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(/-1689800667/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/music_tab_bg.jpg);}

    #songSelectTab.ui-state-active,#yourBookTab.ui-state-active{background:url(/635339408/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;}

    .addToBookBtn{}

    .SongTabWrapper .ui-progressbar .ui-progressbar-value{background:url(/1039410367/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 */
    }
    @-moz-keyframes myfirst /* Firefox */
    {
    0%   {background:#890022;}
    50%   {background:#E4051F;}
    100%   {background:#890022;}
    }

        @-webkit-keyframes myfirst /* Safari and Chrome */
    {
    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;}
    .item .removeBtn{}

    .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(/651288496/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(/1039410367/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/button-general.jpg) repeat-x #ededed;margin-bottom:5px;}
    #compilePane .resultItem .itemDetailsWrapper .handle{background:url(/-1689472991/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(/635994768/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(/-584821723/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(/-584821723/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(/-526804646/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}

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

/* Orders V2 */
        .orders_v2 ul {
            list-style: none;
            padding: 0px;
            margin: 0px;
            text-indent: 0px;
        }

 .orders_v2       li {
            list-style: none;
            padding: 0px;
            margin: 0px;
        }

        .orders_v2 {
            padding-left: 10px;
            display: block;
            font-family: Helvetica, Arial, sans-serif;
        }

            .orders_v2 .orders_row {
                position: relative;
                float: left;
                margin-bottom: 10px;
                background-color: transparent;
                width: 100%;
            }
            .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: 0px;
            }

                .orders_v2 .order_filt select {
                    position: relative;
                    float: left;
                    width: 49%;
                    height: 25px;
                    padding: 0px;
                    height: 25px;
                    border: solid 2px #E5E5E5;
                }

            .orders_v2 .order_txt {
                position: relative;
                float: left;
                height: 25px;
                line-height: 25px;
                vertical-align: middle;
                color: #252525;

            }

            .orders_v2 .order_show .order_txt {
            }

            .orders_v2 .order_filt .order_txt {
                width: 49%;
                margin-right: 1%;
                text-align: right;
            }

            .orders_v2 .order_sort {
                position: relative;
                float: left;
                width: 50%;
            }

                .orders_v2 .order_sort select {
                    position: relative;
                    float: left;
                    width: 50%;
                    height: 25px;
                    max-width: 255px;
                    padding: 0;
                    border: solid 2px #E5E5E5;
                    margin-left: 10px;
                }
            .orders_v2 .orders_page_title {
                position: relative;
float: left;
width: 28.5%;
padding-left: 1%;
background-color: #F2F2F2;
height: 35px;
line-height: 35px;
vertical-align: middle;
font-size: 21px;
color: #22A8E5;
margin:0px;
            }

            .orders_v2 .order_search {
                position: relative;
float: right;
padding-top: 5px;
padding-bottom: 5px;
padding-right: .5%;
width: 70%;
background-color: #F2F2F2;
            }

                .orders_v2 .order_search .order_searchbox {
                    position: relative;
position: relative;
float: right;
width: 80%;
padding: 0px;
padding-left: 7px;
height: 25px;
border: solid 0px #22A8E5;
border-right: 0px;
                }

                .orders_v2 .order_search .order_search_button {
                   position: relative;
float: right;
width: 28px;
padding: 0px;
height: 25px;
border: 0px;
background-color: #22A8E5;
color: #fff;
                }
                .orders_v2 .order_search .order_search_button:hover {
                    background-color: #2485B2;
                }

            .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: 0px;
                    padding: 0px;
                }

                    .orders_v2 .order_page_select_container .order_page_but:hover {
                        background-color: #22A8E5;
                        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: 0px;
                    padding: 0px;
                }

            .orders_v2 .inactive {
                opacity: .5;
                background-color: #e5e5e5 !important;
                color: #f2f2f2 !important;
                cursor: default;
            }



            .orders_v2 .active {
                opacity: 1;
            }

            .orders_v2 .current {
                background-color: #22A8E5 !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: -webkit-linear-gradient(top, #F7F7F7 0%, #E5E5E5 100%);
                    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_q_info {
            }

                .orders_v2 .order_q_info .order_title {
                    color: #22A8E5;
                    font-size: 14px;
                    margin-bottom: 5px;
                }

                .orders_v2 .order_q_info .order_info {
                }
                .orders_v2 .order_info_total {
                    position: absolute;
bottom: 0px;
right: 0px;
width: 17.5%;
padding-left: 1%;
padding-right: 1.5%;
min-height: 23px;
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-weight: bold;
            }
                .orders_v2 .order_q_info .order_title .o_data {
                    font-weight: bold;
                    color: #2B3238;
                }

                .orders_v2 .order_q_info .order_info .o_data {
                    color: #22A8E5;
                }

            .orders_v2 .order_f_info {
            }

                .orders_v2 .order_f_info .order_title {
                    color: #22A8E5;
                }

                .orders_v2 .order_f_info .order_info {
                }

                .orders_v2 .order_f_info .order_title .o_data {
                }

                .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: 0px;
                    left: 0px;
                    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;
                }

                    .orders_v2 .order_products_list ul li {
                    }

                .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 {
width: 60%;
position: relative;
float: left;
text-align: left;
line-height: 24px;
}
                            .orders_v2 .order_products_list .order_prod_name .custom_name {
                                color: #2B3238;
                            }
            .orders_v2 .order_products_list .order_prod_total {
position: absolute;
bottom: 0px;
left: 80%;
width: 16%;
padding: 2%;
background-color: #22A8E5;
height: 26px;
text-align: center;
color: #fff;
border-top-left-radius: 31px;
}
            .orders_v2 .order_products_list .order_prod_name {
width: 60%;
position: relative;
float: left;
text-align: left;
line-height: 20px;
margin-top: 10px;
color: #22A8E5;
font-weight: bold;
}
            .orders_v2 .order_products_list .order_prod_price {
position: absolute;
bottom: 0px;
left: 40%;
width: 20%;
height: 40px;
}
            .orders_v2 .order_products_list .order_prod_quantity {
position: absolute;
bottom: 0px;
left: 60%;
width: 20%;
height: 40px;
}

            .orders_v2 .order_container .order_show_details_but {
                position: relative;
float: left;
width: 80%;
line-height: 26px;
text-align: center;
background-color: #22A8E5;
color: #FFFFFF;
            }
            .orders_v2 .order_container .order_show_details_but:hover {
                text-decoration:none;
                background-color:#5BC2F0;
            }

            .orders_v2 .order_container .order_hide_details_but {
                position: relative;
                float: left;
                width: 100%;
                line-height: 25px;
                text-align: center;
                background-color: #22A8E5;
                color: #fff;
            }

            .orders_v2 .order_container .hide {
                display: none;
            }

            .orders_v2 .order_container .short_view_order_details {
                max-height: 30px;
                overflow: hidden;
                width: 76%;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s linear;
                -o-transition: all 0.3s linear;
                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;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s linear;
                -o-transition: all 0.3s linear;
                transition: all 0.3s linear;
            }

            .orders_v2 .order_container .short_view_prod_list_details {
                display: none;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s linear;
                -o-transition: all 0.3s linear;
                transition: all 0.3s linear;
            }
            .orders_v2 .reorderbutton {
                float: right;
                border: 0;
                background-color: #22A8E5;
                color: #fff;

            }
            @media only screen and (max-width: 960px) and (min-width: 480px) {
                .orders_v2 .reorderbutton {
                    margin-top: 17px;
                }
            }
                .orders_v2 .reorderbutton:hover {
                     background-color:#5BC2F0;
                }
                .orders_v2 .completepaymentbutton {
                position: absolute;
                left: 0px;
                bottom: 11px;
                border: 0px;
                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:0px;
        }
@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_info_total {
        width: 33.5%;
    }
    .orders_v2 .order_container .order_details {
position: relative;
float: left;
width: 96%;
padding:2.5%;
border-bottom: solid 1px #FFF;
}
    .orders_v2 .order_f_info {
position: relative;
float: left;
width: 50%;
}
    .orders_v2 .order_status_container {
position: absolute;
top: 0;
right: 0px;
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_sort select {
        width:219px;
    }
    .orders_v2 .order_toggle_filter {
    width:15%;
    }
}

@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%;
    }

    .orders_v2 .order_info_total {
        width: 33.5%;
    }

    .orders_v2 .order_container .order_details {
        position: relative;
        float: left;
        width: 96%;
        padding: 2.5%;
        border-bottom: solid 1px #FFF;
    }

    .orders_v2 .order_f_info {
        position: relative;
        float: left;
        width: 100%;
    }

    .orders_v2 .order_status_container {
        position: absolute;
        top: 0;
        right: 0px;
        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_sort select {
        width: 219px;
    }

    .orders_v2 .order_toggle_filter {
        width: 12%;
    }

    .order_f_info_m {
        width: 50% !important;
    }

    .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: #22A8E5;
        font-weight: bold;
        margin-bottom: 50px;
    }

    .orders_v2 .order_products_list .order_prod_price {
        position: absolute;
        bottom: 0px;
        left: 2%;
        width: 40%;
        height: 40px;
    }

    .orders_v2 .order_products_list .order_prod_quantity {
        position: absolute;
        bottom: 0px;
        left: 30%;
        width: 20%;
        height: 40px;
    }

    .orders_v2 .order_products_list .order_prod_total {
        position: absolute;
        bottom: 0px;
        left: 55%;
        width: 41%;
        padding: 2%;
        background-color: #22A8E5;
        height: 26px;
        text-align: center;
        color: #fff;
        border-top-left-radius: 31px;
    }

    .orders_v2 .orders_page_title {
        width: 25.5%;
        padding-left: 4%;
        height: 54px;
        line-height: 54px;
        vertical-align: middle;
        font-size: 30px;
        margin: 0px;
    }

    .orders_v2 .order_search {
        padding-right: 2%;
        width: 68.5%;
    }

        .orders_v2 .order_search .order_searchbox {
            width: 75%;
            padding: 0px;
            padding-left: 7px;
            height: 44px;
        }

        .orders_v2 .order_search .order_search_button {
            position: relative;
            float: right;
            width: 47px;
            padding: 0px;
            height: 44px;
            border: 0px;
            background-color: #22A8E5;
            color: #fff;
        }

    .orders_v2 .order_toggle_filter {
        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 .order_sort {
        width: 50%;
    }

        .orders_v2 .order_sort select {
            width: 93%;
            height: 40px;
            margin-bottom: 10px;
        }

    .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: 0px;
        padding: 0px;
        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: 0px;
        padding: 0px;
        font-size: 20px;
    }

    .orders_v2 .order_txt {
        display: none;
    }

    .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_container .order_show_details_but {
        line-height: 38px;
    }
    .orders_v2 .order_q_info .order_title {
        font-size: 20px;
    }
    .orders_v2 .orders_halfrow {
                position: relative;
                float: left;
                margin-bottom: 10px;
                background-color: transparent;
                width: 100%;
            }
}

@media only screen and (max-width: 480px) {
    .orders_v2 .orders_page_title {
        width: 100%;
        padding: 0px;
        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:0px;
    }

    .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_info_total {
        width: 100%;
padding: 0px;
min-height: 35px;
bottom: 38px;
text-align: center;
line-height: 35px;

    }
    .orders_v2 .order_products_list .order_prod_total {
        height: 33px;
    }
    .orders_v2 .order_container .short_view_order_details {
        max-height: 41px;
    }
    .orders_v2 .order_status_container {
        position: relative;
        width: 100%;
    }
}

 #order_details_v2 {
        position:relative;
        float:left;
        width:100%;
    }
        #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: #22A8E5;
        }
        #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: #fff;
        }
        #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: 0px;
    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: 0px;
        }
            #order_details_v2 .od_info_box .od_info_title {
                color: #22A8E5;
  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_main_info {
        }
        #order_details_v2 .od_billing {
        }
        #order_details_v2 .od_shipping {
        }
        #order_details_v2 .od_payment {
        }
        #order_details_v2 .od_delivery {
        }
        #order_details_v2 .od_shipping_time {
        }
        #order_details_v2 .od_billing.od_deliver_time {
        }
        #order_details_v2 .od_weight {
        }
        #order_details_v2 .od_products_title, #order_details_v2 .od_notes_title {
            position: relative;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  font-size: 16px;
  color: #22A8E5;
        }
        #order_details_v2 .od_products_container {
            position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  padding-bottom: 0px;
  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_product_box .od_field_title {
  color: #22A8E5;
  font-weight: bold;
}
                #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: #22A8E5;
                    }
                    #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: 0px;
  left: 41%;
  padding: 16px;
  font-size: 16px;
                    }
                    #order_details_v2 .od_products_container .od_product_box .od_product_quantity {
position: absolute;
  bottom: 0px;
  left: 65%;
  padding: 16px;
  font-size: 16px;
                    }
                    #order_details_v2 .od_products_container .od_product_box .od_product_total {
                         position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 14px;
  font-size: 16px;
  background: #22A8E5;
  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 {
                position: relative;
  float: right;
  border: none;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  background: #22A8E5;
  color: #fff;
  font-size: 14px;
            }

         #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: 0px;
  padding-right: 0px;
        }
        #order_details_v2 .od_total_value {
            position: relative;
  float: left;
  padding: 10px;
  font-size: 16px;
  text-align: right;
    width: 48%;
  padding-left: 0px;
  padding-right: 2%;
        }
        #order_details_v2 .od_order_total {
           position: relative;
  float: left;
  width: 100%;
  background: #22A8E5;
  margin-bottom: 5px;
  box-sizing: border-box;
  color: #fff;
        }
        #order_details_v2 .od_order_total .od_total_title {
        }
        #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;
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
    #order_details_v2 .od_products_container .od_product_box .od_product_quantity {
  left: 60%;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
    #order_details_v2 .od_title {
  font-size: 22px;
  line-height: 30px;
  color: #22A8E5;
}
 #order_details_v2 .od_products_container .od_product_box .od_product_price {
  position: absolute;
  bottom: 69px;
  left: auto;
  right: 0px;
  padding: 16px;
  font-size: 16px;
}
 #order_details_v2 .od_products_container .od_product_box .od_product_quantity {
  position: absolute;
  bottom: 42px;
  left: auto;
  right: 0px;
  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%;
}
 #order_details_v2 .od_status {

  width: 145px;

}

 #order_details_v2 .od_row_formating {
  padding: 10px;
}
}
@media only screen and (max-width: 480px) {
    #order_details_v2 .od_half_row {
  width: 100%;
}
    #order_details_v2 .od_p5_row {
  width: 50%;
}
    #order_details_v2 .od_print_button, #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: 0px;
  padding: 16px;
  font-size: 16px;
}
    #order_details_v2 .od_products_container .od_product_box .od_product_quantity {
  position: absolute;
  bottom: 37px;
  left: auto;
  right: 0px;
  padding: 16px;
  font-size: 16px;
}
#order_details_v2 .od_products_container .od_product_box .od_product_total {
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 14px;
  font-size: 16px;
  background: #22A8E5;
  color: #fff;
  border-top-left-radius: 20px;
  padding-left: 20px;
  width: 199px;
  text-align: right;
}

}

/*Symphony */

    .symph_data_sources {
          position: relative;
  float: left;
  width: 67.5%;
  padding: 10px;
  background: #F0F0F0;
  margin-bottom: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  border: solid 1px #ccc;
    }
    .symph_data_sources .title {
        position: relative;
  float: left;
  width: 100%;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: solid 1px #ccc;
    color: #009fff;
    }
    .symph_data_sources ul {
         position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;

margin-bottom: 5px;
  border-radius: 5px;

    }
    .symph_data_sources .symph_data_sources_head {
    }
    .symph_data_sources .symph_data_sources_list {
        border: solid 1px #ccc;
        background: #e1e1e1;
    }
    .symph_data_sources ul li {
        position: relative;
  float: left;
  box-sizing: border-box;
    }
    .symph_data_sources ul .id {
          width: 10%;
    }
        .symph_data_sources ul .headers {
              width: 54%;
  margin-right: 1%;
        }
        .symph_data_sources ul .headers ul {
            margin: 0px;
            padding: 0px;
            width:100%;
        }
         .symph_data_sources ul .headers ul li {
 padding: 5px;
  margin: 2px;
  border: solid 1px #ccc;
  background: #F0F0F0;
  border-radius: 4px;
        }
        .symph_data_sources ul .info {
                width: 30%;
  margin-left: 4%;
        }
        .symph_data_sources ul .info ul {
            margin: 0px;
  padding: 0px;
        }
         .symph_data_sources ul .info ul li {
               margin-bottom: 10px;
  color: #009fff;
  width: 100%;
        }
        .symph_data_sources ul .delete_data_source {
              position: absolute;
  bottom: 5px;
  right: 5px;
        }
        .symph_data_sources ul .delete_data_source a {
position: relative;
  float: right;
  padding: 5px;
  background: #009fff;
  color: #fff;
  margin-left: 5px;
  margin-top: -5px;
}
            .symph_data_sources ul .delete_data_source a:hover {
                text-decoration:none;
                background:#0066A3;
            }
.symph_data_sources .symph_data_source_upload {
position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0px;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
  border-top: solid 1px #ccc;
}


     .symph_data_sources .symph_data_source_upload .upload_csv_submit {
  position: relative;
  float: right;
  padding: 6px;
  background: #009fff;
  color: #fff;
  margin-left: 5px;
  margin-top: 3px;
  border: none;
    }
    .symph_data_sources .symph_data_source_upload .upload_csv_submit:hover {
           text-decoration:none;
                background:#0066A3;
    }
      .symph_actions {
          position: relative;
  float: right;
  width: 31.5%;
  padding: 10px;
  background: #F0F0F0;
  margin-bottom: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  border: solid 1px #ccc;
    }
        .symph_actions .title {
            position: relative;
  float: left;
  width: 100%;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: solid 1px #ccc;
  color: #009fff;
        }
        .symph_actions ul {
            position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 5px;
  border-radius: 5px;
        }
        .symph_actions .symph_actions_head {
        }
        .symph_actions .symph_actions_list {
              border: solid 1px #ccc;
  background: #e1e1e1;
  padding-bottom: 5px;
        }
        .symph_actions ul li {
            position: relative;
  float: left;
  box-sizing: border-box;
        }
        .symph_actions ul .id {
              width: 15%;
        }
        .symph_actions ul .type {
              width: 65%;
        }
        .symph_actions ul .symph_options {
              width: 20%;
              text-align:right;
        }
            .symph_actions ul .symph_options a {
                position: relative;
  float: right;
  padding: 5px;
  background: #009fff;
  color: #fff;
  margin-left: 5px;
  margin-top: -5px;
            }
            .symph_actions ul .symph_options a:hover {
                text-decoration:none;
                background:#0066A3;
            }
.symph_editor {
     position: relative;
  float: right;
  width: 100%;
  padding: 10px;
  background: #F0F0F0;
  margin-bottom: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  border: solid 1px #ccc;
  padding-top:46px;
}
    .symph_editor .controls {
        position:absolute;
        top:11px;
        right:11px;
    }
    .symph_editor .symph_button {
      position: relative;
  float: left;
  margin-left: 5px;
  padding: 8px;
  background: #009fff;
  color: #fff;
  border: none;
    }
        .symph_editor .symph_button:hover {
            text-decoration:none;
                background:#0066A3;
        }
    .symph_editor .iFrameSquireEditor {
    box-sizing:border-box;}
    .symph_editor .mapping_container {
     position: absolute;
  top: 11px;
  left: 11px;}
        .symph_editor .mapping_container button {
padding: 8px;
  margin-right: 10px;
  background: #009FFF;
  color: #FFF;
  border: none;
        }
            .symph_editor .mapping_container button:hover {
            text-decoration:none;
                background:#0066A3;
            }
    .symph_editor .top_options {
position: relative;
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  border: solid 1px #ccc;
  padding: 5px;
  background: #F0F0F0;
  border-radius: 5px;
    }
.symph_editor  .subject_line {
    position: relative;
  float: left;
  width: 33%;
}
.symph_editor .sender_email {
      position: relative;
  float: left;
  width: 33%;
  margin-left: .5%;
  margin-right: .5%;
}
    .symph_editor .destination_email {
          position: relative;
  float: left;
  width: 33%;

    }
    .symph_editor .subject_line input {
          width: 90%;
            margin-top: 5px;
            margin-bottom: 5px;
            border: solid 1px #e1e1e1;
    }
    .symph_editor .sender_email input {
          width: 90%;
            margin-top: 5px;
            margin-bottom: 5px;
            border: solid 1px #e1e1e1;
    }
        .symph_editor .destination_email select {
          padding: 7px;
    width: 95%;
      margin-top: 5px;
      margin-bottom: 5px;
      border: solid 1px #e1e1e1;
        }
    .symph_editor .symph_triggers {
  position: relative;
  float: left;
  width: 70%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  border: solid 1px #ccc;
  padding: 8px;
  padding-left: 18px;
  padding-right: 18px;
  background:#ECECEC;
  border-radius: 5px;
  margin-left: 15%;
    }
        .symph_editor .symph_triggers h3 {
              position: relative;
  float: left;
  width: 100%;
  padding-bottom: 5px;
  margin-bottom: 13px;
  border-bottom: solid 1px #ccc;
        }

        .symph_editor .symph_triggers .editor-label {
              position: relative;
  float: left;
  padding: 8px;
  width: 15%;
  box-sizing: border-box;
  text-align: left;
  height: 34px;
  margin-bottom: 5px;
        }
        .symph_editor .symph_triggers .editor-field {
              position: relative;
  float: left;
  padding: 0px;
  width: 85%;
  box-sizing: border-box;
  height: 34px;
  margin-bottom: 5px;
  text-align: left;
        }
            .symph_editor .symph_triggers .editor-field input {
                  width: 100%;
  box-sizing: border-box;
  border: solid 1px #ccc;
            }
            .symph_editor .symph_triggers .t-formatted-value {
  position: absolute;
  padding: 8px;

}
.placeHolderMappingSelector {
max-width:455px;}
  .symph_editor .symph_triggers_sms {
position: relative;
  float: right;
  width: 73.5%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  border: solid 1px #ccc;
  padding: 8px;
  padding-left: 18px;
  padding-right: 18px;
  background: #ECECEC;
  border-radius: 5px;
  min-height: 323px;
  margin-right: 2%;
      }
        .symph_editor .symph_triggers_sms h3, .symph_editor .dest_header h3, .symph_editor .sms_template h3 {
              position: relative;
  float: left;
  width: 100%;
  padding-bottom: 5px;
  margin-bottom: 13px;
  border-bottom: solid 1px #ccc;
        }
    .symph_editor .symph_triggers_sms .triggers_row {
        position: relative;
  float: left;
  width: 100%;
  border: solid 1px #CCCCCC;
  background: #F0F0F0;
  box-sizing: border-box;
  padding: 5px;
  margin-bottom: 5px;
    padding-top: 9px;
    }
    .symph_editor .symph_triggers_sms .triggers_row .trigger_type {
          position: relative;
  float: left;
  width: 29%;
  text-align: left;
  line-height: 34px;
  padding-left: 1%;
    }
    .symph_editor .symph_triggers_sms .triggers_row .trigger_data {
    position: relative;
  float: left;
  width: 69%;
  text-align: right;
    }

            .symph_editor .symph_triggers_sms h3 img, .symph_editor .dest_header h3 img, .symph_editor .sms_template h3 img {
                display:none;
            }
.symph_editor .dest_header {
  position: relative;
  float: left;
  width: 20.5%;
  margin-left: 2%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  border: solid 1px #ccc;
  padding: 8px;
  padding-left: 18px;
  padding-right: 18px;
  background: #ECECEC;
  border-radius: 5px;
}
    .symph_editor .dest_header select {
    padding:7px;
    width:100%;
    }

.symph_editor .sms_template {
position: relative;
  float: left;
  width: 20.5%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  border: solid 1px #ccc;
  padding: 8px;
  padding-left: 18px;
  padding-right: 18px;
  background: #ECECEC;
  border-radius: 5px;
  margin-left: 2%;
}
    .symph_editor .sms_template .sms_template_buttons {
        position: relative;
  float: left;
  width: 100%;
  margin-bottom: 10px;
    }
    .symph_editor .sms_template .sms_template_buttons button {
  padding: 8px;
  background: #009FFF;
  color: #FFF;
  border: none;
  width: 202px;

    }
   .symph_editor .sms_template .sms_template_buttons button:hover {
            text-decoration:none;
                background:#0066A3;
            }
    .symph_editor .sms_template .sms_template_text_area {
        position: relative;
  float: left;
  width: 100%;
  margin-bottom: 10px;
    }
        .symph_editor .sms_template .sms_template_text_area textarea {
            min-height: 101px;
        }
    .symph_editor .text-box {
  border: 1px solid #A9A9A9;
  padding: 5px;
  width: 80%;
}
.symph_editor .preview_title {
position: absolute;
  top: 11px;
  left: 0px;
  font-size: 18px;
  color: #009FFF;
  border-bottom: solid 1px #ccc;
  padding-left: 15px;
  padding-bottom: 9px;
  padding-right: 70px;

}
.symph_editor .previewSmsItem {
  position: relative;
  display: inline-block;
  width: 203px;
  min-height: 200px;
  border: solid 1px #ccc;
  background: #fff;
  border-radius: 5px;
  margin: 20px;
  padding: 4px;
  margin-top: 30px;
  text-align:left;
}
.symph_editor #smsPreviewTarget {
    text-align: center;
}
 .ui-colorpicker .ui-corner-all { display: none;}
 .ui-dialog .ui-dialog-buttonpane button { display: inline-block;}
 /*.ui-colorpicker .ui-colorpicker-ok { display: none!important;}*/

     .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;
        }
.SyReportingRow {
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
  padding-bottom: 0px;
  border: solid 1px #22A8E5;
  border-bottom-width: 25px;
  margin-bottom: 40px;

}

.SyReportingDashboard {
      position: relative;
  float: left;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  padding: 20px;

}
.SyReportingDashboard .SyReportData {
    position: relative;
  float: left;
  width: 100%;
  background: #FFF;
  margin-bottom: 20px;
  margin-top: 10px;

}
.SyReportingDashboard .SyReportData .SyDownloadReprortBtn {
        position: relative;
    text-decoration: none;
    color: #fff;
    background: #264266;
    padding: 7px;
    float: left;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;

}
.SyReportingDashboard .SyReportData .SyDownloadReprortBtn .fa {
    display: inline-block;
}

.SyReportingDashboard .SyData {
  position: relative;
  float: right;
  text-align: right;
  margin-left: 20px;
}
    .SyReportingDashboard .SyData span {
        color: #fff;
    }

.SyReportingDashboard h2, .SyReportingDashboard h3 {
  color: #555555;
}
.SyReportDataInner .t-alt {
    background-color: #EEEEEE;
}
.SyReportDataInner .t-header, .SyReportDataInner .t-header .t-link {
    color: #000000;
}
.SyReportDataInner .t-header, .SyReportDataInner .t-grid-header {
    border-color: #C4C4C4;
    background: #F3F3F3;
}
.SyReportDataInner .t-widget, .SyReportDataInner .t-input {
    border-color: #C4C4C4;
    background-color: #FFFFFF;
}
.SyReportDataInner .t-toolbar, .t-grouping-header, .SyReportDataInner .t-grid-pager, .t-widget .t-status {
    border-color: #C4C4C4;
    background-color: #F3F3F3;
}
.SyReportingDashboard h2 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 14px;
  text-align: center;
  padding: 5px 0 !important
}
.SyDataDetails {
  position: absolute;
  bottom: -20px;
  right: 15px;
  width: 90%;
}
    .SyReportData  {
        overflow-x:auto;
        overflow-y:visible;
    }

.SyReportingRow {
    overflow: hidden !important;
}

.SyDashboardStatus, .SyDashboardTriggerInfo {
    position: relative;
    float: left;
    padding: 5px;
    background-color: #F3F3F3;
    color: #555555;
    padding-left: 10px;
    margin-right: 10px;
}
.ToggleGraphs {
    position: relative;
    float: right;
    padding: 6px!important;
    padding-left: 12px!important;
    padding-right: 12px!important;
    height: 30px;
    background-color: #264266;
    color: #FFFFFF;
    border: none;
    box-sizing: border-box;
}
.SyDashboardStatus .fa, .SyDashboardTriggerInfo .fa {
    display: inline-block;
    font-size: 20px;
    vertical-align: middle;
    margin-right: 10px;
    color: #264266;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    box-sizing: border-box
}
#linechart-container, #barchart-container, #sms-linechart-container, #sms-barchart-container {
       height: 330px;
    float: left;
    width: 49.5%;
    box-sizing: border-box;
    padding: 10px;
    border: solid 1px #C4C4C4;
    background-color: #EEEEEE;
    margin-bottom: 10px;
}
#linechart-container, #sms-linechart-container {
    margin-right:1%;
}
@media only screen and (max-width: 1200px) and (min-width: 960px) {
    #linechart-container, #barchart-container, #sms-linechart-container, #sms-barchart-container {
    width: 49.5%;
 }
    #linechart-container, #sms-linechart-container {
    margin-right:1%;
}
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
    #linechart-container, #barchart-container, #sms-linechart-container, #sms-barchart-container {
    width: 49.5%;
 }
    #linechart-container, #sms-linechart-container {
    margin-right:1%;
}
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
        #linechart-container, #barchart-container, #sms-linechart-container, #sms-barchart-container {
    width: 100%;

 }
            #linechart-container, #sms-linechart-container {
    margin-right:0px;
}
}

@media only screen and (max-width: 479px) {
        #linechart-container, #barchart-container, #sms-linechart-container, #sms-barchart-container {
    width: 100%;
 }
            #linechart-container, #sms-linechart-container {
    margin-right:0px;
}
}
    #linechart-container #lineGraph, #barchart-container #barGraph, #sms-linechart-container #lineGraph, #sms-barchart-container #barGraph {
        float: none;
    display: block;
    margin: 0 auto;
    }
.SyReportingGraphs {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 20px;
}
.SyReportDataInner {
    position: relative;
    float: left;
    min-width: 100%;
}
/* Tabbed Gallery */
   .TG_video_container, .DT_ME_loading {
        position:fixed;
        top:0px;
        left:0px;
        right:0px;
        bottom:0px;
        background-color:rgba(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,.5) 2px 2px 10px;
        }
.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,.5) 2px 2px 10px;
    width:300px;
    height:50px;
    line-height:60px;
    text-align:center;
    font-size:18px;
    border-radius:5px;
}
    .TG_product-details-page {
  position: relative;
  float: left;
  width: 100%;
}
.TG_ME_loading .fa {
        display:inline-block;}
        .TG_product-details-page .productvariantaddtocartbutton {
}
  .TG_product-details-page-main  {
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  background-color: transparent;
  margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: solid 1px #ccc;
      padding:5px;
}
  .TG_product-details-info {
  position: relative;
  float: left;
  width: 100%;
}
    .TG_product-essential {
      position: relative;
    float: left;
    width: 49%;
    background-color: #F9F9F9;
    border: solid 1px #eaeaea;
    box-sizing: border-box;
    padding: 20px;
    min-height:500px;
}
.TG_product-collateral {
position: relative;
    float: right;
    width: 50%;
    background-color: #F9F9F9;
    border: solid 1px #eaeaea;
    box-sizing: border-box;
    padding: 20px;

}
.TG_product-collateral .overview .add-info {
  position: relative;
  float: left;
  width: 100%;
  padding: 0px;
  background: transparent;
  border: none;
  margin-top: 15px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}
    .TG_product-collateral .overview .add-info .quantityBox {
        border: solid 1px #ccc;
  text-align: center;
  padding-bottom: 0px; }
   .TG_product-collateral .overview .price {
    font-size: 19px;
    margin: 0px;
    margin-bottom: 0px;
    margin-top: 20px;
}
    .TG_product-collateral .overview .add-info input {
        height: 30px;
        box-sizing: border-box;
        vertical-align: middle;
        font-size: 16px;
        padding: 0px;
        padding-left: 5px;
        padding-right: 5px;
        line-height: 16px;
        min-width: 60px !important;
    }
    .TG_product-collateral .productname {
  font-size: 26px;
  margin-bottom: 0px;
}
    .TG_tabs_container {
    }
    .TG_tabs_container .productspec-box .title { display:none; }
    .TG_tab_buttons {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: solid 1px #ccc;
}
.TG_tab_button {
    position: relative;
    float: left;
    text-align: center;
    margin-right: 1px;
    box-sizing: border-box;
    padding: 10px;
    background-color: #eee;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    height: 31px;
    text-transform: uppercase;
}
        .TG_tab_button:last-child {
             margin-right: 0px;
        }
        .TG_tab_button:hover {text-decoration:none;color:#000;}
.TG_tab_content {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
    box-sizing: border-box;
    padding: 10px;
}
    .TG_tab_button.active {
    background-color: #C8C8C8;
    border-bottom: 0px;
    height: 31px;
}
    .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_product-details-page .related-products-grid, .TG_product-details-page .related-products-grid .grid_12 {
  position: relative;
  float: left;
  width: 100%;
  background-color: transparent;
  margin-top: 0px;
}
    .TG_product-details-page .related-products-grid, .TG_product-details-page .also-purchased-products-grid {
  box-sizing: border-box;
  padding: 0px;
}
.TG_product-details-page .related-products-grid .listWrapper .listItem, .TG_product-details-page .also-purchased-products-grid .listWrapper .listItem {
  width: 20%;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
    .TG_picture {
    position: relative;
    float: left;
    width: 98%;
    margin: 1%;
    margin-top: 10px;
    }
.TG_bigpicture {
position: relative;
    float: left;
    box-sizing: border-box;
    border: solid 1px #E9E9E9;
    padding-bottom: 55%;
    width: 98%;
    margin: 1%;
    margin-bottom: 0px;
    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: 0px;
    border: solid 1px #E9E9E9;
    box-sizing: border-box;
    border-top: 0px;
}
    .TG_video_button {
  position: relative;
  float: left;
  width: 100%;
  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%;
  box-sizing: border-box;
  border-top: 0px;
}
    .TG_thumb_carousel {
        position:absolute;
        width:99999px;
        top:0px;
        left:0px;
    }
.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_next_button {
        position:absolute;
        right:-13px;
  top: 44%;
  font-size: 16px;
  cursor:pointer;
    }
    .TG_prev_button .fa, .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;
  box-sizing: border-box;
      background-color: #eee;
}
       .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-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_review {
        position: relative;
    float: left;
    width: 35%;
}
.TG_related_products {
    position: relative;
    float: right;
    width: 62%;
}
.TG_shareWrapper {
    position: relative;
    float: right;
    width: 51%;
    background-color: transparent;
    box-sizing: border-box;
    padding: 15px;
}
    .TG_shareWrapper .product-share-button {
    float:right;
    }
.TG_product-details-page-main h1 {    padding-left: 20px; color:#000;    font-size: 30px;
}

@media only screen and (min-width: 1200px) { }

@media only screen and (max-width: 1200px) and (min-width: 960px) {
    .TG_product-details-page .related-products-grid .listWrapper .listItem, .TG_product-details-page .also-purchased-products-grid .listWrapper .listItem {
    width: 25%;
}
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
    .TG_product-details-page .related-products-grid .listWrapper .listItem, .TG_product-details-page .also-purchased-products-grid .listWrapper .listItem {
        width: 25%;
    }
    .TG_product-essential {
        width: 49%;
    }
    .TG_product-collateral {
    width: 50%;
}
    .TG_product_review {
    width: 100%;
    margin-top:20px;
}
    .TG_related_products {
    width: 100%;
    margin-top:20px;
}
     .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 tr {
        width: 100%;
    }
  .TG_product-collateral .prices-table td tr {
        position: relative;
        float: left;
        width: 50%;
    }
}

@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_product-details-page .related-products-grid .listWrapper .listItem, .TG_product-details-page .also-purchased-products-grid .listWrapper .listItem {
        width: 50%;
    }
    .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 .related-products-grid .listWrapper .listItem, .TG_product-details-page .also-purchased-products-grid .listWrapper .listItem {
        width: 50%;
    }
     .TG_shareWrapper {
        width: 100%;
    }
      .TG_tab_content {
           padding-left: 0px;
    padding-right: 0px;
    }
}

/* DynamicTabs Product Landing Page */
    .DT_video_container, .DT_ME_loading {
        position:fixed;
        top:0px;
        left:0px;
        right:0px;
        bottom:0px;
        background-color:rgba(0,0,0,.5);
        z-index:99999999;
    }
        .DT_video_container iframe {
            position:absolute;
            width:60%!important;
            height:60%!important;
            left:20%;
            top:20%;
            box-shadow:rgba(0,0,0,.5) 2px 2px 10px;
        }
.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,.5) 2px 2px 10px;
    width:300px;
    height:50px;
    line-height:60px;
    text-align:center;
    font-size:18px;
    border-radius:5px;
}
    .DT_product-details-page {
  position: relative;
  float: left;
  width: 100%;
}
.DT_ME_loading .fa {
        display:inline-block;}
        .DT_product-details-page .productvariantaddtocartbutton {
         width: 0px;
    padding: 0px;
    height: 0px;
    overflow: hidden;}
  .DT_product-details-page-main  {
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  padding: 15px;
  margin-bottom: 20px;
}
  .DT_product-details-info {
  position: relative;
  float: left;
  width: 100%;
}
    .DT_product-essential {
  position: relative;
  float: left;
  width: 40%;
}
.DT_product-collateral {
  position: relative;
  float: right;
  width: 58%;
  box-sizing: border-box;
  padding-right: 10px;
}
.DT_product-collateral .overview .add-info {
  position: relative;
  float: left;
  width: 100%;
  padding: 0px;
  background: transparent;
  border: none;
  margin-top: 15px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}
    .DT_product-collateral .overview .add-info .quantityBox {
        border: solid 1px #ccc;  padding: 2px;
  text-align: center;
  padding-bottom: 0px; }
   .DT_product-collateral .overview .price {
  font-size: 24px;
  margin: 0px;
  margin-bottom: 0px;
}
    .DT_product-collateral .productname {
  font-size: 26px;
  margin-bottom: 0px;
}
    .DT_tabs_container {
    }
    .DT_tabs_container .productspec-box .title { display:none; }
    .DT_tab_buttons {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: solid 2px #E9E9E9;
}
    .DT_tab_button {
  position: relative;
  float: left;
  width: 33%;
  text-align: center;
  margin-right: 0.5%;
  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: 31px;
}
        .DT_tab_button:last-child {
             margin-right: 0px;
        }
        .DT_tab_button:hover {text-decoration:none;color:#000;}
   .DT_tab_content {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #EEE;
  font-size: 14px;
  line-height: 18px;
}
    .DT_tab_button.active {
  background-color: #fff;
  margin-bottom: -2px;
  border: solid 2px #E9E9E9;
  border-bottom: 0px;
  height: 33px;
}
    .DT_checkout_button_container {
        position: relative;
  float: right;
  width: 50%;
    }
.DT_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;
}
.DT_product-details-page .related-products-grid, .DT_product-details-page .related-products-grid .grid_12 {
  position: relative;
  float: left;
  width: 100%;
  background-color: #fff;
  margin-top: 0px;
}
    .DT_product-details-page .related-products-grid, .DT_product-details-page .also-purchased-products-grid {
  box-sizing: border-box;
  padding: 15px;
}
.DT_product-details-page .related-products-grid .listWrapper .listItem, .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem {
  width: 20%;
  margin: 0px;
  padding: 10px;
  box-sizing: border-box;
}
    .DT_picture {
        position: relative;
  float: left;
  width: 100%;
    }
.DT_bigpicture {
  position: relative;
  float: left;
  box-sizing: border-box;
  border: solid 2px #E9E9E9;
  padding-bottom: 80%;
  width: 95%;
  margin: 2%;
  margin-bottom: 0px;
}
   .DT_bigpicture a {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
 .DT_video_button_container {
  position: relative;
  float: left;
  width: 95%;
  margin: 2%;
  margin-top: 0px;
  border: solid 2px #E9E9E9;
  box-sizing: border-box;
  border-top: 0px;
}
    .DT_video_button {
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  border: none;
  background-color: #fff;
  padding: 5px;
  font-size: 14px;
  color: #9C9B9B;
  text-align: center;
}
    .DT_video_button:hover {
        color: #F55A2A;
        text-decoration:none;
        cursor:pointer;
}
    .DT_video_button .fa { display:inline-block; }
    .DT_thumbs {
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  border-top: 0px;
}
    .DT_thumb_carousel {
        position:absolute;
        width:99999px;
        top:0px;
        left:0px;
    }
.DT_thumb_carousel_body {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
}
    .DT_prev_button {
        position:absolute;
        left:-9px;
  top: 44%;
  font-size: 16px;
  cursor:pointer;
    }
    .DT_next_button {
        position:absolute;
        right:-9px;
  top: 44%;
  font-size: 16px;
  cursor:pointer;
    }
    .DT_prev_button .fa, .DT_next_button .fa {
  display: inline-block;
  color: #ccc;
}
.DT_thumb {
  position: relative;
  float: left;
  width: 29%;
  padding-bottom: 29%;
  margin: 2%;
  border: solid 2px #E9E9E9;
  box-sizing: border-box;
}
       .DT_thumb a {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.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 .file_download_button img {
  vertical-align: middle;
}
    .DT_product-details-page .file_download_button:hover {
    text-decoration:none;
    cursor:pointer;
    background-color:#DA5126;
    }

@media only screen and (min-width: 1200px) { }

@media only screen and (max-width: 1200px) and (min-width: 960px) {
    .DT_product-details-page .related-products-grid .listWrapper .listItem, .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-essential {
  width: 100%;
  margin-bottom:25px;
}
    .DT_product-collateral {
  width: 100%;
 }
    .DT_product-details-page-main {
  padding: 30px;
}
    .DT_product-details-page .related-products-grid .listWrapper .listItem, .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-essential {
  width: 100%;
   margin-bottom:25px;
}

    .DT_product-collateral {
  width: 100%;
 }
    .DT_product-details-page .related-products-grid .listWrapper .listItem, .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem {
        width: 50%;
    }
}

@media only screen and (max-width: 479px) {
    .DT_product-details-page .related-products-grid .listWrapper .listItem, .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem {
        width: 100%;
    }
            .DT_product-essential {
  width: 100%;
   margin-bottom:25px;
}
    .DT_product-collateral {
  width: 100%;
 }
    .DT_tab_button {
        height: 50px;
    }
    .DT_tab_button.active {
  height: 52px;
}
}
.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(/-1191357392/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(/-1573432280/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(/765219881/Handler/Static/Content/Themes/Base/images/warning_ico.png);
    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-size: 15px;
}
/* Sage Pay Enterprise PopUp*/
#SagePay_Checkout_Popup {
    display:none;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,.5);
    z-index: 99999999;
    overflow:auto;
}
    #SagePay_Checkout_Popup .Sagepay-popup-container {
    height: auto;
    width: 600px;
    float: left;
    left: 50%;
    display: block;
    padding: 30px;
    background-color: #fff;
    margin-top: 30px;
    margin-bottom:30px;
    box-shadow: rgba(0,0,0,.5) 1px 1px 5px;
    border-radius: 5px;
    position: relative;
    margin-left: -330px;
    }
        #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: left;
    max-width:100%;
}
        #SagePay_Checkout_Popup .Sagepay-popup-container #paymentMethodWindow {
    width: 600px;
    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;
    }
}
/*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,.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;
        float: left;
        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);
}

div.awesomplete {
  display: block;
  position: relative;
}

div.awesomplete > input {
	display: block;
}

.awesomplete-popup {
	z-index: 10;
	box-sizing: border-box;
	list-style: none;
	padding: 0;
	border-radius: .3em;
	margin: .2em 0 0;
	background: hsla(0,0%,100%,.9);
	background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
	border: 1px solid rgba(0,0,0,.3);
	box-shadow: .05em .2em .6em rgba(0,0,0,.2);
	text-shadow: none;
}

.awesomplete-popup[hidden],
.awesomplete-popup:empty {
	display: none;
}

@supports (transform: scale(0)) {
.awesomplete-popup {
		transition: .3s cubic-bezier(.4,.2,.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: .2em .5em;
		cursor: pointer;
	}

	.awesomplete-popup > li:hover {
		background: hsl(200, 40%, 80%);
		color: black;
	}

	.awesomplete-popup > li[aria-selected="true"] {
		background: hsl(205, 40%, 40%);
		color: white;
	}

		.awesomplete-popup mark {
			background: hsl(65, 100%, 50%);
		}

		.awesomplete-popup li:hover mark {
			background: hsl(68, 101%, 41%);
		}

		.awesomplete-popup li[aria-selected="true"] mark {
			background: hsl(86, 102%, 21%);
			color: inherit;
		}

 /*** Category entities dialog  ****/
.CategoryEntityButton {
    padding: 8px;
    margin-bottom: 7px;
    background-color: #445159;
    color: #fff;
    border: none;
}
.category-entities-dialog {
    max-width:90%;
    max-height:90%;
        padding: 0px!important;
    position:fixed!important;
    padding-top:29px!important;
    box-sizing:border-box;
    padding-bottom:54px!important;
    width:550px!important;
}
    .category-entities-dialog .ui-dialog-titlebar {
    position: absolute!important;
    top: 0px;
    left: 0px;
    right: 0px;
    background: none;
    background-color: #EEE;
}
    .category-entities-dialog .category-entities {
       box-sizing: border-box;
       border: solid 1px #ccc!important;

    }
        .category-entities-dialog .category-entities button, .category-entities-dialog .category-entities input, .category-entities-dialog .category-entities select {
            box-sizing: border-box;
            padding: 4px;
        }
        .category-entities-dialog .category-entities .category-entity-value-add-area select {
            width: 290px;
        }
        .category-entities-dialog .category-entities .category-entity-value-add-area {
            position: relative;
    float: left;
    padding: 9px;
    border: solid 1px #ccc;
    width: 100%;
    box-sizing: border-box;
        background-color: #F6F6F6;
        }
            .category-entities-dialog .category-entities .category-entity-value-add-area input,
             .category-entities-dialog .category-entities .category-entity-value-add-area select {
                    position: relative;
    float: left;
    margin-right: 5px;
            }
        .category-entities-dialog .category-entities .category-entity-new {
             position: relative;
        float: right;
    line-height: 20px;
    border-left: solid 1px #ccc;
    padding-left: 10px;
        }
        .category-entities-dialog .category-entities .category-entity-values {
        }
        .category-entities-dialog .category-entities .category-entity-value {
            position: relative;
            float: left;
            width: 100%;
            margin-top: 9px;
            border-bottom: solid 1px #eee;
            padding-bottom: 9px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-left: 20px;
            padding-right: 20px;
        }
        .category-entities-dialog .category-entities .category-entity-value-label {
    position: relative;
    float: left;
    min-width: 44%;
    padding: 5px;
}
        .category-entities-dialog .category-entities .category-entity-value-editor {
    position: relative;
    float: left;
    min-width: 52%;
    max-width: 100%;
}
        .category-entities-dialog .category-entities .category-entity-delete-button {
                        position: absolute;
    right: 0px;
    padding: 2px;
        }

        .category-entities-dialog .category-entities .category-entity-delete-button:after {
font-family: FontAwesome;
font-size: 14px;
content: "\f014 ";
}
        .category-entities-dialog .category-entities .category-entity-value-editor-select {
                width: 228px;
        }
.category-entities-dialog .category-entities .category-entity-value-editor-text {
        width: 228px;
}
.category-entities-dialog .category-entities .category-entity-value-editor-textarea {
        width: 430px;
}
        .category-entities-dialog .category-entities .category-entity-value-editor-int {
        }
        .category-entities-dialog .category-entities .category-entity-value-editor-float {
        }
        .category-entities-dialog .category-entities .category-entity-value-radio-sub {
            padding:5px;
    }
            .category-entities-dialog .category-entities .category-entity-value-radio-sub label {
            margin-left:10px;
            }
    .category-entities-dialog .ui-dialog-buttonpane {
         position: absolute!important;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background: #eee;
    }
        .category-entities-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {

        }
        .category-entities-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button span {
    background-color: #22A8E5;
    color: #fff;
}
    .category-entities-dialog .category-entities .category-entity-value-radio-sub {
    }
 @media only screen and (max-width: 767px) {

     .category-entities-dialog .category-entities .category-entity-value-add-area select {
    width: 100%;
}
     .category-entities-dialog .category-entities .category-entity-value-editor-textarea {
    width: 100%;
}
 }
 /* Products as gallery */
        .products_slider .flex-control-thumbs li {
        width: 23%;
    float: left;
    margin: 1%;
    height: 211px;
    overflow: hidden;
    box-sizing: border-box;
        border: solid 1px #ccc;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
	background-color: rgba(0,0,0,0.5);
}
.products_slider .slides {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(255, 204, 0, .9);
	display: none;
}
.products_slider.show_it .slides {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0, 0, 0, .8);
	display: initial;
}
.products_slider .slides, .flex-direction-nav {
	z-index: 1000;
}
.products_slider .flex-direction-nav .flex-prev, .products_slider .flex-direction-nav .flex-next {
	display: none;
}
.products_slider.show_it .flex-direction-nav .flex-prev, .products_slider.show_it .flex-direction-nav .flex-next {
	display: block;
	z-index: 1001;
}
.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;
}
.products_slider .slides li {
	height: 100%;
}
.hide_gallery_button {
    position: fixed;
    z-index: 1002;
    text-align: center;
    line-height: 22px;
    background: rgba(255,255,255,.8);
    top: 0px;
    right: 0px;
    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;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.hide_gallery_button:hover {
	padding-right: 18px; }
.show_it .hide_gallery_button {
	display: block;
}
.products_slider .flex-control-thumbs img {
    opacity: 1;
    min-width: 100%;
    min-height: 100%;
    display: inline-block;
    width: auto;
    max-width: 200%;
    max-height: 200%;
	    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
	flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
}
.products_slider .flex-control-thumbs li:hover img {
        opacity: 1;
    min-width: 0px;
    min-height: 0px;
    display: inline;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

}
.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:0px;
    color:transparent;
}
.products_slider  .flex-direction-nav .flex-prev {
    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 {
    right: 20px;
}
.products_slider .flex-direction-nav .flex-next:before {
    font-family: FontAwesome;
    content: "\f105";
     color:#fff;
         font-size: 50px;
}
.products_slider .flex-control-thumbs {
    display: block;
}
/*
.galleryproductlistproductdetailbutton {
    position: absolute;
    bottom: -36px;
    width: 100px;
    right: 7px;
}
.products_slider .slides li .prices {
    position: absolute;
    right: 120px;
    bottom: -28px;
    font-size: 20px;
    color:#fff;
}*/
.products_slider .price_and_details {
    position: absolute;
    bottom: -50px;
    right: 0px;
}
.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: 0px;
    max-width:50%;
    font-size: 18px;
    padding: 8px;
    color: #fff;
}
.products_slider .description {
    position: absolute;
    bottom: -0px;
    left: 0px;
    max-width:50%;
    font-size: 18px;
    padding: 8px;
    color: #fff;
}
.products_slider .flex-control-thumbs li {
    position: relative;
}
.products_slider .flex-control-thumbs img {
    position: absolute;
    transform: translate(-50%, -50%);
    display: block;
	top:50%;
	left:50%;
}
.products_slider .flex-control-thumbs {
display: block;
position:relative;
float:left;
width:100%;
}
.products_slider.show_it .slides {
    z-index: 1000;
}
.products_slider.show_it .slides {
    display: block;
}
.generalPageWrapper, footer {
	float:left;
	width:100%;}
.products_slider .flex-control-thumbs li {
    width: 18%;
    margin: 1%;
    height: 180px;
    border: solid 1px #000;
}
.products_slider .flex-control-thumbs li .FS_thumb_title {
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    padding: 5px;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    text-shadow: rgba(0,0,0,.8) 1px 1px 3px;
}
.products_slider .flex-control-thumbs {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 0px;
    top: 0px;
}
@media only screen and (max-width: 1200px) and (min-width: 960px) {
	.products_slider .flex-control-thumbs li {
    width: 18%;
    margin: 1%;
    height: 172px;
    border: solid 1px #000;
} }

@media only screen and (max-width: 959px) and (min-width: 768px) {
.products_slider .flex-control-thumbs li {
    width: 21%;
    margin: 2%;
    height: 160px;
    border: solid 1px #000;}}

@media only screen and (max-width: 767px) and (min-width: 480px) {
.products_slider .flex-control-thumbs li {
    width: 29.3%;
    margin: 2%;
    height: 133px;
    border: solid 1px #000;
} }

@media only screen and (max-width: 479px) {
.products_slider .flex-control-thumbs li {
    width: 46%;
    margin: 2%;
    height: 139px;
    border: solid 1px #000;
}
	}

/* Telerik functionality fix */
.t-widget.t-grid {
    max-width: 100%;
    overflow: auto;
}

/* 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: #22A8E5;
    font-size: 15px;
}
.review_star_box .fa {
    display: inline-block;
    margin: 6px;
    color: #22A8E5;
    font-size: 18px;
}
    .review_star_box .fa:hover {

    }
    .review_star_box .fa:hover {

    }
.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 input, .ratingtable .input_field textarea {
    box-sizing:border-box;
    width:100%!important;
    padding: 7px;
}

.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 .productwritereviewbutton {
    width:auto!important;
}
.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:#22A8E5; 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;
}
.show_all_reviews {
    position: relative;
    float: right;
}
/* Category Page With Subcategory Products */
.auto_scroll_up_btn {
    position: fixed;
    bottom: 50px;
    right: 15px;
    display: block;
    width: 30px;
    text-align: center;
    padding: 5px;
    background: rgba(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: 0px;
    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: 0px;
    box-sizing: border-box;
    background: #eee;
}
.allProductsCategoriesWrapper .subcat-cont .listWrapper {
    position: relative;
    float: left;
    width: 100%;
}
.allProductsCategoriesWrapper .subcat-cont .subcat-box {
    position: relative;
    float: left;
    width: 100%;
}
.allProductsCategoriesWrapper .subcat-cont .listItem:nth-child(even) {
            background:#fff;
        }
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-top {
    position: relative;
    float: left;
    width: 100%;
    height: 0px;
    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: 0px;
    margin-bottom: -1px;
    box-sizing: border-box;
}
.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box:hover {
        background-color:rgba(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: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}
.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;
    text-overflow: ellipsis;
    text-shadow: rgba(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,.5) 1px 1px 3px;
 }

.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .subcat-product-title {
    position: absolute;
    bottom: 60px;
    width: 100%;
    left: 0px;
}
.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;
     -moz-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;
    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 {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 15px;
    background: #26353C;
    color: #fff;
    font-size: 24px;
    line-height: 26px;
        margin-bottom: 1px;
}
    .allProductsCategoriesWrapper .category-products h1 .fa {
    display:inline-block;}
.allProductsCategoriesWrapper .category-products .product-item-large {
    position: relative;
    float: left;
    width: 100%;
    margin-top:10px;
    }
.allProductsCategoriesWrapper .category-products .product-item-large:hover {

}
.allProductsCategoriesWrapper .category-products .product-item-large .picture-area {
    position: absolute;
    left: 0;
    top: 0;
    right: 50%;
    bottom: 0;
    overflow: hidden;
        background: #26353C;
}
        .allProductsCategoriesWrapper .category-products .product-item-large:nth-child(even) .picture-area {
        right:0px;
    top:0px;
    left:50%;
    bottom:0px;
        }
    .allProductsCategoriesWrapper .category-products .product-item-large .picture-area .picture {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
    .allProductsCategoriesWrapper .category-products .product-item-large .picture-area .flex-direction-nav a {
    width: 50%;
    height:100%;
        margin: 0px;
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    cursor: pointer;
        background: none;
    text-indent: -9999px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-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:0px;}
    .allProductsCategoriesWrapper .category-products .product-item-large .picture-area .flex-direction-nav .flex-next { right:0px;}
    .allProductsCategoriesWrapper .category-products .product-item-large .picture-area .flex-direction-nav a:hover {

    }
    .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 .product_pictures_slider {
     position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    }
    .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: 94%;
    max-height: 87%;
    margin: 2%;
}
    .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 .info-area {
    position: relative;
    float: right;
    width: 50%;
    padding: 2%;
    box-sizing: border-box;
    background: #eee;
    min-height: 300px;
}
    .allProductsCategoriesWrapper .category-products .product-item-large:nth-child(even) .info-area {
    float: left;
    background: #eee;
    }
    .allProductsCategoriesWrapper .category-products .product-item-large .info-area .product-title {
        position: relative;
        float:left;
        width:100%;
    }
    .allProductsCategoriesWrapper .category-products .product-item-large .info-area .product-title a { color: #22A8E5; }
    .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 {
        position: relative;
        float:left;
        width:100%;
        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;
    box-sizing: border-box;
    height: 30px;
    margin-right: -2px;
    border: solid 1px #ccc;
}
    .allProductsCategoriesWrapper .category-products .product-item-large .info-area .add-info .buttonsrow .addtocart .productlistaddtocartbutton {
        position: relative;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    height: 30px;
        border: solid 1px #22A8E5;
    padding-left: 8px;
    padding-right: 8px;
    background: #22A8E5;
    color: #fff;
    }
    .allProductsCategoriesWrapper .category-products .product-item-large .info-area .add-info .buttonsrow .product-more {
        position: relative;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    height: 30px;
        border: solid 1px #22A8E5;
    padding-left: 8px;
    padding-right: 8px;
    background: #22A8E5;
    color: #fff;
    }

@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;
}
}

@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%;
        }
}

@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: 0px;
    padding-bottom: 60%;
    right: 0px!important;
    left: 0px!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 .subcat-box .subcat-product-cont .subcat-product-box {
            width: 100%;
    padding-bottom: 100%;
    }
    .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont {
    border: solid 1px #ccc;
    box-sizing: border-box;
    border-right: 0px;
}
     .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-top {
            padding-bottom: 60%;

        }
            .allProductsCategoriesWrapper .category-products .product-item-large .picture-area {
    position: relative;
    float: left;
    width: 100%!important;
    height: 0px;
    padding-bottom: 60%;
    right: 0px!important;
    left: 0px!important;

}
    .allProductsCategoriesWrapper .category-products .product-item-large .info-area {
        width: 100%;
        min-height: 10px!important;
    }
}

/* Category with subcats 2 collumn */


@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%;
}
}

@media only screen and (max-width: 1200px) and (min-width: 960px) {
   .grid_9 .allProductsCategoriesWrapper .subcat-cont .listItem {
            width: 100%;
    }
       .grid_9 .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box {
            width: 33.33%;
 padding-bottom: 40%;
}
       .grid_9 .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-top {
           padding-bottom:40%;
       }
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
   .grid_9 .allProductsCategoriesWrapper .subcat-cont .listItem {
            width: 100%;
    }
       .grid_9 .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box {
            width: 33.33%;
 padding-bottom: 40%;
}
       .grid_9 .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-top {
           padding-bottom:40%;
       }
}

@media only screen and (max-width: 767px) and (min-width: 480px) { }

@media only screen and (max-width: 479px) { }

/* Saved Projects */
    .saved-projects-list table td:first-child a, .saved-projects-list table td button {
    padding: 7px;
    display: inline-block;
    color: #fff;
    background: #22A8E5;
    text-decoration: none;
    margin: 2px;
    float: left;
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0px;
    box-sizing: border-box;
    min-width: 78px;
}
    .saved-projects-list table td:first-child a:hover, .saved-projects-list table td button:hover {
        color: #fff;
    background:#0F7BAC;
    }

    /* Checkout shipping fix */

    .checkout-data .opc .section .shipping-option-item label {
    margin-bottom: 60px;
}
.checkout-data .opc .section .shipping-option-item { height: auto; }


/** ME Help Component */
.me-helper {
	position: absolute;
    bottom: 140px;
    left: 50%;
    z-index: 10;
    transform: translateX(-50%);
    background-color: rgba(255,255,255,0.9);
    border: 1px solid #efefef;
    padding: 20px 30px;
}
.me-helper .ui-close-helper {
	float: right;
	background-color: #000;
	color: #fff;
	margin-left: 10px;
	border: none;
}

/** ME Warning Component */
.ui-warning-message {
    min-width: 20%;
    max-width: 50%;
    padding: 1rem 1.5rem;
    background: rgba(240, 173, 78, 0.8);
    border: 0;
}

.me-helper-show-more {
    float: right;
    background-color: #000;
    color: #fff;
    margin-left: 10px;
    border: none;
    font-size: 13px;
    padding: 2px 5px;
}

/** StyleOptions */
.style-container .table {
    background: #fafafa;
}

.style-container .navbar-default {
    box-shadow: none;
}

.style-container .nav.navbar-nav {
    cursor: pointer;
}

.style-container .navbar-default .btn {
    margin: 9px 0;
}

.navbar-default .btn:last-of-type {
    margin-right: 9px;
}

.style-container .table > tbody > tr > th,
.style-container .table > tbody > tr > td {
    vertical-align: middle;
}

.style-container .optionRow {
    border: none;
}

.style-container .optionRow .inputItem {
    width: initial;
}

.style-container .input-box {
    width: 200px;
    padding: 5px 10px;
    float: right;
}

.style-container .color-selector {
    border: 1px solid #a9a9a9;
    position: relative;
}

.style-container .mb-10 {
    margin-bottom: 10px;
}

.style-container .color-indicator {
    width: 10px;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.style-container .field-box {
    margin-bottom: 1rem;
    background: white;
    padding: 10px;
}

.style-container .style-scroll-box {
    overflow-y: auto;
    max-height: calc(100% - 80px);
}

.style-container .is-danger {
    padding: 10px;
    margin-bottom: 10px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.style-container .measurement {
    position: relative;
    float: right;
    margin: 0;
    box-sizing: border-box;
    background: #2C3034;
    color: #fff;
    display: block;
    padding: 7px 10px;
}
/*
* Amazium V1.2
* Copyright 2012, Mike Ballan
* www.amazium.co.uk
*/


/***** Standard 960px *****/

.row 								{ margin:0 auto; width:960px;  }
.row .row 							{ margin:0 -16px 0 -16px; width:auto; display:inline-block; }




.grid_1								{ width:70px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_2 							{ width:150px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }

.grid_3 							{ width:230px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_3_inner 						{ width:220px; margin:0 5px 0 5px;  overflow:hidden; float:left; display:inline; }
.grid_4_inner 						{ width:316px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_4 							{ width:310px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_5 							{ width:390px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_6 							{ width:470px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_6_inner 						{ width:470px; margin:0; overflow:hidden; float:left; display:inline; }

.grid_7 							{ width:550px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_8 							{ width:630px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_8_inner 						{ width:626px; margin:0px; float:left; display:inline; }
.grid_9								{ width:710px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_10							{ width:790px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_11							{ width:870px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_12							{ width:950px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_12_menu						{ width:950px; margin:0 5px 0 5px; float:left; display:inline; }

.offset_1							{ margin-left:85px; }
.offset_2							{ margin-left:165px; }
.offset_3 							{ margin-left:245px; }
.offset_4 							{ margin-left:336px; }
.offset_5 							{ margin-left:405px; }
.offset_6 							{ margin-left:485px; }
.offset_7 							{ margin-left:565px; }
.offset_8 							{ margin-left:645px; }
.offset_9							{ margin-left:725px; }
.offset_10							{ margin-left:805px; }
.offset_11							{ margin-left:885px; }

.show-phone 						{ display:none; }
.show-tablet 						{ display:none; }
.show-screen						{ display:inherit; }

.hide-phone							{ display:inherit; }
.hide-tablet						{ display:inherit; }
.hide-screen						{ display:none; }
.navigationmenu						{ min-height:313px;}

.search .searchbox					{ width:266px;}
.search .searchbutton				{	width:38px;}

.editor_row_top 					{background:#F9F9F9; margin:0 auto; width:960px; padding:0px; overflow:hidden;border-bottom:solid #eee 1px; }
.editor_row 						{background:#eee; margin:0 auto; width:950px; padding:5px 5px 5px 5px; overflow:hidden;border-top:1px solid #ccc; }
.editor_grid_1                      {width:70px; margin:0 5px 0 0px; overflow:hidden; float:left; display:inline;}
.editor_grid_6 						{width:570px; margin:0 5px 0 0px; overflow:hidden; float:left; display:inline; }
.editor_grid_7 						{width:645px; margin:0 5px 0 0px; overflow:hidden; float:left; display:inline; }
.editor_grid_11 				    { width:870px; margin:0 5px 0 0px; overflow:hidden; float:left; display:inline; }
.editor_grid_5 						{ width:300px; margin:0 0px 0 0px; overflow:hidden; float: right; display:inline; }
/*YEARBOOK STUFF*/
.pageActions .yearbook-studententries-editor-actions-boxheader .editor-actions-filter-pane{position:absolute;}
/* ==EDITOR TABS MODIFICATIONS========================================= */
#editorTabControl .editor_grid_11 				    { width:875px; margin:0 0px 0 0px; overflow:hidden; float:left; display:inline; }


.product-grid .add-info                               {position:absolute;bottom:0;width:214px;padding-bottom:5px;}
.product-grid .listItem.grid_3, .sub-category-grid  .listItem.grid_3{width:226px;}
.sub-category-grid .listWrapper .picture img{max-width:214px;max-width:214px;}

.product-grid .picture img                            {max-width:200px;max-width:200px;}

/* ==================================================== */
.homeBestSellers .product-grid .listItem.grid_3{width:230px;}
.homePageCategories .product-grid .listItem.grid_3{width:230px;}
.homeFeaturedProducts .product-grid .listItem.grid_3{width:230px;}
/* =======PRODUCT PAGES LIST ITEMS==================== */
.product-details-info .bigpicture {width:470px;padding:10px;background:#F9F9F9;}
.product-details-info .bigpicture img{max-width:400px;max-height:400px;}

.editor_bg                          {background:#ddd;}
#viewportContainer                  {height:500px; /*<!--tells the canvas how wide it should be-->*/}
/***** TABBED EDITOR INTERFACE ADJUSTMENTS*****/
#editorTabControl .row {width:950px;}
#editorTabControl .grid_12{width:950px;}
#editorTabControl .editor_row_top{width:960px;}
#editorTabControl .editor_row{width:950px;}
#tabs-editor {padding:0px;}
#tabs-ShowSearchResultsTab-SearchKeyword{padding:0px;}


/***** Bigger than 960px *****/
@media only screen and (min-width:1200px) {

.row 								{ margin:0 auto; width:1200px;  }
.row .row 							{ margin:0 -20px 0 -20px; width:auto; display:inline-block; }

.grid_1								{ width:90px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_2 							{ width:190px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_3 							{ width:290px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_3_inner 						{ width:300px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_4 							{ width:390px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_4_inner						{ width:396px; margin:0px; overflow:hidden; float:left; display:inline; }
.grid_5 							{ width:490px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_6 							{ width:590px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_7 							{ width:690px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_8 							{ width:790px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_8_inner 						{ width:786px; margin:0px; float:left; display:inline; }
.grid_9								{ width:890px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_10							{ width:990px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_11							{ width:1090px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_12							{ width:1190px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_12_menu						{ width:1190px; margin:0 5px 0 5px; float:left; display:inline; }

.offset_1							{ margin-left:105px; }
.offset_2							{ margin-left:205px; }
.offset_3 							{ margin-left:305px; }
.offset_4 							{ margin-left:405px; }
.offset_5 							{ margin-left:505px; }
.offset_6 							{ margin-left:605px; }
.offset_7 							{ margin-left:705px; }
.offset_8 							{ margin-left:805px; }
.offset_9							{ margin-left:905px; }
.offset_10							{ margin-left:1005px; }
.offset_11							{ margin-left:1105px; }

.show-phone 						{ display:none; }
.show-tablet 						{ display:none; }
.show-screen						{ display:inherit; }

.hide-phone							{ display:inherit; }
.hide-tablet						{ display:inherit; }
.hide-screen						{ display:none; }
.navigationmenu						{ min-height:390px;}

.search .searchbox					{ width: 346px;}

.editor_row_top 					{background:#F9F9F9; margin:0 auto; width:1205px; padding:0px; overflow:hidden;border-bottom:solid #eee 1px; }
.editor_row 						{background:#eee; margin:0 auto; width:1195px; padding:5px; overflow:hidden; }
.editor_grid_1                      {width:70px; margin:0 5px 0 0px; overflow:hidden; float:left; display:inline;}
.editor_grid_6 						{width:815px;margin:0 5px 0 0px; overflow:hidden; float:left; display:inline; }
.editor_grid_7 						{width:890px; margin:0 5px 0 0px; overflow:hidden; float:left; display:inline; }
.editor_grid_5 						{ width:300px; margin:0 0px 0 0px; overflow:hidden; float: right; display:inline; }
.editor_grid_11 						{ width:1115px; margin:0 5px 0 0px; overflow:hidden; float:left; display:inline; }
/*YEARBOOK STUFF*/
.pageActions .yearbook-studententries-editor-actions-boxheader .editor-actions-filter-pane{position:absolute;}
/* ==EDITOR TABS MODIFICATIONS========================================= */
#editorTabControl .editor_grid_11 				    { width:1115px; margin:0 0px 0 0px; overflow:hidden; float:left; display:inline; }

.editor_bg                          {background:#ddd;}
#viewportContainer                  {height:550px; /*<!--tells the canvas how wide it should be-->*/}


/* =======CATEGORY PAGES LIST ITEMS==================== */
.listWrapper                               {}
.listItem                               {}
.item-box                               {border:solid 1px #ccc;margin-top:10px;height:290px;position:relative;}
.product-grid .product-title          {font-size:13px;margin:0px;color:#22A8E5;}
.product-grid .product-title a          {color:#22A8E5;}
.product-grid .picture                                {height:217px;text-align:center;margin-bottom:10px;display:table-cell;vertical-align:middle;width: 278px;}
.product-grid .picture img                            {max-width:200px;max-width:200px;}
.product-grid .product-item                           {}
.product-grid .description                            {}
.product-grid .add-info                               {position:absolute;bottom:0;width:200px;padding-bottom:5px;}
.product-grid .add-info .prices                       {float:left;padding:7px;}
.product-grid .add-info .buttons                      {}
.product-grid .listItem.grid_3, .sub-category-grid  .listItem.grid_3{width:212px;}
.sub-category-grid .listWrapper .picture img{max-width:200px;max-width:200px;}
/* ==================================================== */
.homeBestSellers .product-grid .listItem.grid_3, {width:290px;}
.homePageCategories .product-grid .listItem.grid_3{width:290px;}
.homeFeaturedProducts .product-grid .listItem.grid_3{width:290px;}
/* ==================================================== */
.small-product-item img{max-height:180px; max-width:180px;	display:block;margin-right:auto;margin-left:auto;}
.small-product-item .picture{height:200px;display:table-cell;width:286px; border: 2px solid #eee;  vertical-align: middle;}
/* =======PRODUCT PAGES LIST ITEMS==================== */
.product-details-info .bigpicture {width:570px;padding:10px;background:#F9F9F9;}
.product-details-info .bigpicture img{max-width:400px;max-height:400px;}

/* ==========EDITOR STUFF========================================== */
/* Not used #viewportContainer {width:750px;height:470px;} */

/***** TABBED EDITOR INTERFACE ADJUSTMENTS*****/
#editorTabControl .row {width:1190px;}
#editorTabControl .grid_12{width:1190px;}
#editorTabControl .editor_row_top{width:1200px;}
#editorTabControl .editor_row{width:1190px;}
#tabs-editor {padding:0px;}
#tabs-ShowSearchResultsTab-SearchKeyword{padding:0px;}
#editorTabControl .editor_grid_5{width: 295px;float:right;}
}



/***** iPad Smaller than 959px *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.row 								{ margin:0 auto; width:768px;  }
.row .row 							{ margin:0 -14px 0 -14px; width:auto; display:inline-block; }

.grid_1								{ width:54px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_2 							{ width:118px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_3 							{ width:182px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_4 							{ width:246px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_4_inner 						{ width:252px; margin:0px; overflow:hidden; float:left; display:inline; }
.grid_5 							{ width:310px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_6 							{ width:374px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_7 							{ width:438px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_8 							{ width:502px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_8_inner						{ width:498px; margin:0px;  float:left; display:inline; }
.grid_9								{ width:566px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_10							{ width:630px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_11							{ width:694px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_12							{ width:758px; margin:0 5px 0 5px; overflow:hidden; float:left; display:inline; }
.grid_12_menu						{ width:758px; margin:0 5px 0 5px; float:left; display:inline; }

.offset_1							{ margin-left:78px; }
.offset_2							{ margin-left:142px; }
.offset_3 							{ margin-left:206px; }
.offset_4 							{ margin-left:270px; }
.offset_5 							{ margin-left:334px; }
.offset_6 							{ margin-left:388px; }
.offset_7 							{ margin-left:462px; }
.offset_8 							{ margin-left:526px; }
.offset_9							{ margin-left:590px; }
.offset_10							{ margin-left:654px; }
.offset_11							{ margin-left:718px; }

.show-phone 						{ display:none; }
.show-tablet 						{ display:inherit; }
.show-screen						{ display:none; }

.hide-phone							{ display:inherit; }
.hide-tablet						{ display:none; }
.hide-screen						{ display:inherit; }

.navigationmenu						{ min-height:252px;}

.search .searchbox					{ width:202px;}
.search .searchbutton				{	width:38px;}

.editor_row_top 					{background:#F9F9F9; margin:0 auto; width:773px; padding:0px; overflow:hidden;border-bottom:solid #eee 1px; }
.editor_row 						{background:#eee; margin:0 auto; width:763px; padding:5px; overflow:hidden; }
.editor_grid_1                      {width:70px; margin:0 5px 0 0px; overflow:hidden; float:left; display:inline;}
.editor_grid_6 						{width:383px; margin:0 5px 0 0px; overflow:hidden; float:left; display:inline; }
.editor_grid_7 						{width:458px; margin:0 5px 0 0px; overflow:hidden; float:left; display:inline; }
.editor_grid_5 						{ width:300px; margin:0 0px 0 0px; overflow:hidden; float: right; display:inline; }
.editor_grid_11 						{ width:683px; margin:0 5px 0 0px; overflow:hidden; float:left; display:inline; }
/*YEARBOOK STUFF*/
.pageActions .yearbook-studententries-editor-actions-boxheader .editor-actions-filter-pane{position:inherit;}
/* ==EDITOR TABS MODIFICATIONS========================================= */
#editorTabControl .editor_grid_11 				    { width:683px; margin:0 0px 0 0px; overflow:hidden; float:left; display:inline; }

.editor_bg                          {background:#ddd;}
#viewportContainer                  {height:450px; /*<!--tells the canvas how wide it should be-->*/}

/* =======CATEGORY PAGES LIST ITEMS==================== */
.listWrapper                               {}
.listItem                               {}
.item-box                               {border:solid 1px #ccc;margin-top:10px;height:270px;position:relative;}
.product-grid .product-title            {font-size:13px;margin:0px;color:#22A8E5;}
.product-grid .product-title a          {color:#22A8E5;}
.product-grid .picture                                {height:170px;text-align:center;margin-bottom:10px;display:table-cell;vertical-align:middle;width: 170px;}
.product-grid .picture img                            {max-width:166px;max-height:166px;}
.product-grid .product-item                           {}
.product-grid .description                            {}
.product-grid .add-info                               {position:absolute;bottom:0;width:166px;padding-bottom:5px;}
.product-grid .add-info .prices                       {float:left;padding:7px;}
.product-grid .add-info .buttons                      {}
.product-grid .listItem.grid_3, .sub-category-grid  .listItem.grid_3{width:178px;}
.sub-category-grid .listWrapper .picture img{max-width:166px;max-width:166px;}
/* ==================================================== */
.homeBestSellers .product-grid .listItem.grid_3, .homePageCategories .product-grid .listItem.grid_3, .homeFeaturedProducts .product-grid .listItem.grid_3{width:182px;}
/* ==================================================== */
.small-product-item img{max-height:160px; max-width:160px;	display:block;margin-right:auto;margin-left:auto;}
	.small-product-item .picture{height:178px;display:table-cell;width:178px; border: 2px solid #eee;  vertical-align: middle;}
/* =======PRODUCT PAGES LIST ITEMS==================== */
.product-details-info .bigpicture {width:344px;padding:10px;background:#F9F9F9;}
.product-details-info .bigpicture img{max-width:330px;max-height:330px;}
/***** TABBED EDITOR INTERFACE ADJUSTMENTS*****/
#editorTabControl .row {width:758px;}
#editorTabControl .grid_12{width:758px;}
#editorTabControl .editor_row_top{width:768px;}
#editorTabControl .editor_row{width:758px;}
#tabs-editor {padding:0px;}
#tabs-ShowSearchResultsTab-SearchKeyword{padding:0px;}
#editorTabControl .editor_grid_5{width: 295px;float:right;}
}



/***** iPhone (landscape) *****/
@media only screen and (max-width: 767px) {

nav ul     { display: none; }
nav select { display: inline-block; }
nav .selectnavwrapper { display: inherit; }

	.minishoppingcartwrapper {display:none;}
	.adminmenu{margin:0px;text-align:center;}


.row 								{ margin:0 auto; width:300px; overflow:hidden; }
.row .row 							{ margin:0; width:auto; display:inline-block; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_8_inner,
.grid_9,
.grid_10,
.grid_11,
.grid_12, .grid_12_menu							{ width:300px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_4_inner						{width:292px; margin:0; overflow:hidden; float:left; display:inline;}

.offset_1,
.offset_2,
.offset_3,
.offset_4,
.offset_5,
.offset_6,
.offset_7,
.offset_8,
.offset_9,
.offset_10,
.offset_11,							{ margin-left:0; }

.show-phone 						{ display:inherit; }
.show-tablet 						{ display:none; }
.show-screen						{ display:none; }

.hide-phone							{ display:none; }
.hide-tablet						{ display:inherit; }
.hide-screen						{ display:inherit; }




	.logo{text-align:center;}
/***** REMOVE MARGIN FROM SLIDER *****/
.flexslider {margin:0;}
/**HIDE THUMBNAILS OF SLIDER**/
.flex-control-thumbs {display:none;}
.navigationmenu						{ min-height:100px;}
.search .searchbox					{ width: 242px;}
.search .searchbutton				{	width:38px;}

.editor_row_top 					{background:#F9F9F9; margin:0 auto; width:300px; padding:0px; overflow:hidden;border-bottom:solid #eee 1px; }
.editor_row 						{background:#eee; margin:0 auto; width:290px; padding:5px; overflow:hidden; }
.editor_grid_1                      {width:290px; margin:0px; overflow:hidden; float:left; display:inline;}
.editor_grid_6 						{width:290px; margin:0px; overflow:hidden; float:left; display:inline; }
.editor_grid_5 						{ width:290px; margin:0px; overflow:hidden; float:right; display:inline; }
.editor_grid_11 						{ width:290px; margin:0; overflow:hidden; float:left; display:inline; }
/*YEARBOOK STUFF*/
.pageActions .yearbook-studententries-editor-actions-boxheader .editor-actions-filter-pane{position:inherit;}
/* ==EDITOR TABS MODIFICATIONS========================================= */
#editorTabControl .editor_row{width: 290px;}
#editorTabControl .editor_grid_11 				    { width:290px; margin:0 0px 0 0px; overflow:hidden; float:left; display:inline; }

.editor_bg                          {background:#ddd;}
#viewportContainer                  {height:450px; /*<!--tells the canvas how wide it should be-->*/}

	/* =======CATEGORY PAGES LIST ITEMS==================== */
.listWrapper                               {}
.listItem                               {}
.item-box                               {border:solid 1px #ccc;margin-top:10px;height:auto;position:relative;}
.product-grid .product-title            {font-size:13px;color:#22A8E5;}
.product-grid .product-title a          {color:#22A8E5;}
.product-grid .picture                                {height:auto;text-align:center;margin-bottom:0px;display:block;vertical-align:middle;width: 100%;}
.product-grid .picture img                            {max-height:300px;}
.product-grid .product-item                           {}
.product-grid .description                            {}
.product-grid .add-info                               {position:absolute;bottom:0;width:288px;padding-bottom:5px;}
.product-grid .add-info .prices                       {float:left;padding:7px;}
.product-grid .add-info .buttons                      {}
.product-grid .listItem.grid_3, .sub-category-grid  .listItem.grid_3{width:292px;}
.sub-category-grid .listWrapper .picture {width:292px;}
/* ==================================================== */
.homeBestSellers .product-grid .listItem.grid_3, .homePageCategories .product-grid .listItem.grid_3, .homeFeaturedProducts .product-grid .listItem.grid_3{width:300px;}
/* ==================================================== */
.small-product-item .picture{height:140px;display:table-cell;width:300px;}
/* ==================================================== */
.product-details-info .bigpicture img{}
.product-details-info .bigpicture {}
}




/***** iPhone (portrait) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {

nav ul     { display: none; }
nav select { display: inline-block; }
nav .selectnavwrapper { display: inherit; }

.row 								{ margin:0 auto; width:456px; overflow:hidden; }
.row .row 							{ margin:0; width:auto; display:inline-block; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_8_inner,
.grid_9,
.grid_10,
.grid_11,
.grid_12, .grid_12_menu								{ width:456px; margin:0; overflow:hidden; float:left; display:inline; }
.grid_4_inner						{width:448px; margin:0; overflow:hidden; float:left; display:inline;}

.navigationmenu						{ min-height:auto;}
.search .searchbox					{
	width: 398px;
}

.editor_row_top 					{background:#F9F9F9; margin:0 auto; width:461px; padding:0px; overflow:hidden;border-bottom:solid #eee 1px; }
.editor_row 						{background:#eee; margin:0 auto; width:451px; padding:5px; overflow:hidden; }
.editor_grid_1                      {width:451px; margin:0px; overflow:hidden; float:left; display:inline;}
.editor_grid_6 						{width:451px; margin:0px; overflow:hidden; float:left; display:inline; }
.editor_grid_5 						{ width:451px; margin:0px; overflow:hidden; float:right; display:inline; }
.editor_grid_11 						{ width:451px; margin:0; overflow:hidden; float:left; display:inline; }
/*YEARBOOK STUFF*/
.pageActions .yearbook-studententries-editor-actions-boxheader .editor-actions-filter-pane{position:inherit;}
/* ==EDITOR TABS MODIFICATIONS========================================= */
#editorTabControl .editor_row{width: 440px;}
#editorTabControl .editor_grid_11 				    { width:451px; margin:0 0px 0 0px; overflow:hidden; float:left; display:inline; }

.editor_bg                          {background:#ddd;}
#viewportContainer                  {height:450px; /*<!--tells the canvas how wide it should be-->*/}

.search .searchbutton{	width:38px;}
	/* =======CATEGORY PAGES LIST ITEMS==================== */
.listWrapper                               {}
.listItem                               {}
.item-box                               {border:solid 1px #ccc;margin-top:10px;height:auto;position:relative;}
.product-grid .product-title            {font-size:13px;color:#22A8E5;}
.product-grid .product-title a          {color:#22A8E5;}
.product-grid .picture                                {height:auto;text-align:center;margin-bottom:0px;display:block;vertical-align:middle;width: 100%;background:#F9F9F9;}
.product-grid .picture img                            {max-height:300px;}
.product-grid .product-item                           {}
.product-grid .description                            {}
.product-grid .add-info                               {position:absolute;bottom:0;width:444px;padding-bottom:5px;}
.product-grid .add-info .prices                       {float:left;padding:7px;background:#F9F9F9;}
.product-grid .add-info .buttons                      {float:right;}
.product-grid .listItem.grid_3, .sub-category-grid  .listItem.grid_3{width:450px;margin-left: 2px;}
.sub-category-grid .listWrapper .picture {width:438px;}
/* ==================================================== */
.homeBestSellers .product-grid .listItem.grid_3, .homePageCategories .product-grid .listItem.grid_3, .homeFeaturedProducts .product-grid .listItem.grid_3{width:456px;}
/* ==================================================== */
.small-product-item .picture{height:140px;display:table-cell;width:456px;}
/* ==================================================== */
.product-details-info .bigpicture img{}
.product-details-info .bigpicture {}
}



/***** Clean up *****/

.container:after 					{ content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,
.clearfix:after,
.row:before,
.row:after 							{ content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.row:after,	.clearfix:after 		{ clear:both; }
.row,
.clearfix 							{ zoom:1; }
.clear 								{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;	}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: 100%;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ padding-right: 17px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ padding-right: 4px; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		padding-right: 0;
		padding-left: 17px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
        right:0;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ 
		padding-right: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ 
		padding-bottom: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image:url(/-1118530012/Handler/Static/Catfish.Web/Scripts/ME2k/img/mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */
/*
 * Default Layout Theme
 *
 * Created for jquery.layout 
 *
 * Copyright (c) 2010 
 *   Fabrizio Balliano (http://www.fabrizioballiano.net)
 *   Kevin Dalman (http://allpro.net)
 *
 * Dual licensed under the GPL (http://www.gnu.org/licenses/gpl.html)
 * and MIT (http://www.opensource.org/licenses/mit-license.php) licenses.
 *
 * Last Updated: 2010-02-10
 * NOTE: For best code readability, view this with a fixed-space font and tabs equal to 4-chars
 */

/*
 *	DEFAULT FONT
 *	Just to make demo-pages look better - not actually relevant to Layout!
 */
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:   100%;
	*font-size:  80%;
}

/*
 *	PANES & CONTENT-DIVs
 */
.ui-layout-pane { /* all 'panes' */
	background:url(/1771381801/Handler/Static/Catfish.Web/Scripts/ME2k/img/backgrounds/denim/denim.png) 0px 0px;
	border:		0px solid #BBB;
	padding:	0px; 
	overflow:	auto;
	/* DO NOT add scrolling (or padding) to 'panes' that have a content-div,
	   otherwise you may get double-scrollbars - on the pane AND on the content-div
	   - use ui-layout-wrapper class if pane has a content-div
	   - use ui-layout-container if pane has an inner-layout
	*/
	}
	/* (scrolling) content-div inside pane allows for fixed header(s) and/or footer(s) */
	.ui-layout-content {
		padding:	0px;
		position:	relative; /* contain floated or positioned elements */
		overflow:	hidden!important; /* add scrolling to content-div */
	}

/*
 *	UTILITY CLASSES
 *	Must come AFTER pane-class above so will override
 *	These classes are NOT auto-generated and are NOT used by Layout
 */
.layout-child-container,
.layout-content-container {
	padding:	0;
	overflow:	hidden;
}
.layout-child-container {
	border:		0; /* remove border because inner-layout-panes probably have borders */
}
.layout-scroll {
	overflow:	auto;
}
.layout-hide {
	display:	none;
}

/*
 *	RESIZER-BARS
 */
.ui-layout-resizer	{ /* all 'resizer-bars' */
	background:		#2C3138;
	border:			1px solid #BBB;
	border-width:	0;
	transition: background-color 0.4s ease;
	
	}
	.ui-layout-resizer-drag {		/* REAL resizer while resize in progress */
	}
	.ui-layout-resizer-hover	{	/* affects both open and closed states */
	}
	/* NOTE: It looks best when 'hover' and 'dragging' are set to the same color,
		otherwise color shifts while dragging when bar can't keep up with mouse */
	.ui-layout-resizer-open-hover ,	/* hover-color to 'resize' */
	.ui-layout-resizer-dragging {	/* resizer beging 'dragging' */
		background:  #F2C926;;
	}
	.ui-layout-resizer-dragging {	/* CLONED resizer being dragged */
		border: 	 1px solid #BBB;
	}
	.ui-layout-resizer-north-dragging,
	.ui-layout-resizer-south-dragging {
		border-width:	1px 0;
	}
	.ui-layout-resizer-west-dragging,
	.ui-layout-resizer-east-dragging {
		border-width:	0 1px;
	}
	/* NOTE: Add a 'dragging-limit' color to provide visual feedback when resizer hits min/max size limits */
	.ui-layout-resizer-dragging-limit {	/* CLONED resizer at min or max size-limit */
		background: #E1A4A4; /* red */
	}

	.ui-layout-resizer-closed-hover	{ /* hover-color to 'slide open' */
		background: #EBD5AA;
	}
	.ui-layout-resizer-sliding {	/* resizer when pane is 'slid open' */
		opacity: .10; /* show only a slight shadow */
		filter:  alpha(opacity=10);
		}
		.ui-layout-resizer-sliding-hover {	/* sliding resizer - hover */
			opacity: 1.00; /* on-hover, show the resizer-bar normally */
			filter:  alpha(opacity=100);
		}
		/* sliding resizer - add 'outside-border' to resizer on-hover 
		 * this sample illustrates how to target specific panes and states */
		.ui-layout-resizer-north-sliding-hover	{ border-bottom-width:	1px; }
		.ui-layout-resizer-south-sliding-hover	{ border-top-width:		1px; }
		.ui-layout-resizer-west-sliding-hover	{ border-right-width:	1px; }
		.ui-layout-resizer-east-sliding-hover	{ border-left-width:	1px; }

/*
 *	TOGGLER-BUTTONS
 */
.ui-layout-toggler {
	border: 1px solid #2C3138; /* match pane-border */
	background-color: #6A7889;
	transition: background-color 0.2s ease;
	}
	.ui-layout-resizer-hover .ui-layout-toggler {
		opacity: .60;
		filter:  alpha(opacity=60);
	}
	.ui-layout-toggler-hover , /* need when NOT resizable */
	.ui-layout-resizer-hover .ui-layout-toggler-hover { /* need specificity when IS resizable */
		background-color: #F2C926;
		opacity: 1.00;
		filter:  alpha(opacity=100);
	}
	.ui-layout-toggler-north ,
	.ui-layout-toggler-south {
		border-width: 0 1px; /* left/right borders */
	}
	.ui-layout-toggler-west ,
	.ui-layout-toggler-east {
		border-width: 1px 0; /* top/bottom borders */
	}
	/* hide the toggler-button when the pane is 'slid open' */
	.ui-layout-resizer-sliding  .ui-layout-toggler {
		display: none;
	}
	/*
	 *	style the text we put INSIDE the togglers
	 */
	.ui-layout-toggler .content {
		color:			#666;
		font-size:		12px;
		font-weight:	bold;
		width:			100%;
		padding-bottom:	0.35ex; /* to 'vertically center' text inside text-span */
	}

/*
 *	PANE-MASKS
 *	these styles are hard-coded on mask elems, but are also 
 *	included here as !important to ensure will overrides any generic styles
 */
.ui-layout-mask {
	border:		none !important;
	padding:	0 !important;
	margin:		0 !important;
	overflow:	hidden !important;
	position:	absolute !important;
	opacity:	0 !important;
	filter:		Alpha(Opacity="0") !important;
}
.ui-layout-mask-inside-pane { /* masks always inside pane EXCEPT when pane is an iframe */
	top:		0 !important;
	left:		0 !important;
	width:		100% !important;
	height:		100% !important;
}
div.ui-layout-mask {}		/* standard mask for iframes */
iframe.ui-layout-mask {}	/* extra mask for objects/applets */

/*
 *	Default printing styles
 */
@media print {
	/*
	 *	Unless you want to print the layout as it appears onscreen,
	 *	these html/body styles are needed to allow the content to 'flow'
	 */
	html {
		height:		auto !important;
		overflow:	visible !important;
	}
	body.ui-layout-container {
		position:	static !important;
		top:		auto !important;
		bottom:		auto !important;
		left:		auto !important;
		right:		auto !important;
		/* only IE6 has container width & height set by Layout */
		_width:		auto !important;
		_height:	auto !important;
	}
	.ui-layout-resizer, .ui-layout-toggler {
		display:	none !important;
	}
	/*
	 *	Default pane print styles disables positioning, borders and backgrounds.
	 *	You can modify these styles however it suit your needs.
	 */
	.ui-layout-pane {
		border:		none !important;
		background:	 transparent !important;
		position:	relative !important;
		top:		auto !important;
		bottom:		auto !important;
		left:		auto !important;
		right:		auto !important;
		width:		auto !important;
		height:		auto !important;
		overflow:	visible !important;
	}
}/*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: transparent;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
cite {
  font-style: normal;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-muted {
  color: #999999;
}
.text-primary {
  color: #428bca;
}
a.text-primary:hover {
  color: #3071a9;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #428bca;
}
a.bg-primary:hover {
  background-color: #3071a9;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #999999;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: 0%;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: 0%;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: 0%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: 0%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: 0%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: 0%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: 0%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: 0%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  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, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"] {
  line-height: 34px;
}
.form-group {
  margin-bottom: 15px;
}

.radio label,
.checkbox label {
  display: inline;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.has-feedback .form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -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);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -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);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -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);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.form-control-static {
  margin-bottom: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
.form-horizontal .form-control-static {
  padding-top: 7px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -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.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}
.btn-primary {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #428bca;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(/-1675120101/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/fonts/glyphicons-halflings-regular.eot);
  src: url('/Catfish.Web/Scripts/ME2k/lib/css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url(/-2049562951/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/fonts/glyphicons-halflings-regular.woff) format('woff'), url(/00000000-0000-0000-0000-000000000000/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/fonts/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(/00000000-0000-0000-0000-000000000000/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/fonts/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  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);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #999999;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #999999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #428bca;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #428bca;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  max-height: 340px;
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: none;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-form.navbar-right:last-child {
    margin-right: -15px;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777777;
}
.navbar-default .navbar-nav > li > a {
  color: #777777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555555;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777777;
}
.navbar-default .navbar-link:hover {
  color: #333333;
}
.navbar-inverse {
  background-color: #222222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #999999;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #999999;
}
.navbar-inverse .navbar-nav > li > a {
  color: #999999;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #ffffff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #999999;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #999999;
}
.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}

.breadcrumb li:not(:last-child) a {
  color: #428bca;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}
.breadcrumb > .active {
  color: #999999;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #428bca;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  background-color: #ffffff;
  cursor: not-allowed;
}

.label[href]:hover,
.label[href]:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #999999;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #808080;
}
.label-primary {
  background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #999999;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #428bca;
  background-color: #ffffff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.container .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #428bca;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable {
  padding-right: 35px;
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media,
.media .media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #555555;
}
a.list-group-item .list-group-item-heading {
  color: #333333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #dddddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
  overflow: hidden;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: #428bca;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.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-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;
  }
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: none;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.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;
  background-position: 0 -15px;
}
.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);
}
#pageflip {
	width: 100%;
	overflow: hidden;
	/*visibility: hidden;*/
	display: block;
	/* use display:none only if needed! */
}

.pageflip-container {
	padding-top: 40px;
    border-top: solid 10px transparent;
}
.book-container {
}
.book-content {
	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	-ms-transition: opacity 1s;	
}
.book-offset {
	-webkit-perspective: 3000px;
	-moz-perspective: 3000px;
	-ms-perspective: 3000px;
	perspective: 3000px;
	-webkit-perspective-origin-x: 50%;
	-webkit-perspective-origin-y: 50%;
	-moz-perspective-origin-x: 50%;
	-moz-perspective-origin-y: 50%;
	-ms-perspective-origin-x: 50%;
	-ms-perspective-origin-y: 50%;
	perspective-origin-x: 50%;
	perspective-origin-y: 50%;
}


.page-container {
	position: absolute;
	overflow: hidden;
}

#dropshadow {
	-webkit-box-shadow: 0 10px 30px rgba(0,0,0,1);
	-moz-box-shadow: 0 10px 30px rgba(0,0,0,1);
	-o-box-shadow: 0 10px 30px rgba(0,0,0,1);
	-ms-box-shadow: 0 10px 30px rgba(0,0,0,1);
	box-shadow: 0 10px 30px rgba(0,0,0,1);
}

.flip-shadowA {
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1));
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1));
}
.flip-shadowB {
	background-image: -o-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0));
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0));
}
.flip-topshadow {
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,1), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,1), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,1), rgba(0,0,0,0));
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,1), rgba(0,0,0,0));
}
.emboss-left {
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1));
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1));
	pointer-events: none;
}
.emboss-right {
	background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
	pointer-events: none;
}


/* Controls layout/animation/hover fx ----------------------------------- */

#pageflip-controls {
	position: absolute;
	bottom: 0px;
	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;
	-ms-transition: opacity 1s;
	color: #888;
	font-size: 12px;
}
.centered-buttons,
.left-buttons,
.right-buttons {
	height: 26px;
	overflow: hidden;	
}

.centered-buttons {
	position: relative;
	top: 0px;
	left: auto;
	right: auto;
	margin: 0px auto;
	width: 254px;
}
.left-buttons {
	float: left;
	width: 104px;
	margin-left: 32px;	
}
.right-buttons {
	float: right;
	width: 104px;
	margin-right: 32px;
}

.control-bar-button {
}

.control-bar-button,
.control-bar-pager {
	float: left;
	height: 26px;
}
.right {
	float: right;
}
.control-bar-pager {
	padding-top: 2px;
	width: 150px;
	text-align: center;
}

#pagerin {
	color: rgba(0,0,0,0.3);
	border: none;
	width: 140px;
	height: 22px;
    padding: 0px;
	font-size: 14px;
    border-style: none; 
    border-color: Transparent; 
    overflow: auto;  
    background: none;
    text-align: center;
}

.control-bar-button g,
.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;
	-ms-transition: fill 0.2s;	
}
.disabled {
	opacity: 0.2;
}

.control-bar-button:not(.disabled):hover g {
	fill: #FA0;
}
#pageflip-controls {
	color: rgba(0,0,0,0.3);	
}

/* Thumbnails layout/animation/hover fx ----------------------------------- */

#pageflip-thumbnails {
	position: absolute;
	top: 8px;
	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;
	-ms-transition: top 0.5s, opacity 0.5s;

}
#pageflip-thumbnails.hidden {
	top: -100px;
	opacity: 0;
}
#thumbnail-container {
	width: 10px;
}
.thumbnail-spread {
}
.thumbnail-page {
}
.thumbnail-spread,
.thumbnail-page {
	float: left;
	margin: 0 16px 16px 0px;
	/*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;
}
.thumbnail-button {
	float: left;
	margin: 0px;
	padding: 0px;
}
.thumbnail-button:hover {
	
	
}

#copyright-text {
	display: none;
	clear: both;
	padding-top: 10px;
}
.pageflip-credits {
	display: none;
}

/* Default Page setup */

.left-side {
	background: #666;
}

.right-side {
	background: #666;
}
.outer {
	background: none;
}


/*

	Responsive design
	
*/

@media screen and (max-width: 600px) {
	.right-buttons,
	.left-buttons {
		display: none;	
	}

}
@media screen and (max-width: 480px) {
	.control-bar-pager {
		display: none;
	}
	.centered-buttons {
		width: 160px;
		float: left;
		margin-left: 48px;
	}
	.left-buttons {
		display: none;	
	}
	.control-bar-button {
		width: 40px;
	}
	.right-buttons {
		display: block;
		width: 160px;
		margin-right: 48px;	
	}
}
@media screen and (max-width: 440px) {
	.centered-buttons {
		float: none;
		left: auto;
		right: auto;
		margin: 0px auto;
	}
	.right-buttons,
	.left-buttons {
		display: none;	
	}
}/*! jQuery UI - v1.10.4 - 2014-02-28
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/
* Copyright 2014 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-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.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-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.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-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.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;
}

/* button sets */
.ui-buttonset {
	margin-right: 0px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -2px;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.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: 49%;
}
.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 {
	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 {
	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 {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.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;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	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;
	color:#fff;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: 20px;
	background: #343a41;
	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 {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.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(/00000000-0000-0000-0000-000000000000/Handler/Static/images/animated-overlay.gif);
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 15px;
	height: 15px;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For 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;
	background:#f1c40f;
}
.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-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	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: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: 0;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px 1px 0 0;
	border: 0;
	padding: 0;
	white-space: nowrap;background: #343a41;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em 0.1em 1em;
	text-decoration: none;
}

.megaEditMobileMode .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 0
}

.megaEditMobileMode .ui-tabs .ui-tabs-nav .ui-tabs-anchor svg {
	width: 3.9rem;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover{background: #18bc9c;transition: background-color 0.2s ease;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;background: #55606E;
}
.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: rgba(85, 96, 110,1);
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 0px solid #aaaaaa;

	color: #fff;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 0px solid #aaaaaa;
	background: #252525;
	color: #222222;
	font-weight: normal;
}
.ui-widget-header a {
	color: #fff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 0px solid #d3d3d3;

	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}


.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 {
	background: #18bc9c;
	font-weight: normal;
	color: #fff;
}
.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 {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 0px solid #aaaaaa;
	background: #55606e;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #fff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(/223630378/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery-ui/ME2k.theme/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(/223302698/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery-ui/ME2k.theme/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.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);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
/*.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/1544758975/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery-ui/ME2k.theme/images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(/1544758975/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery-ui/ME2k.theme/images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(/334446642/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery-ui/ME2k.theme/images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(/1544300223/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery-ui/ME2k.theme/images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(/1544300223/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery-ui/ME2k.theme/images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(/603078694/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery-ui/ME2k.theme/images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/603078694/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery-ui/ME2k.theme/images/ui-icons_cd0a0a_256x240.png);
}*/

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-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: -64px -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: -64px -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: 0 -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: 0px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(/-1733012440/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery-ui/ME2k.theme/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(/-1733012440/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery-ui/ME2k.theme/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}
.mine .ui-state-default .ui-icon {
    background-image: none;
}
/* General layout and look and feel
----------------------------------x*/

    /* MEUI Styles */
.meuiStackLayout div {
    margin-top: 2px;
    margin-bottom: 2px;

}

.meuiNonLayout {
    display: initial;
}

.meuiPopupControl {
    color: black;
}

.meuiPopupLabel {
    color: white;
}

.meuiPopupTable tbody tr {
    margin-bottom: 4px;
    margin-top: 4px;
}

.meuiPopupTable {
    margin: 10px;
}

.meuiPopupHeaderLabel {
    font-weight: bold;
    font-size: larger;
}

.meuiPopupSpaceItem {
    margin: 10px;
}

.meuiPopupClickItem {
    cursor: pointer;
}

.meuiHtmlListMenuItem {
    float: left;
    margin: 2px;
    padding: 1px;
    border: 1px solid transparent;
}

.meuiSelected {
    background-color: rgba(0,0,0, 0.2);
}
.meuiSelectOption {
    position: relative;
    background: transparent;
}
.meuiSelectOption:after {
    font-family: 'Font Awesome 5 Pro';
    font-size: 20px;

    content: "\f058";
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.5);
    color: #fff;
}

.html-list-popup .ui-dialog-titlebar .ui-dialog-title {
    display: block;
    padding: 12px;
}

.html-list-popup .ui-dialog-content {
    overflow-y: auto;
    max-height: 70vh !important;
}

.meuiHtmlListMenuItem:hover {
    border: 1px solid Black;
}

.instructions {
    text-align: left;
    padding: 5px 0
}

.meuiGroup {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #F1C40F;
    border: 1px solid Black;
}

.meuiStacklayoutHorizontal {
    display: inline-block;
}

.meuiStacklayoutVertical {
}

.meuiLabel {
}

.meuiSectionLabel {
    font-weight: bold;
    text-align: center;
}

.meuiRadioGroup {
    display: inline-block;
}

.meuiStackLayout .meuiTabBodies, .meuiTabBodies {
    position: relative;
    float: left;
    display: block;
    background-color: #6A7889;
    padding: 18px;
    color: #fff;
    width: 100%;
    margin-top: 0px;
    box-sizing: border-box;
    max-height: 64vh;
    overflow: auto;
}

.meuiStackLayout .meuiTabHeaderItem, .meuiTabHeaderItem {
    display: block;
    cursor: pointer;
    position: relative;
    float: left;
    padding: 5px;
    background-color: #3E4957;
    color: #fff;
    margin: 0px;
    margin-right: 1px;
    padding-left: 8px;
    padding-right: 8px;

}

.meuiStackLayout .meuiCurrentTabHeaderItem, .meuiCurrentTabHeaderItem {
    background: #6a7889;
}

.meuiInstructionsArea {
    text-align: left;
}

.modal-content {
    background-color: #55606e;
    border-radius: 0px;
    position: relative;
    float: left;
    border: none;
}

.modal-header {
    padding: 10px;
    border-bottom: 1px solid #6A7889;
    min-height: 16.42857143px;
    background-color: #3E4957;
    color: #fff;
    display: block;
    width: 100%;
    position: relative;
    float: left;
    box-sizing: border-box;
}

.modal-body {
    width: 100%;
    float: none;
    box-sizing: border-box;
    padding: 10px;
    max-height: 80vh;
    text-align: left;
}

.modal-footer {
    padding: 10px;
    display: block;
    width: 100%;
    position: relative;
    float: left;
    box-sizing: border-box;
    background-color: #3E4957;
    border-top: 1px solid #6A7889;
}

.modal-header h3 {
    font-size: 18px;
    line-height: 20px;
}

@media (min-width: 768px) {
    .modal-dialog {
        max-width: 80%;
        max-height: 80%;
        width: auto;
        height: auto;
        margin: 30px auto;
        position: relative;
        float: none;
        display: inline-block;
    }
}

.modal {
    overflow: auto;
    text-align: center;
}

.modal-body input, .modal-body select, .modal-body textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding: 3px 6px;
    border: none;
    border-radius: 3px;
    color: #000;
    margin-left: 3px;
    margin-right: 3px;
    box-sizing: border-box;
    line-height: 18px;
}

.modal-body input:disabled, .modal-body select:disabled, .modal-body textarea:disabled, .modal-body button:disabled, .modal-body .meuiDisabled {
    opacity: .5;
}

.modal-body button, .modal-body .script_upload_button {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #444D58;
    background-image: -moz-linear-gradient(top, #55606E, #444D58);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#55606E), to(#444D58));
    background-image: -webkit-linear-gradient(top, #55606E, #444D58);
    background-image: -o-linear-gradient(top, #55606E, #444D58);
    background-image: linear-gradient(to bottom, #55606E, #444D58);
    background-repeat: repeat-x;
    border-color: #444D58;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55606E', endColorstr='#444D58', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    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);
    margin-left: 3px;
    margin-right: 3px;
}

.modal-body button:hover, .script_upload_button:hover {
    color: #FFFFFF;
    background-color: #444D58;
    border-color: #000;
}

.meuiTabBodies div {
    margin-top: 5px;
    margin-bottom: 5px;
}

.script_data_table button {
    padding: 1px;
    padding-left: 8px;
    padding-right: 8px;
    display: inline-block;
    box-sizing: border-box;
}

.script_data_table {
    background-color: #FFFFFF;
    border: solid 10px #FFFFFF;
    max-height: 300px;
    overflow: auto;
}

.script_data_table .meuiDataGridEvenRow {
    background-color: #DEE9F6;
}

.script_data_table tr {

}

.script_data_table td, .script_data_table th {
    padding: 0;
    white-space: nowrap;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    border: solid 1px #ccc;
    text-overflow: ellipsis;
    max-width: 200px;
    overflow: hidden;
}

.script_data_table th a {
    color: #19242D;
}

.script_data_table .pagination > li > a, .script_data_table .pagination > li > span {
    position: relative;
    float: left;
    padding: 2px 5px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #6A7889;
    background-color: #ffffff;
    border: 1px solid #CBD9E9;
    margin-left: -1px;
}

.script_data_table .pagination > .active > a, .script_data_table .pagination > .active > span, .pagination > .active > a:hover, .script_data_table .pagination > .active > span:hover, .script_data_table .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #6A7889;
    border-color: #CBD9E9;
    cursor: default;
}

.script_data_table .meuiRowSelected {
    background-color: rgb(118, 182, 237);
}

.script_data_table button .butn_text {
    display: none;
}

.script_data_table button .fa {

}

.script_data_table button .fa2 {
    margin: 0px;
}

.script_data_table div.data-grid-image {
    background-position: center;
    -webkit-background-size: auto;
    background-size: auto;
    background-repeat: no-repeat;
    position: relative;
}

.script_data_table div.data-grid-image.transformationApplied:before {
    font-family: FontAwesome;
    content: "\f044";
    display: block;
    font-size: 40px;
    color: white;
    position: absolute;
    left: calc(50% - 16px);
    top: calc(50% - 30px);
}

.meuiUploadButton {
    opacity: 0;
    position: absolute;
    background-color: #fff;
    top: 0px;
    left: -3px;
    width: 100%;
    height: 100%;
}

.modal-body .meuiNumber {
    width: 65px;
}

.modal-body .meuiTextArea, .modal-body .meuiTextBox, .modal-body .meuiSelect {
    min-width: 200px;
}

.modal-body .meuiLabel {
    min-width: 120px;
    color: #fff;
    text-align: right;
    padding-right: 5px;
}

/*Modal_SaveAsDefaultProduct*/
.q_menu_container {
    position: relative;
}
.confirm-modal {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #ccc;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 99;
}

.confirm-modal.active {
    display: flex;
}

.confirm-modal-content {
    color: #444;
    text-align: center;
    max-width: 80%;
}

/* General UI overrides
----------------------------------*/
/*ADD TO BASKET*/
/*LOADING SCREEN*/
.loadingScreen, .loadingArea, .addtoBasketScreen {
    -webkit-box-shadow: inset 0px 0px 212px 0px #000;
    -moz-box-shadow: inset 0px 0px 212px 0px rgba(0, 0, 0, 0.75);
    cursor: wait;
    box-shadow: inset 0px 0px 212px 0px rgba(0, 0, 0, 0.75);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 21;
    background: url(/1771381801/Handler/Static/Catfish.Web/Scripts/ME2k/img/backgrounds/denim/denim.png) repeat scroll 0 0 #000000;
}

.addtoBasketScreen .addtoBasketScreenContainer {
    width: 400px;
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%);
}

.addtoBasketScreen h1 {
    color: white;
    font-size: 18px;
    padding: 12px;
    text-align: center;
}

.loadingArea .loadingLogo,
.loadingScreen .loadingLogo {
    width: 100%;
    height: 100%;
    background: url(/-944775899/Handler/Static/Catfish.Web/Scripts/ME2k/img/ISL-loading-screen-v2.png) no-repeat center center transparent;
}

.loadingArea .loadingLogo .loadingSpinner,
.loadingScreen .loadingLogo .loadingSpinner {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.loadingArea .loadingLogo .loadingSpinner i,
.loadingScreen .loadingLogo .loadingSpinner i {
    color: #fff;
}

.loadingArea .loadingLogo .loadingSpinner .spinner,
.loadingScreen .loadingLogo .loadingSpinner .spinner {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    height: 20px;
    width: 20px;
    display: block;
    background: url(/00000000-0000-0000-0000-000000000000/Handler/Static/Catfish.Web/Scripts/ME2k/img/spinner_20x20.gif) no-repeat center center transparent;
}

.loadScreenStepIndicator.loadStepClass_0_6,
.loadScreenStepIndicator.loadStepClass_1_6, .loadScreenStepIndicator.loadStepClass_2_6,
.loadScreenStepIndicator.loadStepClass_3_6, .loadScreenStepIndicator.loadStepClass_4_6,
.loadScreenStepIndicator.loadStepClass_5_6, .loadScreenStepIndicator.loadStepClass_6_6 {
    color: #ffffff;
    display: inline;
    font-size: 12px;
}

.transparentLoadingScreen {
    background: none !important;
}

#addtoBasketScreen.transparentLoadingScreen .addtoBasketScreenContainer {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: auto;
    min-width: 268px;
    height: auto;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

#addtoBasketScreen.transparentLoadingScreen #addtoBasketControlArea {
    bottom: 0 !important;
    position: static;
    margin: 0;
}

#addtoBasketScreen.transparentLoadingScreen h1 {
    position: static;
    margin-top: 0!important;
    top: auto;
    color: #EAEAEA;
    background-color: #CD2A63;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    margin-bottom: 0;
    line-height: 1;
    font-size: 26px;
    margin-left: 0;
    padding: 20px;
    border-top: 0;
    display: inline-block;
    min-width: 100%;
}

#addtoBasketScreen.transparentLoadingScreen button {
    font-size: 14px;
    color: #EAEAEA;
    background: #212C36;
    border: 0 solid beige;
    width: 100%;
    height: 38px;
    line-height: 1;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);

}

#addtoBasketScreen.transparentLoadingScreen input,
#addtoBasketScreen.transparentLoadingScreen button,
#addtoBasketScreen.transparentLoadingScreen select,
#addtoBasketScreen.transparentLoadingScreen textarea {
    width: 100%;
    height: 35px;
    text-align: center !important;
    display: block;
    margin: 0 auto;
    text-align-last: center;
}

#addtoBasketScreen.transparentLoadingScreen button:hover {
    background: rgb(101, 116, 129) !important;
}

#addtoBasketControlArea {
    font-size: 18px;
}

/*DEBUGGING OPTIONS*/
#consoleSwitch {
    position: fixed;
    top: 0px;
    left: 0px;
    overflow: hidden;
    background: white;
    border: 0px solid Black;
    z-index: 10000
}

#consoleSwitch .consoleSwitchButton {
    width: 20px;
    height: 20px;
    display: block;
    border: 0px solid;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/650960817/Handler/Static/Catfish.Web/Scripts/ME2k/img/svg_dark/appbar.cog.svg) #E74C3C center center;
    background-size: 30px 30px;
}

#consoleContainer {
    background: rgba(0, 0, 0, .7);
    position: fixed;
    width: 100%;
    height: 200px;
    top: 0px;
    left: 0px;
    overflow: auto;
    border: 3px solid Black;
    z-index: 10000;
    display: none;
    color: #fff;
}

a:hover, a:active, a:focus {
}

input::-moz-focus-inner {
    border: 0;
}

.ui-widget-header a, a {
    outline: 0;
}

.ui-slider-horizontal .ui-slider-handle, .ui-slider-vertical .ui-slider-handle {
    cursor: pointer;
    background: url(/-716859876/Handler/Static/Catfish.Web/Scripts/ME2k/img/slider-handle.png) 0px 0px !important;
    width: 15px !important;
    margin-left: -3px !important;
    background-repeat: no-repeat;
}

.colorpicker {
    background: #343A41;
}

.colorpicker.dropdown {
    position: absolute;
}

.colorSelector {
    height: 20px;
    width: 20px;
    background: url(/-1521436085/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.dropper.png) center center;
    background-size: 30px 30px;
}

.ui-dialog.ui-widget {
    border: 0px !important;
}

.ui-dialog {
    width: 400px;
}

.ui-tabs {
    background: #55606E;
}

.ui-tabs .ui-tabs-panel {
    padding: 10px 10px 10px 10px;
    overflow: hidden !important;
}

.ui-tabs .ui-tabs-panel input {
    color: #000;
}

.ui-layout-pane {
    padding: 0px;
}

.ui-layout-south {
    overflow: hidden;
}

.ui-slider {
    background: #fff;
}

.ui-draggable {
    cursor: move;
}

label {
    margin-bottom: 0px;
}

/*badges overrides*/
.badge {
    background: #e74c3c;
}

.badgeNumMediaChildren {
    background: #60f667;
    right: 1px;
    left: auto !important;
}

/*DIALOG SCREENS*/
.ui-dialog {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
    background: url(/1771381801/Handler/Static/Catfish.Web/Scripts/ME2k/img/backgrounds/denim/denim.png) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}

.dialogGeneralConfirm {
    width: 400px;
    height: 400px;
}

.dialogGeneralConfirm .ngConfirmDialog, .dialogGeneralConfirm #dlgNewLayout, #dlgFieldIssue, #dlgHaveIssue {
    -webkit-box-shadow: inset 0px 0px 212px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 0px 212px 0px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 0px 212px 0px rgba(0, 0, 0, 0.75);
    width: 400px;
    height: 400px;
    background: url(/1771381801/Handler/Static/Catfish.Web/Scripts/ME2k/img/backgrounds/denim/denim.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 30px;
}

.dialogGeneralConfirm .ui-dialog-buttonpane {
    background: #343A41;
}

.dialogGeneralConfirm.ui-dialog .ui-dialog-buttonpane {
    margin: 0px;
    border: 0px none;
}

.dialogGeneralConfirm.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    top: 20px;
    z-index: 3;
    right: 10px;
    background: url(/-756434356/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.close.png) no-repeat scroll 0 0 / 20px 20px #55606E;
    right: 8px;
    transition: background-color 0.2s ease 0s;
}

.dialogGeneralConfirm .ui-dialog-title, .ui-dialog .ui-dialog-title {
    display: none;
}

.dialogGeneralConfirm.ui-dialog .ui-dialog-titlebar, .ui-dialog .ui-dialog-titlebar {
    padding: 0px;
}

.imageOptionsDialog.ui-dialog .ui-dialog-titlebar, .textOptionsDialogOuter .ui-dialog-titlebar {
    padding: 0.4em 1em;
}

.imageOptionsDialog.ui-dialog .ui-dialog-title {
    display: block;
}

.customFieldOptionsDialog.ui-dialog .ui-dialog-titlebar, .textOptionsDialogOuter .ui-dialog-titlebar {
    padding: 0.4em 1em;
}

.customFieldOptionsDialog.ui-dialog .ui-dialog-title {
    display: block;
}

#dlgFieldIssue, #dlgHaveIssue {
    width: 450px;
}

#dlgFieldIssue .issueDescription {
    padding: 10px 0 0;
    width: 450px;
}

#dlgFieldIssue .issueDescription.resIssue {
}

.ui-dialog .ui-dialog-buttonpane {
    margin-top: 0px;
    border-width: 0;
}

.ui-dialog .ui-dialog-buttonpane .ui-button-active {
    background-color: #991943 !important;
    color: #fff;
}

/* SETTINGS */
#dlgFieldIssue, #dlgHaveIssue, .ui-widget-content .canvasSelectorWrap, .ui-widget-content .documentOptionsWrap, .stockSelectorWrap.ui-widget-content, .resolutionWarningWrap.ui-widget-content, .aspectRatioIssueWrap.ui-widget-content {
    width: 400px;
    padding: 40px 30px;
}

.ui-draggable div {
    cursor: auto;
}

.documentOptionsWrap {
}

.optionRow {
    padding: 3px 0px;
    transition: all 0.5s ease;
    border-bottom: 1px solid #3e4a59;
}

.optionRow label {
    padding: 2px 4px;
    font-weight: normal;
    width: 50%;
}

.optionRow:hover {
    background: #ddd;
}

.optionRow input, .optionRow select {
    float: right;
    margin: 0px;
    color: #000;
}

.optionRow .inputItem {
    width: 50%;
}

.customFieldOptionsDialog .customFieldOptions {
    overflow-y: auto;
    height: 28.6875rem;
}

.customFieldOptions .optionRow .inputItem {
    width: 40%
}

.imageOptions .optionRow .inputItem {
    width: 40%;
}

.optionRow .inputItemCheckbox {
    margin: 3px;
}

.optionTitleRow {
}

.documentOptionsPanel {
    width: 49%;
}

.documentOptionsPanel.left {
    float: left;
}

.documentOptionsPanel.right {
    float: right;
}

.buttonContainer {
    padding: 5px;
}

.buttonContainer.rightSide {
    float: right;
    margin-top: 10px;
}

.touch .buttonContainer.rightSide {
}

.buttonContainer.leftSide {
    float: left;
    margin-top: 10px;
}

.buttonContainer.rightSide .priceHeader, .buttonContainer.rightSide .price {
    color: #fff
}

.buttonContainer.rightSide .priceHeader h2 {
    margin: 0;
    font-size: 2.2em
}

.buttonContainer.rightSide .price {
    font-size: 2.2em
}

#imageTabs-details .imageOptions {
    position: relative;
    overflow: hidden;
    height: 255px;
    background-color: #454D58;
    padding-left: 5px;
}

#imageTabs-shape .imageshapes {
    position: relative;
    overflow: hidden;
    height: 255px;
    background-color: #454D58;
    padding-right: 12px;
    padding-left: 0px;
}

#textTabs-details .textOptions {
    position: relative;
    overflow: hidden;
    height: 255px;
    background-color: #454D58;
    padding-right: 0px;
    padding-left: 5px;
}

.currentCanvasSizeWrapper {
    position: absolute;
    display: block;
    top: 0px;
    right: 5px;
    font-size: 12px;
    color: #fff;
    padding: 0 0 0 10px;
    cursor: pointer;
}

.currentCanvasSizeWrapper .canvasSizeTitle {
    position: relative;
    float: left;
    width: 70px;
    padding: 5px;
    text-align: right;
    border-bottom-left-radius: 4px;
    background-color: #444D57;
    border: solid 1px #2E2F2F;
    border-top: 0px;
}

.currentCanvasSizeWrapper .canvasSize {
    position: relative;
    float: left;
    padding: 5px;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom-right-radius: 4px;
    background-color: #444D57;
    border: solid 1px #2E2F2F;
    border-left: 0px;
    border-top: 0px;
}

.currentCanvasSizeWrapper .current_prod_name {
    position: relative;
    position: relative;
    float: left;
    padding: 5px;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #444D57;
    border: solid 1px #2E2F2F;
    border-left: solid 1px #2E2F2F;
    border-top: 0px;
    margin-right: 10px;
}

.btn-me {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #444D58;
    *background-color: #444D58;
    background-image: -moz-linear-gradient(top, #55606E, #444D58);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#55606E), to(#444D58));
    background-image: -webkit-linear-gradient(top, #55606E, #444D58);
    background-image: -o-linear-gradient(top, #55606E, #444D58);
    background-image: linear-gradient(to bottom, #55606E, #444D58);
    background-repeat: repeat-x;
    border-color: #444D58;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55606E', endColorstr='#444D58', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-me:hover,
.btn-me:focus,
.btn-me:active,
.btn-me.active,
.btn-me.disabled,
.btn-me[disabled] {
    color: #FFFFFF;
    background-color: #444D58;
    *background-color: #003bb3;
    border-color: #000;
}

.btn-group, .btn-group-vertical {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

.btn-group > .btn, .btn-group-vertical > .btn {
    float: left;
    position: relative;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px;
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

a.btn {
    color: #fff;
}

.ui-layout-north_inner {
}

.viewButton {
    display: inline-block;
    vertical-align: top;
}

.viewButton.separator {
    border-right: 1px dotted #ccc;
    height: 22px;
    margin: 6px 2px 6px 0;
    padding-right: 2px;
}

.addImageFieldButton {
}

.addImageFieldButton:hover {
}

.addTextFieldButton {
}

.addTextFieldButton:hover {
}

.autofillButton {
}

.autofillButton:hover {
}

.globalOptionsButton {
}

.globalOptionsButton:hover {
}

.clearButtonHolder {
}

.clearPagesButton {
}

.clearPagesButton:hover {
}

.drawing_settings_container {
    padding: 10px;
    background-color: #343A41;
    border-top: solid 1px #55606E;
}

.clearDrawingsButton {
    margin-bottom: 5px;
    width: 100%;
}

.clearDrawingsButton:hover {
}

.drawing_line_width_container {
    margin-top: 3px;
    border-top: solid 1px #55606E;
    padding-top: 5px;
}

.drawing_line_width_container p {
    margin: 0;
    margin-top: 8px;
}

.drawing_line_width_container .drawing_line_width {
}

.line_color_container {
    height: 25px;
    border-top: solid 1px #55606E;
    padding-top: 5px;
}

.line_color_container p {
    position: relative;
    float: left;
    margin-top: 4px;
}

.line_color_container .line_color_picker {
    position: relative;
    float: left;
    margin-left: 6px;
}

.viewButton.logo {
    width: 256px;
    height: 30px;
}

.tooltipsToggle i, .deletePage i {
    margin: 0px;
}

.tooltipsToggle.ttON {
    background: #18BC9C;
    -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.58);
    -moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.58);
    box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.58);
}

.tooltip.top .tooltip-arrow {
    border-top-color: #ffffff !important; /* black */
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ffffff !important; /* black */
}

.tooltip.left .tooltip-arrow {
    border-left-color: #ffffff !important; /* black */
}

.tooltip.right .tooltip-arrow {
    border-right-color: #ffffff !important; /* black */
}

.tooltip-inner {
    background: #fff;
    color: #000;
}

.viewOptionsTitle {
    color: #fff;
    font-size: 12px;
    text-align: left;
}

.viewControlButton {
}

.tooltip {
    z-index: 2000 !important;
}

.viewControlButton .fa {
    margin: 0px;
}

.viewControlButton.fullScreen .fa, .viewControlButton.previewButton .fa {
    margin: 0px 5px 0 0;
}

.viewControlButton.fullScreen {
}

.viewControlButton.zoomIn {
}

.viewControlButton.zoomOut {
}

.viewControlButton.showAll {
}

.viewControlButton.showLeft {
}

.viewControlButton.showRight {
}

/*MEDIA QUERIES TO REMOVE TEXT FROM BUTTONS*/
@media only screen and (max-width: 1250px) {
    .extratxt {
        display: none
    }

    .viewControlButton .fa {
        margin: 0px
    }

    .viewControlButton.fullScreen .fa, .viewButton.globalOptionsButton .fa, .viewControlButton.previewButton .fa, .addPageButton .fa, .nextStepButton .fa {
        margin: 0
    }

    .buttonContainer.rightSide .buttonsContainer .btn-lg {
        padding: 6px 12px
    }

    .buttonContainer.rightSide .priceContainer {
        font-size: 11px
    }
}

@media only screen and (max-width: 950px) {
    .alltxt {
        display: none;
    }

    .viewControlButton .fa, .viewButton .fa {
        margin: 0;
    }

    .buttonContainer.rightSide .priceContainer {
        font-size: 9px
    }
}

@media only screen and (max-width: 700px) {
    .buttonContainer.rightSide .priceContainer .priceHeader {
        display: none
    }

    .buttonContainer.rightSide .priceContainer .price {
        margin-top: 5px
    }

    .nextStepButton .fa {
        margin: 0
    }

    .confirmextratxt {
        display: none
    }

    .buttonContainer.rightSide .priceContainer {
        font-size: 11px
    }
}

/*BASKET CONTROL ELEMENTS*/
.addToBasket {
    background: url(/1370706986/Handler/Static/Catfish.Web/Scripts/ME2k/img/svg_dark/appbar.cart.svg) no-repeat scroll center right / 40px 40px #18BC9C;
    height: 33px;
    border: 0px none;
    color: #fff;
    padding-right: 35px;
    padding-left: 11px;
}

/*.snapOptions{display:none;}*/

.ui-layout-north_inner, .ui-layout-south_inner {
}

.ui-layout-north_inner .rightSide {
    text-align: right;
}

.toggleCollapseTab {
    background-color: blue;
    position: absolute;
    bottom: 37px;
    left: 0px;
    bottom: 40px;
    width: 25px;
    height: 60px;
    display: block;
    z-index: 1;
    background: #55606e;
    background-size: 25px 25px;
     position: absolute;
    transition: all 0.2s ease;
    cursor: pointer;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: 4px 0px 6px -4px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 4px 0px 6px -4px rgba(50, 50, 50, 0.75);
    box-shadow: 4px 0px 6px -4px rgba(50, 50, 50, 0.75);

    .icon-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;

        .svg-icon {
            fill: white;
        }
    }
}

.toggleCollapseTab:hover {
    background-color: #18BC9C;
    left: -5px;
}

/*LEFT SIDE TABS*/
.lhTab {
}

.lhTab .icon {
    height: 25px;
    width: 25px;
}

.lhTab .tab_Title {
    display: none;
}

/*Text Control Tabs*/
.textOptionsDialog.ui-dialog-content {
    background: none repeat scroll 0 0 #55606e;
}

.dialogGeneralConfirm.textOptionsDialogOuter .ui-dialog-title, .ui-dialog.textOptionsDialogOuter .ui-dialog-title {
    display: block;
}

.fontSizeWrapper {
    padding: 5px;
    background: #343A41;
}

.UISetRow.fontScaleRow {
    margin: 0px;
}

.fontSelectRow .rowlabel, .fontOptionRow .rowlabel, .fontScaleRow .rowlabel {
    display: none;
}

#textTabs {
    height: 100%;
}

.textTab {
}

.textTab .icon {
    height: 25px;
    width: 25px;
}

.textTab .tab_Title {
    display: none;
}

.textTab.textTabs_photo .icon {
    background: url(/1200142923/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.serif.png) no-repeat center center;
    background-size: 40px 40px;
}

.textTab.textTabs_advanced .icon {
    background: url(/-1523428929/Handler/Static/Catfish.Web/Scripts/ME2k/img/specialtexticon.png) no-repeat center center;
    background-size: 40px 40px;
}

.textTab.textTabs_shadow .icon {
    background: url(/-224469724/Handler/Static/Catfish.Web/Scripts/ME2k/img/editTabsImageMap.png) 0px -25px;
}

.textTab.textTabs_details .icon {
    background: url(/1200077387/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.monitor.identify.png) no-repeat center center;
    background-size: 40px 40px;
}

.textTab.textTabs_border .icon {
    background: url(/390773322/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.checkmark.uncrossed.png) no-repeat center center;
    background-size: 40px 40px
}

.fontSelect {
    width: 100%;
}

.textButton {
    height: 40px;
    width: 45px;
    border: 0px none;
    background: #343A41;
    text-indent: 999px;
    overflow: hidden;
    float: left;
    margin-right: 1px;
    white-space: nowrap;
}

.textButton:hover, .textButton.toggleButtonOn {
    background-color: #F1C40F;
}

.textButton:disabled {
    opacity: .3;
}

.textButtonBold {
    background: url(/435468879/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.bold.png) #343A41 no-repeat center center;
    background-size: 30px 30px;
}

.textButtonItalic {
    background: url(/-374097331/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.italic.png) #343A41 no-repeat center center;
    background-size: 30px 30px;
}

.textButtonUnderline {
    background: url(/-374031793/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.underline.png) #343A41 no-repeat center center;
    background-size: 30px 30px;
    margin-left: 2px;
}

.textButtonStrike {
    background: url(/435468886/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.strikethrough.png) #343A41 no-repeat center center;
    background-size: 30px 30px;
}

.textOptionsDialog .colorSelector {
    padding: 0px;
    margin: 0px;
    display: block;
    float: left;
    margin-right: 1px;
    white-space: nowrap;
    text-indent: 999px;
    overflow: hidden;
}

.textOptionsDialog .colorSelector.fontColor {
    height: 40px;
    width: 45px;
    border: 0px none;
    background: url(/-716138979/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.serif.invert6.png) no-repeat center center;
    background-size: 30px 30px;
    margin-left: 2px;
}

.textOptionsDialog .colorSelector.bgColor {
    height: 40px;
    width: 45px;
    border: 0px none;
    background: url(/1200142923/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.serif.png) no-repeat center center;
    background-size: 30px 30px;
    background-color: #000;
}

.textOptionsDialogOuter .fontSizeWrapper {
}

.textOptionsDialogOuter .fontSizeSelector {
    width: 20%;
    float: right;
    -moz-appearance: textfield;
}

.textOptionsDialogOuter .fontSizeSelector::-webkit-outer-spin-button,
.textOptionsDialogOuter .fontSizeSelector::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.spinnerButton {
    width: 15px;
    height: 11px;
    position: absolute;
    right: 0px;
    background-color: #fff;
    border: 0px solid black;
    color: black;
    overflow: hidden;
}

.spinnerButton .fa {
    position: absolute;
    left: 3px;
    font-size: 16px !important;
}

.spinnerUp {
    top: 1px;
}

.spinnerUp .fa {
    top: 2px;
}

.spinnerDown {
    top: 11px;
}

.spinnerDown .fa {
    top: -6px;
}

.textOptionsDialogOuter .fontSizeSlider {
    width: 77%;
    margin-top: 7px;
    float: left;
}

#imageOptionsDialog {
    padding: 0px !important;
}

#customFieldOptionsDialog {
    padding: 0px !important;
}

#textOptionsDialog {
    padding: 0px !important;
    overflow: hidden;
    height: auto !important;
}

.touchTextEnabled #textOptionsDialog {
    padding: 0px !important;
    overflow: hidden;
    height: auto !important;
}

#textTabs-advanced .fittoboxoptions-row {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    background-color: #6B7787;
}

#textTabs-advanced .font_size_limits {
    position: relative;
    float: left;
    width: 50%;
    margin-bottom: 5px;
    text-align: center;
}

#textTabs-advanced .font_size_limits input {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    border: solid 2px #6B7787;
}

#textTabs-advanced #fittoboxcheckbox {
    display: none;
}

#textTabs-advanced #allowwrapcheckbox {
    display: none;
}

#textTabs-advanced .fittoboxtextoptions-row::after {
    content: ' ';
    display: table;
    clear: both;
}

#textTabs-advanced .fittoboxtextoptions-row input + label {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    background-color: #343A41;
    background-position: 1px;
    padding-left: 42px;
    height: 3em;
}

#textTabs-advanced .fittoboxtextoptions-row input + label .op_off,
#textTabs-advanced .fittoboxtextoptions-row input + label .op_on {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 40px;
    box-sizing: border-box;
    padding: 10px;

    text-align: center;
}

#textTabs-advanced .fittoboxtextoptions-row input + label .op_on {
    background-color: #3476AF;
}

#textTabs-advanced .fittoboxtextoptions-row input + label .op_off {
    background-color: #2C3034;
}

#textTabs-advanced .fittoboxtextoptions-row input + label .op_on {
    display: none;
}

#textTabs-advanced .fittoboxtextoptions-row input + label .op_off {
    display: block;
}

#textTabs-advanced .fittoboxtextoptions-row input:checked + label .op_on {
    display: block;
}

#textTabs-advanced .fittoboxtextoptions-row input:checked + label .op_off {
    display: none;
}

#textTabs-advanced .fittoboxtextoptions-row input:checked + label {
    background-color: #252525;
}

#textTabs-advanced .fittoboxcheckbox {
    background: url(/-1790553670/Handler/Static/Catfish.Web/Scripts/ME2k/img/fit.to.box.png) no-repeat center center;
    background-size: 40px 40px;
}

#textTabs-advanced .allowwrapcheckbox {
    background: url(/1814218981/Handler/Static/Catfish.Web/Scripts/ME2k/img/wrap.png) no-repeat center center;
    background-size: 40px 40px;
}

#textTabs-text .textoptions-rendermode .rowlabel {
    display: block;
}

#textTabs-text .rendermode-row {
    margin-top: 0;
    background-color: #2C3034;
    display: flex;
    padding: 8px;
    position: relative;
}

#textTabs-text .rendermode-row .colorSelector {
    height: 28px;
    width: 28px;
}

#textTabs-text .rendermode-row .rendermode-type select {
    padding: 5px;
    line-height: 13px;
}

#textTabs-text .rendermode-row .rendermode-outline-options {
    color: #fff;
    padding-left: 5px;
    display: flex;
    align-content: center;
    justify-content: space-between;
}

#textTabs-text .rendermode-row .rendermode-outline-options .outline-option {
    max-width: 50%;
}

#textTabs-text .rendermode-row .rendermode-outline-options .outline-option input {
    padding: 7px;
    width: 80%;
    margin: 0;
    height: auto;
    line-height: 13px;
    border: 0;
    border-right: solid 1px #ccc;
    box-sizing: border-box;
}

/*Text Align Buttonset*/
#alignmentButtonset {
}

.HalignButtonset {
    width: 137px;
    float: left;
    margin-right: 1px;
}

.ValignButtonset {
    width: 137px;
    float: right;
    margin-right: 1px;
}

#alignmentButtonset .ui-button {
    height: 40px;
    width: 45px;
    background-color: #4A5460;
    margin-top: 10px;
}

#alignmentButtonset input:checked + .ui-button {
    background-color: #343A41;
}

#alignmentButtonset .ui-button .ui-button-text {
    display: none;
}

#alignmentButtonset .alignmentButton.alignment_left {
    background-image: url(/390249041/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.align.left.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
}

#alignmentButtonset .alignmentButton.alignment_center {
    background-image: url(/390249034/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.align.center.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
}

#alignmentButtonset .alignmentButton.alignment_right {
    background-image: url(/390838865/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.align.right.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
}

#alignmentButtonset .alignmentButton.alignment_top {
    background-image: url(/-756041142/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.align.top.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
}

#alignmentButtonset .alignmentButton.alignment_middle {
    background-image: url(/-755975600/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.align.middle.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
}

#alignmentButtonset .alignmentButton.alignment_bottom {
    background-image: url(/-756106678/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.align.bottom.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
}

/*Text Control Buttonset*/
#textControlButtonset .ui-button {
    height: 40px;
    width: 55px;
}

#textControlButtonset .ui-button .ui-button-text {
    display: none;
}

#textControlButtonset .ui-button.MoveBack {
    background: url(/1581824598/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.layer.arrange.sendbackward.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#textControlButtonset .ui-button.MoveFront {
    background: url(/1581890124/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.layer.arrange.bringforward.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#textControlButtonset .ui-button.MoveToBack {
    background: url(/435337814/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.layer.arrange.sendtoback.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#textControlButtonset .ui-button.MoveToFront {
    background: url(/435403351/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.layer.arrange.bringtofront.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#textControlButtonset .ui-button.RemoveImage {
    background: url(/-756041129/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.app.remove.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#textControlButtonset .ui-button.DeleteField {
    background: url(/-1521436080/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.delete.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#textControlButtonset .ui-button.DuplicateField {
    background: url(/42655006/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.duplicate.text.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#textControlButtonset .ui-button.FitTextHeight {
    background: url(/-1926713459/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.fit.to.box.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#textControlButtonset .ui-button.ClearFormat {
    background: url(/1207658632/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.reset.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#textControlButtonset .ui-button.SaveDefaultTextformatting {
    background: url(/802890791/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.save.setting.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#imageControlButtonset .ui-button.FitContent {
    background: url(/-541436891/Handler/Static/Catfish.Web/Scripts/ME2k/img/svg_dark/appbar.crop.svg) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#textControlButtonset .ui-button.ui-state-hover {
    background-color: #F1C40F;
}

/*text Shadow Tab*/
#textTabs-shadow {
}

#textTabs-shadow .sliderRow {
    margin-bottom: 10px;
}

/*Image Control Buttonset*/
#imageTabs {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.imageTab {
}

.imageTab .icon, .textTab .icon {
    height: 25px;
    width: 25px;
}

.imageTab .tab_Title, .textTab .tab_Title {
    display: none;
}

.imageTab.imageTabs_photo .icon {
    background: url(/-224469724/Handler/Static/Catfish.Web/Scripts/ME2k/img/editTabsImageMap.png) 0px 0px;
}

.imageTab.imageTabs_effect .icon {
    background: url(/-224469724/Handler/Static/Catfish.Web/Scripts/ME2k/img/editTabsImageMap.png) -25px 0px;
}

.imageTab.imageTabs_border .icon {
    background: url(/-224469724/Handler/Static/Catfish.Web/Scripts/ME2k/img/editTabsImageMap.png) -50px 0px;
}

.imageTab.imageTabs_shape .icon {
    background: url(/-224469724/Handler/Static/Catfish.Web/Scripts/ME2k/img/editTabsImageMap.png) -75px 0px;
}

.imageTab.imageTabs_shadow .icon {
    background: url(/-224469724/Handler/Static/Catfish.Web/Scripts/ME2k/img/editTabsImageMap.png) 0px -25px;
}

.imageTab.imageTabs_details .icon {
    background: url(/1200077387/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.monitor.identify.png) no-repeat center center;
    background-size: 40px 40px;
}

/*Image Shadow Tab*/
#imageTabs-shadow {
}

#imageTabs-shadow .sliderRow {
    margin-bottom: 10px;
}

.imageOptionsDialog .ui-dialog-title, .textOptionsDialogOuter .ui-dialog-title, .customFieldOptionsDialog .ui-dialog-title {
    padding-left: 30px;
    font-size: 18px;
}

.imageOptionsDialog .ui-dialog-titlebar {
    background: url(/-373966255/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.image.png) no-repeat 0px -2px #252525;
    background-size: 40px 40px;
}

.textOptionsDialogOuter .ui-dialog-titlebar {
    background: url(/1200142923/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.serif.png) no-repeat 0px -2px #252525;
    background-size: 40px 40px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close, .imageOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close, .textOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close, .customFieldOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    transition: background-color 0.2s ease;
    background: url(/-756434356/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.close.png) no-repeat 0px 0px #55606E;
    background-size: 20px 20px;
    right: 8px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover, .imageOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover, .textOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover, .customFieldOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover {
    background: url(/-756434356/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.close.png) no-repeat 0px 0px #F1C40F;
    background-size: 20px 20px;
    right: 8px;
}

/*BOOK PREVIEW*/
#previewView {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(/1771381801/Handler/Static/Catfish.Web/Scripts/ME2k/img/backgrounds/denim/denim.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
    z-index: 500;
}

.preview_close_button {
    position: absolute;
    top: 10px;
    right: 10px;
    min-width: 10px;
    min-height: 10px;
    background-color: #454D58;
    border: solid 1px #000000;
    z-index: 99999;
    color: #ffffff;
    padding: 10px;
}

.preview_close_button:hover {
    background-color: #F1C40F;
    color: #000000;
}

.preview_close_button .fa {
    margin: 5px;
    color: #ffffff;
}

.preview_close_button:hover .fa {
    color: #000000;
}

/*Left hand panel : Background Options*/
.backgroundScrollPane {
    height: 100%;
    overflow: auto;
}

.backgroundSelectorContainer {
}

.backgroundSelectorContainer .backgroundCategoryContainer {
    background: rgba(52, 58, 65, .5);
    margin-bottom: 5px;
    padding: 4px;
}

.backgroundSelectorContainer .backgroundCategoryContainer h3 {
    padding-bottom: 5px;
    font-size: 12px;
    margin: 0px;
}

.backgroundSelectorContainer .backgroundCategoryContainer .backgroundItemContainer {
    text-align: center;
    border: solid 1px #FDFDFD;
    width: 100%;
    margin-bottom: 5px;
}

.backgroundItem_clear {
    width: 100%;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px;
    background: #343A41;
}

.backgroundItem_clear img {
    border: solid 1px #444D57;
}

.backgroundItem_clear img:hover {
    border: solid 1px #ffffff;
}

.backgroundItem_colorPicker {
    width: 100%;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px;
    background: #343A41;
}

.backgroundItem_colorPicker img {
    border: solid 1px #444D57;
}

.backgroundItem_colorPicker img:hover {
    border: solid 1px #ffffff;
}

.backgroundSelectorContainer .backgroundCategoryContainer .backgroundItemContainer .backgroundItem {
    float: left;
    max-width: 73px;
    width: 33.3%;
    height: 67px;
    margin-top: 5px;
    text-align: center;
}

.backgroundSelectorContainer .backgroundCategoryContainer .backgroundItemContainer .backgroundItem .backgroundColor {
    width: 74px;
    height: 67px;
    display: inline-block;
    text-align: center;
}

.backgroundSelectorContainer .backgroundCategoryContainer .backgroundItemContainer .backgroundItem .backgroundColor:hover {
    opacity: .8;
}

.contentScroller {
    width: 100%;
}

#leftPaneTabs {
}

#contentScroller {
}

.addLayoutButton {
    width: 100%;
}

/*Image Control Buttonset*/
#imageControlButtonset {
}

#imageControlButtonset .ui-button {
    height: 40px;
    width: 69px;
    margin: -1px;
    padding: 0px;
}

#imageControlButtonset .ui-button .ui-button-text {
    display: none;
}

.imageAlignmentButton {
    width: 40px;
    background-color: #343A41;
    color: white;
    text-align: center;
    border: none;
}

.imageAlignmentButtonset {
    text-align: center;
}

.buttonSetRow {
}

.buttonSetRow.transformRow {
}

.buttonSetRow .ui-button {
    background-color: #343A41;
    transition: background-color 0.2s ease;
}

.buttonSetRow .rowlabel {
    padding: 4px 0 1px;
}

.buttonSetRow.transformRow .ui-button {
}

.buttonSetRow.arrangeRow {
}

.buttonSetRow.arrangeRow .ui-button {
}

.buttonSetRow.manageRow {
}

.buttonSetRow.manageRow .ui-button {
}

.buttonSetRow.scaleRow {
    padding: 0px 0px;
}

#imageControlButtonset .ui-button.RotRight {
    background: url(/2012416694/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.transform.rotate.clockwise.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#imageControlButtonset .ui-button.RotLeft {
    background: url(/43310370/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.transform.rotate.counterclockwise.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#imageControlButtonset .ui-button.FlipVertical {
    background: url(/434813521/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.transform.flip.vertical.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#imageControlButtonset .ui-button.FlipHorizontal {
    background: url(/435599950/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.transform.flip.horizontal.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#imageControlButtonset .ui-button.MoveBack {
    background: url(/1581824598/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.layer.arrange.sendbackward.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#imageControlButtonset .ui-button.MoveFront {
    background: url(/1581890124/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.layer.arrange.bringforward.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#imageControlButtonset .ui-button.MoveToBack {
    background: url(/435337814/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.layer.arrange.sendtoback.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#imageControlButtonset .ui-button.MoveToFront {
    background: url(/435403351/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.layer.arrange.bringtofront.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#imageControlButtonset .ui-button.RemoveImage {
    background: url(/-756041129/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.app.remove.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#imageControlButtonset .ui-button.DeleteField {
    background: url(/-1521436080/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.delete.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#imageControlButtonset .ui-button.Reset {
    background: url(/-763127610/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.refresh.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#imageControlButtonset .ui-button.DuplicateField {
    background: url(/42655006/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.duplicate.text.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#imageControlButtonset .ui-button.FitContent {
    background: url(/-541436891/Handler/Static/Catfish.Web/Scripts/ME2k/img/svg_dark/appbar.crop.svg) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#imageControlButtonset .ui-button.ui-state-hover {
    background-color: #F1C40F;
}

/*Effect Control Buttonset*/
.effectRow input[type=checkbox]:not(old),
.effectRow input[type=radio]:not(old) {
    display: none;
}

.effectRow input[type=checkbox]:not(old) + label,
.effectRow input[type=radio]:not(old) + label {
    background-size: 40px 40px;
    height: 40px;
    width: 54px;
    float: left;
    margin-right: 1px;

}

.effectRow .effectTabs_none {
    background: url(/-359974149/Handler/Static/Catfish.Web/Scripts/ME2k/img/photo.filter.colour.png) #343A41 no-repeat center center;
}

.effectRow .effectTabs_BW {
    background: url(/-716270045/Handler/Static/Catfish.Web/Scripts/ME2k/img/photo.filter.bw.png) #343A41 no-repeat center center;
}

.effectRow .effectTabs_Sepia {
    background: url(/-763258676/Handler/Static/Catfish.Web/Scripts/ME2k/img/photo.filter.sepia.png) #343A41 no-repeat center center;
}

.effectRow .effectTabs_Emboss {
    background: url(/-1924574785/Handler/Static/Catfish.Web/Scripts/ME2k/img/photo.filter.emboss.png) #343A41 no-repeat center center;
}

.effectRow .effectTabs_Invert {
    background: url(/43506987/Handler/Static/Catfish.Web/Scripts/ME2k/img/photo.filter.invert.png) #343A41 no-repeat center center;
    margin-right: 0px !important;
    margin-left: 6px;
}

.effectRow label:hover,
.effectRow label:hover {
    background-color: #F1C40F;
}

.effectRow {
    position: relative;
    float: left;
    margin-bottom: 10px;
}

.effectRow input[type=checkbox]:not(old):checked + label,
.effectRow input[type=radio]:not(old):checked + label {
    background-color: #F1C40F;
}

#sharpnessControlButtonset {
}

#sharpnessControlButtonset .ui-button {
    height: 40px;
    width: 52px;
}

#sharpnessControlButtonset .ui-button .ui-button-text {
    display: none;
}

#sharpnessControlButtonset .ui-button.sharpeNo {
    background: url(/802694186/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.eye.hide.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#sharpnessControlButtonset .ui-button.sharpeBlur {
    background: url(/-1031300924/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.eye.blur.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

#sharpnessControlButtonset .ui-button.sharpeSharpe {
    background: url(/435403345/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.eye.png) #343A41 no-repeat center center;
    background-size: 40px 40px;
}

.UISetCol, .sliderRow {
    font-size: 10px;
    display: inline-block;
    background-color: #343A41;
    vertical-align: top;
    margin-right: -2px;
    text-align: center;
    box-sizing: border-box;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 5px;
}

.UISetRow {
    margin-bottom: 10px;
}

.ui-slider-vertical {
    height: 50px;
    left: 50%;
    margin-left: -5px;
}

.brightnessCol, .contrastCol, .pixelateCol, .gammaCol, .tintCol {
    width: 55px;
    height: 100px;
    position: relative;
}

.tintCol .colorSelector{
    margin: 0 auto;
}

.UISetCol .ui-button {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    transition: background-color 0.2s ease;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: url(/390773322/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.checkmark.uncrossed.png) #5a624e no-repeat center center;
    background-size: 30px 30px;
}

.UISetCol .ui-button.is-primary {
    background: url(/1200339533/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.checkmark.cross.png) #F1C40F no-repeat center center;
    background-size: 30px 30px;
}

.UISetCol .ui-button span {
    text-indent: 999px;
}

.sliderRow {
    width: 100%;
}

.sliderRow .rowlabel {
    padding-bottom: 5px;
}

/*MASK Controls*/
#imageTabs-shape {
}

#imageTabs-shape .maskContainer {
    display: block;
    float: left;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    width: 51px;
    height: 51px;
}

#imageTabs-shape .maskContainer_clear {
    display: block;
    float: left;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    width: 30px;
    height: 30px;
}

#imageTabs-shape .maskContainer img {
    width: 51px;
    height: 51px;
    display: block;
}

#imageTabs-shape .maskContainer_clear.noMask {
    background: url(/-756434356/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.close.png) no-repeat center center #e74c3c;
    background-size: 30px 30px;
}

#imageTabs-shape .maskContainer:hover {
    opacity: .8;
}

#imageTabs-shape .maskContainer_clear:hover {
    opacity: .8;
}

#imageTabs-shape .maskContainer .maskName {
    display: none;
}

#imageTabs-shape .maskContainer_clear .maskName {
    display: none;
}

#imageTabs-shape .mask_group_container {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 7px;
    background-color: #343A41;
    padding: 5px;
}

/*GALLERY Controls*/
.fakeUploadTarget {
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    height: 50px; /* border: 3px white dashed; */
    background: rgba(52, 58, 65, 1);
    background-size: 50px 50px;
}

.fakeUploadTarget .instruction {
    position: absolute;
    top: 1px;
    font-size: 12px;
    color: #fff;
    text-align: center;
}

.touch .fakeUploadTarget {
    display: none;
}

.fileupload-buttonbar {
    position: relative;
    height: 44px;
}

.fileupload-buttonbar .uploadButtonWrapper {
    width: 100%;
    position: absolute;
    top: 0px;
}

.fileupload-buttonbar .uploadProgressWrapper {
    width: 100%;
    position: absolute;
    top: 0px;
}

.fileupload-buttonbar .uploadProgressWrapper .progress {
    height: 34px;
}

.fileinput-button {
    width: 100%;
}

.fileupload-buttonbar .progress {
    margin-bottom: 0px;
}

.galleryWrapper {
}

.galleryWrapper {
    overflow: hidden;
    position: relative;
}

.galleryWrapper, .galleryUploadItem {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    min-height: 70px;
    padding-bottom: 10px;
    background: rgba(52, 58, 65, .5);
    margin-bottom: 5px;
    padding: 4px;
    padding-right: 0px;
}

.galleryWrapper .galleryItem, .galleryWrapper .spinnerimage {
    width: 33.3%;
    height: auto;
    float: left;
    display: block;
    overflow: hidden;
    position: relative;
}

.galleryWrapper .spinnerimage {
    position: relative;
}

.galleryWrapper .clipArtItem {
    max-width: 75px;
    width: 33.3%;
    height: 69px;
    float: left;
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 69px !important;
    text-align: center;
}

.clipArtItem img {
    margin: 0px !important;
}

.galleryUploadItem {
    position: relative;
    height: 70px;
}

.galleryUploadItem .galleryPreview {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 70px;
    overflow: hidden;
}

/*.galleryUploadItem .galleryURI{display:none;}*/
.galleryUploadItem .galleryfilesize {
    position: absolute;
    right: 89px;
    top: 11px;
    text-align: right;
}

.galleryUploadItem .galleryCancelUpload {
    position: absolute;
    right: 5px;
    top: 5px;
}

.galleryUploadItem .progress {
    position: absolute;
    bottom: 5px;
    height: 5px;
    left: 5px;
    width: 220px;
    margin-bottom: 0px;
}

.spinnerimage img {
    left: 50%;
    top: 50%;
    margin-left: -11px;
    margin-top: -11px;
    position: absolute;
}

.galleryUploadItem .galleryURI {
    position: relative;
    float: left;
    margin-top: 36px;
    left: 73px;
    margin-left: 1%;
    width: 65%;
    overflow: hidden;
}

.galleryUploadItem .galleryURI p {
    margin: 0px;
}

.galleryUploadItem .errormsg {
    position: absolute;
    top: 60px;
    left: 5px;
}

.fileUploadWrapper {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
}

.fileUploadWrapper .files {
    margin-bottom: 0px;
    margin-top: 0px;
}

.uploadProgressWrapper.fade {
    transition: all 0.5s ease;
    top: -40px;
}

.uploadProgressWrapper.fade.in {
    top: 0px;
}

.galleryUploadItem .galleryURI .text-danger {
    color: #FF9494
}

/*Page selector stuff Controls*/
.buttonContainer.rightSide .buttonsContainer {
    width: 100%;
    overflow: auto
}

.buttonContainer.rightSide.ng-scope:after {
    clear: both
}

.ui-layout-southh_inner .buttonContainer.leftSide {
    width: 70%;
    position: relative
}

.ui-layout-southh_inner .buttonContainer.rightSide {
    width: 28%;
    position: relative
}

.ui-layout-southh_inner .buttonContainer.rightSide .nextStepButton {
    float: right;
    margin: 0 0 10px 10px
}

.ui-layout-southh_inner .buttonContainer.rightSide .saveProjectButton {
    float: left;
    margin: 0 10px 10px 0;
}

.ui-layout-southh_inner .priceContainer {
    text-align: right;
    float: right;
}

.ui-layout-southh_inner .priceContainer div {
    display: inline-block
}

.pageListWrapper {
}

.pageListInnerWrapper h5 {
    color: #fff;
}

.pageSelectorContainerScroller {
    padding-top: 0px;
    height: 110px;
    overflow: hidden;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 10px;
}

.pageSelectorContainerScroller .mCSB_horizontal.mCSB_inside > .mCSB_container {
    min-width: 100%;
}

.pageListInnerWrapper {
    background: rgba(85, 96, 110, .5);
}

.pageItemInline {
    display: inline-block;
}

.addPageButton {
    position: absolute;
    z-index: 3;
    left: 85px;
    top: 10px;
    margin-top: 0px;
}

.pageSelectorContainer {
    white-space: nowrap;
    margin-left: 12px;
}

.pageSelectorItem {
    display: inline-block;
    cursor: pointer;
    color: #fff;
    position: relative;
    margin-right: 10px;
    -webkit-box-shadow: 0px 0px 6px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 6px 5px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 6px 5px rgba(50, 50, 50, 0.75);
    margin-bottom: 100px;
}

.pageSelectorItem:hover {
}

.pageSelectorItem .deletePage {
    position: absolute;
    top: 10px;
    right: 20px;
}

.pageSelectorItem .pageLabel {
    position: absolute;
    width: 100%;
    bottom: -20px;
    text-align: center;
    font-size: 12px;
}

.pageSelectorItem .pageThumb {
    max-height: 42px;
}

.pageSelectorItem.selectedPage .pageThumb {
    opacity: .3;
}

.pageSelectorItem .pageThumb:hover {
}

.pageSelectorItem .addPageButton {
}

.pageSelectorItem .pageMarker {
    z-index: 1;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    -webkit-border-radius: 20px;
    top: 5px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #18BC9C;
    -webkit-box-shadow: 0px 0px 6px 5px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 0px 6px 5px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 0px 6px 5px rgba(50, 50, 50, 0.35);
}
.East-Pagelist .pageSelectorItem .pageMarker {
    top: 50%;
    margin-top: -18px;
}

.meDraggableItemUi {
    display:none;
    width: 100%;
    height: 95px;
    text-align: center;
    background-color: #d00000;
    position: relative;
    line-height: 40px;
    margin-top: -55px;
    padding-top: 10px;
    color:#fff;
}
.meDraggableItemUi .fa {
    position: absolute;
    font-size: 24px;
    left: 50%;
    top: 47px;
    margin-left: -10px;
    color: #fff;
}
.meGalleryDeletionBoxActive {
    background-color: #FF0000;
}

.addPageWrapper {
    text-align: left;
}

.pageSelectorItem.selectedPage {
    background: url(/00000000-0000-0000-0000-000000000000/Handler/Static/Catfish.Web/Scripts/ME2k/img/spinner_20x20.gif) center center no-repeat #343A41;
}

.dragIcon {
    cursor: move;
}

.meDraggableItem {
    z-index: 10000;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}

.swapImageDrag {
    position: fixed;
    display: none;
    background: url(/1369855024/Handler/Static/Catfish.Web/Scripts/ME2k/img/svg_dark/appbar.crosshair.svg) center center no-repeat rgba(255, 255, 255, .5);
    color: White;
    width: 30px;
    height: 30px;
    cursor: move;
    z-index: 0;
    background-size: 40px 40px;
}

.onoffswitch {
    position: relative;
    width: 150px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-bottom: 10px;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 0px;
}

.onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "Shadows on";
    padding-left: 10px;
    background-color: #18BC9C;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "Shadows off";
    padding-right: 10px;
    background-color: #343A41;
    color: #FFFFFF;
    text-align: right;
}

.onoffswitch-switch {
    width: 16px;
    margin: 7px;
    background: #FFFFFF;
    border: 2px solid;
    border-radius: 0px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 116px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.onoffswitchDrawing {
    position: relative;
    width: 150px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-bottom: 0px;
}

.onoffswitchDrawing-checkbox {
    display: none;
}

.onoffswitchDrawing-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 0px;
}

.onoffswitchDrawing-inner {
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitchDrawing-inner:before, .onoffswitchDrawing-inner:after {
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.onoffswitchDrawing-inner:before {
    content: "Drawing on";
    padding-left: 10px;
    background-color: #18BC9C;
    color: #FFFFFF;
}

.onoffswitchDrawing-inner:after {
    content: "Drawing off";
    padding-right: 10px;
    background-color: #343A41;
    color: #FFFFFF;
    text-align: right;
}

.onoffswitchDrawing-switch {
    width: 16px;
    margin: 7px;
    background: #FFFFFF;
    border: 2px solid;
    border-radius: 0px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 116px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.onoffswitchDrawing-checkbox:checked + .onoffswitchDrawing-label .onoffswitchDrawing-inner {
    margin-left: 0;
}

.onoffswitchDrawing-checkbox:checked + .onoffswitchDrawing-label .onoffswitchDrawing-switch {
    right: 0px;
}

/*TOUCH DEVICE TEXT CONTROLS*/
.touchTextEnabled {
    width: 100% !important;
}

.touchTextEnabled .previewWrapper .textwrapper, .touchTextEnabled .textInputWrapper .textwrapper {
    height: 200px;
}

.touchTextEnabled .previewWrapper .previewWrapper__title, .touchTextEnabled .textInputWrapper .textInputWrapper__title {
    color: #000;
    font-size: 14px;
    padding: 0 5px 10px 0;
}

.touchTextEnabled .previewWrapper {
    background: url(/-1948403126/Handler/Static/Catfish.Web/Scripts/ME2k/img/previewbg2.png) repeat center center transparent;
    padding: 1%;
}

.touchTextEnabled .previewWrapper .textOptionPreviewCanvas {
}

.touchTextEnabled .textInputWrapper {
    padding: 1%;
    background: #fff;
}

.touchTextEnabled .textInputWrapper textarea {
    height: 100%;
    width: 100%;
    color: #000;
    font-size: 18px;
}

.touchTextEnabled .UISetRow {
    display: block;
    float: left;
    margin: 0;
    padding: 5px;
    vertical-align: top;
    width: 49.2%;
    background: #49525B;
    margin: 0.2%;
}

.touchTextEnabled .UISetRow .buttonSetRow {
    width: 50%;
}

.touchTextEnabled #textTabs {
    height: auto;
}

.touchTextEnabled .textButtonUnderline {
    background: url(/-374031793/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.underline.png) no-repeat scroll center center / 30px 30px #343a41;
}

.touchTextEnabled .textButton, .touchTextEnabled .colorSelector.fontColor, .touchTextEnabled .colorSelector.bgColor {
    border: 0 none;
    float: left;
    height: 60px;
    overflow: hidden;
    text-indent: 999px;
    width: 15.8%;
    margin-bottom: 10px;
    color: transparent;

}

.touchTextEnabled .ValignButtonset, .touchTextEnabled .HalignButtonset {
    width: 49%;
}

.touchTextEnabled #alignmentButtonset {
    position: relative;
    float: left;
    width: 100%;
}

.touchTextEnabled #alignmentButtonset .ui-button {
    margin-top: 0px;
}

.touchTextEnabled #alignmentButtonset .ui-button
.touchTextEnabled .textButton:disabled, .touchTextEnabled .colorSelector.fontColor:disabled, .touchTextEnabled .colorSelector.bgColor:disabled {
    opacity: .3;
}

.touchTextEnabled .fontScaleRow .fa, .touchTextEnabled .fontSelectRow .fa, .touchTextEnabled .fontOptionRow .fa {
    display: block;
    font-size: 16px;
}

.touchTextEnabled .imageTab .tab_Title, .touchTextEnabled .textTab .tab_Title, .touchTextEnabled .imageTab .icon, .textTab .icon {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}

@media only screen and (max-width: 768px) {
    .touchTextEnabled #textControlButtonset .ui-button {
        height: 60px;
        width: 47%;
        background-position: center center;
        color: #FFF;
        font-size: 12px;
        padding-top: 30px;
        margin-bottom: 3px;
    }
}

@media only screen and (min-width: 768px) {
    .touchTextEnabled #textControlButtonset .ui-button {
        height: 60px;
        width: 23.5%;
        background-position: center;
        color: #FFF;
        font-size: 12px;
        padding-top: 30px;
    }
}

.touchTextEnabled .UISetRow .buttonSetRow {
    float: left;
    width: 50%;
}

.touchTextEnabled .ui-tabs .ui-tabs-panel {
    padding: 5px;
}

.touchTextEnabled #textControlButtonset .ui-button .ui-button-text {
    display: block;
}

@media only screen and (max-width: 768px) {
    .touchTextEnabled #alignmentButtonset .ui-button {
        height: 60px;
        width: 32.5%;
        background-position: center center;
        background-size: 40px 40px;
    }
}

@media only screen and (min-width: 767px) {
    .touchTextEnabled #alignmentButtonset .ui-button {
        height: 60px;
        width: 31.3%;
        background-position: center center;
        background-size: 40px 40px;
    }
}

.touchTextEnabled .buttonSetRow .rowlabel {
    padding: 0px;
}

.touchTextEnabled .buttonSetRow {
    margin-top: 0px;
}

.touchTextEnabled .fontSizeWrapper {
}

.touchTextEnabled .fontSizeSelector {
    width: 20%;
    float: right;
}

.touchTextEnabled .fontSizeSlider {
    width: 70%;
    float: left;
}

.touchTextEnabled .fontSizeSlider.ui-slider .ui-slider-handle {
    height: 31px;
    margin-left: -15px;
    margin-top: -7px;
    width: 31px;
    background: #18BC9C !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.touchTextEnabled .touchDeviceTitleBar {
    padding: 5px;
}

.touchTextEnabled .touchDeviceTitleBar h3 {
    padding: 0px;
    margin: 0px;
    float: left;
}

.touchTextEnabled .touchDeviceTitleBar .closeButton {
    float: right;
}

.touchTextEnabled .ui-dialog-titlebar {
    display: none;
}

.issueWarning {
    left: 0%;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
    top: 0%;
    z-index: 99;
}

.issueWarning > canvas {
    width: 30px;

}

/**GENERAL OPTIONS*/
#dlgGlobalOptions {
    padding-top: 20px;
}

#dlgGlobalOptions h2 {
    font-size: 20px;
    margin-top: 0px;
}

#dlgGlobalOptions .canvasSelectorWrap {
    width: 100%;
    padding: 10px 20px;
}

#dlgGlobalOptions .stockSelectorWrap {
    width: 100%;
    padding: 10px 20px;
}

#dlgGlobalOptions .outputTypesWrap {
    width: 100%;
    padding: 10px 20px;
}

#dlgGlobalOptions .outputTypesWrap .outputSelectorArea {
    padding: 10px;
    width: 150px;
    border: 0px solid #666;
    border-left-width: 1px;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}

#dlgGlobalOptions .outputTypesWrap .outputSelectorArea:last-child {
    border-right: 1px solid #666;
}

#dlgGlobalOptions .stockSelectorWrap .stockSelectorArea {
    padding: 10px;
    width: 150px;
    border: 0px solid #666;
    border-left-width: 1px;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}

#dlgGlobalOptions .stockSelectorWrap .stockSelectorArea:last-child {
    border-right: 1px solid #666;
}

#dlgGlobalOptions .canvasSelectorWrap .canvasSelectorArea {
    padding: 10px;
    width: 150px;
    border: 0px solid #666;
    border-left-width: 1px;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}

#dlgGlobalOptions .canvasSelectorWrap .canvasSelectorArea:last-child {
    border-right: 1px solid #666;
}

#dlgGlobalOptions .settings_scroll_container {
    width: 100%;
    overflow: auto;
    white-space: nowrap;
}

/*ME-Popups*/
.form-control {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Undo Redo*/
.UR_button_title {
    display: none;
}

.undoRedoContainer {
    display: inline-block;
    vertical-align: bottom;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #444D58;
    border-color: #000;
}

/* Layout*/
.layout_thumbs {
    width: 33.3%;
    max-width: 90px;
    height: 111px;
    overflow: hidden;
    position: relative;
    float: left;
    text-align: center;
    padding: 5px;
    background-color: #343A41;
    border: solid 1px #55606E;
    vertical-align: middle;
    line-height: 100px;
}
    .layout_thumbs img {
        margin: 0px !important;
        max-width: 100%;
        max-height: 100%;
        height: auto !important;
        width: auto !important;
    }
.layout_container {
    margin-top: 5px;
    position: relative;
    float: left;
}

.contentScroller {
    position: relative;
    float: left;
}

/* Big buttons edit*/
.btn-success {
    background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
    background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
    border-color: #2b669a;
}

.btn-success:hover {
    background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
    background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
    border-color: #2b669a;
    background: #2b669a;
}

/* Checkbox and readion buttons*/

.borderRow input[type=checkbox]:not(old),
.borderRow input[type=radio]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
}

.borderRow input[type=checkbox]:not(old) + label,
.borderRow input[type=radio]:not(old) + label {
    display: inline-block;
    margin-left: -2em;
    line-height: 1.5em;
}

.borderRow input[type=checkbox]:not(old) + label > i, .borderRow input[type=radio]:not(old) + label > i {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0.25em 0.5em 0.25em 0.25em;
    border: 0.0625em solid rgb(192, 192, 192);
    border-radius: 0px;
    background: rgb(224, 224, 224);
    background-image: -moz-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: -ms-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: -o-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: -webkit-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    vertical-align: bottom;
    padding: 1px;
}

.borderRow input[type=checkbox]:not(old):checked + label > i,
.borderRow input[type=radio]:not(old):checked + label > i {
    background-image: -moz-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: -ms-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: -o-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: -webkit-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
}

.borderRow input[type=checkbox]:not(old):checked + label > i:before {
    content: '✓';
    display: block;
    width: 1em;
    color: rgb(153, 204, 102);
    font-size: 0.875em;
    line-height: 1em;
    text-align: center;
    text-shadow: 0 0 0.0714em rgb(115, 153, 77);
    font-weight: bold;
}

.borderRow input[type=radio]:not(old):checked + label > i > i {
    display: block;
    width: 9px;
    height: 9px;
    margin: 1px;
    border: 0.0625em solid rgb(52, 58, 65);
    border-radius: 0px;
    background: rgb(85, 96, 110);
    background-image: -moz-linear-gradient(rgb(140, 143, 147), rgb(52, 58, 65));
    background-image: -ms-linear-gradient(rgb(140, 143, 147), rgb(52, 58, 65));
    background-image: -o-linear-gradient(rgb(140, 143, 147), rgb(52, 58, 65));
    background-image: -webkit-linear-gradient(rgb(140, 143, 147), rgb(52, 58, 65));
    background-image: linear-gradient(rgb(140, 143, 147), rgb(52, 58, 65));
}

.East-Pagelist .pageSelectorContainerScroller {
    padding-top: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 100px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding: 10px;
    height: auto;
}

.East-Pagelist .pageSelectorItem {
    display: block;
    float: left;
    cursor: pointer;
    color: #fff;
    position: relative;
    width: 100%;
    margin-right: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: 30px;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}

.East-Pagelist .buttonContainer.rightSide {
    position: absolute;
    float: none;
    bottom: 10px;
    left: 0px;
    right: 1px;
}

.East-Pagelist .pageSelectorItem .pageThumb {
    max-height: 300px;
}

/* ME Setting Cover Size Stock */
.OCC_settings .tab-content {
    max-width: 100%;
    width: 450px;
    max-height: 350px;
    min-height: 350px;
    box-sizing: border-box;
    padding: 10px;
    overflow: hidden;
    overflow-y: auto;
    background-color: #55606E;
    border: solid 2px #55606E;
}

.OCC_settings .nav-tabs {
    border-bottom: 1px solid #2C333A;
}

.OCC_settings .nav-tabs ul {
}

.OCC_settings .nav-tabs li a {
    border-radius: 0px;
    color: #fff;
    outline: none;
    box-shadow: none;
    background-color: #2C333A;
}

.OCC_settings .nav-tabs li a:hover {
    color: #fff;
    background-color: #55606E;
    border-color: #343A41;
}

.OCC_settings .nav-tabs li.active a {
    background-color: #55606e;
    border-color: #55606E;
    color: #fff;

}

.OCC_settings .canvasSelectorArea {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 3px;
    background-color: #343A41;
}

.OCC_settings .canvasSelectorArea .canvasLabel {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 7px;
    padding-bottom: 0px;
    border-bottom: solid 1px #55606E;
}

.OCC_settings .canvasSelectorArea .canvas_prev {
    position: relative;
    float: left;
    margin-right: 10px;
}

.OCC_settings .canvasSelectorArea .CO_list {
    position: relative;
    float: right;
    width: 300px;
}

.OCC_settings .CO_title {
}

.OCC_settings input {
    display: none;
}

.OCC_settings input + label {
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 4px;
    width: 100%;
    overflow: hidden;
    white-space: normal;
}

.OCC_settings input + label div {
    float: right;
}

.OCC_settings input:checked + label {
    background-color: #F1F1F1;
    border-radius: 3px;
    color: #343A41;
}

.OCC_settings input + label .fa {
    font-size: 14px;
    vertical-align: middle;
}

.OCC_settings input + label .fa-check-square-o {
    display: none;
    color: #000;
}

.OCC_settings input + label .fa-square-o {
    display: inline-block;
    color: #fff
}

.OCC_settings input:checked + label .fa-square-o {
    display: none;
}

.OCC_settings input:checked + label .fa-check-square-o {
    display: inline-block;
}

/* Device Size resolution warning */
.Low_res_viewport_msg {
    position: fixed;
    top: 0px;
    z-index: 1000000;
    left: 0px;
    padding: 10px;
    background-color: #2F6FA6;
    color: #fff;
    border-bottom-right-radius: 8px;
    box-shadow: rgba(0, 0, 0, .8) 1px 1px 5px;
    font-weight: bold;
    box-sizing: border-box;
    max-width: 100vw;
    text-align: center;
}

.Low_res_viewport_msg span {
    margin-bottom: 10px;
    display: inline-block;
}

.Low_res_viewport_msg button {
    display: inline-block;
    border-radius: 4px;
    border: none;
    padding: 4px;
    padding-left: 12px;
    padding-right: 12px;
    color: #2F6FA6;
    background: #fff;
    margin-left: 10px;
    cursor: pointer;
}

.Low_res_viewport_msg button:hover {
    background: #ccc;
}

.textoptions-type, .textoptions-texttypemode, .advanced-lineHeight, .advanced-charSpacing, .advanced-wordSpacing, .advanced-paragraphSpacing {
    position: relative;
    float: left;
    width: 49%;
    background: #343A41;
    box-sizing: border-box;
    padding: 7px;
    margin-top: 5px;
}

.textoptions-flow {
    position: relative;
    float: left;
    width: 100%;
    background: #343A41;
    box-sizing: border-box;
    padding: 7px;
    margin-top: 5px;
}

.textoptions-texttypemode, .advanced-lineHeight, .advanced-wordSpacing {
    float: right;
}

.textoptions-type label, .textoptions-texttypemode label, .textoptions-flow label, .advanced-lineHeight label, .advanced-charSpacing label, .advanced-wordSpacing label, .advanced-paragraphSpacing label {
    position: relative;
    float: left;
    margin-top: 0;
    margin-bottom: 5px;
    width: 100%;
}

.textoptions-type select, .textoptions-texttypemode select, .textoptions-flow select {
    position: relative;
    float: right;
    padding: 5px;
    width: 100%;
    margin: 0;
    height: auto;
    border: none;
    border-radius: 0;
}

.advanced-lineHeight span, .advanced-charSpacing span, .advanced-wordSpacing span, .advanced-paragraphSpacing span {
    position: relative;
    float: right;
    padding: 0;
    width: 100%;
    margin: 0;
    height: auto;
    text-align: right;
    line-height: 27px;
    box-sizing: border-box;
    padding-right: 12px;
    background: #2C3034;
}

.advanced-lineHeight input, .advanced-charSpacing input, .advanced-wordSpacing input, .advanced-paragraphSpacing input {
    position: relative;
    float: left;
    padding: 7px;
    width: 80%;
    margin: 0;
    height: auto;
    line-height: 13px;
    border: 0;
    border-right: solid 1px #ccc;
    box-sizing: border-box;
}

.layoutnameoptions_dropdown {
    margin-left: -6px;
    margin-top: 5px;
    height: 34px;
    width: 22px;
    padding: 0px;
    border: solid 1px #CCCCCC;
    background: #CCCCCC;
    color: #343A41;
    float: right;
    margin-top: -39px;
}

.layoutnameoptions_dropdownselect {
    width: 100%;
}

.input-lg {
    height: 30px;
    padding: 0px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 5px;
}

.open > .dropdown-menu {
    display: block;
    top: -8px;
}

#dlgEditorSettings .SnapOptions {
    position: relative;
    float: left;
    width: 389px;
}

#dlgEditorSettings .SnapOptions input {
    display: none;
}

#dlgEditorSettings .SnapOptions .snap_off {
    background: url(/1581824599/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.snap.off.dark.png) no-repeat;

}

#dlgEditorSettings .SnapOptions .snap_to_grid {
    background: url(/-374097330/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.snap.grid.dark.png) no-repeat;

}

#dlgEditorSettings .SnapOptions .snap_to_objects {
    background: url(/-374490543/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.snap.object.dark.png) no-repeat;

}

#dlgEditorSettings .SnapOptions .snap_label {
    background-size: 22px 22px;
    background-position: 6px 6px;
    padding: 9px;
    padding-left: 35px;
    background-color: #55606E;
    border-radius: 0px;
    border: none;
    float: left;
    margin-right: 1px;
}

#dlgEditorSettings .SnapOptions input:checked + label {
    background-color: #2d6ca2;

}

#dlgEditorSettings .SnapOptions input:checked + label.snap_to_grid {
    background-color: #2d6ca2;
    border-bottom: solid 1px #2d6ca2;

}

#dlgEditorSettings .SnapOptions .Grid_size_slider {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    background-color: #2D6CA2;
    border-right: solid 1px #343A41;
}

#dlgEditorSettings .SnapOptions .Grid_size_slider .ui-slider-horizontal {
    position: relative;
    float: right;
    width: 300px;
    margin-top: 4px;
}

.GS_thumbnail_sizes input[type=radio] {
    display: none;
    margin: 10px;
}

.GS_thumbnail_sizes input[type=radio] + label {
    display: inline-block;
    margin: 0px;
    padding: 2px 8px;
    background-color: #55606e;
    border-color: #ddd;
    color: #D0D0D0;
    margin-left: 2px;
}

.GS_thumbnail_sizes input[type=radio]:checked + label {
    background-image: none;
    background-color: #2D64AB;
    color: #FFFFFF;
    font-weight: normal;
}

.GS_filters_toggle input[type=checkbox] {
    display: none;
    margin: 10px;
}

.GS_filters_toggle input[type=checkbox] + label {
    display: inline-block;
    margin: 0px;
    padding: 2px 2px;
    background-color: #55606E;
    border-color: #ddd;
    width: 40px;
    text-align: center;
    color: #E7E7E7;
}

.GS_filters_toggle input[type=checkbox]:checked + label {
    background-image: none;
    background-color: #2D64AB;
}

.GS_filters_toggle input[type=checkbox] + label .f_t_on {
    display: none;
}

.GS_filters_toggle input[type=checkbox] + label .f_t_off {
    display: inline;
}

.GS_filters_toggle input[type=checkbox]:checked + label .f_t_on {
    display: inline;
    color: #fff;
}

.GS_filters_toggle input[type=checkbox]:checked + label .f_t_off {
    display: none;
}

.GS_hide {
    display: none;
}

.GS_window_title {
    position: relative;
    float: left;
    width: 100%;
    background: #252A30;
    font-size: 15px;
    padding: 9px;
    padding-left: 2%;
    box-sizing: border-box;
}

.GS_options_container {
    position: relative;
    float: left;
    width: 96%;
    margin: 2%;
    margin-bottom: 0%;
    box-sizing: border-box;
    padding: 10px;
    background: #252a30;
}

.GS_options_container .GS_sort {
    position: relative;
    float: left;
    padding: 5px;
    background: #444D57;
    height: 30px;
    line-height: 21px;
}

.GS_options_container .GS_sort select {
    position: relative;
    float: right;
    margin-left: 10px;
    border: none;
    height: 20px;
    color: #000;
    width: 140px;
}

.GS_options_container .GS_thumbnail_sizes {
    position: relative;
    float: right;
    padding: 4px;
    background: #444D57;
    height: 30px;
}

.GS_filters_container {
    position: relative;
    float: left;
    width: 96%;
    margin: 2%;
    box-sizing: border-box;
    padding: 10px;
    background: #252a30;
    max-height: 400px;
    overflow: hidden;
}

.GS_titles {
    position: relative;
    float: left;
    width: 100%;
    font-size: 15px;
    margin-bottom: 10px;
}

.GS_filters_container .GS_titles .GS_filters_toggle {
    position: absolute;
    width: auto;
    background: #444D57;
    padding: 0;
    top: 0px;
    right: 0px;
    height: 22px;
    padding-left: 7px;
    font-size: 13px;
}

.GS_filters_container .GS_filters {
    position: relative;
    float: left;
    max-height: 320px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
}

.GS_filters_container .ps-container .ps-scrollbar-y-rail {
    opacity: 1;
    background: #fff;
    right: 0px !important;
}

.GS_filters_container .ps-container:hover .ps-scrollbar-y-rail, .GS_filters_container .ps-container.hover .ps-scrollbar-y-rail {
    opacity: 1;
    filter: alpha(opacity=100);
    background: #fff;
}

.GS_filters_container .GS_filters .GS_filter {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.GS_filters_container .GS_filters .GS_filter .GS_filter_title {
    position: relative;
    float: left;
    width: 100%;
    background: #444D57;
    padding: 4px;
    padding-left: 7px;
    padding-bottom: 2px;
    cursor: pointer;
}

.GS_filters_container .GS_filters .GS_filter .GS_filter_title .fa {
    position: relative;
    float: right;
    font-size: 15px;
}

.GS_filters_container .GS_filters .GS_filter .GS_filter_title:hover {
    color: #fff;
}

.GS_filters_container .GS_filters .GS_filter .GS_filter_options {
    position: relative;
    float: left;
    width: 100%;
    padding: 5px;
    background: #D0D0D0;
    color: #444D57;
}

.GS_filters_container .GS_filters .GS_filter .GS_filter_options .GS_the_options {
    position: relative;
    float: left;
    width: 68%;
    margin: 1%;
    border-right: solid 1px #A2A6AB;
}

.GS_filters_container .GS_filters .GS_filter .GS_filter_options .GS_the_options .GS_filter_option_row {
    position: relative;
    float: left;
    width: 97%;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: solid 1px #A2A6AB;
}

.GS_filters_container .GS_filters .GS_filter .GS_filter_options .GS_the_info {
    position: relative;
    float: right;
    width: 28%;
    margin: 1%;
}

.GS_filters_container .GS_filters .GS_filter .GS_filter_options .GS_the_info .fa {
    position: relative;
    float: left;
    margin: 0px;
    font-size: 14px;
    display: block;
}

.GS_filters_container .GS_filters .GS_filter .GS_filter_options .GS_the_info p {
    position: relative;
    float: right;
    margin: 0px;
    width: 88%;
    font-size: 11px;
    padding: 0px;
}

.GS_thumbnail_sizes {
}

.GS_filenamepart_input {
    position: relative;
    width: 97%;
    padding-left: 1%;
}

.GS_inline_option {
    position: relative;
    float: left;
    margin-right: 15px;
}

.GS_filters_container #selectionMap {
    width: 100%;
    border: solid 2px #252A30;
}

.GS_filters_container .GS_map_select_button {
    position: relative;
    float: right;
    border: none;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    background: #252A30;
    color: #D0D0D0;
    border: solid 1px #252A30;
}

.GS_filters_container .GS_map_select_button:hover {
    cursor: pointer;
    background: #D0D0D0;
    color: #252A30;
}

.GS_filters_container .GS_loc_select {
    position: relative;
    float: right;
    width: 75%;
    height: 22px;
}

#dlgGalleryOptions .ng-valid-date .btn-default {
    border-radius: 0px;
    border: none;
    background: #FFFFFF;
    vertical-align: middle;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#dlgGalleryOptions .ng-valid-date .btn-default:hover {
    background: #D9D9D9;
}

#dlgGalleryOptions .ng-valid-date table th {
    vertical-align: top;
}

#dlgGalleryOptions .ng-valid-date .btn-default[disabled] {
    background-color: #ECECEC;
    border-color: #D0D0D0;
    opacity: .4;
}

#dlgGalleryOptions .ng-valid-date .btn-info.active {
    color: #FFFFFF;
    background-color: #2D64AB;
    text-shadow: none;
}

.me-fullscreen-dialog .modal-dialog, .me-fullscreen-dialog .modal-content {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0px;
    padding: 20px;
    box-sizing: border-box;
}

.me-fullscreen-dialog .modal-footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.me-fullscreen-dialog .modal-header {
    position: absolute;
    top: 0;
    left: 0;
}

.me-fullscreen-dialog .modal-body {
    position: absolute;
    top: 50px;
    left: 0px;
    bottom: 50px;
}

.me-message-button {
    color: black;
}

/* ADD RESTRICTIONS */
.restrictions-wrapper {
    margin: 10px auto;
    width: 100%;
    font-family: sans-serif;
    color: #555;
    font-size: 14px;
    line-height: 24px;
}
.restrictions-wrapper .tabs h1 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.restrictions-wrapper .tabs {
    margin: 0;
    background: rgb(52, 58, 65);
}
.restrictions-wrapper .tabs li {
    float: left;
}
.restrictions-wrapper .tabs .icon {
    width: 40px;
    height: 40px;
}
.restrictions-wrapper .tabs li:first-child .icon {
    background: url(/248003968/Handler/Static/Catfish.Web/Scripts/ME2k/img/svg_dark/appbar.opacity.svg) center center / 40px 40px no-repeat;
}
.restrictions-wrapper .tabs li:nth-child(2) .icon {
    background: url(/-585804762/Handler/Static/Catfish.Web/Scripts/ME2k/img/svg_dark/appbar.chess.rook.svg) center center / 40px 40px no-repeat;
}
.restrictions-wrapper .tabs a {
    display: block;
    text-align: center;
    color: #fff;
}
.restrictions-wrapper .tabs a:hover,
.restrictions-wrapper .tabs a.active {
    background: #fff;
    color: #000;
}
.restrictions-wrapper li:first-child a:hover .icon,
.restrictions-wrapper li:first-child a.active .icon{
    background: url(/1814153454/Handler/Static/Catfish.Web/Scripts/ME2k/img/svg/appbar.opacity.svg) center center / 40px 40px no-repeat;
}

.restrictions-wrapper li:nth-child(2) a:hover .icon,
.restrictions-wrapper li:nth-child(2) a.active .icon{
    background: url(/-359908621/Handler/Static/Catfish.Web/Scripts/ME2k/img/svg/appbar.chess.rook.svg) center center / 40px 40px no-repeat;
}

.restrictions-wrapper .tabgroup {
    background: #fff;
}
.restrictions-wrapper .tabgroup > div {
    padding: 10px;
    width: auto;
    height: 170px;
    overflow-y: auto;
    position: relative;
}
.restrictions-wrapper .tabgroup li {
    padding: 0 10px;
}
.restrictions-wrapper .tabgroup li:first-child {
    text-transform: uppercase;
    border-bottom: 1px solid #ededee;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.restrictions-wrapper .clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.restrictions-wrapper .no-resources {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

[class^="customScriptUi-leftTopSidebar"],
[class^="customScriptUi-rightTopSidebar"] {
    display: block;
    position: relative;
}

[class^="customScriptUi-leftTopSidebar"] {
    padding-bottom: 10px;
}

[class^="customScriptUi-leftBottomSidebar"] {
    padding-bottom: 20px;
    float: left;
    clear: both;
}
@charset "UTF-8";
/*
 * jQuery File Upload Plugin CSS 1.3.0
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}
@charset "UTF-8";
/*
 * jQuery File Upload UI Plugin CSS 9.0.0
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.progress-animated .progress-bar,
.progress-animated .bar {
  background: url(/00000000-0000-0000-0000-000000000000/Handler/Static/./img/progressbar.gif) !important;
  filter: none;
}
.fileupload-process {
  float: right;
  display: none;
}
.fileupload-processing .fileupload-process,
.files .processing .preview {
  display: block;
  width: 32px;
  height: 32px;
  background: url(/00000000-0000-0000-0000-000000000000/Handler/Static/./img/loading.gif) center no-repeat;
  background-size: contain;
}
.files audio,
.files video {
  max-width: 300px;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none;
  }
  .files .name {
    width: 80px;
    word-wrap: break-word;
  }
  .files audio,
  .files video {
    max-width: 80px;
  }
  .files img,
  .files canvas {
    max-width: 100%;
  }
}
.ui-colorpicker,
.ui-dialog.ui-colorpicker {
	width:					auto;
    white-space:			nowrap;

	-webkit-touch-callout:	none;
	-webkit-user-select:	none;
	-khtml-user-select:		none;
	-ms-user-select:		none;
	user-select:			none;
}

.ui-colorpicker-inline {
    position:				static;
}

.ui-colorpicker-buttonset {
	float:					left;
	margin-left:			.4em;
}

.ui-colorpicker-buttonset .ui-button {
	margin:					.5em 0 .5em 0;
	cursor:					pointer;
}

.ui-colorpicker-buttonpane {
	background-image:		none;
	margin:					.7em 0 0 0;
	padding:				0 .2em;
	border-left:			0;
	border-right:			0;
	border-bottom:			0;
}

.ui-colorpicker-buttonpane button {
	float:					right;
	margin:					.5em .2em .4em;
	cursor:					pointer;
	padding:				.2em .6em .3em .6em;
	width:					auto;
	overflow:				visible;
}

.ui-colorpicker-buttonpane button.ui-colorpicker-current {
	float:					left;
}

.ui-colorpicker table {
	width:					100%;
    font-size:				100%; /* Reset browser table font-size */
	margin:					0;
}

.ui-colorpicker table td {
	vertical-align:			top;
	padding:				5px 5px 0px 5px;
}

.ui-colorpicker-padding-left {
	padding-left:			10px;
}
.ui-colorpicker-padding-top {
	padding-top:			10px;
	height:                 100px
}

.ui-colorpicker-border {
	border:					1px inset;
    display:				inline-block;
}

/* Bar & map */
.ui-colorpicker-map > *,
.ui-colorpicker-bar > * {
    position:				absolute;
	cursor:					crosshair;
}

.ui-colorpicker-map-pointer,
.ui-colorpicker-bar-pointer {
    position:				absolute;
	left:					0;
}
/* Map */
.ui-colorpicker-map,
.ui-colorpicker-map > * {
    display:				block;
	width:					256px;
	height:					256px;
	overflow:				hidden;
}

.ui-colorpicker-map-layer-1,
.ui-colorpicker-map-layer-2 {
	background:				url(/1121336712/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery.cmyk.colorpicker/map.png) no-repeat;
}

.ui-colorpicker-map-128,
.ui-colorpicker-map-128 > * {
	width:					128px;
	height:					128px;
}

.ui-colorpicker-map-128 .ui-colorpicker-map-layer-1,
.ui-colorpicker-map-128 .ui-colorpicker-map-layer-2 {
	background:				url(/969858990/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery.cmyk.colorpicker/128/map.png) no-repeat;
}

.ui-colorpicker-map-layer-alpha {
	background:				url(/-159493078/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery.cmyk.colorpicker/map-opacity.png);
}

.ui-colorpicker-map-pointer {
	display:				inline-block;
	width:					15px;
	height:					15px;
	background:				url(/223695907/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery.cmyk.colorpicker/map-pointer.png) no-repeat;
}

/* Bar */
.ui-colorpicker-bar,
.ui-colorpicker-bar > * {
    display:				block;
    width:					20px;
    height:					256px;
	overflow:				hidden;
    background-repeat:		repeat-x;
}

.ui-colorpicker-bar-128,
.ui-colorpicker-bar-128 > * {
	height:					128px;
}

.ui-colorpicker-bar-layer-1,
.ui-colorpicker-bar-layer-2,
.ui-colorpicker-bar-layer-3,
.ui-colorpicker-bar-layer-4 {
	background:				url(/223302703/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery.cmyk.colorpicker/bar.png) repeat-x;
}

.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-1,
.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-2,
.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-3,
.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-4 {
	background:				url(/-914533302/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery.cmyk.colorpicker/128/bar.png) repeat-x;
}

.ui-colorpicker-bar-layer-alpha {
	background:				url(/-158641110/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery.cmyk.colorpicker/bar-opacity.png);
}

.ui-colorpicker-bar-layer-alphabar {
	background:				url(/1412024550/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery.cmyk.colorpicker/bar-alpha.png);
}

.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-alphabar {
	background:				url(/248331645/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery.cmyk.colorpicker/128/bar-alpha.png);
}

.ui-colorpicker-bar-pointer {
	display:				inline-block;
	width:					20px;
	height:					7px;
	background:				url(/-159427536/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery.cmyk.colorpicker/bar-pointer.png) no-repeat;
}

/* Preview */
.ui-colorpicker-preview {
	text-align:				center;
	height:					20px;
}

.ui-colorpicker-preview-initial {
    cursor:					pointer;
}

.ui-colorpicker-preview-initial,
.ui-colorpicker-preview-current {
    width:					50px;
    height:					20px;
    display:				inline-block;
}

.ui-colorpicker-preview-initial-alpha,
.ui-colorpicker-preview-current-alpha {
    width:					50px;
    height:					20px;
    display:				inline-block;
	background:				url(/-158706646/Handler/Static/Catfish.Web/Scripts/ME2k/lib/css/jquery.cmyk.colorpicker/preview-opacity.png) repeat;
}

/* Inputs */
.ui-colorpicker-rgb label,
.ui-colorpicker-hsv label,
.ui-colorpicker-hsl label,
.ui-colorpicker-lab label,
.ui-colorpicker-cmyk label,
.ui-colorpicker-alpha label {
    width:					1.5em;
    display:				inline-block;
}

.ui-colorpicker-number {
	margin:					.1em;
	width:					4em;
}

/* Hex */
.ui-colorpicker-hex {
	text-align:				center;
}

/* Swatches */
.ui-colorpicker-swatches {
	height:					256px;
	overflow:				auto;
	background-color:		#f8f8f8;
}

.ui-colorpicker-swatch {
	cursor:					pointer;
	float:					left;
	width:					11px;
	height:					11px;
    border-right:			1px solid black;
    border-bottom:			1px solid black;
}

td.ui-colorpicker-hex-container.ui-colorpicker-padding-left.ui-colorpicker-padding-top{height:50px}
td.ui-colorpicker-alpha-container.ui-colorpicker-padding-left.ui-colorpicker-padding-top{height:0}

.ui-colorpicker.ui-colorpicker-cmyk-area
{
    padding: 10px;
}

.ui-colorpicker-cmyk-preview
{
    margin: 5px;
    width: 100%;
    height: 40px;
}

.ui-colorpicker-cmyk-sliders
{
    padding: 10px;
}

.ui-colorpicker-cmyk-slider
{
    margin: 5px;
}

/* SPOT COLOR */

.ui-colorpicker.ui-colorpicker-dialog .ui-dialog-buttonset {
	display: flex;
}

.ui-colorpicker-spot {
	max-width: 280px;
	width: 280px;
}

.ui-colorpicker-selected-color {
	margin-bottom: 5px;
}

.ui-colorpicker-tint {
	display: flex;
	align-items: center;
	margin: 10px 0 0 0;
}
.ui-colorpicker-tint > div.ui-colorpicker-spot-tint,
.ui-colorpicker-tint > div.ui-colorpicker-spot-tint a {
	display: block;
}

.ui-colorpicker-tint > div.ui-colorpicker-spot-tint {
	width: 100%;
}

.ui-colorpicker-spot-table {
	border-collapse: collapse;
}

.ui-colorpicker-spot-table tbody{
	display:block;
	overflow:auto;
	height:200px;
	width:100%;
}

.ui-colorpicker-spot-table td,
.ui-colorpicker-spot-table th{
	text-align: left;
	padding: 8px;
}

table.ui-colorpicker-spot-table tr {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 5px 0;
	border: 1px solid #dddddd;
}

.ui-colorpicker-spot-table td.ui-colorpicker-spot-value {
	width: 50%;
}

.ui-colorpicker-spot-table td.ui-colorpicker-spot-name {
	width: 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.ui-colorpicker-spot-table tr.ui-colorpicker-spot-item:hover {
	cursor: pointer;
	position: relative;
}

.ui-colorpicker-spot-table tr.ui-colorpicker-spot-item:hover:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);
}

.ui-colorpicker-spot-table tr.ui-colorpicker-spot-item.selected-spot {
	background-color: rgba(0,0,0,0.3);
	border: 1px solid black;
}/*!
 * Handsontable 0.17.0
 * Handsontable is a JavaScript library for editable tables with basic copy-paste compatibility with Excel and Google Docs
 *
 * Copyright 2015 Handsoncode sp. z o.o. <hello@handsontable.com>
 * Licensed under the MIT license.
 * http://handsontable.com/
 *
 * Date: Thu Aug 27 2015 11:51:28 GMT+0200 (CEST)
 */

.handsontable {
  position: relative;
}

.handsontable .hide{
  display: none;
}
.handsontable .relative {
  position: relative;
}

.handsontable.htAutoSize {
  visibility: hidden;
  left: -99000px;
  position: absolute;
  top: -99000px;
}

.handsontable .wtHider {
  width: 0;
}

.handsontable .wtSpreader {
  position: relative;
  width: 0; /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
  height: auto;
}

.handsontable table,
.handsontable tbody,
.handsontable thead,
.handsontable td,
.handsontable th,
.handsontable input,
.handsontable textarea,
.handsontable div {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}

.handsontable input,
.handsontable textarea {
  min-height: initial;
}

.handsontable table.htCore {
  border-collapse: separate;
  /*it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit*/
  /*this actually only changes appearance of user selection - does not make text unselectable
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  /*user-select: none; /*no browser supports unprefixed version*/
  border-spacing: 0;
  margin: 0;
  border-width: 0;
  table-layout: fixed;
  width: 0;
  outline-width: 0;
  /* reset bootstrap table style. for more info see: https://github.com/handsontable/handsontable/issues/224 */
  max-width: none;
  max-height: none;
}

.handsontable col {
  width: 50px;
}

.handsontable col.rowHeader {
  width: 50px;
}

.handsontable th,
.handsontable td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  height: 22px;
  empty-cells: show;
  line-height: 21px;
  padding: 0 4px 0 4px;
  /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
  background-color: #FFF;
  vertical-align: top;
  overflow: hidden;
  outline-width: 0;
  white-space: pre-line;
  /* preserve new line character in cell */
}

.handsontable td.htInvalid {
  background-color: #ff4c42 !important; /*gives priority over td.area selection background*/
}

.handsontable td.htNoWrap {
  white-space: nowrap;
}

.handsontable th:last-child {
  /*Foundation framework fix*/
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.handsontable tr:first-child th.htNoFrame,
.handsontable th:first-child.htNoFrame,
.handsontable th.htNoFrame {
  border-left-width: 0;
  background-color: white;
  border-color: #FFF;
}

.handsontable th:first-child,
.handsontable td:first-of-type,
.handsontable .htNoFrame + th,
.handsontable .htNoFrame + td {
  border-left: 1px solid #CCC;
}

.handsontable.htRowHeaders thead tr th:nth-child(2) {
  border-left: 1px solid #CCC;
}

.handsontable tr:first-child th,
.handsontable tr:first-child td {
  border-top: 1px solid #CCC;
}

.ht_master:not(.innerBorderLeft) ~ .handsontable tbody tr th,
.ht_master:not(.innerBorderLeft) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child
{
  border-right-width: 0;
}

.ht_master:not(.innerBorderTop) thead tr:last-child th,
.ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th,
.ht_master:not(.innerBorderTop) thead tr.lastChild th,
.ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th {
  border-bottom-width: 0;
}

.handsontable th {
  background-color: #EEE;
  color: #222;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
}

.handsontable thead th {
  padding: 0;
}

.handsontable th.active {
  background-color: #CCC;
}

.handsontable thead th .relative {
  padding: 2px 4px;
}

/* plugins */

.handsontable .manualColumnMover {
  position: fixed;
  left: 0;
  top: 0;
  background-color: transparent;
  width: 5px;
  height: 25px;
  z-index: 999;
  cursor: move;
}

.handsontable .manualRowMover {
  position: fixed;
  left: -4px;
  top: 0;
  background-color: transparent;
  height: 5px;
  width: 50px;
  z-index: 999;
  cursor: move;
}

.handsontable .manualColumnMoverGuide,
.handsontable .manualRowMoverGuide {
  position: fixed;
  left: 0;
  top: 0;
  background-color: #CCC;
  width: 25px;
  height: 25px;
  opacity: 0.7;
  display: none;
}

.handsontable .manualColumnMoverGuide.active,
.handsontable .manualRowMoverGuide.active {
  display: block;
}

.handsontable .manualColumnMover:hover,
.handsontable .manualColumnMover.active,
.handsontable .manualRowMover:hover,
.handsontable .manualRowMover.active{
  background-color: #88F;
}

/* row + column resizer*/

.handsontable .manualColumnResizer {
  position: fixed;
  top: 0;
  cursor: col-resize;
  z-index: 110;
  width: 5px;
  height: 25px;
}

.handsontable .manualRowResizer {
  position: fixed;
  left: 0;
  cursor: row-resize;
  z-index: 110;
  height: 5px;
  width: 50px;
}

.handsontable .manualColumnResizer:hover,
.handsontable .manualColumnResizer.active,
.handsontable .manualRowResizer:hover,
.handsontable .manualRowResizer.active {
  background-color: #AAB;
}

.handsontable .manualColumnResizerGuide {
  position: fixed;
  right: 0;
  top: 0;
  background-color: #AAB;
  display: none;
  width: 0;
  border-right: 1px dashed #777;
  margin-left: 5px;
}

.handsontable .manualRowResizerGuide {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #AAB;
  display: none;
  height: 0;
  border-bottom: 1px dashed #777;
  margin-top: 5px;
}

.handsontable .manualColumnResizerGuide.active,
.handsontable .manualRowResizerGuide.active {
  display: block;
}

.handsontable .columnSorting {
  position: relative;
}

.handsontable .columnSorting:hover {
  text-decoration: underline;
  cursor: pointer;
}

.handsontable .columnSorting.ascending::after {
  content: '\25B2';
  color: #5f5f5f;
  position: absolute;
  right: -15px;
}

.handsontable .columnSorting.descending::after {
  content: '\25BC';
  color: #5f5f5f;
  position: absolute;
  right: -15px;
}

/* border line */

.handsontable .wtBorder {
  position: absolute;
  font-size: 0;
}
.handsontable .wtBorder.hidden{
  display:none !important;
}

.handsontable td.area {
  background: -moz-linear-gradient(top,  rgba(181,209,255,0.34) 0%, rgba(181,209,255,0.34) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,209,255,0.34)), color-stop(100%,rgba(181,209,255,0.34))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(181,209,255,0.34) 0%,rgba(181,209,255,0.34) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(181,209,255,0.34) 0%,rgba(181,209,255,0.34) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(181,209,255,0.34) 0%,rgba(181,209,255,0.34) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(181,209,255,0.34) 0%,rgba(181,209,255,0.34) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57b5d1ff', endColorstr='#57b5d1ff',GradientType=0 ); /* IE6-9 */
  background-color: #fff;
}

/* fill handle */

.handsontable .wtBorder.corner {
  font-size: 0;
  cursor: crosshair;
}

.handsontable .htBorder.htFillBorder {
  background: red;
  width: 1px;
  height: 1px;
}

.handsontableInput {
  border:none;
  outline-width: 0;
  margin: 0 ;
  padding: 1px 5px 0 5px;
  font-family: inherit;
  line-height: 21px;
  font-size: inherit;
  box-shadow: 0 0 0 2px #5292F7 inset;
  resize: none;
  /*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/
  display: inline-block;
  color: #000;
  border-radius: 0;
  background-color: #FFF;
  /*overwrite styles potentionally made by a framework*/
}

.handsontableInputHolder {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

.htSelectEditor {
  -webkit-appearance: menulist-button !important;
  position: absolute;
  width: auto;
}

/*
TextRenderer readOnly cell
*/

.handsontable .htDimmed {
  color: #777;
}

.handsontable .htSubmenu {
  position: relative;
}

.handsontable .htSubmenu :after{
  content: '▶';
  color: #777;
  position: absolute;
  right: 5px;
}


/*
TextRenderer horizontal alignment
*/
.handsontable .htLeft{
  text-align: left;
}
.handsontable .htCenter{
  text-align: center;
}
.handsontable .htRight{
  text-align: right;
}
.handsontable .htJustify{
  text-align: justify;
}
/*
TextRenderer vertical alignment
*/
.handsontable .htTop{
  vertical-align: top;
}
.handsontable .htMiddle{
  vertical-align: middle;
}
.handsontable .htBottom{
  vertical-align: bottom;
}

/*
TextRenderer placeholder value
*/

.handsontable .htPlaceholder {
  color: #999;
}

/*
AutocompleteRenderer down arrow
*/

.handsontable .htAutocompleteArrow {
  float: right;
  font-size: 10px;
  color: #EEE;
  cursor: default;
  width: 16px;
  text-align: center;
}

.handsontable td .htAutocompleteArrow:hover {
  color: #777;
}

.handsontable td.area .htAutocompleteArrow {
  color: #d3d3d3;
}

/*
CheckboxRenderer
*/

.handsontable .htCheckboxRendererInput.noValue {
  opacity: 0.5;
}

/*
NumericRenderer
*/

.handsontable .htNumeric {
  text-align: right;
}

/*
Comment For Cell
*/
.htCommentCell{
  position: relative;
}
.htCommentCell:after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-left: 6px solid transparent;
  border-top: 6px solid red;
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    /*display: none;*/
  }
}
@keyframes opacity-hide {
  from {
    /*display: block;*/
    opacity: 1;
  }
  to {
    opacity: 0;
    /*display: none;*/
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
    /*display: none;*/
  }
  to {
    opacity: 1;
    /*display: block;*/
  }
}
@keyframes opacity-show {
  from {
    opacity: 0;
    /*display: none;*/
  }
  to {
    opacity: 1;
    /*display: block;*/
  }
}

/**
 * Handsontable in Handsontable
 */

.handsontable .handsontable.ht_clone_top .wtHider {
  padding: 0 0 5px 0;
}

/* removing shadows, TODO: remove the commented code and this comment  */
/*.handsontable .handsontable:not(.ht_master) table {*/
  /*-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);*/
  /*box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);*/
/*}*/

/**
* Autocomplete Editor
*/
.handsontable .autocompleteEditor.handsontable {
  padding-right: 17px;
}
.handsontable .autocompleteEditor.handsontable.htMacScroll {
  padding-right: 15px;
}


/**
 * Handsontable listbox theme
 */

.handsontable.listbox {
  margin: 0;
}

.handsontable.listbox .ht_master table {
  border: 1px solid #ccc;
  border-collapse: separate;
  background: white;
}

.handsontable.listbox th,
.handsontable.listbox tr:first-child th,
.handsontable.listbox tr:last-child th,
.handsontable.listbox tr:first-child td,
.handsontable.listbox td {
  border-width: 0;
}

.handsontable.listbox th,
.handsontable.listbox td {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.handsontable.listbox td.htDimmed {
  cursor: default;
  color: inherit;
  font-style: inherit;
}

.handsontable.listbox .wtBorder {
  visibility: hidden;
}

.handsontable.listbox tr td.current,
.handsontable.listbox tr:hover td {
  background: #eee;
}

.ht_clone_top {
  z-index: 101;
}

.ht_clone_left {
  z-index: 102;
}

.ht_clone_corner {
  z-index: 103;
}

.ht_clone_debug {
  z-index: 103;
}

.handsontable td.htSearchResult {
  background: #fcedd9;
  color: #583707;
}

/*
Cell borders
*/
.htBordered{
  /*box-sizing: border-box !important;*/
  border-width: 1px;
}
.htBordered.htTopBorderSolid {
  border-top-style: solid;
  border-top-color: #000;
}
.htBordered.htRightBorderSolid {
  border-right-style: solid;
  border-right-color: #000;
}
.htBordered.htBottomBorderSolid {
  border-bottom-style: solid;
  border-bottom-color: #000;
}
.htBordered.htLeftBorderSolid {
  border-left-style: solid;
  border-left-color: #000;
}

.htCommentTextArea{
  -moz-box-shadow: 1px 1px 2px #bbb;
  -webkit-box-shadow: 1px 1px 2px #bbb;
  background-color: #FFFACD;
  border: 1px solid #999;
  box-shadow: 1px 1px 2px #bbb;
  font-family: 'Arial';
}


/* Grouping indicators */
.handsontable colgroup col.rowHeader.htGroupCol {
  width: 25px !important;
}
.handsontable colgroup col.rowHeader.htGroupColClosest {
  width: 30px !important;
}

.handsontable .htGroupIndicatorContainer {
  background: #fff;
  border: 0;
  padding-bottom: 0;
  vertical-align: bottom;
  position: relative;
}

.handsontable thead .htGroupIndicatorContainer {
  vertical-align: top;
  border-bottom: 0;
}

.handsontable tbody tr th:nth-last-child(2) {
  border-right: 1px solid #CCC;
}

.handsontable thead tr:nth-last-child(2) th {
  border-bottom: 1px solid #CCC;
  padding-bottom: 5px;
}


.ht_clone_corner thead tr th:nth-last-child(2) {
  border-right: 1px solid #CCC;
}

.htVerticalGroup {
  height: 100%;
}

.htHorizontalGroup {
  width: 100%;
  height: 100%;
}

.htVerticalGroup:not(.htCollapseButton):after {
  content: "";
  height: 100%;
  width: 1px;
  display: block;
  background: #ccc;
  margin-left: 5px;
}

.htHorizontalGroup:not(.htCollapseButton):after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: #ccc;
  margin-top: 20%;
}

.htCollapseButton {
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  margin-bottom: 3px;
  position: relative;
}

.htCollapseButton:after {
  content: "";
  height: 300%;
  width: 1px;
  display: block;
  background: #ccc;
  margin-left: 4px;
  position: absolute;
  /*top: -300%;*/
  bottom: 10px;
}


thead .htCollapseButton {
  right: 5px;
  position: absolute;
  top: 5px;
  background: #fff;
}

thead .htCollapseButton:after {
  height: 1px;
  width: 700%;
  right: 10px;
  top: 4px;
}

.handsontable tr th .htGroupStart:after {
  background: transparent;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  width: 5px;
  position: relative;
  top: 50%;
}

.handsontable thead tr th .htGroupStart:after {
  background: transparent;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  height: 5px;
  width: 50%;
  position: relative;
  top: 0;
  left: 50%;
}

.handsontable .htGroupLevelTrigger {
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  width: 15px;
  height: 15px;
  margin: 4px auto;
  padding: 0;
  line-height: 15px;
  cursor: pointer;
}

.handsontable tr th .htExpandButton {
  position: absolute;
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  top: 0;
  display: none;
}

.handsontable thead tr th .htExpandButton {
  /*left: 5px;*/
  top: 5px;
}

.handsontable tr th .htExpandButton.clickable {
  display: block;
}

.handsontable col.hidden {
  width: 0 !important;
}

.handsontable tr.hidden,
.handsontable tr.hidden td,
.handsontable tr.hidden th {
  display: none;
}

.ht_master,
.ht_clone_left,
.ht_clone_top {
  overflow: hidden;
}

.ht_master .wtHolder {
  overflow: auto;
}

.ht_clone_left .wtHolder {
  overflow-x: hidden;
  overflow-y: auto;
}

.ht_clone_top .wtHolder {
  overflow-x: auto;
  overflow-y: hidden;
}


/*WalkontableDebugOverlay*/

.wtDebugHidden {
  display: none;
}

.wtDebugVisible {
  display: block;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: wtFadeInFromNone;
  animation-duration: 0.5s;
  animation-name: wtFadeInFromNone;
}

@keyframes wtFadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

@-webkit-keyframes wtFadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
/*

 Handsontable Mobile Text Editor stylesheet

 */

.handsontable.mobile,
.handsontable.mobile .wtHolder {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-overflow-scrolling: touch;
}

.htMobileEditorContainer {
  display: none;
  position: absolute;
  top: 0;
  width: 70%;
  height: 54pt;
  background: #f8f8f8;
  border-radius: 20px;
  border: 1px solid #ebebeb;
  z-index: 999;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-text-size-adjust: none;
}

.topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle),
.topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) {
  z-index: 9999;
}

/* Initial left/top coordinates - overwritten when actual position is set */
.topLeftSelectionHandle,
.topLeftSelectionHandle-HitArea,
.bottomRightSelectionHandle,
.bottomRightSelectionHandle-HitArea {
  left: -10000px;
  top: -10000px;
}

.htMobileEditorContainer.active {
  display: block;
}

.htMobileEditorContainer .inputs {
  position: absolute;
  right: 210pt;
  bottom: 10pt;
  top: 10pt;
  left: 14px;
  height: 34pt;
}

.htMobileEditorContainer .inputs textarea {
  font-size: 13pt;
  border: 1px solid #a1a1a1;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: absolute;
  left: 14px;
  right: 14px;
  top: 0;
  bottom: 0;
  padding: 7pt;
}

.htMobileEditorContainer .cellPointer {
  position: absolute;
  top: -13pt;
  height: 0;
  width: 0;
  left: 30px;

  border-left: 13pt solid transparent;
  border-right: 13pt solid transparent;
  border-bottom: 13pt solid #ebebeb;
}

.htMobileEditorContainer .cellPointer.hidden {
  display: none;
}

.htMobileEditorContainer .cellPointer:before {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  height: 0;
  width: 0;
  left: -13pt;

  border-left: 13pt solid transparent;
  border-right: 13pt solid transparent;
  border-bottom: 13pt solid #f8f8f8;
}

.htMobileEditorContainer .moveHandle {
  position: absolute;
  top: 10pt;
  left: 5px;
  width: 30px;
  bottom: 0px;
  cursor: move;
  z-index: 9999;
}

.htMobileEditorContainer .moveHandle:after {
  content: "..\a..\a..\a..";
  white-space: pre;
  line-height: 10px;
  font-size: 20pt;
  display: inline-block;
  margin-top: -8px;
  color: #ebebeb;
}

.htMobileEditorContainer .positionControls {
  width: 205pt;
  position: absolute;
  right: 5pt;
  top: 0;
  bottom: 0;
}

.htMobileEditorContainer .positionControls > div {
  width: 50pt;
  height: 100%;
  float: left;
}

.htMobileEditorContainer .positionControls > div:after {
  content: " ";
  display: block;
  width: 15pt;
  height: 15pt;
  text-align: center;
  line-height: 50pt;
}

.htMobileEditorContainer .leftButton:after,
.htMobileEditorContainer .rightButton:after,
.htMobileEditorContainer .upButton:after,
.htMobileEditorContainer .downButton:after {
  transform-origin: 5pt 5pt;
  -webkit-transform-origin: 5pt 5pt;
  margin: 21pt 0 0 21pt;
}

.htMobileEditorContainer .leftButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(-45deg);
  /*margin-top: 17pt;*/
  /*margin-left: 20pt;*/
}
.htMobileEditorContainer .leftButton:active:after {
  border-color: #cfcfcf;
}

.htMobileEditorContainer .rightButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(135deg);
  /*margin-top: 17pt;*/
  /*margin-left: 10pt;*/
}
.htMobileEditorContainer .rightButton:active:after {
  border-color: #cfcfcf;
}

.htMobileEditorContainer .upButton:after {
  /*border-top: 2px solid #cfcfcf;*/
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(45deg);
  /*margin-top: 22pt;*/
  /*margin-left: 15pt;*/
}
.htMobileEditorContainer .upButton:active:after {
  border-color: #cfcfcf;
}

.htMobileEditorContainer .downButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(225deg);
  /*margin-top: 15pt;*/
  /*margin-left: 15pt;*/
}
.htMobileEditorContainer .downButton:active:after {
  border-color: #cfcfcf;
}

.handsontable.hide-tween {
  -webkit-animation: opacity-hide 0.3s;
  animation: opacity-hide 0.3s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.handsontable.show-tween {
  -webkit-animation: opacity-show 0.3s;
  animation: opacity-show 0.3s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
/*!
 * Handsontable ContextMenu
 */

.htContextMenu {
  display: none;
  position: absolute;
  z-index: 1060; /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
}

.htContextMenu .ht_clone_top,
.htContextMenu .ht_clone_left,
.htContextMenu .ht_clone_corner,
.htContextMenu .ht_clone_debug {
  display: none;
}

.htContextMenu table.htCore {
  border: 1px solid #bbb;
  border-bottom-width: 2px;
  border-right-width: 2px;
}

.htContextMenu .wtBorder {
  visibility: hidden;
}

.htContextMenu table tbody tr td {
  background: white;
  border-width: 0;
  padding: 4px 6px 0 6px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.htContextMenu table tbody tr td:first-child {
  border: 0;
}

.htContextMenu table tbody tr td.htDimmed {
  font-style: normal;
  color: #323232;
}

.htContextMenu table tbody tr td.current,
.htContextMenu table tbody tr td.zeroclipboard-is-hover {
  background: #e9e9e9;
}

.htContextMenu table tbody tr td.htSeparator {
  border-top: 1px solid #bbb;
  height: 0;
  padding: 0;
}

.htContextMenu table tbody tr td.htDisabled {
  color: #999;
}

.htContextMenu table tbody tr td.htDisabled:hover {
  background: #fff;
  color: #999;
  cursor: default;
}

.htContextMenu table tbody tr td div {
  padding-left: 10px;
}

.htContextMenu table tbody tr td div span.selected {
  margin-top: -2px;
  position: absolute;
  left: 4px;
}

.htContextMenu .ht_master .wtHolder {
  overflow: hidden;
}
@charset "UTF-8";

/*!
 * 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;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.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;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    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-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-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.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;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-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;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.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;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}

/*
 * animations css stylesheet
 */

/* animate ngRepeat in phone listing */

.phone-listing.ng-enter,
.phone-listing.ng-leave,
.phone-listing.ng-move {
  -webkit-transition: 0.5s linear all;
  -moz-transition: 0.5s linear all;
  -o-transition: 0.5s linear all;
  transition: 0.5s linear all;
}

.phone-listing.ng-enter,
.phone-listing.ng-move {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.phone-listing.ng-move.ng-move-active,
.phone-listing.ng-enter.ng-enter-active {
  opacity: 1;
  height: 120px;
}

.phone-listing.ng-leave {
  opacity: 1;
  overflow: hidden;
}

.phone-listing.ng-leave.ng-leave-active {
  opacity: 0;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* cross fading between routes with ngView */

.view-container {
  position: relative;
}

.view-frame.ng-enter,
.view-frame.ng-leave {
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.view-frame.ng-enter {
  -webkit-animation: 0.5s fade-in;
  -moz-animation: 0.5s fade-in;
  -o-animation: 0.5s fade-in;
  animation: 0.5s fade-in;
  z-index: 100;
}

.view-frame.ng-leave {
  -webkit-animation: 0.5s fade-out;
  -moz-animation: 0.5s fade-out;
  -o-animation: 0.5s fade-out;
  animation: 0.5s fade-out;
  z-index: 99;
}

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@-moz-keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@-webkit-keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}
@-moz-keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}
@-webkit-keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:#95b9e6;background:rgba(0,60,136,.3);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid #eee;border-top:none;color:#eee;font-size:10px;text-align:center;margin:1px}.ol-unsupported{display:none}.ol-viewport .ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-control{position:absolute;background-color:#eee;background-color:rgba(255,255,255,.4);border-radius:4px;padding:2px}.ol-control:hover{background-color:rgba(255,255,255,.6)}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}@media print{.ol-control{display:none}}.ol-control button{display:block;margin:1px;padding:0;color:#fff;font-size:1.14em;font-weight:700;text-decoration:none;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:#7b98bc;background-color:rgba(0,60,136,.5);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;font-size:1.2em}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:focus,.ol-control button:hover{text-decoration:none;background-color:#4c6079;background-color:rgba(0,60,136,.7)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em)}.ol-attribution ul{margin:0;padding:0 .5em;font-size:.7rem;line-height:1.375em;color:#000;text-shadow:0 0 2px #fff}.ol-attribution li{display:inline;list-style:none;line-height:inherit}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit}.ol-attribution button,.ol-attribution ul{display:inline-block}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution.ol-logo-only ul{display:block}.ol-attribution:not(.ol-collapsed){background:rgba(255,255,255,.8)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0;height:1.1em;line-height:1em}.ol-attribution.ol-logo-only{background:0 0;bottom:.4em;height:1.1em;line-height:1em}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-logo-only button,.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{position:absolute;top:4.5em;left:.5em;background:#eee;background:rgba(255,255,255,.4);width:24px;height:200px}.ol-zoomslider-thumb{position:absolute;background:#7b98bc;background:rgba(0,60,136,.5);border-radius:2px;cursor:pointer;height:10px;width:22px;margin:3px}.ol-touch .ol-zoomslider{top:5.5em;width:2.052em}.ol-touch .ol-zoomslider-thumb{width:1.8em}.ol-overviewmap{position:absolute;left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:inline-block}.ol-overviewmap .ol-overviewmap-map{border:1px solid #7b98bc;height:150px;margin:2px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:1px;left:2px;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:rgba(255,255,255,.8)}.ol-overviewmap-box{border:2px dotted rgba(0,60,136,.7)}.cf_imageView_container
{
    width: 100%;
    min-height: 150px;
    text-align: center;
}

.cf_imageView_loading 
{
    background: #fff url(/201211947/Handler/Static/content/images/slimbox/loading.gif) no-repeat center center;
}
#previewImageContainer img{width:100%;height:auto;}
.cf_imageViewer_row
{
    vertical-align: middle;position:relative;
}

.cf_imageViewer_row_1
{
}

.cf_imageViewer_row_2
{
}

.cf_imageViewer_prev
{
    left:0px;top:50%;background: url(/-359908619/Handler/Static/Catfish.Web/Scripts/Custom/img/imageViewer/left_arrow.gif) no-repeat scroll left top rgba(0, 0, 0, 0);
}

.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_next
{
    right:0px;top:50%;background: url(/2012744376/Handler/Static/Catfish.Web/Scripts/Custom/img/imageViewer/right_arrow.gif) no-repeat scroll left top rgba(0, 0, 0, 0);
}

.cf_imageViewer_image
{
    display: inline-block;    
    vertical-align: middle;
}

.cf_imageViewer_pageCounter
{
}.event-customize-dialog {
    width: 480px;
    display: block;
    padding: 10px;
    position: relative;
    float: left;
}
.event-customize-dialog::after {
    content: ' ';
    clear: both;
    display:table;
}
.event-customize-dialog .meuiStacklayoutVertical {
    display: inline-block;
    float: left;
}
.event-customize-dialog .font-style {
    text-align: right;
}
.event-customize-dialog .font-style .text-align-head {
    min-width: 145px;
}
.event-customize-dialog .font-style .meuiStackLayout, .event-customize-dialog .font-style .meuiStackLayout div {
    display: inline-block;
    margin: 0!important;
    padding: 0!important;
    width: 46px!important;
}
.font-style button {
     display: inline-block;
    margin: 0.5px!important;
    padding: 0!important;
    width: 45px!important;
}
.event-customize-dialog .font-style select, 
.event-customize-dialog .font-style input[type=text],
.event-customize-dialog .font-style input[type=number] {
    border-radius: 0;
    border: 1px solid #000;
}
.event-customize-dialog .calendarTextbtn {
    background: #343A41!important;
    text-indent: initial!important;
    padding: 5px;
    width: 45px;
    height: 45px;
    margin-top: 0;
    line-height: 18px;
    margin: .5px;
}
.event-customize-dialog .calendarTextbtn:before {
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 0px;
    vertical-align: middle;
    margin: 0px;
    text-align: center;
    font-size: 18px;
}
.event-customize-dialog .calendarTextbtn.active {
    background: #cd2a63!important;
}
.event-customize-dialog .calendarTextbtn.textButtonBold:before {
    content: "\f032";
}
.event-customize-dialog .calendarTextbtn.textButtonItalic:before {
    content: "\f033";
}
.event-customize-dialog .calendarTextbtn.textButtonUnderline:before {
    content: "\f0cd";
}
.event-customize-dialog .calendarTextbtn.textButtonStrike:before {
    content: "\f0cc";
}
.event-customize-dialog .alignHorizontal, .event-customize-dialog .alignVertical {
       margin: 0px;
    display: initial;
}
    .event-customize-dialog .alignHorizontal > div:nth-child(1) input {
        display:none;
    }
    .event-customize-dialog .alignHorizontal > div:nth-child(1) input + label {
    background-image: url(/390249034/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.align.center.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    }
    .event-customize-dialog .alignHorizontal > div:nth-child(2) input {
        display:none;
    }
    .event-customize-dialog .alignHorizontal > div:nth-child(2) input + label {
    background-image: url(/390249041/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.align.left.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    }
    .event-customize-dialog .alignHorizontal > div:nth-child(3) input {
        display:none;
    }
    .event-customize-dialog .alignHorizontal > div:nth-child(3) input + label {
        background-image: url(/390838865/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.align.right.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
    }
    .event-customize-dialog .alignVertical > div:nth-child(1) input {
        display:none;
    }
    .event-customize-dialog .alignVertical > div:nth-child(1) input + label {
        background-image: url(/-756106678/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.align.bottom.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
    }
    .event-customize-dialog .alignVertical > div:nth-child(2) input {
        display:none;
    }
    .event-customize-dialog .alignVertical > div:nth-child(2) input + label {
        background-image: url(/-755975600/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.align.middle.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
    }
    .event-customize-dialog .alignVertical > div:nth-child(3) input {
        display:none;
    }
    .event-customize-dialog .alignVertical > div:nth-child(3) input + label {
        background-image: url(/-756041142/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.align.top.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
    }
    .event-customize-dialog .alignHorizontal input+label, .event-customize-dialog .alignVertical input+label {
        background-color: #343A41;
        color: transparent!important;
        overflow: hidden;
        width: 45px;
        height: 45px;
        background-position: center;
        position: relative;
        float: left;
        margin: .5px;
    }
    .event-customize-dialog .alignHorizontal input:checked + label, .event-customize-dialog .alignVertical input:checked + label {
        background-color: #CD2A63;
    }
.event-customize-dialog .meuiStackLayout .colorSelector {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin: 0px;
    margin-bottom: 3px;
    border-radius: 0;
}
.event-customize-dialog .text-align {
    border: none;
    position: relative;
    display: initial;
}
    .event-customize-dialog .text-align div {
        display: initial;
    }
.event-customize-dialog .text-align .meuiRadioGroupItem label {
    color: #000;
    font-weight: normal;
}
.image-settings-layout .meuiRadioGroupItem label {
    color: #000000;
    font-weight: normal;
}
.event-customize-dialog .preview-text {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 0;
    margin-top: 0px;
    margin-left: 0px;
    width: 260px!important;
    height: 196px!important;
    border-radius: 0px;
    margin-bottom: 5px;
}
.event-customize-dialog .meuiSelect {
        min-width: 355px;
    margin-left: 0px;
}
/** Calendar Setup popup */

.calendar-setup-dialog {
     position: relative;
    float: none;
    width: 250px;
    display: inline-block;
    margin-left: 15px
}
    .calendar-setup-dialog .meuiStackLayout div {
        position: relative;
        float: left;
        width: 100%;
        text-align: center;
        padding-bottom: 0px;
    }
    .calendar-setup-dialog .meuiTextArea, .calendar-setup-dialog .meuiTextBox, .calendar-setup-dialog .meuiSelect {
        min-width: 100%;
        margin: 0px;
    }
    .calendar-setup-dialog .calendar-mode input {
        display: none;
    }
    .calendar-setup-dialog .calendar-mode > div {
        width: 50%;
    }
    .calendar-setup-dialog .calendar-mode input + label {
        background-color: transparent;
        color: transparent !important;
        overflow: hidden;
        width: 120px;
        height: 98px;
        background-position: center;
        position: relative;
        float: left;
        margin: .5px;
    }
    .calendar-setup-dialog .calendar-mode > div:nth-child(1) input + label {
        background-image: url(/00000000-0000-0000-0000-000000000000/Handler/Static/Content/Themes/PrintMySmile/images/me/calendar/grid.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
    }
    .calendar-setup-dialog .calendar-mode > div:nth-child(2) input + label {
        background-image: url(/00000000-0000-0000-0000-000000000000/Handler/Static/Content/Themes/PrintMySmile/images/me/calendar/column.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
    }
    .calendar-setup-dialog .calendar-mode > div input:checked + label:before {
        font-family: FontAwesome;
        display: inline-block;
        padding-right: 0px;
        vertical-align: middle;
        margin: 0px;
        text-align: center;
        font-size: 18px;
        content: "\f00c";
        color: #000;
        position: absolute;
        top: 0;
        right: 14px;
    }
    .calendar-setup-dialog .calendar-mode > div:nth-child(2) input:checked + label:before {
        top: 1px;
        right: 30px;
    }
    .calendar-setup-dialog .meuiCheckBox .ng-binding {
        color: black;
        font-weight: normal;
    }

.calendar-dialog-tab .meuiTabBodies{
    max-height: inherit;
}
.calendar-dialog-tab .meuiTabBodies div {
    margin-top: 2px;
    margin-bottom: 2px;
}

/** Event Dialog popup */
.event-dlg .script_data_table thead tr:nth-child(1) .meuiNonLayout.ng-scope:nth-child(1) {
	float: left;
}
.event-dlg input {
	float: right;
	margin: 0;
}
.event-dlg .script_data_table {
    position: relative;
    float: left;
    width: 570px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: solid 5px #FFF;
}
.event-dlg .script_data_table .dropdown-menu {
    position: fixed!important;
    padding: 10px;
    margin-left: 90px;
}
    .event-dlg .script_data_table > tbody > tr > td .dropdown-menu td {
        width:40px;
    }
     .event-dlg .script_data_table > tbody > tr > td .dropdown-menu table {
        outline:none;
    }
    .event-dlg .script_data_table > tbody > tr > td .meuiNonLayout > input[type=text],
    .event-dlg .script_data_table > tbody > tr > td .meuiNonLayout > select {
    width:100%;
    min-width:0px;
    }
    .event-dlg .script_data_table, 
    .event-dlg .script_data_table > thead > tr, 
    .event-dlg .script_data_table > thead > tr > td, 
    .event-dlg .script_data_table > thead > tr > th,
    .event-dlg .script_data_table > tbody > tr, 
    .event-dlg .script_data_table > tbody > tr > td {
        display:block;
    }
     .event-dlg .script_data_table > tbody > tr > td, .event-dlg .script_data_table > thead > tr > th, .event-dlg .script_data_table > thead > tr > td {
    padding: 4px;
    height: 41px;
    text-align: center;
    border: 0px;
    border-right: solid 1px #ccc;
        position: relative;
    float: left;
    
}
  .event-dlg .script_data_table td {
    line-height: 34px;
    padding: 0px;
}

.event-dlg .script_data_table > thead > tr,
.event-dlg .script_data_table > tbody > tr
 {
    position: relative;
    float: left;
    width: 100%;
    border: solid 1px #ccc;
    border-top: 0px;
}
.event-dlg .meuiStackLayout div {
    margin:0px;
}
.event-dlg .script_data_table > tbody > tr > td > button {
    margin: .5px!important;
    float: left;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    width: 28px;
}
.event-dlg .script_data_table > thead > tr:nth-child(1) > td:nth-child(1) {
    position: relative;
    float: left;
    width: 100%;
    border: 0;
    border-bottom: solid 1px #ccc;
    display: block;
    max-width: none;
    text-align: right;
    padding: 0px;
    height: 39px;
}
.event-dlg .script_data_table > thead > tr:nth-child(1) {
    border:none;
}
.event-dlg .script_data_table > thead > tr > td:nth-child(1), .event-dlg .script_data_table > tbody > tr > td:nth-child(1), .event-dlg .script_data_table > thead > tr > th:nth-child(1) {

    width: 44px;
}
.event-dlg .script_data_table > thead > tr > td:nth-child(2), .event-dlg .script_data_table > tbody > tr > td:nth-child(2), .event-dlg .script_data_table > thead > tr > th:nth-child(2) {

    width: 145px;
}
.event-dlg .script_data_table > thead > tr > td:nth-child(3), .event-dlg .script_data_table > tbody > tr > td:nth-child(3), .event-dlg .script_data_table > thead > tr > th:nth-child(3) {

    width: 114px;
}
.event-dlg .script_data_table > thead > tr > td:nth-child(4), .event-dlg .script_data_table > tbody > tr > td:nth-child(4), .event-dlg .script_data_table > thead > tr > th:nth-child(4) {
    width: 114px;
}
.event-dlg .script_data_table > thead > tr > td:nth-child(5), .event-dlg .script_data_table > tbody > tr > td:nth-child(5), .event-dlg .script_data_table > thead > tr > th:nth-child(5) {
    width: 75px;
}
.event-dlg .script_data_table > thead > tr > td:nth-child(6), .event-dlg .script_data_table > tbody > tr > td:nth-child(6), .event-dlg .script_data_table > thead > tr > th:nth-child(6) {
    border-right: 0;
    width: 66px;
}
.event-dlg > div:nth-child(-n+2) {
	display: inline-block;
	height: 36px;
}
.event-dlg .dropdown-menu th,
.event-dlg .dropdown-menu td {
	border: none;
}
.event-dlg .meuiSelect {
    min-width: 185px;
    height: 35px;
}
.event-dlg .script_data_table thead tr:nth-child(2) th {
    height: 27px;
    background: #eaeaea;
}
.event-dlg .dropdown-menu strong {
	color: white;
}
.event-dlg div:nth-child(-n+2) {
	display: inline-block;
}

/* Right sidebar */
.sidebar.calendar-module {
    display: block;
    padding: 10px;
}
.sidebar.calendar-module .header {
    display: block;
    font-size: 18px;
    margin: 25px 0 5px 0;
}
.sidebar.calendar-module .calendar-setup {
    display: block;
    background-color: #fff;
    padding: 15px 15px 5px 15px;
    margin-bottom: 10px;
}
.sidebar.calendar-module .calendar-setup select {
    min-width: 200px;
    padding: 6px;
    box-sizing: border-box;
    border: solid 1px #ccc;
    margin-bottom:10px;
}
.sidebar.calendar-module .events-setup {
    display: block;
    background-color: #fff;
    padding: 15px;
    height: 200px;
    overflow:hidden;
    overflow-y:scroll;
}
.sidebar.calendar-module .events-setup .meuiCheckBox label {
    font-weight: normal;
    margin-bottom: 5px;
}
.sidebar.calendar-module .buttons {
    display: block;
    text-align: right;
    margin-top: 15px;
}
.btn-lg.calendar_apply {
    font-size: 14px;
    width: 200px;
    margin-right: 16px;
}


.event-change-dialog .image-settings-layout .turn-left-button {
    background-image: url(/43310370/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.transform.rotate.counterclockwise.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    width: 35px;
    height: 35px;
}
.event-change-dialog .image-settings-layout .turn-right-button {
    background-image: url(/2012416694/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.transform.rotate.clockwise.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    width: 35px;
    height: 35px;
}
.event-change-dialog .image-settings-layout .flip-vertical-button {
    background-image: url(/434813521/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.transform.flip.vertical.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    width: 33px;
    height: 33px;
}
.event-change-dialog .image-settings-layout .flip-horizontal-button {
    background-image: url(/435599950/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.transform.flip.horizontal.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    width: 33px;
    height: 33px;
}
.event-change-dialog .image-settings-layout .reset-button {
    background-image: url(/-763127610/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.refresh.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    width: 33px;
    height: 33px;
}
.event-change-dialog .image-settings-layout .delete-image-button {
    background-image: url(/-1521436080/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.delete.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    width: 33px;
    height: 33px;
}
.event-change-dialog .image-settings-layout .field-editor .canvas-container {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.event-change-dialog .image-settings-layout .meuiSliderValue {
   display: none;
}
.event-change-dialog .image-settings-layout .scale-slider {
   display: inline-block;
   width: 150px;
}

.event-change-dialog .image-settings-layout .image-effects {
    justify-content: space-between;
    display: flex;
    padding: 15px;
}

.event-change-dialog .image-settings-layout .image-effects input {
    display: none;
}
.event-change-dialog .image-settings-layout .image-effects label {
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 50px;
    height: 50px;
    color: transparent;
}

.event-change-dialog .image-settings-layout .image-effects > div input:checked + label {
    background-color: #ccc;
}

.event-change-dialog .image-settings-layout .image-effects > div:nth-child(1) label {
    background-image: url(/-716270045/Handler/Static/Catfish.Web/Scripts/ME2k/img/photo.filter.bw.png);
}
.event-change-dialog .image-settings-layout .image-effects > div:nth-child(2) label {
    background-image: url(/-1924574785/Handler/Static/Catfish.Web/Scripts/ME2k/img/photo.filter.emboss.png);
}
.event-change-dialog .image-settings-layout .image-effects > div:nth-child(3) label {
    background-image: url(/-359974149/Handler/Static/Catfish.Web/Scripts/ME2k/img/photo.filter.colour.png);
}
.event-change-dialog .image-settings-layout .image-effects > div:nth-child(4) label {
    background-image: url(/-763258676/Handler/Static/Catfish.Web/Scripts/ME2k/img/photo.filter.sepia.png);
}


        .me_quick_menu {
            position: absolute;
            z-index: 20;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 0px;
        }

        .me_quick_menu_hideclick {
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 0px;
        }

        .fxstart {
            height: 0px;
        }

            .fxstart .me_quick_menu_hideclick {
                height: 0px;
            }

        .fxend .me_quick_menu_hideclick {
            height: 100%;
            background-color: rgba(0, 0, 0, .5);
        }

        .me_quick_menu .q_menu_container {
            position: relative;
            margin: auto;
            width: 400px;
            height: auto;
            padding: 15px;
            padding-bottom: 30px;
            padding-top: 12px;
            background: #55606E;
            border-radius: 15px;
            color: #fff;
            overflow: hidden;
            border: solid 1px #2F3237;
            border-top: 0px;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            max-height: 700px;
            background: url(/1771381801/Handler/Static/Catfish.Web/Scripts/ME2k/img/backgrounds/denim/denim.png) 0px 0px;
        }

        .fxstart .q_menu_container {
            margin-top: -700px;
            -webkit-transition: margin 0.3s linear;
            -moz-transition: margin 0.3s linear;
            -o-transition: margin 0.3s linear;
            transition: margin 0.3s linear;
        }

        .fxend .q_menu_container {
            margin-top: -0px;
            -webkit-transition: margin 0.3s linear;
            -moz-transition: margin 0.3s linear;
            -o-transition: margin 0.3s linear;
            transition: margin 0.3s linear;
        }

        .me_quick_menu .q_menu_top {
            position: relative;
            float: left;
            width: 100%;
            text-align: left;
            margin-bottom: 0px;
            padding-bottom: 5px;
            border-bottom: solid 1px #343A41;
        }

        .me_quick_menu .q_menu_left {
            position: relative;
            float: left;
            width: 173px;
            background: #343A41;
            border-radius: 10px;
            padding: 10px;
            margin-top: 10px;
            border: solid 1px #2F3237;
        }

        .me_quick_menu .q_menu_right {
            position: relative;
            float: right;
            width: 173px;
            background: #343A41;
            border-radius: 10px;
            padding: 10px;
            margin-top: 10px;
            border: solid 1px #2F3237;
        }

        .me_quick_menu ul {
        }

            .me_quick_menu ul li {
            }

                .me_quick_menu ul li a {
                    position: relative;
                    float: left;
                    width: 98%;
                    padding: 8px;
                    margin: 1%;
                    text-align: left;
                    background: #343A41;
                    border-radius: 5px;
                    font-size: 12px;
                    border-bottom: solid 1px #000000;
                    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
                    background-color: #444D58;
                    background-image: -moz-linear-gradient(top, #55606E, #444D58);
                    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#55606E), to(#444D58));
                    background-image: -webkit-linear-gradient(top, #55606E, #444D58);
                    background-image: -o-linear-gradient(top, #55606E, #444D58);
                    background-image: linear-gradient(to bottom, #55606E, #444D58);
                    background-repeat: repeat-x;
                }

                    .me_quick_menu ul li a:hover {
                        background: #4E5865;
                    }

        .me_quick_menu a:visited {
            color: #F7F7F7;
            text-decoration: none;
            outline: 0;
        }

        .me_quick_menu a:link {
            color: #F9F9F9;
            text-decoration: none;
            outline: 0;
        }

        .me_quick_menu .title {
            text-align: center;
            font-size: 14px;
        }

        .me_quick_menu .q_menu_show_button {
            position: relative;
            margin: auto;
            width: 100px;
            height: 24px;
            background-color: #fff;
            text-align: center;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            border: solid 1px #000;
            border-top: 0px;
            cursor: pointer;
            color: #FFFFFF;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            background-color: #444D58;
            background-image: -moz-linear-gradient(top, #418AC8, #2B669A);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#418AC8), to(#2B669A));
            background-image: -webkit-linear-gradient(top, #418AC8, #2B669A);
            background-image: -o-linear-gradient(top, #418AC8, #2B669A);
            background-image: linear-gradient(to bottom, #418AC8, #2B669A);
            background-repeat: repeat-x;
        }

        .me_quick_menu .q_menu_hide_button {
            position: absolute;
            bottom: 0px;
            left: 150px;
            margin: auto;
            width: 100px;
            height: 24px;
            background-color: #fff;
            text-align: center;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border: solid 1px #252525;
            border-bottom: 0px;
            cursor: pointer;
            color: #000;
            color: #FFFFFF;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            background-color: #444D58;
            background-image: -moz-linear-gradient(top, #418AC8, #2B669A);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#418AC8), to(#2B669A));
            background-image: -webkit-linear-gradient(top, #418AC8, #2B669A);
            background-image: -o-linear-gradient(top, #418AC8, #2B669A);
            background-image: linear-gradient(to bottom, #418AC8, #2B669A);
            background-repeat: repeat-x;
        }

            .me_quick_menu .q_menu_hide_button:hover, .me_quick_menu .q_menu_show_button:hover {
                background-color: #444D58;
                background-image: -moz-linear-gradient(top, #418AC8, #418AC8);
                background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#418AC8), to(#418AC8));
                background-image: -webkit-linear-gradient(top, #418AC8, #418AC8);
                background-image: -o-linear-gradient(top, #418AC8, #418AC8);
                background-image: linear-gradient(to bottom, #418AC8, #418AC8);
                background-repeat: repeat-x;
            }
        /* quick menu admin clases */
        .me_quick_menu .adminbox {
            width: 600px;
        }

        .me_quick_menu .qmenuadmin {
            display: none;
        }

        .me_quick_menu .adminbox .qmenuadmin {
            position: relative;
            float: right;
            width: 173px;
            background: #343A41;
            border-radius: 10px;
            padding: 10px;
            margin-top: 10px;
            border: solid 1px #2F3237;
            display: block;
        }

        .me_quick_menu .adminbox .q_menu_right {
            position: relative;
            float: left;
            margin-left: 25px;
        }

        .me_quick_menu .adminbox .q_menu_hide_button {
            left: 250px;
        }
 .depositPhotos {
    margin-top: 28px;
}

.depositPhotos .logo {
    padding: 10px 0 15px;
}

.depositPhotos .imageContainer .ImgSearch{
    margin-bottom: 2px;
}

.depositPhotos .imageContainer #btnSearch {
    height: 32px;
}

.depositPhotos .deposit-select-image-data h5 {
    font-size: 13px;
    margin-bottom: 7px;
}

.depositPhotos .deposit-select-image-data .depositphoto-item label {
    font-weight: normal;
    padding-left: 5px;
    vertical-align: 2px;
    padding-right: 0;
}

.depositPhotos .imageContainer .upload{
    margin-top: 16px;
}

.depositPhotos .ImgSearch .ddSort,
.depositPhotos .ImgSearch #search{
    padding: 7px 5px;
    border: 0;
}

.depositPhotos .depositphoto-item {
    clear: both;
    background: #e5e5e5;
    border-radius: 5px;
    padding: 16px 0;
    margin: 10px 4%;
}

.depositPhotos .ImgPlugPhotos {
    min-height: 302px;
    background: #55606E !important;
    border-radius: 4px;
    padding: 6px !important;
    box-sizing: border-box !important;
    margin: 4px 2px 8px !important;
}

.depositPhotos .dp-media-container {
    min-height: 259px;
}

.dp-media-size span {
    float: left;
    display: block;
    background: white;
    color: #222;
    padding: 2px 6px 2px;
    margin: 0 4px 6px 0;
    border-radius: 5px;
}

.dp-media-size span:hover {
    background: #dddddd;
}

.dp-media-license h3 {
    width: 26%;
    float: left;
    padding-right: 11px;
    margin: 0;
}

.dp-media-license div {
    float: left;
    margin-left: 3px;
}

.dp-media-license {
    display: inline-block;
    width: 80%;
}

.dp-media-size div {
    float: left;
    width: 195px;
    margin-left: 7px;
}

.dp-media-size h4, .dp-media-license h4 {
    float: left !important;
    margin: 0;
    width: 80px;
    text-align: right;
}

.dp-media-license {
    margin: 10px 0;
}

.dp-media-size {
    width: 80%;
    display: inline-block;
}

.licence--standard {
    float: left;
}
.dp-licence--standard label,
.dp-licence--extended label{
    font-size: 14px;
}

.dp-media-license, .dp-media-size {
    margin-left: 14px;
}

.dp-media-container .ImgPlugImageSelect {
    width: auto;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-height: 100px;
    height: auto;
}

.depositPhotos .dp-media-container {
    min-height: 259px;
    max-height: 424px;
    overflow-y: auto;
    margin-bottom: 10px;
    background: rgb(66, 70, 76);
    border-radius: 5px;

}

.depositPhotos .deposit-select-image-data{
    margin-bottom: 7px;
}.customScriptUi-batchArea {
    background: transparent !important;
    position: absolute;
    top: 0px;
    left: 30px;
    line-height: 20px;
    display: block;
}

.customScriptUi-batchArea div {
    display: inline-block;
    margin: 0px !important;
    margin-right: 1px !important;
    top: 0px !important;
}

.customScriptUi-batchArea select {
    max-width: 120px;
}

.standardBatchScriptPlaceholderGroup.sidebar {
    padding: 25px 10px 5px 10px;
    display: block;
}

.standardBatchScriptPlaceholderGroup.sidebar > .meuiStackLayout {
    display: block;
}

.standardBatchScriptPlaceholderGroup.sidebar .meuiLabel {
    font-size: 18px;
}

.standardBatchScriptPlaceholderGroup.sidebar select {
    margin-right: 10px;
    display: inline-block;
    width: 170px;
    max-width: 170px;
}

.standardBatchScriptPlaceholderGroupRow.sidebar .script_upload_button {
    margin: 5px 10px 0 10px;
}

.PlaceholderPopup .meuiTableLayout tr {
    padding-bottom: 5px;
    border-bottom: solid 1px #ccc;
}

.PlaceholderPopup .meuiLabel {
    padding: 0px;
    padding-top: 5px;
    padding-left: 26px;
    font-size: 12px;
}.simimaging {
    display: block;
    padding: 10px;
}
    .simimaging .header {
        font-size: 20px;
        margin: 10px 0;
        display: block;
    }
    .simimaging .label,
    .simimaging label {
        color: #000 !important;
        font-weight: normal;
        font-size: 100%;
    }
    .simimaging .meuiHtmlList {
        display: block;
        min-width: 200px;
    }
    .simimaging button {
        min-width: 230px;
        width: 100%;
        display: block;
        text-align: left;
        margin-bottom: 10px;
        background: #fff;
        color: #000;
        border: 1px solid #000;
        text-shadow: none;
    }
    .simimaging .meuiHtmlListCollapseTrigger .meuiHtmlListLabel,
    .simimaging .meuiHtmlListCollapseTrigger .meuiHtmlListCurrentShortLabel
    .simimaging .meuiHtmlListCollapseTrigger .meuiHtmlListCurrentValue  {
        display: inline-block;
    }
    /*.simimaging .meuiHtmlListCollapseTrigger .meuiHtmlListCurrentValue {
        display: none;
    }*/
    /*.simimaging .meuiHtmlListCollapseTrigger .meuiHtmlListLabel + .meuiHtmlListCurrentValue {
        display:inline-block;
    }
    .simimaging .meuiHtmlListCollapseTrigger .meuiHtmlListCurrentValue + .meuiHtmlListLabel {
        display: none;
    }*/
    .simimaging .meuiHtmlListCollapseTrigger .meuiHtmlListTriggerCaret {
        float: right;
        margin-top: 8px;
    }
    .simimaging .meuiHtmlListMenu .meuiHtmlListMenuItem{
        width: 100%;
        padding: 0;
        margin: 0;
    }
        .simimaging .meuiHtmlListMenu .meuiHtmlListMenuItem .item::after {
            content: ' ';
            clear:both;
            display: table;
        }
        .simimaging .meuiHtmlListMenu .meuiHtmlListMenuItem .item .thumbnail {
            display: inline-block;
            width: 50px;
            height: 50px;
            float: left;
        }
        .simimaging .meuiHtmlListMenu .meuiHtmlListMenuItem .item .description {
            display: inline-block;
            float: left;
            margin: 0 0 0 10px;
        }
    .simimaging .radiogroup {
        margin: 0;
        margin-bottom: 10px;
    }

    .simimaging .meuiStacklayoutVertical {
        display: block;
        width: 100%;
        clear: both;
    }
.imageImportDlg {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.imageImportDlg.imgPluginMode {
    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;
    }
.imageContainer_v2 {

}
.imageImportDlg.imgPluginMode .ui-dialog-buttonpane {
 display:none;
}
.imageImportDlg.imgPluginMode #imageImportDlg {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    top: 0;
    max-height: none!important;
}
.imageImportDlg.imgPluginMode .imageContainer_v2 {
    display:block;
}
.imageImportDlg.imgPluginMode .imageContainer_v2 .logo {
    display: block;
    position: absolute;
    left: 2%;
    top: 18px;
}

.imageImportDlg.imgPluginMode .imageContainer_v2 .ImgSearch {
    display: block;
    position: absolute;
    right: 2%;
    top: 18px;
}

.imageImportDlg.imgPluginMode .imageContainer_v2 .ImgPlugPhotos, .imageImportDlg.imgPluginMode .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;
}
.imageImportDlg.imgPluginMode .ImgPlugImageSelect {
    width: 20%;
    height: 23.5%!important;
    position: relative;
    background: #121518;
    margin: 0px;
    border: solid 1px #212c36;
}
.imageImportDlg.imgPluginMode .depositPhotos .ImgPlugPhotos {
     padding: 1px!important;
}
.imageImportDlg.imgPluginMode .selectedImg {
    border: none;
}
.imageImportDlg.imgPluginMode .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;
}
.imageImportDlg.imgPluginMode .ImgPlugImageSelect:hover .fake_img {
   opacity:0;
    }
.imageImportDlg.imgPluginMode .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;
}
.imageImportDlg.imgPluginMode .selectedImg .selected_box {
        background: rgb(205, 42, 99);
}
.imageImportDlg.imgPluginMode .selected_box .fa {
    display:inline-block;
    }
.imageImportDlg.imgPluginMode .selected_box .fa-check {
    display:none;
}
.imageImportDlg.imgPluginMode .selected_box .fa-square-o {
    display:inline-block;
}
.imageImportDlg.imgPluginMode .selectedImg .selected_box .fa-check {
     display:inline-block;
}
.imageImportDlg.imgPluginMode .selectedImg .selected_box .fa-square-o {
    display:none;
}
.imageImportDlg.imgPluginMode .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;
}
.imageImportDlg.imgPluginMode .ImgPlugImageSelect:hover img {
    opacity:1;
    }
.imageImportDlg.imgPluginMode .imageContainer_v2 .ImgPlugPaging {
    display: block;
    position: absolute;
    bottom: 112px;
    width: 94%;
    left: 3%;
}
.imageImportDlg.imgPluginMode .imageContainer_v2 .ImgPlugPaging span {
        display:inline-block;
    }

.imageImportDlg.imgPluginMode .imageContainer_v2 .ImgPlugFooter {
    display: block;
    position: absolute;
    bottom: 109px;
    width: 50%;
    left: 0;
    color: #fff;
    left: 25%;
}

.imageImportDlg.imgPluginMode .imageContainer_v2 .upload {
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    height: 50px;
    background: #212c36;
}
.imageImportDlg.imgPluginMode .imageContainer_v2 .upload #uploadButton {
    display: block;
    position: absolute;
    top: -48px;
    left: 50%;
    margin-left: -100px;
    padding: 11px;
    background: #cd2a63!important;
}
.imageImportDlg.imgPluginMode .imageContainer_v2 .upload #uploadButton:hover {
    background: #9c1e4a!important;
}

.imageImportDlg.imgPluginMode #imageImportDlg #cancel, .imageImportDlg.imgPluginMode #imageImportDlg #back {
    background: #eaeaea!important;
    padding: 8px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    color: #212c36!important;
    float:right;
    margin-right:12px;
}
.imageImportDlg.imgPluginMode .ui-dialog-titlebar-close {
display:none;
}
.imageImportDlg.imgPluginMode .imageContainer_v2 .ImgSearch #btnSearch {
    margin-bottom: 5px;
    margin-top: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 7px;
    padding-left: 10px;
    padding-right: 10px;
}
.imageImportDlg.imgPluginMode .imageContainer_v2 .ImgPlugPhotos,
.imageImportDlg.imgPluginMode .imageContainer_v2 .ImgSearch,
.imageImportDlg.imgPluginMode .imageContainer_v2 .ImgSearch .ddSort,
.imageImportDlg.imgPluginMode .imageContainer_v2 .ImgSearch #search,
.imageImportDlg.imgPluginMode .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 
}
.imageImportDlg.imgPluginMode .imageContainer_v2.nosearch .ImgPlugPhotos {
    content:'';
    }
.imageImportDlg.imgPluginMode .imageContainer_v2.nosearch .ImgSearch {
    content:'';

}
    .imageImportDlg.imgPluginMode .imageContainer_v2.nosearch .ImgSearch .ddSort {
     font-size: 18px;
    padding: 10px;
    }
    .imageImportDlg.imgPluginMode .imageContainer_v2.nosearch .ImgSearch #search {
        font-size: 18px;
    padding: 10px;
    }
    .imageImportDlg.imgPluginMode .imageContainer_v2.nosearch .ImgSearch #btnSearch {
        font-size: 18px;
    padding: 10px;
        margin-top: 0px;
    }
.imageImportDlg.imgPluginMode .imageContainer_v2.nosearch .ImgPlugPhotos {
    opacity:0;
}

.imageImportDlg.imgPluginMode .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%;
}
.imageImportDlg.imgPluginMode .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;
}
.imageImportDlg.imgPluginMode .imageContainer_v2.nosearch .ImgPlugPaging {
    display:none;
}
.imageImportDlg.imgPluginMode .imageContainer_v2 .ImgPlugPaging {
    display: block;
    position: absolute;
    bottom: 105px;
    width: 95%;
    left: 2.5%;
}
.imageImportDlg.imgPluginMode .imageContainer_v2 .ImgPlugPaging .btn-me {
    font-size: 17px;
    background: none!important;
}
.imageImportDlg.imgPluginMode .deposit-select-image-data #startUploadBtn {
    position: absolute;
    bottom: -40px;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    background: #cd2a63!important;
}
.imageImportDlg.imgPluginMode .deposit-select-image-data #startUploadBtn:hover {
    background: #9c1e4a!important;
}
.imageImportDlg.imgPluginMode .depositPhotos .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;
}
.imageImportDlg.imgPluginMode .depositPhotos .deposit-select-image-data h5 {
    font-size: 14px;
    margin-bottom: 7px;
    color: #fff;
}
.imageImportDlg.imgPluginMode .depositPhotos .deposit-select-image-data .ImgPlugImageSelect {
    width: auto;
    height: auto!important;
    position: relative;
    background: #121518;
    margin: 0;
    border: solid 1px #212c36;
    max-width: 90%;
    max-height: 400px;
}

.imageImportDlg.imgPluginMode .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;
}
.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;
}
.imageImportDlg.imgPluginMode .dp-media-size h4, .imageImportDlg.imgPluginMode .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;
}
.imageImportDlg.imgPluginMode .dp-media-license div, .imageImportDlg.imgPluginMode .dp-media-size div {
    float: left;
    margin-left: 3px;
    position: relative;
    width: 66%;
}
.imageImportDlg.imgPluginMode .depositPhotos .depositphoto-item {
    overflow:hidden;
}
.imageImportDlg.imgPluginMode .depositPhotos .depositphoto-item {
    clear: both;
    background: #e5e5e5;
    border-radius: 0px;
    padding: 16px 0;
    margin: 10px;
}
.imageImportDlg.imgPluginMode #uploadButton {
    display:none!important;
}
.imageImportDlg #addImagesButton {
    display:none;
}
 .imageImportDlg.imgPluginMode #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;
}.imageContainer.imagesearch {
    position: relative;
    min-height: 445px !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 .title {
        display: block !important;
        padding: 0.5%;
        font-size: 14px;
        margin-bottom: 5px;
        border-bottom: solid 1px;
        padding-bottom: 5px;
    }
    .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;
    }/* Right sidebar */
.sidebar.variable-replacement-module{
    display: block;
    padding: 10px;
}
.sidebar.variable-replacement-module .header {
    display: block;
    font-size: 18px;
    margin: 25px 0 5px 0;
}
.sidebar.variable-replacement-module .existing-ph .btn {
    display: inline-block;
	float:left;
    width: 49%;
    margin-right: 1%;
}
.sidebar.variable-replacement-module .existing-ph::after {
	content: ' ';
	display: table;
	clear: both;
}

.sidebar.variable-replacement-module .manage-ph {
    display: block;
}
.sidebar.variable-replacement-module .manage-ph div {
    display: block;
}
.sidebar.variable-replacement-module .manage-ph .variable_apply {
    margin-top: 10px;
    display: block;
}

/* tabs */
.sidebar.variable-replacement-module .vr-tabs .meuiLabel {
    color: #000000;
}/* Right sidebar */
.dynamic-buttons-area {
    display: block;
    padding: 10px;
}
.freeTargetContainer .dynamic-buttons-area .meuiCheckBox input + label, 
.freeTargetContainer .dynamic-buttons-area .meuiButton.btn_BarcodeTxt, 
.freeTargetContainer .dynamic-buttons-area .meuiButton.btn_Txt, 
.freeTargetContainer .dynamic-buttons-area .meuiButton.btn_Img {
    position: relative;
    float: left;
    width: 100%;
    height: 70px;
    box-sizing: border-box;
    padding-left: 60px;
    padding-top: 27px;
    font-size: 14px;
    font-weight: normal;
    background: #31A3DD !important;
    cursor: pointer;
    padding-bottom: 27px;
    text-align: left;
    color: #fff !important;
    margin-bottom: 10px;
}

.freeTargetContainer .dynamic-buttons-area .meuiCheckBox input + label:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 22px;
    font-size: 20px;
}

.freeTargetContainer .dynamic-buttons-area .meuiCheckBox input + label:before {
    font-family: 'FontAwesome';
    content: "\f1fc";
}
.freeTargetContainer .dynamic-buttons-area .meuiCheckBox.img input + label:before {
    font-family: 'FontAwesome';
    content: "\f03e";
}
.freeTargetContainer .dynamic-buttons-area .meuiCheckBox.text input + label:before {
    font-family: 'FontAwesome';
    content: "\f031";
}

.freeTargetContainer .dynamic-buttons-area .meuiCheckBox input {
    display: none;
}

.dynamic-buttons-area .grid.grid-images:after {
    content: ' ';
    display: table;
    clear: both;
}

.dynamic-buttons-area .grid.grid-images > div.meuiStacklayoutVertical {
    position: relative;
    float: left;
    width: 32% !important;
    height: 0 !important;
    padding-bottom: 32%;
    margin-right: 1%;
    margin-bottom: 1%;
    overflow: hidden;
}

.dynamic-buttons-area .grid.grid-images > div.meuiStacklayoutVertical div {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.dynamic-buttons-area .grid.grid-images > div.meuiStacklayoutVertical img {
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    max-width: 160%;
    max-height: 160%;
    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%);
}

.dynamic-buttons-area .meuiButton.btn-upload {
    width: 80%;
    margin-left: 20px;
    margin-bottom: 20px;
    height: 49px;
    box-sizing: border-box;
    background-color: #31A3DD !important;
}

.dynamic-buttons-area .meuiHtmlListExpanded .meuiHtmlListExpandedMenu.meuiHtmlListMenu {
    position: relative;
    float: left;
    width: 100% !important;
    padding: 0;
    margin: 0;
}

.dynamic-buttons-area  .meuiHtmlListExpanded .meuiHtmlListExpandedMenu.meuiHtmlListMenu .meuiHtmlListMenuItem {
    margin: 0;
    padding: 0;
    border: none;
    position: relative;
    float: left;
    width: 24% !important;
    height: 0 !important;
    padding-bottom: 24%;
    margin-right: 1%;
    margin-bottom: 1%;
    overflow: hidden;
    display: block;
}

.dynamic-buttons-area .meuiHtmlListExpanded .meuiHtmlListExpandedLabel span {
    display: none;
}

.dynamic-buttons-area .meuiHtmlListExpanded .meuiHtmlListExpandedMenu.meuiHtmlListMenu .meuiHtmlListMenuItem a,
.dynamic-buttons-area .meuiHtmlListExpanded .meuiHtmlListExpandedMenu.meuiHtmlListMenu .meuiHtmlListMenuItem a span {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
    border: none;
    padding: 0;
    margin: 0;
}

.dynamic-buttons-area .block-desc {
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
}

.dynamic-buttons-area .meuiHtmlListExpanded .meuiHtmlListExpandedMenu.meuiHtmlListMenu .meuiHtmlListMenuItem.meuiSelected:after {
    font-family: 'FontAwesome';
    content: "\f05d";
    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%);
    font-size: 30px;
    color: #fff;
    opacity: 0.85;
}.me-theme-dialog {
    min-width: 500px;
    width: 600px;
    display: block;
}

.me-theme-ui-dropdown .meuiHtmlListMenu {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    overflow-y: auto;
    max-height: 400px;
    margin-top: 10px;
}

.me-theme-ui-dropdown .meuiHtmlListMenuItem {
    outline: none;
    border: none;
    padding: 5px;
    border-radius: 4px;
}

.me-theme-ui-dropdown .meuiHtmlListMenuItem a {
    text-decoration: none;
}

.me-theme-ui-dropdown .meuiHtmlListMenuItem:hover {
    background: #dddddd;
}

.me-theme-ui-dropdown .meuiHtmlListLabel,
.me-theme-ui-dropdown .meuiHtmlListCurrentShortLabel,
.me-theme-ui-dropdown .meuiHtmlListCurrentValue {
    text-align: center;
    display: block;
    font-size: 18px;
    border-bottom: 1px solid #cfcfcf;
    height: 75px;
}

.me-theme-ui-dropdown span.description {
    text-align: center;
    display: block;
}

.me-theme-ui-dropdown span.thumbnail {
    margin-bottom: 10px;
}.ui-layout-pane {
	background: #EAEAEA;
}
.ui-tabs .ui-tabs-panel {
	background: #445661;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background: #445661;
}
.ui-widget-header {
	background: #445661;
}
.ui-tabs {
	background: #445661;
}
.ui-layout-resizer {
	background: #DEDEDE;
}
.ui-draggable .ui-dialog-titlebar {
	background-color: #212C36!important;
}
a.btn {
	color: #343A41;
}
.btn-me {
	background: #212C36;
	border: none;
	border-radius: 0px;
	color: #fff!important;

}
.btn-primary, .btn-success {
	color: #fff;
	background: #CD2A63;
	border-radius: 0px;
	box-shadow: none;
	border: none;
}
.undoRedoContainer {
	display: inline-block;
	vertical-align: baseline;
}
.ui-tabs .ui-tabs-nav li {
	background: #637682;
}
.drawing_settings_container {
	padding: 10px;
	background-color: #EAEAEA;
	border-top: solid 1px #DEDEDE;
	color: #000;
}
.drawing_line_width_container {
	margin-top: 3px;
	border-top: solid 1px #DEDEDE;
	padding-top: 5px;
}
.line_color_container {
	height: 25px;
	border-top: solid 1px #DEDEDE;
	padding-top: 5px;
}
.onoffswitchDrawing-inner:before {
	content: "Drawing on";
	padding-left: 10px;
	background-color: #CD2A63;
	color: #FFF;
}
.onoffswitchDrawing-inner:after {
	content: "Drawing off";
	padding-right: 10px;
	background-color: #445661;
	color: #FFF;
	text-align: right;
}
.currentCanvasSizeWrapper .current_prod_name, .currentCanvasSizeWrapper .canvasSizeTitle, .currentCanvasSizeWrapper .canvasSize {
	background-color: #EAEAEA;
	border-color: #DEDEDE;
	color: #7F848C;
}
.me_branding {
	position: fixed;
	top: 40px;
	width: 200px;
	left: 50%;
	margin-left: -100px;
}
.loadingArea, .loadingScreen, .addtoBasketScreen {
	background: #212C36;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.loadingArea .loadingLogo .loadingSpinner,
.loadingScreen .loadingLogo .loadingSpinner {
	margin-top: 40px;
}
.me_quick_menu .q_menu_show_button, .me_quick_menu .q_menu_hide_button {
	background: #DDDDDD!important;
	border-color: #CDCDCD!important;
	color: #7F848C!important;
	text-shadow: none!important;
    padding-top: 3px;
}
.ui-dialog {
	-webkit-box-shadow: 0 0 15px 0 rgba(50,50,50,0.4);
	-moz-box-shadow: 0 0 15px 0 rgba(50,50,50,0.4);
	box-shadow: 0 0 15px 0 rgba(50,50,50,0.4);
	background: #445661!important;
}
.dialogGeneralConfirm .ngConfirmDialog, .dialogGeneralConfirm #dlgNewLayout, #dlgFieldIssue, #dlgHaveIssue {
	background: #445661;
	-webkit-box-shadow: inset 0 0 50px 0 rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0 0 50px 0 rgba(0,0,0,0.75);
	box-shadow: inset 0 0 50px 0 rgba(0,0,0,0.75);
}
.me_quick_menu .q_menu_container {
	background: #eaeaea!important;
}
.fakeUploadTarget {
	background: rgba(68, 86, 97, 1);
	background-size: 50px 50px;
}
.ui-tabs .ui-tabs-nav li.ui-state-hover {
	background: #CD2A63;
}
.editorLeft .ui-tabs .ui-tabs-panel {
	background: #EAEAEA;
}
.editorLeft .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background: #EAEAEA!important;
}

.WorkflowNavigator {
	position: relative;
	float: left;
	background-color: #CD2A63;
	margin-right: 10px;
}
.WorkflowNavigator:hover {
	background-color: #9E2D56;
}
.WorkflowNavigator a, .WorkflowNavigator a:hover {
	color: #fff;
	padding: 10px;
	text-decoration: none;
	position: relative;
	float: left;
}
.section-header .title, .saveButtonWrapper, .yearbook-studententries-editor .title {
	background-repeat: repeat-x;
	border-bottom: 0 none;
	color: #445661;
	padding: 5px 10px;
	position: relative;
	font-size: 16px;
	margin-top: 10px;
}
.t-widget, .t-input {
	border-width: 0;
	border-color: #EAEAEA;
	background: #fff;
}
.t-grid .t-header, .t-grid .t-header .t-link {
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: .866em;
	line-height: 2.6em;
	color: #FFF;
	background: #445661;
}
#blockable {
	background-color: #F3F3F3;
}
.validation-summary-errors {
	border: #C02D3E solid 1px;
	padding: 5px;
	background: #fff;
	position: fixed;
	top: 10px;
}
.cf_imageView_container {
	width: 100%;
	min-height: 150px;
	text-align: center;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
}
.cf_imageViewer_image {
	display: block;
	vertical-align: middle;
	margin-top: 100px;
}
.messagesContainer {
	padding: 0px!important;
}
.buttonContainer.rightSide .priceHeader, .buttonContainer.rightSide .price {
	color: #445661!important;
}
.loadScreenStepIndicator.loadStepClass_0_6, .loadScreenStepIndicator.loadStepClass_1_6, .loadScreenStepIndicator.loadStepClass_2_6, .loadScreenStepIndicator.loadStepClass_3_6, .loadScreenStepIndicator.loadStepClass_4_6, .loadScreenStepIndicator.loadStepClass_5_6, .loadScreenStepIndicator.loadStepClass_6_6 {
	color: #858585!important;
}
#frmComments {
	color: #fff;
}
.btn-me, .modal-body button  {
	background-color: #212C36!important;
	border: solid 0px #ccc!important;
	color: #FFF!important;
	box-shadow: none!important;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
	text-shadow: none;
        font-size: 13px;
    line-height: 13px;
    padding-top: 10px;
    padding-bottom: 9px;
}
#imageControlButtonset .ui-button:hover, .btn-me:hover {
	background-color: #CD2A63!important;
	border: solid 0px #ccc!important;
	color: #FFF!important;
	box-shadow: none!important;
}
.btn-primary:hover, .btn-primary:focus, .btn-success:hover, #imageControlButtonset .ui-button.ui-state-hover {
	background-color: #991943!important;
}
.imageTab.imageTabs_photo.ui-tabs-active .icon {
	background: url(/853884286/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/editTabsImageMap.png) 0 0;
}
.imageTab.imageTabs_effect.ui-tabs-active .icon {
	background: url(/853884286/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/editTabsImageMap.png) -25px 0;
}
.textTab.textTabs_photo.ui-tabs-active .icon {
	background: url(/1222381544/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/appbar.text.serif.png) -9px -8px;
	background-size: 40px;
}
.textTab.textTabs_advanced.ui-tabs-active .icon {
	background: url(/5092545/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/specialtexticon.png) -7px -8px;
	background-size: 40px;
}
.imageTab.imageTabs_border.ui-tabs-active .icon, .textTab.textTabs_borde.ui-tabs-activer .icon {
	background: url(/853884286/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/editTabsImageMap.png) -50px 0;
}
.imageTab.imageTabs_shadow.ui-tabs-active .icon, .textTab.textTabs_shadow.ui-tabs-active .icon {
	background: url(/853884286/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/editTabsImageMap.png) 0 -25px;
}
.imageTab.imageTabs_details.ui-tabs-active .icon, .textTab.textTabs_details.ui-tabs-active .icon {
	background: url(/1264342086/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/appbar.monitor.identify.png) no-repeat center center;
	background-size: 40px 40px;
}
.ui-widget-header {
	background: #212C36;
}
.ui-tabs .ui-tabs-nav li {
	background: #212C36;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background: #EAEAEA;
}
.ui-tabs .ui-tabs-nav li.ui-state-hover {
	background: #CD2A63;
}
.ui-tabs .ui-tabs-panel {
	background: #EAEAEA;
	color: #333;
}
.UISetCol, .sliderRow {
	background-color: #CBC8C8;
}
.ui-tabs {
	background: #EAEAEA;
}
#imageTabs-details .imageOptions, #textTabs-details .textOptions {
	color: #FFFFFF;
	background: #212C36;
}
.imageOptionsDialog.ui-dialog .ui-dialog-titlebar, .textOptionsDialogOuter .ui-dialog-titlebar {
	padding: 5px;
	line-height: 22px;
}
.pageListInnerWrapper {
	background: rgb(222, 222, 222);
}
.pageSelectorItem, .pagelist_title {
	color: #464646!important;
}
.pageSelectorItem {
	box-shadow: 0 0 2px 2px rgba(50,50,50,0.5);
}
.fakeUploadTarget {
	background: rgb(31, 31, 31);
	background-size: 50px 50px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close, .imageOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover, .textOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close, .customFieldOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover, .effectRow input[type=checkbox]:not(old):checked+label, .effectRow input[type=radio]:not(old):checked+label, .effectRow label:hover,  #sharpnessControlButtonset input[type=radio]:checked + label.ui-button, #textTabs-advanced .fittoboxtextoptions-row input+label .op_on, .onoffswitch-inner:before, {
	background-color: #CD2A63!important;
}
.effectRow input[type=checkbox]:not(old):checked+label, .effectRow input[type=radio]:not(old):checked+label {background-color: #CD2A63!important;}
.textOptionsDialog.ui-dialog-content {
	background: none repeat scroll 0 0 #EAEAEA;
}
#textTabs-advanced .fittoboxtextoptions-row input+label {
	color: #fff;
}
#textTabs-advanced .fittoboxoptions-row {
	background-color: #D7D2D2;
	margin-bottom: 10px;
}
#textTabs-advanced .font_size_limits input {
	border: solid 2px #D7D2D2;
}
.ui-dialog .ui-dialog-content {
	background: #EAEAEA;
	color: #444;
}
.ui-dialog {
	background: #212C36!important;
}
.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus {
	background-color: #991943!important;
}
.ui-widget-header .ui-state-focus {
	background-color: #EAEAEA!important;
}
.dialogGeneralConfirm .ngConfirmDialog, .dialogGeneralConfirm #dlgNewLayout, #dlgFieldIssue, #dlgHaveIssue {
	box-shadow: none;
}
.btn-success:hover, .btn-success:focus {
	background-color: #991943!important;
}
.currentCanvasSizeWrapper .canvasSize {
	background-color: #212C36222;
	color: #fff;
}
.OCC_settings .nav-tabs li.active a {
	background-color: #212C36;
	border-color: #212C36;
	color: #fff;
}
.OCC_settings .tab-content {
	background-color: #212C36;
	border: solid 2px #212C36;
}
.OCC_settings .canvasSelectorArea {
	background-color: #eee;
}
#dlgEditorSettings .SnapOptions .snap_label {
	background-color: #212C36;
	color: #fff;
}
#dlgEditorSettings .SnapOptions input:checked + label {
	background-color: #1C6FE9;
}
.GS_window_title {
	background: #212C36;
	color: #fff;
}
.GS_options_container, .GS_filters_container {
	background: #212C36;
	color: #fff;
}
.GS_options_container .GS_sort, .GS_options_container .GS_thumbnail_sizes, .GS_filters_container .GS_titles .GS_filters_toggle {
	background: #ccc;
	color: #000;
}
.GS_filters_container .GS_filters .GS_filter .GS_filter_title {
	background: #FFFFFF;
	color: #000;
}
.GS_thumbnail_sizes input[type=radio] + label {
	background-color: #212C36;
}
.textButton, #alignmentButtonset .ui-button {background-color: #212C36;}
.textButton:hover, .textButton.toggleButtonOn {
    background-color: #CD2A63;
}
#alignmentButtonset input:checked+.ui-button {
    background-color: #CD2A63;
}
.btn-lg {
    padding: 12px 20px;
    font-size: 16px;
    line-height: 16px;
    border-radius: 0px;
    letter-spacing: .5px;
}
.btn-lg .fa {
    font-size: 20px;
    margin-left: 3px;
    margin-right: 3px;
}
.toggleCollapseTab:hover {background-color: #CD2A63;}
.ui-layout-toggler, .ui-layout-resizer .ui-layout-toggler {background-color: #212C36;}
.ui-layout-toggler:hover, .ui-layout-resizer .ui-layout-toggler:hover, .ui-layout-toggler-hover, .ui-layout-resizer-hover .ui-layout-toggler-hover {background-color: #CD2A63;}

.me_quick_menu .q_menu_show_button, .me_quick_menu .q_menu_hide_button {
    background: #DEDEDE!important;
    color: #7B7C7D!important;
    text-shadow: none;
    border-color: #ccc;
    border-radius: 0px;
}
.me_quick_menu .q_menu_container {
    background: #eaeaea!important;
    border-radius: 0px;
    border-color: #ccc;
}
.me_quick_menu .q_menu_left, .me_quick_menu .q_menu_right, .me_quick_menu .qmenuadmin  {
    background: #F5F5F5!important;
    border-radius: 10px!important;
    padding: 10px!important;
    margin-top: 10px!important;
    border: solid 1px #ccc!important;
    border-radius: 0px!important;
}
.me_quick_menu .title {
    text-align: center;
    font-size: 14px;
    color: #696969;
    letter-spacing: .5px;
    border-bottom: solid 1px #ccc;
}
.me_quick_menu ul li a {
	color: #F9F9F9;
    text-decoration: none;
    outline: 0;
    border-radius: 0px;
    background:  #212C36;
	    border: none;}
.me_quick_menu ul li a:hover {
	background-color: #CD2A63;
	}
	.ui-slider-horizontal .ui-slider-handle, .ui-slider-vertical .ui-slider-handle {background: #CD2A63!important;}
	.ui-slider-horizontal .ui-slider-handle {
		    margin-top: -7px;
    height: 21px;
	cursor: pointer;
    background: #CD2A63;
    width: 10px!important;
    margin-left: -5px!important;
    background-repeat: no-repeat;}
.ui-slider-vertical .ui-slider-handle {
    margin-top: -10px;
    height: 10px!important;
    cursor: pointer;
    background: #CD2A63;
    width: 23px!important;
    margin-bottom: -6px!important;
    margin-left: -10px!important;
    background-repeat: no-repeat;
}
	.ui-slider-horizontal {
    height: 13px;
    margin-bottom: 7px;
    margin-top: 5px;
    border: solid 6px #212C36;
    background: #EAEAEA;
    border-left-width: 8px;
    border-right-width: 8px;
}
	.ui-slider-vertical {
    width: 1px;
    margin-bottom: 7px;
    margin-top: 5px;
	    margin-left: 0px;
}
.sliderRow .rowlabel {
    padding-bottom: 0px;
    padding-top: 5px;
    font-size: 12px;
    margin-bottom: -4px;
}
.sliderRow {
    background-color: #EAEAEA;
	padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
	width:99%;
}
#dlgEditorSettings .SnapOptions input:checked + label {
    background-color: #CD2A63;
}
#dlgEditorSettings .SnapOptions input:checked + label.snap_to_grid {
    background-color: #CD2A63;
    border-bottom: solid 1px #CD2A63;
}
#dlgEditorSettings .SnapOptions .snap_label {
    background-color: #212C36;
}
#dlgEditorSettings .SnapOptions .Grid_size_slider {
    background-color: #DADADA;
    border: solid 1px #C1C1C1;
}
.GS_options_container, .GS_filters_container {
    background: #F3F3F3;
    border: solid 1px #ccc;
    color: #212C36;
}
.GS_options_container .GS_sort, .GS_options_container .GS_thumbnail_sizes, .GS_filters_container .GS_titles .GS_filters_toggle {
    background: #EAEAEA;
    color: #212C36;
    border: solid 1px #ccc;
}
.GS_filters_toggle input[type=checkbox]+label {
    padding: 1px 2px;
	    background-color: #212C36;
}
.GS_filters_toggle input[type=checkbox]:checked+label {
    background-image: none;
    background-color: #CD2A63;
}
.galleryWrapper, .uploadList  {
background: rgb(234, 234, 234);
    padding: 2px;
    border: none;
}
.galleryUploadItem {
    background: rgb(234, 234, 234);
    margin-bottom: 5px;
    padding: 4px;
    padding-right: 0;
}
.galleryCancelUpload button.btn {
    border: none;
    border-radius: 0px;
    background: #212C36;
    padding: 7px;
    line-height: 12px;
    cursor: pointer;
}
.galleryUploadItem .galleryURI p {
    display: none;
}
.progress-bar-success {
    background-color: #CD2A63;
}
.galleryUploadItem .galleryfilesize {
    right: 6px;
    top: 39px;
    font-size: 12px;
}
.galleryUploadItem .galleryPreview {
     width: 120px;
}
.galleryUploadItem .progress {
    position: absolute;
    bottom: 4px;
    height: 5px;
    left: 5px;
    width: 200px;
    margin-bottom: 0;
}
.progress { border-radius:0px;}
.onoffswitchDrawing-inner:after {
    background-color: #212C36;
}
.GS_thumbnail_sizes input[type=radio]:checked+label {
     background-color: #CD2A63;
}
.GS_filters_container .GS_filters .GS_filter .GS_filter_title {
    background: #212C36;
    color: #F3F3F3;
}
.GS_filters_container .GS_filters .GS_filter .GS_filter_title:hover {
    background: #CD2A63;
}
.alert {
  text-shadow: none;
  -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);
  border-radius:0px;
  padding:10px;
  width: 100%;
}
.alert-success {
  border-color: #CD2A63;
  background: rgba(205, 42, 99,.8);
  color:#fff;
}
.ME_loading_hints ul, .ME_loading_hints ul li {
	list-style:none;
	margin:0px;
	padding:0px;
	}
.ME_loading_hints ul {
    position: relative;
    float: none;
    display: inline-block;
}
.ME_loading_hints {
    position: absolute;
    float: none;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    bottom: 5%;
}
.ME_loading_hints ul li {
	width:100%;
	box-sizing:border-box;
    color: #fff;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border: solid 1px #CD2A63;
    margin-top: 20px;
	font-size:14px;
	letter-spacing:.5px;
}
.ME_loading_hints ul li:before {
   font-family: FontAwesome;
   content: "\f05a";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   color:#fff;
   font-size:20px;
   margin-right:15px;
}
.loadingArea .loadingLogo .loadingSpinner i,
.loadingScreen .loadingLogo .loadingSpinner i {
    color: #fff;
    font-size: 25px;
    position: fixed;
    top: -300px;
    left: -770px;
    font-size: 1200px;
    opacity: .1;
	margin:0px;
	padding:0px;
}
.slow-spin {
  -webkit-animation: a 5s infinite linear;
  animation: a 5s infinite linear;
}
.loadingScreen .loadScreenStepIndicator { font-size:14px; color:#fff; letter-spacing:1px; margin-top:15px; text-transform:uppercase;}

.UISetCol .ui-button {
    background-color: #212C36;
}
.borderRow input[type=checkbox]:not(old)+label>i, .borderRow input[type=radio]:not(old)+label>i {
	width: 15px;
    height: 15px;
	}
.borderRow input[type=radio]:not(old):checked+label>i>i {
    width: 11px;
    height: 11px;}
.borderRow input[type=radio]:not(old):checked+label>i>i {
    margin: 0px;}
#imageControlButtonset .buttonSetRow { margin-top:10px;}

.UISetRow.ImageFXRow .UISetCol {
    background-color: #212C36;
    color: #fff;
	padding:0px;
	}
.UISetRow.ImageFXRow .UISetCol {
    padding: 0;
    height: 110px;
    padding-top: 5px;
	margin-bottom: 2px;
}
.UISetRow.ImageFXRow .UISetCol .collabel {
	margin-bottom:5px;}
.UISetCol .ui-button.is-primary { background-color:#CD2A63!important; }
.onoffswitch-inner:before {
    background-color: #CD2A63;
}
#imageTabs-shadow .sliderRow { margin-bottom:5px}

#borderControls .ui-slider-horizontal {
	}
#imageTabs-border .border-slider-title { text-align: center; padding-top:0px;}
.border-color-picker {
    height: 22px;
    margin-bottom: 0px;
	}
.imageOptionsDialog .ui-dialog-title, .textOptionsDialogOuter .ui-dialog-title, .customFieldOptionsDialog .ui-dialog-title {
    padding-left: 34px;
    font-size: 16px;
}
.dialogGeneralConfirm .ngConfirmDialog, .dialogGeneralConfirm #dlgNewLayout, #dlgFieldIssue, #dlgHaveIssue {
    background: #DDDDDD;}
.fontSizeWrapper {
    padding: 5px;
    background: #212C36;
    padding-bottom: 2px;
}
.textoptions-type label, .textoptions-texttypemode label, .textoptions-flow label, .advanced-lineHeight label,
.advanced-charSpacing label, .advanced-wordSpacing label, .advanced-paragraphSpacing label {
    color: #fff;
}
#textTabs-advanced .fittoboxtextoptions-row input:checked+label {
    background-color: #212C36;
}
#textTabs-advanced .fittoboxtextoptions-row input+label .op_on {
    background-color: #CD2A63;
}
.advanced-lineHeight span, .advanced-charSpacing span, .advanced-wordSpacing span, .advanced-paragraphSpacing span {
    color: #fff;
}
.backgroundSelectorContainer .backgroundCategoryContainer .backgroundItemContainer .backgroundItem .backgroundColor {
    display: inline-block!important;
}

.backgroundItem_clear {
	background: #EAEAEA;
	color: #212C36;
	margin-bottom: 0px;
}

.backgroundItem_colorPicker {
	background: #EAEAEA;
	color: #212C36;
	margin-bottom: 0px;
}

.backgroundSelectorContainer .backgroundCategoryContainer .backgroundItemContainer {
    text-align: center;
    border-top: solid 1px #ccc;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-top: 5px;
}
.backgroundSelectorContainer .backgroundCategoryContainer h3 {
    padding: 5px;
    font-size: 14px;
    margin: 0;
    color: #212C36;
}
.backgroundSelectorContainer .backgroundCategoryContainer {
    background: rgb(234, 234, 234);
    margin-bottom: 5px;
    padding: 4px;
}

.pageSelectorItem .pageMarker {background: #CD2A63;}
.pageSelectorItem .deletePage {
    position: absolute;
    top: 10px;
    right: 20px;
    border-radius: 0px;
    border: none;
    background: #CD2A63;
}
.East-Pagelist .pageSelectorItem .pageMarker {
    top: 50%;
    margin-top: -18px;
}

.pageSelectorItem {
    box-shadow: 1px 1px 2px 2px rgba(50,50,50,0.1);
}
.pageListInnerWrapper {
    background: #EAEAEA;
}
.ui-layout-southh_inner .buttonContainer.leftSide {
    width: 70%;
    position: relative;
    margin-top: -5px;
    left: -5px;
    height: 135px;
    background: #EAEAEA;
    padding: 15px;
    border-right: solid 1px #DEDEDE;
}
.ui-layout-southh_inner .buttonContainer.rightSide .nextStepButton {
    float: left;
    margin: 0px 10px 10px 0;
}
.addPageButton {
    position: absolute;
    z-index: 3;
    left: 89px;
    top: 21px;
    margin-top: 0;
}

.modal-content {
    min-width: 300px;
    background: #EAEAEA;
    color: #19242D;
}
.modal-header {
    background-color: #19242D;
    border-bottom: solid 1px #000;
    margin-bottom: 10px;
}
.modal-footer {
    background-color: #EAEAEA;
    border-top: 1px solid #CFCFCF;
}
.modal-body .meuiLabel {
    text-align: left;
    display: inline-block;
    padding: 7px;
    color: #19242D;
}
.modal-body input, .modal-body select, .modal-body textarea {
    padding: 6px;
    box-sizing: border-box;
    border: solid 1px #ccc;
}
.fakeUploadTarget {
    background-color: #212C36;
}
/* #212C36 */
.modal-body button, .meuiUploadButton, .modal-body .script_upload_button {
    border-radius:0px;
    background:#212C36;
    border:0px;
    padding-left:10px;
    padding-right:10px;

}
    .modal-body button:hover, .meuiUploadButton:hover {
        background:#CD2A63!important;
    }
.meuiStackLayout .meuiTabBodies, .meuiTabBodies {
        background-color: #F6F6F6;
    border: solid 1px #ccc;
        top: -1px;
}
.meuiStackLayout .meuiTabHeaderItem, .meuiTabHeaderItem {
    background-color: #212C36;
    margin-right: 0px;
    margin-left: 1px;
}
.meuiStackLayout .meuiTabHeaderItem:hover, .meuiTabHeaderItem:hover {
    background-color:#CD2A63;
}

.meuiStackLayout .meuiCurrentTabHeaderItem, .meuiCurrentTabHeaderItem {
    background: #F6F6F6!important;
    color: #212C36;
    border: solid 1px #ccc;
    border-bottom: #F6F6F6;
    z-index: 2;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .tab_Title {
        color: #212C36;
}
#customFieldOptionsDialog table {
        background-color: #F6F6F6!important;
    border: solid 10px #F6F6F6!important;
}
#customFieldOptionsDialog .meuiLabel {
    color: #212C36!important;
}
.alert-dismissable .close {
    position: relative;
    top: -10px;
    right: -7px;
    color: inherit;
}
.backgroundSelectorContainer .backgroundCategoryContainer .backgroundItemContainer .backgroundItem .backgroundColor, .backgroundItem img  {
    width: 70px !important;
    height: 70px !important;
}
#imageTabs-shape .imageshapes {
    height: 289px;
    background-color: #212C36;
    padding: 2px;
}
.imageTab.ui-tabs-active.imageTabs_shape .icon {
    background: url(/-886238208/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/editTabsImageMap.png) -75px 0;
}
#imageTabs-shape .mask_group_container {
    background-color: #171E25;
    color: #fff;
}
#imageTabs-shape .maskContainer {
    width: 25%;
    height:70px;
}
#imageTabs-shape .maskContainer img {
    width: 100%;
    height: 100%;
    display: block;
}

.pageSelectorItem .deletePage {
    position: absolute;
    top: -4px;
    right: -5px;
    border-radius: 0;
    border: 0;
    background: #CD2A63;
    font-size: 10px;
    width: 17px;
    height: 17px;
    padding: 0px;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #4a535a;
    border-color: #212c36;
}
#addToBasketButton.add_to_basket_from_preview {
        position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 7px;
    padding-left: 14px;
    padding-right: 14px;
}
.clearBackgroundItem {
	width: 47px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: -145.7rem 0;
	background-image: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/me-initial-icons.png");
	background-size: auto 67rem;
	border: solid 1px #444D57;
}

.clearBackgroundItem:hover {
	border: solid 1px #fff;
}

.colorPickerBackgroundItem {
	width: 47px;
	height: 43px;
	background-repeat: no-repeat;
	background-position: -5.6rem 0;
	background-image: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/me-initial-icons.png");
	background-size: 113px 4rem;
	border: solid 1px #444D57;
}

.colorPickerBackgroundItem:hover {
	border: solid 1px #fff;
}

.backgroundColorpicker_container {
	display: flex;
	align-items: center;
}

.backgroundColorpicker_text-container {
	margin-left: 1rem;
	text-align: left;
}.pagelist_title {
    position: absolute;
    color: #fff;
    margin-left: 10px;
}

.pageSelectorContainerScroller {
    padding-top: 30px;
}

.pageSelectorItem {
    margin-top: 5px;
}

.East-Pagelist .pagelist_title {
    display: none;
}

.East-Pagelist .addPageButton {
    position: absolute;
    z-index: 3;
    left: 19px;
    top: 0px;
    margin-top: 0px;
    right: 29px;
    padding: 0px;
}

.East-Pagelist .pageSelectorContainer {
    margin-left: 0;
}

.warningIcon {
    float: left;
    margin-right: 10px;
    border: none;
    padding: 12px 12px !important;
    color: #fff;
    box-shadow: none;
    background-color: #f39c12;
}

.bottom-bar-actions-bottom {
    float: right;
    width: 100%;
    max-width: calc(100% - 70px);
    height: 100%;
    overflow: hidden;
}

.warningIcon:hover {
    background-color: #f3a731;
}

.ui-dialog.issuesDialog {
    top: 50% !important;
    width: auto !important;
    left: 50% !important;
    height: auto !important;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
}

    .ui-dialog.issuesDialog #dlgHaveIssue {
        max-height: calc(100vh - 100px) !important;
        max-width: calc(100vh - 100px) !important;
        padding: 20px;
    }

    .ui-dialog.issuesDialog .page-card ul {
        list-style: none;
        text-align: center;
        padding: 0;
    }

        .ui-dialog.issuesDialog .page-card ul li {
            text-align: left;
            background: #ededee;
            margin: 0.2rem 0;
            padding: 0.2rem;
            border-radius: 2px;
            color: #333;
        }

    .ui-dialog.issuesDialog .page-card {
        background: #fff;
        display: inline-block;
        width: 200px !important;
        padding: 1rem;
        border-radius: 3px;
        border: 1px solid #ededee;
        margin: 4px;
        float: none;
        height: 150px;
        min-height: 150px;
        position: relative;
        vertical-align: top;
    }

    .ui-dialog.issuesDialog .page-card.auto-height {
        height: auto;
        min-height: auto;
    }

        .ui-dialog.issuesDialog .page-card .page-number {
            text-align: center;
            margin-top: 0.4rem;
        }

        .ui-dialog.issuesDialog .page-card .page-actions button {
            width: calc(100% - 18px);
            padding: 6px;
            position: absolute;
            bottom: 9px;
            margin: 0 auto;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }
.megaEditBodyClass-EmbeddedMode .ui-layout-pane {
  background: #EAEAEA;
}
.megaEditBodyClass-EmbeddedMode .ui-tabs .ui-tabs-panel {
  background:#445661;
}
.megaEditBodyClass-EmbeddedMode .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background: #445661;
}
.megaEditBodyClass-EmbeddedMode .ui-widget-header {
  background: #445661;
}
.megaEditBodyClass-EmbeddedMode .ui-tabs {
  background: #445661;
}
.megaEditBodyClass-EmbeddedMode .ui-layout-resizer {
  background: #DEDEDE;
}
.megaEditBodyClass-EmbeddedMode .ui-draggable .ui-dialog-titlebar {
  background-color: #1F1F1F!important;
}
.megaEditBodyClass-EmbeddedMode a.btn {
  color: #343A41;
}
.megaEditBodyClass-EmbeddedMode .btn-me {
  background: #445661;
  border: none;
  border-radius: 0px;
  color: #fff!important;
}
.megaEditBodyClass-EmbeddedMode .btn-primary, .megaEditBodyClass-EmbeddedMode .btn-success {
  color: #fff;
  background: #406DB3;
  border-radius: 0px;
  box-shadow: none;
  border: none;
}
.megaEditBodyClass-EmbeddedMode .undoRedoContainer {
  display: inline-block;
  vertical-align: baseline;
}
.megaEditBodyClass-EmbeddedMode .ui-tabs .ui-tabs-nav li {
  background: #637682;
}
.megaEditBodyClass-EmbeddedMode .drawing_settings_container {
  padding: 10px;
  background-color: #EAEAEA;
  border-top: solid 1px #DEDEDE;
  color: #000;
}
.megaEditBodyClass-EmbeddedMode .drawing_line_width_container {
  margin-top: 3px;
  border-top: solid 1px #DEDEDE;
  padding-top: 5px;
}
.megaEditBodyClass-EmbeddedMode .line_color_container {
  height: 25px;
  border-top: solid 1px #DEDEDE;
  padding-top: 5px;
}
.megaEditBodyClass-EmbeddedMode .onoffswitchDrawing-inner:before {
  content: "Drawing on";
  padding-left: 10px;
  background-color: #406DB3;
  color: #FFF;
}
.megaEditBodyClass-EmbeddedMode .onoffswitchDrawing-inner:after {
  content: "Drawing off";
  padding-right: 10px;
  background-color: #445661;
  color: #FFF;
  text-align: right;
}
.megaEditBodyClass-EmbeddedMode .currentCanvasSizeWrapper .current_prod_name, .megaEditBodyClass-EmbeddedMode .currentCanvasSizeWrapper .canvasSizeTitle, .currentCanvasSizeWrapper .canvasSize {
    background-color: #EAEAEA;
	border-color:#DEDEDE;
  color: #7F848C;
}
.megaEditBodyClass-EmbeddedMode .me_branding {
  position: fixed;
  top: 40px;
  width: 200px;
  left: 50%;
  margin-left: -100px;
}
.megaEditBodyClass-EmbeddedMode .loadingScreen .loadingLogo {
    background-image:none;

}
.megaEditBodyClass-EmbeddedMode .loadingScreen, .megaEditBodyClass-EmbeddedMode .addtoBasketScreen {
	background:#eaeaea;
	  -webkit-box-shadow: none;
  -moz-box-shadow:none;
  box-shadow:none;}
 .megaEditBodyClass-EmbeddedMode .loadingScreen .loadingLogo .loadingSpinner {
	     margin-top: 40px;
	 } 
.megaEditBodyClass-EmbeddedMode .me_quick_menu .q_menu_show_button, .megaEditBodyClass-EmbeddedMode .me_quick_menu .q_menu_hide_button {
  background: #DDDDDD!important;
  border-color: #CDCDCD!important;
  color: #7F848C!important;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 1)!important;
}
.megaEditBodyClass-EmbeddedMode .ui-dialog {
  -webkit-box-shadow: 0 0 15px 0 rgba(50,50,50,0.4);
  -moz-box-shadow: 0 0 15px 0 rgba(50,50,50,0.4);
  box-shadow: 0 0 15px 0 rgba(50,50,50,0.4);
  background: #445661!important;
}
.megaEditBodyClass-EmbeddedMode .dialogGeneralConfirm .ngConfirmDialog, .megaEditBodyClass-EmbeddedMode .dialogGeneralConfirm #dlgNewLayout,.megaEditBodyClass-EmbeddedMode  #dlgFieldIssue, .megaEditBodyClass-EmbeddedMode #dlgHaveIssue {  background: #445661;  -webkit-box-shadow: inset 0 0 50px 0 rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0 0 50px 0 rgba(0,0,0,0.75);box-shadow: inset 0 0 50px 0 rgba(0,0,0,0.75);}
.megaEditBodyClass-EmbeddedMode .me_quick_menu .q_menu_container {background: #eaeaea!important;}
.megaEditBodyClass-EmbeddedMode .fakeUploadTarget {
  background: rgba(68, 86, 97, 1);
  background-size: 50px 50px;
}
.megaEditBodyClass-EmbeddedMode .ui-tabs .ui-tabs-nav li.ui-state-hover {
	background: #406DB3;}
.megaEditBodyClass-EmbeddedMode .editorLeft .ui-tabs .ui-tabs-panel {
  background: #EAEAEA;
}
.megaEditBodyClass-EmbeddedMode .editorLeft .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background: #EAEAEA;
}

.megaEditBodyClass-EmbeddedMode .WorkflowNavigator {
  position: relative;
  float: left;
  background-color: #406DB3;
  margin-right: 10px;
}

.megaEditBodyClass-EmbeddedMode .WorkflowNavigator:hover {
  background-color:#9E2D56;
}
.megaEditBodyClass-EmbeddedMode .WorkflowNavigator a, .megaEditBodyClass-EmbeddedMode .WorkflowNavigator a:hover {
	color: #fff;
  padding: 10px;
  text-decoration: none;
  position: relative;
  float: left;}	
.megaEditBodyClass-EmbeddedMode .section-header .title, .megaEditBodyClass-EmbeddedMode .saveButtonWrapper, .yearbook-studententries-editor .title {
  background-repeat: repeat-x;
  border-bottom: 0 none;
  color: #445661;
  padding: 5px 10px;
  position: relative;
  font-size: 16px;
  margin-top: 10px;
}
.megaEditBodyClass-EmbeddedMode .t-widget, .megaEditBodyClass-EmbeddedMode .t-input {
  border-width: 0;
  border-color: #EAEAEA;
  background: #fff;
}
.megaEditBodyClass-EmbeddedMode .t-grid .t-header, .megaEditBodyClass-EmbeddedMode .t-grid .t-header .t-link {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: .866em;
  line-height: 2.6em;
  color: #FFF;
  background: #445661;
}
.megaEditBodyClass-EmbeddedMode #blockable {
  background-color: #F3F3F3;
}    
.megaEditBodyClass-EmbeddedMode .validation-summary-errors {
  border: #C02D3E solid 1px;
  padding: 5px;
  background: #fff;
  position: fixed;
  top: 10px;
}
.megaEditBodyClass-EmbeddedMode .cf_imageView_container {
  width: 100%;
  min-height: 150px;
  text-align: center;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
}
.megaEditBodyClass-EmbeddedMode .cf_imageViewer_image {
  display: block;
  vertical-align: middle;
  margin-top: 100px;
}
.megaEditBodyClass-EmbeddedMode .messagesContainer {
  padding: 0px!important;
}
.megaEditBodyClass-EmbeddedMode .buttonContainer.rightSide .priceHeader, .megaEditBodyClass-EmbeddedMode .buttonContainer.rightSide .price {
  color: #445661!important;
}    
.megaEditBodyClass-EmbeddedMode .loadScreenStepIndicator.loadStepClass_0_6, .megaEditBodyClass-EmbeddedMode .loadScreenStepIndicator.loadStepClass_1_6, .megaEditBodyClass-EmbeddedMode .loadScreenStepIndicator.loadStepClass_2_6, .megaEditBodyClass-EmbeddedMode .loadScreenStepIndicator.loadStepClass_3_6, .megaEditBodyClass-EmbeddedMode .loadScreenStepIndicator.loadStepClass_4_6, .megaEditBodyClass-EmbeddedMode .loadScreenStepIndicator.loadStepClass_5_6, .megaEditBodyClass-EmbeddedMode .loadScreenStepIndicator.loadStepClass_6_6 {
  color: #858585!important;}	
.megaEditBodyClass-EmbeddedMode #frmComments { color:#fff;} 
.megaEditBodyClass-EmbeddedMode .btn-me {
       background-color:  #222222!important;
    border: solid 0px #ccc!important;
    color: #FFF!important;
    box-shadow: none!important;
	-webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
	    text-shadow: none;
}
.megaEditBodyClass-EmbeddedMode #imageControlButtonset .ui-button:hover, .megaEditBodyClass-EmbeddedMode .btn-me:hover {
    background-color: #406DB3!important;
    border: solid 0px #ccc!important;
    color: #FFF!important;
    box-shadow: none!important;
}
.megaEditBodyClass-EmbeddedMode .btn-primary:hover, .megaEditBodyClass-EmbeddedMode .btn-primary:focus, .megaEditBodyClass-EmbeddedMode .btn-success:hover, .megaEditBodyClass-EmbeddedMode #imageControlButtonset .ui-button.ui-state-hover {     background-color: #1657B6!important;}

.megaEditBodyClass-EmbeddedMode .imageTab.imageTabs_photo.ui-tabs-active .icon {
    background: url(/853884286/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/editTabsImageMap.png) 0 0;
}
.megaEditBodyClass-EmbeddedMode .imageTab.imageTabs_effect.ui-tabs-active .icon {
    background: url(/853884286/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/editTabsImageMap.png) -25px 0;
}
.megaEditBodyClass-EmbeddedMode .textTab.textTabs_photo.ui-tabs-active .icon {
    background: url(/853884286/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/editTabsImageMap.png) 0 0;
}
.megaEditBodyClass-EmbeddedMode .textTab.textTabs_advanced.ui-tabs-active .icon {
    background: url(/853884286/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/editTabsImageMap.png) -25px 0;
}
.megaEditBodyClass-EmbeddedMode .imageTab.imageTabs_border.ui-tabs-active .icon, .megaEditBodyClass-EmbeddedMode .textTab.textTabs_borde.ui-tabs-activer .icon {
    background: url(/853884286/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/editTabsImageMap.png) -50px 0;
}
.megaEditBodyClass-EmbeddedMode .imageTab.imageTabs_shadow.ui-tabs-active .icon, .textTab.textTabs_shadow.ui-tabs-active .icon {
    background: url(/853884286/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/editTabsImageMap.png) 0 -25px;
}
.megaEditBodyClass-EmbeddedMode .imageTab.imageTabs_details.ui-tabs-active .icon, .megaEditBodyClass-EmbeddedMode .textTab.textTabs_details.ui-tabs-active .icon {
    background: url(/1264342086/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/appbar.monitor.identify.png) no-repeat center center;
    background-size: 40px 40px;
}
.megaEditBodyClass-EmbeddedMode .ui-widget-header {
    background: #1F1F1F;
}
.megaEditBodyClass-EmbeddedMode .ui-tabs .ui-tabs-nav li {
    background: #1F1F1F;
}
.megaEditBodyClass-EmbeddedMode .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #EAEAEA;
}
.megaEditBodyClass-EmbeddedMode .ui-tabs .ui-tabs-nav li.ui-state-hover {
    background: #406DB3;
}
.megaEditBodyClass-EmbeddedMode .ui-tabs .ui-tabs-panel {
    background: #EAEAEA;
    color: #333;
}
.megaEditBodyClass-EmbeddedMode .UISetCol, .megaEditBodyClass-EmbeddedMode .sliderRow {background-color: #CBC8C8;}
.megaEditBodyClass-EmbeddedMode .ui-tabs {
    background: #EAEAEA;
}
.megaEditBodyClass-EmbeddedMode #imageTabs-details .imageOptions, .megaEditBodyClass-EmbeddedMode #textTabs-details .textOptions {    color: #FFFFFF;background: #1F1F1F;}
.megaEditBodyClass-EmbeddedMode .imageOptionsDialog.ui-dialog .ui-dialog-titlebar, .megaEditBodyClass-EmbeddedMode .textOptionsDialogOuter .ui-dialog-titlebar {
    padding: 5px;
    line-height: 22px;
}
.megaEditBodyClass-EmbeddedMode .pageListInnerWrapper {
    background: rgb(222, 222, 222);
}
.megaEditBodyClass-EmbeddedMode .pageSelectorItem, .megaEditBodyClass-EmbeddedMode .pagelist_title { color:#464646!important;}
.megaEditBodyClass-EmbeddedMode .pageSelectorItem {box-shadow: 0 0 2px 2px rgba(50,50,50,0.5);}
.megaEditBodyClass-EmbeddedMode .fakeUploadTarget {
    background: rgb(31, 31, 31);
    background-size: 50px 50px;
}
.megaEditBodyClass-EmbeddedMode .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close, .megaEditBodyClass-EmbeddedMode .imageOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover, .megaEditBodyClass-EmbeddedMode .textOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close, .megaEditBodyClass-EmbeddedMode .customFieldOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover, .megaEditBodyClass-EmbeddedMode .effectRow input[type=checkbox]:not(old):checked+label, .megaEditBodyClass-EmbeddedMode .effectRow input[type=radio]:not(old):checked+label,
.megaEditBodyClass-EmbeddedMode .effectRow label:hover,
.megaEditBodyClass-EmbeddedMode #sharpnessControlButtonset input[type=radio]:checked + label.ui-button, .megaEditBodyClass-EmbeddedMode #textTabs-advanced .fittoboxtextoptions-row input+label .op_on, 
.megaEditBodyClass-EmbeddedMode .onoffswitch-inner:before {
	 background-color: #406DB3!important;
	  }

.megaEditBodyClass-EmbeddedMode .textOptionsDialog.ui-dialog-content {
    background: none repeat scroll 0 0 #EAEAEA;
}	  
.megaEditBodyClass-EmbeddedMode #textTabs-advanced .fittoboxtextoptions-row input+label {
    color: #fff;}
.megaEditBodyClass-EmbeddedMode #textTabs-advanced .fittoboxoptions-row {
    background-color: #D7D2D2;
    margin-bottom: 10px;
}	
.megaEditBodyClass-EmbeddedMode #textTabs-advanced .font_size_limits input {     border: solid 2px #D7D2D2; }
.megaEditBodyClass-EmbeddedMode .ui-dialog .ui-dialog-content {
    background: #FFFFFF;
    color: #444;
}
.megaEditBodyClass-EmbeddedMode .ui-dialog {
    background: #1F1F1F!important;
}
.megaEditBodyClass-EmbeddedMode .ui-widget-content .ui-state-hover, .megaEditBodyClass-EmbeddedMode .ui-widget-header .ui-state-hover, .megaEditBodyClass-EmbeddedMode .ui-widget-content .ui-state-hover, .megaEditBodyClass-EmbeddedMode .ui-state-focus {background-color: #1D72EF!important;}
.megaEditBodyClass-EmbeddedMode .ui-widget-header .ui-state-focus {
    background-color:#EAEAEA!important;
}
.megaEditBodyClass-EmbeddedMode .dialogGeneralConfirm .ngConfirmDialog, .megaEditBodyClass-EmbeddedMode .dialogGeneralConfirm #dlgNewLayout, .megaEditBodyClass-EmbeddedMode #dlgFieldIssue, .megaEditBodyClass-EmbeddedMode #dlgHaveIssue {     box-shadow: none; }

.megaEditBodyClass-EmbeddedMode .btn-success:hover, .megaEditBodyClass-EmbeddedMode .btn-success:focus {
    background-color: #406DB3!important;}
.megaEditBodyClass-EmbeddedMode .currentCanvasSizeWrapper .canvasSize {
    background-color: #222222;
    color: #fff;
}
.megaEditBodyClass-EmbeddedMode .OCC_settings .nav-tabs li.active a {
    background-color: #1F1F1F;
    border-color: #1F1F1F;
    color: #fff;
}
.megaEditBodyClass-EmbeddedMode .OCC_settings .tab-content {
    background-color: #1F1F1F;
    border: solid 2px #1F1F1F;
}
.megaEditBodyClass-EmbeddedMode .OCC_settings .canvasSelectorArea {
    background-color: #eee;
}
.megaEditBodyClass-EmbeddedMode #dlgEditorSettings .SnapOptions .snap_label {
    background-color: #1F1F1F;
        color: #fff;
}
.megaEditBodyClass-EmbeddedMode #dlgEditorSettings .SnapOptions input:checked + label {
    background-color: #1C6FE9;
}
.megaEditBodyClass-EmbeddedMode .GS_window_title {

    background: #1F1F1F;
    color: #fff;
}
.megaEditBodyClass-EmbeddedMode .GS_options_container, .megaEditBodyClass-EmbeddedMode .GS_filters_container {
        background: #1F1F1F;
    color: #fff;
}
.megaEditBodyClass-EmbeddedMode .GS_options_container .GS_sort, .megaEditBodyClass-EmbeddedMode .GS_options_container .GS_thumbnail_sizes, .megaEditBodyClass-EmbeddedMode .GS_filters_container .GS_titles .GS_filters_toggle {
    background: #ccc;
    color: #000;
}
.megaEditBodyClass-EmbeddedMode .GS_filters_container .GS_filters .GS_filter .GS_filter_title {
        background: #FFFFFF;
    color: #000;
}
.megaEditBodyClass-EmbeddedMode .GS_thumbnail_sizes input[type=radio] + label {
    background-color: #1F1F1F;
}
.megaEditBodyClass-EmbeddedMode #previewView {
      background: #eee!important;
}
.megaEditBodyClass-EmbeddedMode .cf_imageViewer_pageCounter {color: #222;
}.megaEditMobileMode {
    display: block;
}
    /*
.megaEditMobileMode * {
	-webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
	box-sizing: border-box;
}
*/
    .megaEditMobileMode .mobile_only_inline {
        display: inline-block !important;
    }

    .megaEditMobileMode .mobile_only_block {
        display: block !important;
    }

    .megaEditMobileMode .mobile_hide {
        display: none !important;
    }

    .megaEditMobileMode .me_quick_menu, .megaEditMobileMode .MEmicroheader, .megaEditMobileMode .currentCanvasSizeWrapper {
        display: none;
    }

    body.megaEditMobileMode, .megaEditMobileMode .megaEditMainContainer,
    .megaEditMobileMode .DynamicProductWrapper {
        display: block;
        position: absolute;
        overflow: hidden;
        width: auto !important;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
    }

    .megaEditMobileMode .editorMain {
        display: block;
        position: absolute;
        overflow: hidden;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
    }

    .megaEditMobileMode .editorMain {
        display: block;
        top: 40px;
        left: 0px;
        right: 0px;
        bottom: 40px;
    }

    .megaEditMobileMode .editorTop {
        display: block;
        position: absolute;
        top: 0px;
        height: 40px;
        box-sizing: border-box;
        margin: 0px;
        width: auto !important;
        background: #212c36;
        left: 0px;
        right: 0px;
        overflow: hidden;
    }

    .megaEditMobileMode .editorBottom {
        display: block;
        position: absolute;
        bottom: 0px;
        height: 40px;
        box-sizing: border-box;
        margin: 0px;
        width: auto !important;
        background: #212c36;
        left: 0px;
        right: 0px;
        overflow:visible;
    }
     .megaEditMobileMode .warningIcon {
        position: absolute;
        right: 10px;
        top: -50px;
         line-height: 1 !important;
    }
    .megaEditMobileMode .me-helper {
        bottom: 50px;
    }
    .megaEditMobileMode .editorLeft {
    display: block;
    position: absolute;
    width: 200px !important;
    top: 0;
    margin: 0;
    bottom: 0;
    left: 0px; /* Active */
    left: -200px; /* Hidden */
}

    .megaEditMobileMode #previewView {
        display: block;
    }

    .megaEditMobileMode #dialogs {
        display: block;
    }

    .megaEditMobileMode #popupInstructionView {
        display: block;
    }

    .megaEditMobileMode .toggleCollapseTab {
        display: none !important;
    }

    .megaEditMobileMode .Low_res_viewport_msg {
        display: none !important;
    }

    .megaEditMobileMode .buttonContainer.leftSide {
        float: left;
        margin-top: 0px;
    }

    .megaEditMobileMode .buttonContainer.rightSide {
        float: right;
        margin-top: 0px;
    }

    .megaEditMobileMode .buttonContainer {
        padding: 0px;
    }

        .megaEditMobileMode .btn, .megaEditMobileMode .btn-me, .megaEditMobileMode .buttonContainer.rightSide .buttonsContainer .btn-lg {
            margin: 0 !important;
            margin-left: 0px;
            padding: 0px;
            height: 40px;
            line-height: 40px;
            padding-left: 10px;
            padding-right: 10px;
            font-size: 14px;
            float: left;
            min-width: 40px;
        }

            .megaEditMobileMode .btn i, .megaEditMobileMode .btn-me i,
            .megaEditMobileMode .buttonContainer.rightSide .buttonsContainer .btn-lg i {
                font-size: 18px;
            }

    .megaEditMobileMode .saveProjectButton {
        background: #212c36;
    }

    .megaEditMobileMode .ui-dialog {
            position: absolute!important;
    height: 90vh!important;
    width: 90vw!important;
    top: 50%!important;
    left: 50%!important;
    display: block;
    bottom: initial!important;
    right: initial!important;
    overflow: hidden!important;
    max-width: 900px;
    max-height: 600px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    }

        .megaEditMobileMode .ui-dialog .ui-dialog-content {
            width: auto !important;
            min-height: 0px !important;
            max-height: none !important;
            height: auto !important;
            width: 100%;
            position: absolute;
            top: 40px;
            left: 0px;
            right: 0px;
            bottom: 40px;
        }
        .megaEditMobileMode .ui-dialog.ui-colorpicker .ui-dialog-content {
    width: 100%!important;
    min-height: 0!important;
    max-height: none!important;
    height: auto!important;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 40px;
    display: block;
}
            .megaEditMobileMode .ui-dialog .ui-dialog-content img,
            .megaEditMobileMode .ui-dialog .ui-dialog-content iframe {
                max-width: 100%;
            }

        .megaEditMobileMode .ui-dialog .ui-resizable-handle {
            display: none !important;
        }

        .megaEditMobileMode .ui-dialog .ui-dialog-buttonpane {
            position: absolute;
            bottom: 0px;
            width: 100%;
            padding: 0px;
            margin: 0px;
            box-sizing: border-box;
        }

            .megaEditMobileMode .ui-dialog .ui-dialog-buttonpane button {
                margin: 0px;
            }

            .megaEditMobileMode .ui-dialog .ui-dialog-buttonpane button {
                margin: 0px;
                cursor: pointer;
                height: 40px;
                min-width: 40px;
                margin-left: 1px;
                background-color: #CD2A63;
                color: #fff;
            }

        .megaEditMobileMode .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
            background-color: #CD2A63;
        }

    .megaEditMobileMode .viewButton.separator, .megaEditMobileMode .viewControlButton.fullScreen {
        display: none;
    }

    .megaEditMobileMode .fa {
        margin: 0px;
    }

    .megaEditMobileMode .editorBottom .buttonContainer.leftSide {
        display: none;
    }



.megaEditMobileMode .ui-layout-southh_inner .buttonContainer.rightSide {
    width: auto;
    display: flex;
}

    .megaEditMobileMode .buttonContainer.rightSide .buttonsContainer .price,
    .megaEditMobileMode .buttonContainer.rightSide .buttonsContainer .no-price {
        font-size: 14px;
        color: #fff !important;
        display: inline-block;
        height: 43px;
        vertical-align: middle;
    }

    .megaEditMobileMode .editorLeft, .megaEditMobileMode .editorLeft .ui-layout-content, .megaEditMobileMode .editorLeft .ui-layout-content > div, .megaEditMobileMode .editorLeft .ui-layout-content > div #leftPaneTabs {
        overflow: visible !important;
    }

        .megaEditMobileMode .editorLeft .ui-layout-content {
            position: absolute;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
        }

        .megaEditMobileMode .editorLeft .ui-tabs .ui-tabs-panel {
            height: 100% !important;
            border: solid 3px #343c44;
            background: #343c44;
        }

        .megaEditMobileMode .editorLeft .ui-tabs .ui-tabs-nav {
            margin: 0;
            padding: 0;
            position: absolute;
            right: -39px;
            width: 39px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .megaEditMobileMode .ui-tabs .ui-tabs-nav li {
        margin: 0px;
        padding: 0px;
    }
    
    .megaEditMobileMode .megaEditMainContainer {
        background-color: #f7f7f7;
    }

    .megaEditMobileMode .zoom_options .btn, .megaEditMobileMode .zoom_options2 .btn {
        font-size: 22px;
        padding-left: 4px;
        padding-right: 4px;
        height: auto;
        line-height: 19px;
        background-color: transparent !important;
        color: #212c36 !important;
    }

    .megaEditMobileMode .zoom_options {
        position: absolute;
        top: 5px;
        left: initial;
        right: 5px;
        padding: 3px;
        opacity: 1;
        width: 35px;
    }

    .megaEditMobileMode .ui-tabs .ui-tabs-panel {
        padding: 0px;
    }

    .megaEditMobileMode .fileUploadWrapper {
        margin-bottom: 0px;
    }

    .megaEditMobileMode .btn-me.album_settings_button {
        height: 30px;
        margin-top: 5px !important;
        line-height: 11px;
    }

    .megaEditMobileMode .select_album_dd {
        width: 154px;
        border: none;
        height: 30px;
    }

    .megaEditMobileMode .fileupload-buttonbar .btn, .megaEditMobileMode .fileupload-buttonbar .toggle {
        font-size: 14px;
        margin: 0px;
    }

    .megaEditMobileMode #consoleSwitch {
        display: none;
    }

.editorFieldOption {
    display: none;
}

.megaEditMobileMode .editorFieldOption {
    display: initial !important;
}

    .megaEditMobileMode .editorFieldOption .FieldOptionTop {
        position: absolute;
        top: -40px;
        height: 40px;
        left: 0px;
        right: 0px;
        background-color: #cd2a63;
        z-index: 10;
    }

        .megaEditMobileMode .editorFieldOption .FieldOptionTop .memui_show_advoptions {
            float: right;
        }

    .megaEditMobileMode .editorFieldOption .FieldOptionBottom {
        position: absolute;
        bottom: -40px;
        height: 40px;
        left: 0px;
        right: 0px;
        background-color: #cd2a63;
        z-index: 10;
    }

    .megaEditMobileMode .editorFieldOption .FieldOptionRight {
        position: absolute;
        width: 200px;
        right: -200px;
        top: 0px;
        bottom: 0px;
        background: #eaeaea;
        z-index: 10;
        display:none;
    }

.megaEditMobileMode div.tooltip, .megaEditMobileMode .fakeUploadTarget {
    display: none !important;
}

.megaEditMobileMode input, .megaEditMobileMode select, .megaEditMobileMode textarea {
    border-radius: 0;
    border: none;
    box-sizing: border-box;
    box-shadow: none;
}

.megaEditMobileMode .memobilePageClass {
    position: relative;
    float: left;
}

.megaEditMobileMode .memobilePageClass i {
    font-size: 24px;
    line-height: 40px;
}
    
.memobilePageClass.buttons {
    direction: ltr;
}

.megaEditMobileMode .pagenrbtn {
    min-width: 100px;
}

.megaEditMobileMode .drawing_settings_container {
    padding: 10px;
    background-color: #343c44;
    border-top: solid 1px #212c36;
    color: #f7f7f7;
}

.megaEditMobileMode .galleryWrapper, .megaEditMobileMode .uploadList {
    background: #343c44;
    padding: 0px;
    border: 0;
}

.megaEditMobileMode .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.megaEditMobileMode .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.megaEditMobileMode .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: pointer;
}

.megaEditMobileMode .mCSB_scrollTools .mCSB_draggerContainer {
    margin: 0px;
}

.megaEditMobileMode .mCSB_scrollTools a {
    display: none !important;
}

.megaEditMobileMode .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(255,255,255,0.9);
}

.megaEditMobileMode .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255,255,255,0.4);
}

.megaEditMobileMode .editorFieldOption .btn.btn-me {
    background-color: rgba(0,0,0,.1) !important;
}

.megaEditMobileMode .editorFieldOption .btn img {
    max-width: 30px;
    max-height: 30px;
    margin: -7px;
}

.megaEditMobileMode .editorFieldOption .center_options {
    display: inline-block;
    float: none;
}

.megaEditMobileMode .editorFieldOption.FieldOption_image .FieldOptionTop .center_options {
    width: 240px;
}

.megaEditMobileMode .editorFieldOption.FieldOption_image .FieldOptionBottom .center_options {
    width: 320px;
}

.megaEditMobileMode .editorFieldOption.FieldOption_text .FieldOptionTop .center_options {
    width: 280px;
}

.megaEditMobileMode .editorFieldOption.FieldOption_text .FieldOptionBottom .center_options {
    width: 320px;
}

.megaEditMobileMode .editorFieldOption.FieldOption_generic .FieldOptionTop .center_options {
    width: 160px;
}

.megaEditMobileMode .editorFieldOption.FieldOption_generic .FieldOptionBottom .center_options {
    width: 320px;
}

.megaEditMobileMode .editorFieldOption {
    text-align: center;
}

    .megaEditMobileMode .editorFieldOption .scaleRow.sliderRow {
        position: relative;
        float: left;
        width: 160px;
        background-color: #cd2a63;
    }

.megaEditMobileMode .ui-slider-horizontal .ui-slider-handle, .megaEditMobileMode .ui-slider-vertical .ui-slider-handle {
    background: #ffffff !important;
}

.megaEditMobileMode .ui-slider-horizontal {
    margin-top: 0px;
    border: solid 6px #cd2a63;
    background: #212c36;
}

.megaEditMobileMode .sliderRow .rowlabel {
    padding-bottom: 0px;
    padding-top: 2px;
    font-size: 10px;
    margin-bottom: -1px;
    color: #fff;
    text-align: center;
}

.megaEditMobileMode .move_to_buttons {
    position: relative;
    float: left;
    width: 40px;
    padding-top: 40px;
    height: 40px;
    overflow: hidden;
    background-color: #cd2a63;
}

    .megaEditMobileMode .move_to_buttons.active {
        height: 200px;
    }

    .megaEditMobileMode .move_to_buttons .mtb_move_icon {
        position: absolute;
        top: 5px;
        left: 3px;
        width: 32px;
    }

    .megaEditMobileMode .move_to_buttons.active .mtb_move_icon {
        opacity: .3;
    }

.megaEditMobileMode .editorFieldOption.FieldOption_text .FieldOptionBottom .fontSelectRow {
    position: relative;
    float: left;
}

.megaEditMobileMode .editorFieldOption.FieldOption_text .FieldOptionBottom .textButton {
    text-indent: 0px;
    width: 40px;
    background-color: #cd2a63 !important;
}

    .megaEditMobileMode .editorFieldOption.FieldOption_text .FieldOptionBottom .textButton.toggleButtonOn {
        background-color: #212c36 !important;
    }

.megaEditMobileMode .colorSelector.fontColor {
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    margin: 0px;
}

.megaEditMobileMode #alignmentButtonset input {
    display: none;
}

.megaEditMobileMode #alignmentButtonset .ui-button {
    height: 40px;
    width: 40px;
    background-position: center;
}

.megaEditMobileMode .HalignButtonset, .megaEditMobileMode .ValignButtonset {
    width: 40px;
    height: 40px;
    margin: 0;
    margin-top: -0px;
    position: relative;
    float: left;
    background-color: #CD2A63;
}

    .megaEditMobileMode .HalignButtonset.active, .megaEditMobileMode .ValignButtonset.active {
        height: 120px;
        margin-top: -80px;
    }

    .megaEditMobileMode .HalignButtonset input + label,
    .megaEditMobileMode .ValignButtonset input + label {
        display: none;
    }

    .megaEditMobileMode .HalignButtonset input:checked + label,
    .megaEditMobileMode .ValignButtonset input:checked + label,
    .megaEditMobileMode .HalignButtonset.active input + label,
    .megaEditMobileMode .ValignButtonset.active input + label {
        display: block;
    }

.megaEditMobileMode .fontSizeTypeWrapper .fontSizeSlider {
    position: relative;
    float: left;
    width: 100px;
}

.megaEditMobileMode .fontSizeTypeWrapper {
    position: relative;
    float: left;
    width: 80px;
    height: 40px;
    background: #212c36;
}

    .megaEditMobileMode .fontSizeTypeWrapper.active {
        width: 100%;
    }

    .megaEditMobileMode .fontSizeTypeWrapper .fontSizeUp,
    .megaEditMobileMode .fontSizeTypeWrapper .fontSizeDown {
        display: none;
    }

    .megaEditMobileMode .fontSizeTypeWrapper.active .fontSizeUp,
    .megaEditMobileMode .fontSizeTypeWrapper.active .fontSizeDown {
        display: block;
        background-color: #b92659 !important;
    }

    .megaEditMobileMode .fontSizeTypeWrapper .fontSizeSelector {
        position: relative;
        float: left;
        width: 40px;
        text-align: center;
        height: 40px;
        padding: 0px;
        line-height: 40px;
        background: #cd2a63;
        color: #fff;
        background: #212c36;
    }

    .megaEditMobileMode .fontSizeTypeWrapper.active .fontSizeSelector {
        background: #cd2a63;
    }

.megaEditMobileMode .FieldOption_text .fontSelect {
    position: relative;
    float: left;
    width: 120px;
    text-align: center;
    height: 40px;
    padding: 0;
    line-height: 40px;
    color: #fff;
    margin: 0px;
    box-sizing: border-box;
    padding-left: 7px;
    background: #cd2a63;
    background-color: #cd2a63!important;
}

.megaEditMobileMode .fontSizeTypeWrapper .font_SizeType_toggle {
    width: 80px;
    padding-right: 37px;
    margin-right: -50px !important;
    z-index: 3;
    position: relative;
}

.megaEditMobileMode .fontSizeTypeWrapper.active .font_SizeType_toggle {
    width: 40px;
    padding-right: 7px;
    margin-right: -0px !important;
    z-index: 3;
    position: relative;
}

    .megaEditMobileMode .fontSizeTypeWrapper.active .font_SizeType_toggle .fa-font {
        display: none;
    }

    .megaEditMobileMode .fontSizeTypeWrapper.active .font_SizeType_toggle .fa-times {
        display: block !important;
    }

.megaEditMobileMode #textTabs-details .textOptions,
.megaEditMobileMode #customFieldTabs-details.custom_field_tab,
.megaEditMobileMode #imageTabs-details .imageOptions {
    height: auto !important;
}

.megaEditMobileMode #textTabs,
.megaEditMobileMode #imageTabs,
.megaEditMobileMode #customFieldTabs {
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

    .megaEditMobileMode #textTabs.ui-tabs .ui-tabs-nav li,
    .megaEditMobileMode #imageTabs.ui-tabs .ui-tabs-nav li,
    .megaEditMobileMode #customFieldTabs.ui-tabs .ui-tabs-nav li {
        margin: 0;
        padding: 0;
        height: 40px;
        background: #212c36;
        line-height: 40px;
    }

        .megaEditMobileMode #textTabs.ui-tabs .ui-tabs-nav li a,
        .megaEditMobileMode #imageTabs.ui-tabs .ui-tabs-nav li a,
        .megaEditMobileMode #customFieldTabs.ui-tabs .ui-tabs-nav li a {
            display: inline-block;
            vertical-align: middle;
            padding: 0;
            padding-left: 7px;
            padding-right: 7px;
            float: none;
        }

        .megaEditMobileMode #textTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active,
        .megaEditMobileMode #imageTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active,
        .megaEditMobileMode #customFieldTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
            background: #dcdbdb !important;
        }

    .megaEditMobileMode #textTabs.ui-tabs .ui-tabs-panel,
    .megaEditMobileMode #imageTabs.ui-tabs .ui-tabs-panel,
    .megaEditMobileMode #customFieldTabs.ui-tabs .ui-tabs-panel {
        padding: 0px;
        overflow: hidden !important;
        overflow-y: scroll !important;
        position: absolute !important;
        top: 40px;
        bottom: 0;
        left: 0;
        right: 0;
        width: auto;
        background: #212c36;
        text-align: left;
        border: solid 3px #dcdbdb;
        color: #fff;
        padding-bottom: 20px;
    }

.megaEditMobileMode .textoptions-type,
.megaEditMobileMode .advanced-lineHeight,
.megaEditMobileMode .advanced-charSpacing,
.megaEditMobileMode .advanced-wordSpacing,
.megaEditMobileMode .advanced-paragraphSpacing {
    width: 100%;
    background: #212c36;
    padding: 7px;
    margin-top: 0px;
}

.megaEditMobileMode .effectRow input[type=checkbox]:not(old) + label,
.megaEditMobileMode .effectRow input[type=radio]:not(old) + label {
    background-size: 40px 40px;
    height: 40px;
    width: 38px;
    float: left;
    margin-right: 0px;
}

.megaEditMobileMode .effectRow .effectTabs_Invert {
    margin-left: 3px;
}

.megaEditMobileMode #imageTabs-effect .sliderRow {
    background-color: #212c36;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    width: 99%;
}

.megaEditMobileMode .FieldOptionRight .ui-slider-horizontal {
    margin-top: 0;
    border: solid 6px #212c36;
    background: #cd2a63;
    border-left-width: 12px;
    border-right-width: 12px;
}

.megaEditMobileMode .FieldOptionRight .sliderRow {
    background-color: #212c36;
}

.megaEditMobileMode .UISetRow.ImageFXRow .brightnessCol,
.megaEditMobileMode .UISetRow.ImageFXRow .contrastCol,
.megaEditMobileMode .UISetRow.ImageFXRow .pixelateCol,
.megaEditMobileMode .UISetRow.ImageFXRow .gammaCol {
    width: 48px;
    height: 104px;
}

.megaEditMobileMode .UISetRow.ImageFXRow .tintCol {
    width: 100%;
    height: 50px;
}

    .megaEditMobileMode .UISetRow.ImageFXRow .tintCol .collabel,
    .megaEditMobileMode .UISetRow.ImageFXRow .tintCol .colorSelector,
    .megaEditMobileMode .UISetRow.ImageFXRow .tintCol label {
        position: relative;
        float: left;
        width: 30px;
        height: 20px;
        line-height: 20px;
        margin-top: 15px;
    }

    .megaEditMobileMode .UISetRow.ImageFXRow .tintCol .ui-slider-horizontal {
        width: 100px;
        position: relative;
        float: left;
        margin-top: 18px;
    }

.megaEditMobileMode #imageTabs .borderRow input,
.megaEditMobileMode #textTabs .borderRow input,
.megaEditMobileMode #customFieldTabs .borderRow input {
    display: none;
}

    .megaEditMobileMode #imageTabs .borderRow input + label,
    .megaEditMobileMode #textTabs .borderRow input + label,
    .megaEditMobileMode #customFieldTabs .borderRow input + label {
        position: relative;
        float: left;
        width: 25%;
        font-size: 12px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        display: block;
        margin: 0px;
        font-weight: normal;
    }

    .megaEditMobileMode #imageTabs .borderRow input:checked + label,
    .megaEditMobileMode #textTabs .borderRow input:checked + label,
    .megaEditMobileMode #customFieldTabs .borderRow input:checked + label {
        background: #cd2a63;
    }

.megaEditMobileMode .borderRow input[type=radio]:not(old):checked + label > i > i {
    margin: 0;
    background: #cd2a63;
    border-color: #cd2a63;
}

.megaEditMobileMode .borderRow.buttonSetRow {
    margin: 0px;
}

.megaEditMobileMode #imageTabs-shape .maskContainer {
    width: 50%;
}

.megaEditMobileMode #backgroundControls input,
.megaEditMobileMode #textTabs-backgroundControls input {
    display: none;
}

    .megaEditMobileMode #backgroundControls input + label,
    .megaEditMobileMode #textTabs-backgroundControls input + label {
        padding: 9px;
        font-size: 10px;
        background: #161d23;
        padding-right: 10px;
        margin-top: 2px;
        width: 98%;
        margin-left: 1%;
        margin-bottom: 5px;
    }

    .megaEditMobileMode #backgroundControls input:checked + label,
    .megaEditMobileMode #textTabs-backgroundControls input:checked + label {
        background: #cd2a63;
    }

    .megaEditMobileMode #backgroundControls input + label:before,
    .megaEditMobileMode #textTabs-backgroundControls input + label:before {
        content: ' ';
        width: 14px;
        height: 14px;
        display: inline-block;
        background: #eaeaea;
        margin-right: 6px;
        border: solid 1px #ccc;
        vertical-align: middle;
    }

    .megaEditMobileMode #backgroundControls input:checked + label:before,
    .megaEditMobileMode #textTabs-backgroundControls input:checked + label:before {
        border: solid 3px #ccc;
        background: #cd2a63;
    }

.megaEditMobileMode .border-slider-title {
    text-align: center;
    padding-top: 0;
    font-size: 10px;
}

.megaEditMobileMode #textTabs-border .colorSelector,
.megaEditMobileMode #imageTabs-border .colorSelector,
.megaEditMobileMode #imageTabs-shadow .colorSelector,
.megaEditMobileMode #textTabs-shadow .colorSelector {
    margin-left: 9px;
    width: 100px;
    background-repeat: no-repeat;
    margin-right: 10px;
    height: 30px;
}

.megaEditMobileMode #imageTabs-border .border-color-picker {
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}


/* Left Tabs */
.megaEditMobileMode .backgroundItem_clear {
    background: #343c44;
    color: #ffffff;
    margin-bottom: 0;
    padding: 0px;
}

.megaEditMobileMode .backgroundItem_clear span {
    width: 71% !important;
    text-align: left;
    font-size: 10px;
    margin-top: 2px;
}

.megaEditMobileMode .backgroundItem_colorPicker {
    background: #343c44;
    color: #ffffff;
    margin-bottom: 0;
    padding: 0px;
}

.megaEditMobileMode .backgroundItem_colorPicker span {
    width: 71% !important;
    text-align: left;
    font-size: 10px;
    margin-top: 2px;
}


.megaEditMobileMode .backgroundSelectorContainer .backgroundCategoryContainer .backgroundItemContainer .backgroundItem {
    max-width: 50%;
    width: 50%;
    height: 76px;
}

.megaEditMobileMode .backgroundSelectorContainer .backgroundCategoryContainer {
    background: #343c44;
    padding: 0px;
    color: #fff;
}

    .megaEditMobileMode .backgroundSelectorContainer .backgroundCategoryContainer h3 {
        color: #ffffff;
    }

    .megaEditMobileMode .backgroundSelectorContainer .backgroundCategoryContainer .backgroundItemContainer {
        border: solid 1px #212c36;
    }

.megaEditMobileMode .layout_thumbs {
    width: 50%;
}

.megaEditMobileMode .galleryWrapper .clipArtItem {
    max-width: 50%;
    width: 50%;
    height: 87px;
}

/* Pages */

.megaEditMobileMode .pageSelectorItem {
    display: inline-block;
    position: relative;
    margin: 11px;
    margin-bottom: 20px;
}

.megaEditMobileMode .pageListInnerWrapper .pageSelectorContainer {
    white-space: normal;
    width: 100%;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
}

.megaEditMobileMode .pageSelectorContainerScroller {
    height: auto;
}

.megaEditMobileMode .pageSelectorItem .pageThumb {
    max-height: none;
}

.megaEditMobileMode .ui-dialog .pageSelectorItem img {
    max-width: 100%;
    max-height: 120px;
}

.megaEditMobileMode .pageListContainer .addPageButton .extratxt {
    display: inline-block;
    margin-left: 10px;
}

.megaEditMobileMode .pageListContainer .addPageButton {
    position: absolute;
    left: initial;
    right: 0px;
    top: 0px;
}

.megaEditMobileMode .pageSelectorItem.selectedPage .pageThumb {
    opacity: 1;
}

.megaEditMobileMode .ui-dialog .ui-dialog-content.pageListContainer {
    top: 0px;
    z-index: 9999;
}

.megaEditMobileMode .pagelist_title {
    position: absolute;
    margin-left: 0px !important;
    font-size: 16px;
    padding: 14px !important;
    width: 100%;
    border-bottom: solid 1px #ccc;
    margin-top: 0px !important;
    height: 40px !important;
}

.megaEditMobileMode .sliderRow .rowlabel {
    margin-bottom: 3px;
}

.megaEditMobileMode .buttonContainer.rightSide .buttonsContainer .btn-lg,
.megaEditMobileMode .buttonContainer.rightSide .buttonsContainer .btn,
.megaEditMobileMode .buttonContainer.rightSide .buttonsContainer .btn-me {
    float: right;
}

.megaEditMobileMode .undoRedoContainer {
    float: left;
}
.megaEditMobileMode.MeMobileRightPanel_text .FieldOption_text .FieldOptionRight,
.megaEditMobileMode.MeMobileRightPanel_image .FieldOption_image .FieldOptionRight,
.megaEditMobileMode.MeMobileRightPanel_generic .FieldOption_generic .FieldOptionRight {
    display:block;
    }
.megaEditMobileMode .editorFieldOption .btn.btn-me.DeselectField, .megaEditMobileMode .editorFieldOption .btn.btn-me.DeselectField:hover {
    background: #dedcdc!important;
    color: #cd2a63!important;
}
/* LANDSCAPE DEFAULTS */
.megaEditMobileMode.MeMobileLandscape {
}

    .megaEditMobileMode.MeMobileLandscape .editorMain {
        left: 40px;
    }

    .megaEditMobileMode.MeMobileLandscape.MeMobileLeftPanel .editorLeft {
        left: 0px;
    }

    .megaEditMobileMode.MeMobileLandscape.MeMobileLeftPanel .editorMain {
        left: 240px;
    }

    .megaEditMobileMode.MeMobileLandscape.MeMobileLeftPanel .editorTop,
    .megaEditMobileMode.MeMobileLandscape.MeMobileLeftPanel .editorBottom,
    .megaEditMobileMode.MeMobileLandscape.MeMobileLeftPanel .FieldOptionTop,
    .megaEditMobileMode.MeMobileLandscape.MeMobileLeftPanel .FieldOptionBottom {
        left: 200px;
    }

    .megaEditMobileMode.MeMobileLandscape.MeMobileRightPanel .editorTop,
    .megaEditMobileMode.MeMobileLandscape.MeMobileRightPanel .editorBottom,
    .megaEditMobileMode.MeMobileLandscape.MeMobileRightPanel .FieldOptionTop,
    .megaEditMobileMode.MeMobileLandscape.MeMobileRightPanel .FieldOptionBottom {
        right: 200px;
    }


     .megaEditMobileMode.MeMobileLandscape.MeMobileRightPanel .FieldOptionRight {
       right:0px;
    }
.megaEditMobileMode .galleryWrapper {
        overflow: hidden;
    position: absolute;
    top: 90px;
    height: auto!important;
    left: 5px;
    right: 5px;
    width: auto;
    bottom: 5px;
}
.megaEditMobileMode #leftPane-clipart .galleryWrapper {
    top: 50px;
}
.megaEditMobileMode .uploadList {
    overflow: hidden;
    position: absolute!important;
    top: 61px;
    height: auto!important;
    left: 3px;
    right: 3px;
    width: auto;
    bottom: 5px;
    background: #343c44;
    z-index: 9999;
}
.megaEditMobileMode #fileupload > div > .btn-primary {
    width: 97%!important;
    color: white;
    margin-bottom: 5px;
    position: absolute;
    top: 16px;
    left: 3px;
    right: 3px;
}
.megaEditMobileMode .galleryCancelUpload button.btn {
    border: 0;
    border-radius: 0;
    background: #212C36;
    padding: 5px;
    line-height: 9px;
    cursor: pointer;
    height: 30px;
    font-size: 12px;
    position: relative;
}
.megaEditMobileMode .galleryUploadItem .progress {
    position: absolute;
    bottom: 4px;
    height: 5px;
    left: 5px;
    width: auto;
    margin-bottom: 0;
    right: 5px;
}
.megaEditMobileMode .btn.main-upload {
    height: 63px;
    float: none;
    line-height: 20px;
    border-radius: 5px;
}

.megaEditMobileMode.MeMobileLeftPanel .editorLeft .ui-tabs .ui-tabs-nav li.ui-tabs-active .icon {
    background:none;
    display: block;
}

.megaEditMobileMode.MeMobileLeftPanel .editorLeft .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    padding: .6rem .7rem;
}

.editorLeft .ui-tabs .ui-tabs-nav li .icon {
    display: none;
}

.megaEditMobileMode.MeMobileLeftPanel .editorLeft .ui-tabs .ui-tabs-nav li.ui-tabs-active svg {
    display: none;
}

.megaEditMobileMode .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 0
}

.megaEditMobileMode .ui-tabs .ui-tabs-nav .ui-tabs-anchor svg {
    width: 3.9rem;
}

.megaEditMobileMode.MeMobileLeftPanel .editorLeft .ui-tabs .ui-tabs-nav li.ui-tabs-active .icon:before {
    font-family: FontAwesome;
    content: "\f00d";
    font-size: 20px;
    margin-left: 5px;
    color: #cd2a63;
}

/* PORTRAIT DEFAULTS */
.megaEditMobileMode.MeMobilePortrait {
}
.megaEditMobileMode.MeMobilePortrait .select_album_dd {
    width: 80%;
}
.megaEditMobileMode.MeMobilePortrait .galleryWrapper .galleryItem,.megaEditMobileMode.MeMobilePortrait .galleryWrapper .spinnerimage {
max-width:33%!important;
}
.megaEditMobileMode.MeMobilePortrait .btn-me.album_settings_button {
    width: 20%;
}


.megaEditMobileMode.MeMobilePortrait .layout_thumbs,
.megaEditMobileMode.MeMobilePortrait .backgroundSelectorContainer .backgroundCategoryContainer .backgroundItemContainer .backgroundItem, .megaEditMobileMode.MeMobilePortrait .galleryWrapper .clipArtItem
 {
    width: 33.3% !important;
    max-width: 33.3%;
}
.megaEditMobileMode.MeMobilePortrait {
    bottom:0;
}
.megaEditMobileMode.MeMobilePortrait.MeMobileTextFocus {
    bottom:50%;
}
.megaEditMobileMode.MeMobilePortrait.MeMobileTextFocus .editorLeft {
    display: none;
}
.megaEditMobileMode.MeMobilePortrait.MeMobileTextFocus.MeMobileRightPanel {
    bottom:0%;
}

.megaEditMobileMode.MeMobilePortrait .editorLeft {
    width: 100%!important;
    height: 0;
    top: initial;
    left: 0;
    bottom: 41px;
}
.megaEditMobileMode.MeMobilePortrait.MeMobileLeftPanel .editorLeft {
    height: 39%;
}
.megaEditMobileMode.MeMobilePortrait.MeMobileLeftPanel .editorMain {
    bottom: 50%;
}
.megaEditMobileMode.MeMobilePortrait .editorLeft .ui-tabs .ui-tabs-nav {
    width: 195px;
    right: initial;
    top: -39px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.megaEditMobileMode.MeMobilePortrait .editorLeft .ui-tabs .ui-tabs-panel {
    border: solid 1px #343c44;
}
.megaEditMobileMode.MeMobilePortrait .FieldOptionRight {
    width: 100%!important;
    height: 0;
    top: 41px;
    left: 0;
    bottom: initial;
}
.megaEditMobileMode.MeMobilePortrait.MeMobileRightPanel .FieldOptionRight {
    height: 35%;
}
.megaEditMobileMode.MeMobilePortrait.MeMobileRightPanel .editorMain {
    top: 43%;
    bottom: 80px;
}
.megaEditMobileMode.MeMobilePortrait #textTabs.ui-tabs .ui-tabs-panel,
.megaEditMobileMode.MeMobilePortrait #imageTabs.ui-tabs .ui-tabs-panel,
.megaEditMobileMode.MeMobilePortrait #customFieldTabs.ui-tabs .ui-tabs-panel {
    top: 0px;

    right: 40px;
}
.megaEditMobileMode.MeMobilePortrait #textTabs.ui-tabs .ui-tabs-nav,
.megaEditMobileMode.MeMobilePortrait #imageTabs.ui-tabs .ui-tabs-nav,
.megaEditMobileMode.MeMobilePortrait #customFieldTabs.ui-tabs .ui-tabs-nav {
    position: absolute;
    width: 40px;
    right: 0px;
    bottom: 0px;
    top: 0px;
}
.megaEditMobileMode.MeMobilePortrait .UISetRow.ImageFXRow .brightnessCol,
.megaEditMobileMode.MeMobilePortrait .UISetRow.ImageFXRow .contrastCol,
.megaEditMobileMode.MeMobilePortrait .UISetRow.ImageFXRow .pixelateCol,
.megaEditMobileMode.MeMobilePortrait .UISetRow.ImageFXRow .gammaCol {
    width: 24%;
}
.megaEditMobileMode.MeMobilePortrait .effectRow {
    width: 100%;
    text-align: center;
    margin-top: 5px;
}
.megaEditMobileMode.MeMobilePortrait .effectRow input[type=checkbox]:not(old) + label, .megaEditMobileMode.MeMobilePortrait .effectRow input[type=radio]:not(old) + label {
    float:none;
}
.megaEditMobileMode.MeMobilePortrait #sharpnessControlButtonset {
    text-align:center;
}
.megaEditMobileMode.MeMobilePortrait #sharpnessControlButtonset label {
    float:none;
}
.megaEditMobileMode.MeMobilePortrait #imageTabs-shape .maskContainer {
    width: 33.3%;
}
/* ==================================================== */
.megaEditMobileMode select {
-webkit-appearance: none;
}

.megaEditMobileMode .editorFieldOption.FieldOption_text .FieldOptionBottom .fontSelectRow::after {
    content: '\f0d7';
    position: absolute;
    font-family: 'FontAwesome';
    top: 6px;
    right: 13px;
    z-index: 999999999999999;
    display: block;
    width: 14px;
    height: 20px;
    background: none;
    color: #fff;
    visibility: visible;
    font-size: 20px;
}
.megaEditMobileMode .zoom_options2 {
    right: initial;
}
.megaEditMobileMode .OCC_settings .nav-tabs>li {
    width: 33%;
    text-align: center;
}
    .megaEditMobileMode .OCC_settings .nav-tabs > li .fa {
    margin-right:5px;
    }
.megaEditMobileMode .OCC_settings input + label {
color:#fff;
}
.megaEditMobileMode .OCC_settings input:checked+label {
    color: #000;
}
.megaEditMobileMode.MeMobilePortrait .OCC_settings .canvasSelectorArea .CO_list {
    width: 190px;
}
.megaEditMobileMode .OCC_settings .canvasSelectorArea .CO_list input + label, .megaEditMobileMode .OCC_settings .canvasSelectorArea .CO_list input + label .fa {
color:#000;
}
.megaEditMobileMode .OCC_settings .tab-content {
    max-width: 100%;
    width: 100%;
    max-height: none;
    min-height: 150px;
}
.megaEditMobileMode .OCC_settings .canvasSelectorArea .CO_list input:checked+label, .OCC_settings .canvasSelectorArea .CO_list input:checked+label .fa {
    background-color: #212c36;
    border-radius: 3px;
    color: #eeeeee;
}
.megaEditMobileMode .OCC_settings .canvasSelectorArea {
    margin-bottom: 0px;
}
.megaEditMobileMode .freeTargetContainer {
display:none;
position: absolute;
width: 200px;
right: -200px;
top: 0;
bottom: 0;
background: #eaeaea;
z-index: 10;
}
.megaEditMobileMode.MeMobileRightPanel_scripting .freeTargetContainer {
        right: 0;
}

.megaEditMobileMode.MeMobilePortrait .freeTargetContainer {
display:none;
    width: 100%!important;
    height: 0;
    top: 41px;
    left: 0;
    bottom: initial;
}
.megaEditMobileMode.MeMobilePortrait.MeMobileRightPanel_scripting .freeTargetContainer {
    height: 35%;
}
.megaEditMobileMode.MeMobileRightPanel_scripting .freeTargetContainer  {
    display:block;
    }
.viewButton.show_custom_ui  {
    float: right;
    position: absolute;
    right: 0px;
    top: 0px;
    display:none;
}
.megaEditMobileMode .confirmextratxt {
display:none;
}
body.megaEditMobileMode {
border-bottom:solid 1px #000;
}
.megaEditMobileMode .buttonContainer.rightSide .buttonsContainer { overflow:hidden; display: flex;}

.megaEditMobileMode select {
    -webkit-appearance: none;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAACXBIWXMAAC4jAAAuIwF4pT92AAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAADvwaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgICAgICAgICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICAgICAgICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNy0wNy0wNFQxMjowOToxNiswMTowMDwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TWV0YWRhdGFEYXRlPjIwMTctMDctMjZUMTU6MzM6NTIrMDE6MDA8L3htcDpNZXRhZGF0YURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE3LTA3LTI2VDE1OjMzOjUyKzAxOjAwPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDphYTgwYjJkMS0xNmQzLTM2NGQtODU0YS03ODc0ZjQxYTZjZjA8L3htcE1NOkluc3RhbmNlSUQ+CiAgICAgICAgIDx4bXBNTTpEb2N1bWVudElEPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5YTZiZWZkYS1hMTM3LTExN2EtOTUwOC1kODJhNTI0ZWYzNzA8L3htcE1NOkRvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+eG1wLmRpZDo0MzEzZWYwOC0xYTkwLTQwMzEtYjExNS1kZTIyNDA0YzA5ZjQ8L3htcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkhpc3Rvcnk+CiAgICAgICAgICAgIDxyZGY6U2VxPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5jcmVhdGVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6NDMxM2VmMDgtMWE5MC00MDMxLWIxMTUtZGUyMjQwNGMwOWY0PC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDE3LTA3LTA0VDEyOjA5OjE2KzAxOjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPnNhdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6YzA3MGRmZWMtMjM0Ny00YTQxLThlNjMtNTVmMjc2NmFhZjc4PC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDE3LTA3LTA0VDEyOjA5OjE2KzAxOjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPnNhdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6YWE4MGIyZDEtMTZkMy0zNjRkLTg1NGEtNzg3NGY0MWE2Y2YwPC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDE3LTA3LTI2VDE1OjMzOjUyKzAxOjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgICAgPHBob3Rvc2hvcDpDb2xvck1vZGU+MzwvcGhvdG9zaG9wOkNvbG9yTW9kZT4KICAgICAgICAgPHBob3Rvc2hvcDpJQ0NQcm9maWxlPnNSR0IgSUVDNjE5NjYtMi4xPC9waG90b3Nob3A6SUNDUHJvZmlsZT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+MzAwMDAwMC8xMDAwMDwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+MzAwMDAwMC8xMDAwMDwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj42ODwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj42ODwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+haZYEgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABqUlEQVR42uzaT04CMRTH8W/Fe7DTraIg6kIvgPfwAMaEk3gE195BtroS/wsY5QpEF3XzGifNqCOmDjP5vaQJBTppP9PXzkzGee9RfMaSCAQiEIEIRCACEYhABCIQgQhEIAIRiEAEohCIQAQiEIEIRCACqTOIcy6UI+dcL1Oftxw4545DPVl475MUoAEcAm/AGGj/oZsdYAK82zEbyfqdEKQPzABvZTQnSsfahuPMgH6qfqdcQ4bANFNvAqc2wKKxZW2ame+mduzKpQxANzq7HrgCWgW6tglcR22fAmgVUyZEy9aQ7MAegLVvMNaBx6jNKAtZZZBwtm+jAd4B2zkYO8B99N+beFZVHSQsjvFMGUYD3chJk9zFuA4g2MCec1BWgFWbCdnfxja7qCsIliZxSlwAlzkp1f33zaAEkLCdvkYA2fLy0/ZcN5Cv1pSwtbZLu1woEQRgP1pTJsBemddPLtV7qr+4AdsFzuxzDxgUBUkRywtwx30OnNgMGZTdGac3mfWASCACEYhABCIQgQhEIAIRiEAEIhCBCEQhEIEIRCACEYhABLIA8TEAkU4c8jH92gwAAAAASUVORK5CYII=');
        background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}

/* Colour picker ammends */
.megaEditMobileMode .ui-colorpicker table td {
    position:relative;
    float:left;
}

.megaEditMobileMode .ui-dialog.ui-colorpicker {
    height: 308px;
    width: 582px;
}
.megaEditMobileMode .ui-dialog.ui-colorpicker {

}
.megaEditMobileMode .ui-colorpicker-border {
    border: none;
}
.megaEditMobileMode .ui-colorpicker table td {
    vertical-align: top;
    padding: 1px;
}
.megaEditMobileMode .ui-dialog.ui-colorpicker .ui-dialog-content {
    padding: 5px!important;
    overflow: hidden;
}
.megaEditMobileMode .ui-dialog.ui-colorpicker {
    height: 307px !important;
    width: 480px !important;
}
.megaEditMobileMode .ui-colorpicker-swatch {
    cursor: pointer;
    float: left;
    width: 50%;
    height: 0px;
    padding-bottom: 50%;
    border-right: 1px solid #f8f8f8;
    border-bottom: 1px solid #f8f8f8;
}
.megaEditMobileMode .ui-dialog input, .megaEditMobileMode .ui-dialog select, .megaEditMobileMode .ui-dialog textarea {
    border-radius: 0;
    border: solid 1px #ccc;
    box-sizing: border-box;
    box-shadow: none;
    padding: 4px;
    border-radius: 0px;
    vertical-align: middle;
}
.megaEditMobileMode .ui-colorpicker-rgb label,
.megaEditMobileMode .ui-colorpicker-hsv label,
.megaEditMobileMode .ui-colorpicker-hsl label,
.megaEditMobileMode .ui-colorpicker-lab label,
.megaEditMobileMode .ui-colorpicker-cmyk label,
.megaEditMobileMode .ui-colorpicker-alpha label {
    width: 15px;
    display: inline-block;
    padding-left: 3px;
    padding-right: 3px;
}
.megaEditMobileMode .ui-colorpicker.ui-colorpicker-dialog label {
    color: #000;
}
.megaEditMobileMode .ui-colorpicker-hex {
    text-align: left;
}
.megaEditMobileMode .ui-colorpicker-preview-initial, .megaEditMobileMode .ui-colorpicker-preview-current {
    width: 36px;
    height: 33px;
    display: inline-block;
}
.megaEditMobileMode .ui-colorpicker-lab,
.megaEditMobileMode .ui-colorpicker-hsv-s,
.megaEditMobileMode .ui-colorpicker-hsv-v {
display:none;
}
.ui-colorpicker-padding-top {
    padding-top: 10px;
    height: auto;
}
.megaEditMobileMode .ui-colorpicker table td,
.megaEditMobileMode .ui-colorpicker table tr {
display:block;
}
.megaEditMobileMode .ui-colorpicker table tr:not(.ui-colorpicker-spot-item) {
    position: relative;
    float: left;
    width: 80px;
    margin-left:5px;
}
.megaEditMobileMode .ui-colorpicker table tr:not(.ui-colorpicker-spot-item):first-child {
    position: relative;
    float: left;
    width: 360px;
    margin-left:0px;
}
    .megaEditMobileMode .ui-colorpicker table tr:first-child td:nth-child(4) {
    display:none;
    }
.megaEditMobileMode .ui-colorpicker table td.ui-colorpicker-map-container {
    padding: 0 !important;
    width: 260px;
}
.megaEditMobileMode .ui-colorpicker table td.ui-colorpicker-bar-container {
    padding: 0 !important;
    width: 26px;
}
.megaEditMobileMode .ui-colorpicker table td.ui-colorpicker-swatches-container, .megaEditMobileMode .ui-colorpicker table td.ui-colorpicker-preview-container {
    width: 74px;
    float: right;
}
.megaEditMobileMode .ui-colorpicker-swatches {
    width: 72px!important;
    height: 216px!important;
}
.megaEditMobileMode .ui-dialog.ui-colorpicker {
    height: 307px!important;
    width: 455px!important;
}
.megaEditMobileMode .ui-colorpicker-unit {
display:none;
}
.megaEditMobileMode .ui-colorpicker-hsv, .megaEditMobileMode .ui-colorpicker-rgb {
margin-bottom:10px;
}
.megaEditMobileMode .ui-colorpicker-hsv, .megaEditMobileMode .ui-colorpicker-rgb {
margin-bottom:10px;
}
.megaEditMobileMode.MeMobilePortrait .ui-dialog.ui-colorpicker {
    height: 307px!important;
    width: 371px!important;
}
.megaEditMobileMode .customScriptUi-batchArea div {
    display: inline-block;
    margin: 0!important;
    margin-right: 1px!important;
    height: 40px;
    position: relative;
    float: left;
}
.megaEditMobileMode .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width:10px;
}
.megaEditMobileMode .GS_options_container .GS_sort select,
.megaEditMobileMode .GS_thumbnail_sizes input[type=radio]+label {
    height: 30px;
    line-height: 22px;
  }
.megaEditMobileMode .GS_thumbnail_sizes input[type=radio] + label {
    line-height: 26px;
}
.megaEditMobileMode .GS_options_container .GS_sort,
.megaEditMobileMode .GS_options_container .GS_thumbnail_sizes {
    height: 42px;
    line-height: 32px;
}
.megaEditMobileMode .dialogGeneralConfirm .ui-dialog-title, .megaEditMobileMode .ui-dialog .ui-dialog-title {
    display: block;
    padding: 10px;
    font-size: 15px;
}
.megaEditMobileMode .GS_window_title {
    display: none;
}
.megaEditMobileMode .GS_filters_container .GS_titles .GS_filters_toggle {
    line-height: 29px;
    height:33px;
}
.megaEditMobileMode .GS_titles {
    line-height: 29px;
}
.megaEditMobileMode .leftPaneTabs .form-control {
    margin-top: 0px;
    margin-bottom: 5px;
}
.megaEditMobileMode .alltxt {
    margin-left:5px;
}
.megaEditMobileMode .ui-dialog.issuesDialog #dlgHaveIssue {
    max-height: none !important;
    max-width: none !important;
    padding: 20px;
    width: 100% !important;
    display: block !important;
}

.megaEditMobileMode .ui-dialog.issuesDialog .page-card .page-actions button {
    padding: 0px;
}
@media only screen and (max-width: 768px) {
    .megaEditMobileMode .me-helper {
        bottom: 40px;
        max-width: 100%;
        left: 0px;
        transform: none;
        width: 100%;
    }
    .megaEditMobileMode.MeMobileLeftPanel .me-helper {
        bottom: 51%;
        max-width: 100%;
        left: 5%;
        transform: none;
        width: 90%;
    }
    .megaEditMobileMode.MeMobileLeftPanel.MeMobileLandscape .me-helper {
        bottom: 40px;
        max-width: 100%;
        left: 250px;
        transform: none;
        width: calc(100% - 300px);
    }

}

/* SPOT COLOR OVERRIDES */

.megaEditMobileMode .ui-colorpicker-spot{
    max-width: 100%;
    width: 100%;
}

.megaEditMobileMode table.ui-colorpicker-spot-table .ui-colorpicker-spot-item td {
    float: none;
}

.megaEditMobileMode table.ui-colorpicker-spot-table .ui-colorpicker-spot-item {
    display: table;
}

.megaEditMobileMode table.ui-colorpicker-spot-table .ui-colorpicker-spot-item td,
.megaEditMobileMode table.ui-colorpicker-spot-table .ui-colorpicker-spot-item th {
    display: table-cell !important;
    padding: 8px;
}

.megaEditMobileMode .ui-colorpicker-tint .ui-colorpicker-spot-tint.ui-slider-horizontal {
    margin-top: 5px;
}

.megaEditMobileMode table .colspan-parts {
    display: none !important;
}

.megaEditMobileMode .ui-colorpicker table tr.ui-colorpicker-spot-parent {
    position: relative;
    float: none;
    width: 100%;
    margin-left: 0;
}

.megaEditMobileMode .ui-colorpicker table tr.ui-colorpicker-spot-parent .ui-colorpicker-hex-container {
    padding-left: 5px;
}@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto");
@font-face { font-family: 'Lobster'; font-style: normal; font-weight: 400; src: local("Lobster"), url(/00000000-0000-0000-0000-000000000000/Handler/Static//themes.googleusercontent.com/static/fonts/lobster/v5/NIaFDq6p6eLpSvtV2DTNDQLUuEpTyoUstqEm5AMlJo4.woff) format("woff"); }

html { margin: 0; padding: 0; overflow: hidden; overscroll-behavior: none; }

html body { position: absolute; width: 100%; height: 100%; overflow: auto; overscroll-behavior: none; }

html, body { height: 100%; width: 100%; }

#parentContainer { height: 100%; width: 100%; }

#lbNewLayoutErrors { color: red; }

.pane { display: none; z-index: 2 !important; }

.swapImageDrag { z-index: 1 !important; }

.editorMain { margin: 0px; padding: 0px !important; overflow: hidden !important; z-index: 0 !important; }

.update-ruler-settings { padding: 20px 0 0 20px; display: inline-block; width: 100%; }

.messageCtrlContainer button { float: right; }

.messagesContainer { position: fixed; top: 0px; width: 380px; right: 10px; text-align: center; z-index: 10000000; padding: 0px; max-height: 100%; box-sizing: border-box; }

.alert { position: relative; float: left; width: 100%; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; margin-top: 10px; }

.alert:hover { margin-bottom: 10px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

#dialogs { display: none; }

.colorSelector { margin: 2px; padding: 2px; border: 1px solid black; color: White; background-color: Black; display: inline-block; cursor: pointer; }

.colorSelector:hover { color: Black; background-color: White; }

.colorPreview { width: 20px; height: 15px; display: inline-block; overflow: hidden; }

.galleryItem { position: relative; }

.badge { position: absolute; top: 1px; left: 1px; }

.badgeNumMediaChildren { background: #60f667; right: 1px; left: auto !important; }

.toggleButtonOn { background-color: Black; color: White; }

.ME_loading_hints li { display: none; }

.custom_field_tab .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { padding-right: 0px; }

#customFieldOptionsDialog { color: #fff; }

#customFieldOptionsDialog .ui-state-default a, #customFieldOptionsDialog .ui-state-default a:link, #customFieldOptionsDialog .ui-state-default a:visited { color: #fff; }

#customFieldOptionsDialog .meuiLabel { color: #fff; }

#customFieldOptionsDialog table { background-color: #49525D; border: solid 4px #49525D; border-right-width: 10px; border-left-width: 10px; }

#customFieldOptionsDialog table td { padding: 2px; }

#customFieldOptionsDialog .mCSB_outside + .mCSB_scrollTools { right: -2px; top: 5px; bottom: 5px; }

.ui-dialog-buttonpane .dont-show-again { float: left; padding: 6px; }

.clipArtItem { line-height: 74px; }

.clipArtItem img { vertical-align: middle; max-width: 100%; max-height: 100%; text-align: center; display: inline; }

.imagePreviewNav { background-color: white; text-align: center; width: 20px; cursor: pointer; }

.imagePreviewNav div { font-weight: bold; font-size: large; }

.imagePreviewHeader { background-color: white; font-weight: bold; text-align: center; }

.color { display: inline-block; width: 15px; height: 15px; border: 1px solid Black; }

.infoList { color: white; height: 523px; overflow: auto; padding-bottom: 40px; box-sizing: border-box; padding: 20px; overflow: hidden; position: relative; }

.imagePreviewInfoItem { color: #fff; border-bottom: solid 1px #fff; }

#imagePreviewMap { width: 350px; height: 200px; background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/textured_paper.jpeg") repeat; }

.imagePositionMarker { width: 20px; height: 20px; border: 1px solid #088; border-radius: 10px; background-color: #0FF; opacity: 0.3; }

.imagePreviewSwitchInfo { position: absolute; top: 5px; right: 12px; text-align: center; color: #fff; line-height: 20px; }

.ID_main_container { position: relative; float: left; width: 100%; height: 100%; overflow: hidden; }

.ID_main_container .ID_head { position: relative; float: left; width: 100%; padding: 11px; font-size: 13px; height: 40px; background: #343A41; box-sizing: border-box; }

.ID_main_container .ID_body { position: relative; float: left; width: 100%; box-sizing: border-box; background: #000; }

.ID_main_container .ID_body .ID_NavLeft { position: relative; float: left; width: 5%; height: 100%; background: #4F5966; border-right: solid 1px #4B535B; box-sizing: border-box; }

.ID_main_container .ID_body .ID_NavRight { position: relative; float: left; width: 5%; height: 100%; background: #4F5966; border-left: solid 1px #4B535B; box-sizing: border-box; }

.ID_main_container .ID_body .ID_InfoContainer { position: relative; float: left; width: 90%; height: 100%; background: #55606E; }

.ID_main_container .ID_body .ID_NavLeft .fa, .ID_main_container .ID_body .ID_NavRight .fa { font-size: 30px; line-height: 530px; }

.ID_main_container .ID_body .ID_InfoContainer:hover, .ID_main_container .ID_body .ID_NavRight:hover, .ID_main_container .ID_body .ID_NavLeft:hover { background: #47505C; cursor: pointer; }

.ID_main_container .ID_footer { position: absolute; padding: 10px; bottom: 0px; background: #343A41; left: 5%; width: 90%; text-align: center; }

#imagePreviewImage { min-width: 96%; }

.album_settings_button { position: relative; float: left; width: 20%; height: 36px; margin-top: 4px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.galleryFilterApplied { background-color: #2D64AB !important; color: #FFFFFF !important; }

.select_album_dd { width: 80%; position: relative; float: left; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.album_settings_button .fa { margin-right: 0px; font-size: 18px; vertical-align: -webkit-baseline-middle; }

.angularbootstrapPositionHack { position: relative; display: inline-block; }

.angularbootstrapPositionHack .dropdown-menu { left: auto !important; right: 0px; top: auto !important; bottom: 0px; }

table td { padding: 0; }

#selectionMap { width: 350px; height: 200px; background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/textured_paper.jpeg") repeat; }

.galleryItem img { opacity: 1; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

.galleryItem .fake_thumb { position: relative; float: left; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

.galleryItem .drag_thumb { position: absolute; top: -2px; bottom: -2px; left: -2px; right: -2px; }

.galleryItem:hover .fake_thumb { opacity: 1; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

.galleryItem:hover img { opacity: 0; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

body, .megaEditMainContainer { width: 100%; height: 100%; margin: 0; overflow-y: hidden; }

body { z-index: 1; }

.megaEditMainContainer { z-index: 2; }

/* Variables 
=========================================*/
/* Function to access variables 
=========================================*/
.batch-mapping-dialog ~ .tooltip { z-index: 9999; max-width: 500px; }

.batch-mapping-dialog .modal-dialog { max-width: 800px; }

.batch-mapping-dialog .modal-dialog .modal-content { overflow: initial; }

.batch-mapping-dialog .modal-dialog .modal-body { max-height: 70vh; overflow: auto; }

.batch-mapping-dialog .modal-dialog .modal-body .meuiLabel { min-width: 1%; padding-left: 0; padding-right: 0; }

.batch-mapping-dialog .modal-dialog .is-flex { display: flex; }

.batch-mapping-dialog .modal-dialog .is-hidden { display: none; }

.PlaceholderPopup .content { margin-bottom: 20px; }

.PlaceholderPopup table { margin-top: 20px; }

.PlaceholderPopup table thead th:not(:last-child) { padding-right: 20px; }

.PlaceholderPopup table thead th:first-child { min-width: 200px; }

.PlaceholderPopup table td { padding: 10px 8px 10px 8px !important; }

.PlaceholderPopup table select, .PlaceholderPopup table input { width: 100%; }

.PlaceholderPopup .meuiTableLayoutCell { vertical-align: middle; max-width: 400px; }

.PlaceholderPopup .meuiTableLayoutCell div { display: flex; flex: 1; align-items: baseline; }

.PlaceholderPopup .meuiTableLayoutCell .meuiCheckBox { margin-right: 1rem; }

/* Generated by Brackets Swatcher */
/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.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; }

/* 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 { orphans: 3; widows: 3; }
  h2, h3 { 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
===================================================*/
/* Fonts
=========================================*/
/* Colors
=========================================*/
.zoom_options { position: absolute; top: 5px; left: 5px; padding: 3px; opacity: .9; }

.zoom_options2 { position: absolute; top: 5px; right: 10px; padding: 3px; opacity: .9; }

.zoom_options:hover { opacity: 1; }

.zoom_options .btn, .zoom_options2 .btn { padding: 6px; font-size: 14px; min-width: 33px; padding-bottom: 5px; margin: 0px; float: left; margin-left: 1px; padding-left: 10px; padding-right: 10px; border: 0px; border-radius: 0px; color: #fff; }

.zoom_options2 .btn .extratxt { font-size: 13px; vertical-align: middle; }

.ui-layout-pane { background: #EAEAEA; }

.ui-tabs .ui-tabs-panel { background: #445661; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active { background: #445661; }

.ui-widget-header { background: #445661; }

.ui-tabs { background: #445661; }

.ui-layout-resizer { background: #eaeaea; }

.ui-draggable .ui-dialog-titlebar { background-color: #212C36 !important; }

a.btn { color: #343A41; }

.btn-me { background: #212C36; border: none; border-radius: 0px; color: #fff !important; }

.btn-primary, .btn-success { color: #fff; background: #E59598; border-radius: 0; box-shadow: none; border: none; padding: 0 15px; height: 30px; line-height: 30px; font-family: Raleway-Regular; text-transform: uppercase; }

.undoRedoContainer { display: inline-block; vertical-align: baseline; }

.ui-tabs .ui-tabs-nav li { background: #637682; }

.drawing_settings_container { padding: 10px; background-color: #EAEAEA; border-top: solid 1px #DEDEDE; color: #000; }

.drawing_line_width_container { margin-top: 3px; border-top: solid 1px #DEDEDE; padding-top: 5px; }

.line_color_container { height: 25px; border-top: solid 1px #DEDEDE; padding-top: 5px; }

.onoffswitchDrawing-inner:before { content: "Drawing on"; padding-left: 10px; background-color: #E59598; color: #FFF; }

.onoffswitchDrawing-inner:after { content: "Drawing off"; padding-right: 10px; background-color: #445661; color: #FFF; text-align: right; }

.currentCanvasSizeWrapper .current_prod_name, .currentCanvasSizeWrapper .canvasSizeTitle, .currentCanvasSizeWrapper .canvasSize { background-color: #EAEAEA; border-color: #DEDEDE; color: #7F848C; }

.me_branding { position: fixed; top: 40px; width: 200px; left: 50%; margin-left: -100px; }

.loadingScreen, .addtoBasketScreen { background: #f4b3b5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.loadingScreen .loadingLogo { background: url("/232179457/Handler/CSSOverride/GetImage/1/New final white logo2 transparent2.png") no-repeat center center transparent; background-size: 200px; }

.loadingScreen .loadingLogo .loadingSpinner { margin-top: 43px; font-family: Raleway-Bold; }

.me_quick_menu .q_menu_show_button, .me_quick_menu .q_menu_hide_button { background: #DDDDDD !important; border-color: #CDCDCD !important; color: #7F848C !important; text-shadow: none !important; padding-top: 3px; }

.ui-dialog { -webkit-box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.4); -moz-box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.4); box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.4); background: #445661 !important; }

.dialogGeneralConfirm .ngConfirmDialog, .dialogGeneralConfirm #dlgNewLayout, #dlgFieldIssue, #dlgHaveIssue { background: #445661; -webkit-box-shadow: inset 0 0 50px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0 0 50px 0 rgba(0, 0, 0, 0.75); box-shadow: inset 0 0 50px 0 rgba(0, 0, 0, 0.75); }

.me_quick_menu .q_menu_container { background: #eaeaea !important; }

.fakeUploadTarget { background: #445661; background-size: 50px 50px; }

.ui-tabs .ui-tabs-nav li.ui-state-hover { background: #E59598; }

.editorLeft .ui-tabs .ui-tabs-panel { background: #EAEAEA; }

.editorLeft .ui-tabs .ui-tabs-nav li.ui-tabs-active { background: #ff0065 !important; color: white; }

.WorkflowNavigator { position: relative; float: left; background-color: #E59598; margin-right: 10px; }

.WorkflowNavigator:hover { background-color: #9E2D56; }

.WorkflowNavigator a, .WorkflowNavigator a:hover { color: #fff; padding: 10px; text-decoration: none; position: relative; float: left; }

.section-header .title, .saveButtonWrapper, .yearbook-studententries-editor .title { background-repeat: repeat-x; border-bottom: 0 none; color: #445661; padding: 5px 10px; position: relative; font-size: 16px; margin-top: 10px; }

.t-widget, .t-input { border-width: 0; border-color: #EAEAEA; background: #fff; }

.t-grid .t-header, .t-grid .t-header .t-link { letter-spacing: 1px; text-transform: uppercase; font-size: .866em; line-height: 2.6em; color: #FFF; background: #445661; }

#blockable { background-color: #F3F3F3; }

.validation-summary-errors { border: #C02D3E solid 1px; padding: 5px; background: #fff; position: fixed; top: 10px; }

.cf_imageView_container { width: 100%; min-height: 150px; text-align: center; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; }

.cf_imageViewer_image { display: block; vertical-align: middle; margin-top: 100px; }

.messagesContainer { padding: 0px !important; }

.buttonContainer.rightSide .priceHeader, .buttonContainer.rightSide .price { color: #445661 !important; }

.loadScreenStepIndicator.loadStepClass_0_6, .loadScreenStepIndicator.loadStepClass_1_6, .loadScreenStepIndicator.loadStepClass_2_6, .loadScreenStepIndicator.loadStepClass_3_6, .loadScreenStepIndicator.loadStepClass_4_6, .loadScreenStepIndicator.loadStepClass_5_6, .loadScreenStepIndicator.loadStepClass_6_6 { color: #858585 !important; }

#frmComments { color: #fff; }

.btn-me, .modal-body button { background-color: #ffffff !important; border: solid 1px #ccc !important; color: #222222 !important; box-shadow: none !important; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; text-shadow: none; font-size: 13px; padding: 0 15px !important; height: 30px; line-height: 28px; font-family: Raleway-Regular; text-transform: uppercase; }

.btn-me i, .modal-body button i { color: #E59598; }

#imageControlButtonset .ui-button:hover, .btn-me:hover { background-color: #ffffff !important; border: solid 1px #ccc !important; color: #E59598 !important; box-shadow: none !important; }

.btn-primary:hover, .btn-primary:focus, .btn-success:hover, #imageControlButtonset .ui-button.ui-state-hover { background-color: #da8e90 !important; }

.imageTab.imageTabs_photo.ui-tabs-active .icon { background: url(/853884286/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/editTabsImageMap.png) 0 0; }

.imageTab.imageTabs_effect.ui-tabs-active .icon { background: url(/853884286/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/editTabsImageMap.png) -25px 0; }

.textTab.textTabs_photo.ui-tabs-active .icon { background: url(/853884286/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/editTabsImageMap.png) 0 0; }

.textTab.textTabs_advanced.ui-tabs-active .icon { background: url(/853884286/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/editTabsImageMap.png) -25px 0; }

.imageTab.imageTabs_border.ui-tabs-active .icon, .textTab.textTabs_borde.ui-tabs-activer .icon { background: url(/853884286/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/editTabsImageMap.png) -50px 0; }

.imageTab.imageTabs_shadow.ui-tabs-active .icon, .textTab.textTabs_shadow.ui-tabs-active .icon { background: url(/853884286/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/editTabsImageMap.png) 0 -25px; }

.imageTab.imageTabs_details.ui-tabs-active .icon, .textTab.textTabs_details.ui-tabs-active .icon { background: url(/1264342086/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/appbar.monitor.identify.png) no-repeat center center; background-size: 40px 40px; }

.ui-widget-header { background: #212C36; }

.ui-tabs .ui-tabs-nav li { background: #212C36; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active { background: #EAEAEA; }

.ui-tabs .ui-tabs-nav li.ui-state-hover { background: #E59598; }

.ui-tabs .ui-tabs-panel { background: #EAEAEA; color: #333; }

.UISetCol, .sliderRow { background-color: #CBC8C8; }

.ui-tabs { background: #EAEAEA; }

#imageTabs-details .imageOptions, #textTabs-details .textOptions { color: #FFFFFF; background: #212C36; }

.imageOptionsDialog.ui-dialog .ui-dialog-titlebar, .textOptionsDialogOuter .ui-dialog-titlebar { padding: 5px; line-height: 22px; }

.pageListInnerWrapper { background: #dedede; }

.pageSelectorItem, .pagelist_title { color: #464646 !important; }

.pageSelectorItem { box-shadow: 0 0 2px 2px rgba(50, 50, 50, 0.5); }

.pageSelectorItem .pageSelectorItem__info .svg-icon { fill: white; }

.fakeUploadTarget { background: #1f1f1f; background-size: 50px 50px; }

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close, .imageOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover, .textOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close, .customFieldOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover, .effectRow input[type=checkbox]:not(old):checked + label, .effectRow input[type=radio]:not(old):checked + label, .effectRow label:hover, #sharpnessControlButtonset input[type=radio]:checked + label.ui-button, #textTabs-advanced .fittoboxtextoptions-row input + label .op_on, .onoffswitch-inner:before { background-color: #E59598 !important; }

.effectRow input[type=checkbox]:not(old):checked + label, .effectRow input[type=radio]:not(old):checked + label { background-color: #E59598 !important; }

.textOptionsDialog.ui-dialog-content { background: none repeat scroll 0 0 #EAEAEA; }

#textTabs-advanced .fittoboxtextoptions-row input + label { color: #fff; }

#textTabs-advanced .fittoboxoptions-row { background-color: #D7D2D2; margin-bottom: 10px; }

#textTabs-advanced .font_size_limits input { border: solid 2px #D7D2D2; }

.ui-dialog .ui-dialog-content { background: #EAEAEA; color: #444; }

.ui-dialog { background: #212C36 !important; z-index: 999; }

.ui-front { z-index: 1000 !important; }

.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus { background-color: #da8e90 !important; }

.ui-widget-header .ui-state-focus { background-color: #EAEAEA !important; }

.dialogGeneralConfirm .ngConfirmDialog, .dialogGeneralConfirm #dlgNewLayout, #dlgFieldIssue, #dlgHaveIssue { box-shadow: none; }

.btn-success:hover, .btn-success:focus { background-color: #da8e90 !important; }

.currentCanvasSizeWrapper .canvasSize { background-color: #212C36; color: #fff; }

.OCC_settings .nav-tabs li.active a { background-color: #212C36; border-color: #212C36; color: #fff; }

.OCC_settings .tab-content { background-color: #212C36; border: solid 2px #212C36; }

.OCC_settings .canvasSelectorArea { background-color: #eee; }

#dlgEditorSettings .SnapOptions .snap_label { background-color: #212C36; color: #fff; }

#dlgEditorSettings .SnapOptions input:checked + label { background-color: #1C6FE9; }

.GS_window_title { background: #212C36; color: #fff; }

.GS_options_container, .GS_filters_container { background: #212C36; color: #fff; }

.GS_options_container .GS_sort, .GS_options_container .GS_thumbnail_sizes, .GS_filters_container .GS_titles .GS_filters_toggle { background: #ccc; color: #000; }

.GS_filters_container .GS_filters .GS_filter .GS_filter_title { background: #FFFFFF; color: #000; }

.GS_thumbnail_sizes input[type=radio] + label { background-color: #212C36; }

.textButton, #alignmentButtonset .ui-button { background-color: #212C36; }

.textButton:hover, .textButton.toggleButtonOn { background-color: #E59598; }

#alignmentButtonset input:checked + .ui-button { background-color: #E59598; }

.btn-lg { padding: 12px 20px; font-size: 16px; line-height: 16px; border-radius: 0px; letter-spacing: .5px; }

.btn-lg .fa { font-size: 20px; margin-left: 3px; margin-right: 3px; }

.toggleCollapseTab:hover { background-color: #E59598; }

.ui-layout-toggler, .ui-layout-resizer .ui-layout-toggler { background-color: #212C36; }

.ui-layout-toggler:hover, .ui-layout-resizer .ui-layout-toggler:hover, .ui-layout-toggler-hover, .ui-layout-resizer-hover .ui-layout-toggler-hover { background-color: #E59598; }

.me_quick_menu .q_menu_show_button, .me_quick_menu .q_menu_hide_button { background: #DEDEDE !important; color: #7B7C7D !important; text-shadow: none; border-color: #ccc; border-radius: 0px; }

.me_quick_menu .q_menu_container { background: #eaeaea !important; border-radius: 0px; border-color: #ccc; }

.me_quick_menu .q_menu_left, .me_quick_menu .q_menu_right, .me_quick_menu .qmenuadmin { background: #F5F5F5 !important; border-radius: 10px !important; padding: 10px !important; margin-top: 10px !important; border: solid 1px #ccc !important; border-radius: 0px !important; }

.me_quick_menu .title { text-align: center; font-size: 14px; color: #696969; letter-spacing: .5px; border-bottom: solid 1px #ccc; }

.me_quick_menu ul li a { color: #F9F9F9; text-decoration: none; outline: 0; border-radius: 0px; background: #212C36; border: none; }

.me_quick_menu ul li a:hover { background-color: #E59598; }

.ui-slider-horizontal .ui-slider-handle, .ui-slider-vertical .ui-slider-handle { background: #E59598 !important; }

.ui-slider-horizontal .ui-slider-handle { margin-top: -7px; height: 21px; cursor: pointer; background: #E59598; width: 10px !important; margin-left: -5px !important; background-repeat: no-repeat; }

.ui-slider-vertical .ui-slider-handle { margin-top: -10px; height: 10px !important; cursor: pointer; background: #E59598; width: 23px !important; margin-bottom: -6px !important; margin-left: -10px !important; background-repeat: no-repeat; }

.ui-slider-horizontal { height: 13px; margin-bottom: 7px; margin-top: 5px; border: solid 6px #212C36; background: #EAEAEA; border-left-width: 8px; border-right-width: 8px; }

.ui-slider-vertical { width: 1px; margin-bottom: 7px; margin-top: 5px; margin-left: 0px; }

.sliderRow .rowlabel { padding-bottom: 0px; padding-top: 5px; font-size: 12px; margin-bottom: -4px; }

.sliderRow { background-color: #EAEAEA; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; width: 99%; }

#dlgEditorSettings .SnapOptions input:checked + label { background-color: #E59598; }

#dlgEditorSettings .SnapOptions input:checked + label.snap_to_grid { background-color: #E59598; border-bottom: solid 1px #E59598; }

#dlgEditorSettings .SnapOptions .snap_label { background-color: #212C36; }

#dlgEditorSettings .SnapOptions .Grid_size_slider { background-color: #DADADA; border: solid 1px #C1C1C1; }

.GS_options_container, .GS_filters_container { background: #F3F3F3; border: solid 1px #ccc; color: #212C36; }

.GS_options_container .GS_sort, .GS_options_container .GS_thumbnail_sizes, .GS_filters_container .GS_titles .GS_filters_toggle { background: #EAEAEA; color: #212C36; border: solid 1px #ccc; }

.GS_filters_toggle input[type=checkbox] + label { padding: 1px 2px; background-color: #212C36; }

.GS_filters_toggle input[type=checkbox]:checked + label { background-image: none; background-color: #E59598; }

.galleryWrapper, .uploadList { background: #eaeaea; padding: 2px; border: none; }

.galleryUploadItem { background: #eaeaea; margin-bottom: 5px; padding: 4px; padding-right: 0; }

.galleryCancelUpload button.btn { border: none; border-radius: 0px; background: #212C36; padding: 7px; line-height: 12px; cursor: pointer; }

.galleryUploadItem .galleryURI p { display: none; }

.progress-bar-success { background-color: #E59598; }

.galleryUploadItem .galleryfilesize { right: 6px; top: 39px; font-size: 12px; }

.galleryUploadItem .galleryPreview { width: 120px; }

.galleryUploadItem .progress { position: absolute; bottom: 4px; height: 5px; left: 5px; width: 200px; margin-bottom: 0; }

.progress { border-radius: 0px; }

.onoffswitchDrawing-inner:after { background-color: #212C36; }

.GS_thumbnail_sizes input[type=radio]:checked + label { background-color: #E59598; }

.GS_filters_container .GS_filters .GS_filter .GS_filter_title { background: #212C36; color: #F3F3F3; }

.GS_filters_container .GS_filters .GS_filter .GS_filter_title:hover { background: #E59598; }

.alert { text-shadow: none; -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); border-radius: 0px; padding: 10px; }

.alert-success { border-color: #E59598; background: #da8e90; color: #fff; }

.ME_loading_hints ul, .ME_loading_hints ul li { list-style: none; margin: 0px; padding: 0px; }

.ME_loading_hints ul { position: relative; float: none; display: inline-block; }

.ME_loading_hints { position: absolute; float: none; display: inline-block; margin: 0 auto; width: 100%; text-align: center; bottom: 5%; }

.ME_loading_hints ul li { width: 100%; box-sizing: border-box; color: #fff; padding: 10px; padding-left: 20px; padding-right: 20px; border: solid 1px #E59598; margin-top: 20px; font-size: 14px; letter-spacing: .5px; }

.ME_loading_hints ul li:before { font-family: FontAwesome; content: "\f05a"; display: inline-block; padding-right: 3px; vertical-align: middle; color: #fff; font-size: 20px; margin-right: 15px; }

.loadingScreen .loadingLogo .loadingSpinner i { color: #fff; font-size: 25px; position: fixed; top: -300px; left: -770px; font-size: 1200px; opacity: .1; margin: 0px; padding: 0px; }

.slow-spin { -webkit-animation: a 5s infinite linear; animation: a 5s infinite linear; }

.loadingScreen .loadScreenStepIndicator { font-size: 14px; color: #fff; letter-spacing: 1px; margin-top: 15px; text-transform: uppercase; }

.UISetCol .ui-button { background-color: #212C36; }

.borderRow input[type=checkbox]:not(old) + label > i, .borderRow input[type=radio]:not(old) + label > i { width: 15px; height: 15px; }

.borderRow input[type=radio]:not(old):checked + label > i > i { width: 11px; height: 11px; }

.borderRow input[type=radio]:not(old):checked + label > i > i { margin: 0px; }

#imageControlButtonset .buttonSetRow { margin-top: 10px; }

.UISetRow.ImageFXRow .UISetCol { background-color: #212C36; color: #fff; padding: 0px; }

.UISetRow.ImageFXRow .UISetCol { padding: 0; height: 110px; padding-top: 5px; margin-bottom: 2px; }

.UISetRow.ImageFXRow .UISetCol .collabel { margin-bottom: 5px; }

.UISetCol .ui-button.is-primary { background-color: #E59598 !important; }

.onoffswitch-inner:before { background-color: #E59598; }

#imageTabs-shadow .sliderRow { margin-bottom: 5px; }

#imageTabs-border .border-slider-title { text-align: center; padding-top: 0px; }

.border-color-picker { height: 22px; margin-bottom: 0px; }

.imageOptionsDialog .ui-dialog-title, .textOptionsDialogOuter .ui-dialog-title, .customFieldOptionsDialog .ui-dialog-title { padding-left: 34px; font-size: 16px; }

.dialogGeneralConfirm .ngConfirmDialog, .dialogGeneralConfirm #dlgNewLayout, #dlgFieldIssue, #dlgHaveIssue { background: #DDDDDD; }

.fontSizeWrapper { padding: 5px; background: #212C36; padding-bottom: 2px; }

.textoptions-type label, .advanced-lineHeight label, .advanced-charSpacing label, .advanced-wordSpacing label { color: #fff; }

#textTabs-advanced .fittoboxtextoptions-row input:checked + label { background-color: #212C36; }

#textTabs-advanced .fittoboxtextoptions-row input + label .op_on { background-color: #E59598; }

.advanced-lineHeight span, .advanced-charSpacing span, .advanced-wordSpacing span { color: #fff; }

.backgroundSelectorContainer .backgroundCategoryContainer .backgroundItemContainer .backgroundItem .backgroundColor { display: inline-block !important; }

.backgroundItem_clear { background: #EAEAEA; color: #212C36; margin-bottom: 0px; }

.backgroundItem_colorPicker { background: #EAEAEA; color: #212C36; margin-bottom: 0px; }

.backgroundSelectorContainer .backgroundCategoryContainer .backgroundItemContainer { text-align: center; border-top: solid 1px #ccc; display: block; float: left; width: 100%; margin-bottom: 10px; padding-top: 5px; }

.backgroundSelectorContainer .backgroundCategoryContainer h3 { padding: 5px; font-size: 14px; margin: 0; color: #212C36; }

.backgroundSelectorContainer .backgroundCategoryContainer { background: #eaeaea; margin-bottom: 5px; padding: 4px; }

.pageSelectorItem .pageMarker { background: #E59598; }

.East-Pagelist .pageSelectorItem .pageMarker { top: 50%; margin-top: -18px; }

.pageSelectorItem .deletePage { position: absolute; top: 10px; right: 20px; border-radius: 0px; border: none; background: #E59598; }

.pageSelectorItem { box-shadow: 1px 1px 2px 2px rgba(50, 50, 50, 0.1); }

.pageListInnerWrapper { background: #EAEAEA; }

.ui-layout-southh_inner .buttonContainer.leftSide { width: 70%; position: relative; margin-top: -5px; left: -5px; height: 135px; background: #EAEAEA; padding: 15px; border-right: solid 1px #DEDEDE; }

.ui-layout-southh_inner .buttonContainer.rightSide .nextStepButton { float: left; margin: 0px 10px 10px 0; }

.addPageButton { position: absolute; z-index: 3; left: 89px; top: 21px; margin-top: 0; }

.modal-content { min-width: 300px; background: #EAEAEA; color: #19242D; }

.modal-header { background-color: #19242D; border-bottom: solid 1px #000; margin-bottom: 10px; }

.modal-footer { background-color: #EAEAEA; border-top: 1px solid #CFCFCF; }

.modal-body .meuiLabel { text-align: left; display: inline-block; padding: 7px; color: #19242D; }

.modal-body input, .modal-body select, .modal-body textarea { padding: 6px; box-sizing: border-box; border: solid 1px #ccc; }

.fakeUploadTarget { background-color: #212C36; }

.fakeUploadTarget .icon-container .svg-icon { fill: white; width: 50px; height: 50px; }

.fakeUploadTarget .instruction { position: relative; }

.fakeUploadTarget .ng-scope { position: relative; left: 50px; width: 74%; text-align: center; }

.fakeUploadTarget .icon-container { position: absolute; left: 0; top: 0; }

.fakeUploadTarget > div { display: flex; align-items: center; width: 100%; height: 100%; }

/* #212C36 */
.modal-body button, .meuiUploadButton, .modal-body .script_upload_button { border-radius: 0px; background: #212C36; border: 0px; padding-left: 10px; padding-right: 10px; }

.modal-body button:hover, .meuiUploadButton:hover { background-color: #E59598 !important; }

.meuiStackLayout .meuiTabBodies, .meuiTabBodies { background-color: #F6F6F6; border: solid 1px #ccc; top: -1px; }

.meuiStackLayout .meuiTabHeaderItem, .meuiTabHeaderItem { background-color: #212C36; margin-right: 0px; margin-left: 1px; }

.meuiStackLayout .meuiTabHeaderItem:hover, .meuiTabHeaderItem:hover { background-color: #E59598; }

.meuiStackLayout .meuiCurrentTabHeaderItem, .meuiCurrentTabHeaderItem { background: #F6F6F6 !important; color: #212C36; border: solid 1px #ccc; border-bottom: #F6F6F6; z-index: 2; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .tab_Title { color: #212C36; }

#customFieldOptionsDialog table { background-color: #F6F6F6 !important; border: solid 10px #F6F6F6 !important; }

#customFieldOptionsDialog .meuiLabel { color: #212C36 !important; }

.alert-dismissable .close { position: relative; top: -10px; right: -7px; color: inherit; }

.backgroundSelectorContainer .backgroundCategoryContainer .backgroundItemContainer .backgroundItem .backgroundColor, .backgroundItem img { width: 70px !important; height: 70px !important; }

#imageTabs-shape .imageshapes { height: 289px; background-color: #212C36; padding: 2px; }

.imageTab.ui-tabs-active.imageTabs_shape .icon { background: url(/-886238208/Handler/Static/Catfish.Web/Scripts/ME2k/img/symph/editTabsImageMap.png) -75px 0; }

#imageTabs-shape .mask_group_container { background-color: #171E25; color: #fff; }

#imageTabs-shape .maskContainer { width: 25%; height: 70px; }

#imageTabs-shape .maskContainer img { width: 100%; height: 100%; display: block; }

.lhTab.lhTabs_background svg, .lhTab.lhTabs_gallery svg, .lhTab.lhTabs_layout svg, .lhTab.lhTabs_clipart svg, .lhTab.lhTabs_drawing svg, .lhTab.lhTabs_fields svg, .lhTab.lhTabs_tools svg, .lhTab.lhTabs_pages svg, .lhTab.lhTabs_customTab svg { width: 25px; height: 25px; color: #fff; display: inline-block; scale: 1.6; }

.lhTab.ui-tabs-active.ui-state-active svg { color: #000; }

.lhTab.lhTabs_background.opacity-icon use { fill: #fff; }

.lhTab.lhTabs_background.opacity-icon.ui-tabs-active use { fill: url(/00000000-0000-0000-0000-000000000000/Handler/Static/Catfish.Web/Scripts/ME2K/img/sprites/me-initial-icons.svg#appbar.opacity.gradient.black); }

html.page-dynamicproduct-editor:has(.loadingScreen[style="display: none;"]) .editorTop.pane.is-visible { z-index: 501 !important; overflow: visible; }

.zoom_options .fa-plus-square:before { font-family: Themify; content: "\e611" !important; }

.viewControlButton .fa-minus-square:before { font-family: Themify; content: "\e612" !important; }

.fa-ban:before { font-family: Themify; content: "\e620" !important; }

.viewControlButton .fa-caret-left:before { font-family: Themify; content: "\e6da" !important; }

.viewControlButton .fa-caret-right:before { font-family: Themify; content: "\e6d9" !important; }

.fa-cogs:before { font-family: Themify; content: "\e686" !important; }

.fa-share-square-o:before { font-family: Themify; content: "\e6fa" !important; }

.fa-file-image-o:before { font-family: Themify; content: "\e71e" !important; }

.fa-font:before { font-family: Themify; content: "\e672" !important; }

.fa-reply:before { font-family: Themify; content: "\e6bd" !important; }

.fa-share:before { font-family: Themify; content: "\e6bc" !important; }

.fa-recycle:before { font-family: Themify; content: "\e619" !important; }

.fa-arrows-alt:before { font-family: Themify; content: "\e659" !important; }

.fa-camera:before { font-family: Themify; content: "\e64e" !important; }

.fa-cog:before { font-family: Themify; content: "\e60f" !important; }

.fa-plus:before, .glyphicon-plus:before { font-family: Themify; content: "\e61a" !important; }

.fa-info:before { font-family: Themify; content: "\e697" !important; }

#genericImagePlugin { max-width: 960px; margin: 0 auto; text-align: center; overflow: hidden; }

#genericImagePlugin h1, #genericImagePlugin h2, #genericImagePlugin h3, #genericImagePlugin h4, #genericImagePlugin h5, #genericImagePlugin h6, #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% - 60px); 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; flex-direction: column; }

#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_depositPhotos button, #genericImagePlugin .gip_instagram button, #genericImagePlugin .gip_dropbox button, #genericImagePlugin .gip_flickr button, #genericImagePlugin .gip_image_search button, #genericImagePlugin .gip_flowzone 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_depositPhotos button:hover, #genericImagePlugin .gip_instagram button:hover, #genericImagePlugin .gip_dropbox button:hover, #genericImagePlugin .gip_flickr button:hover, #genericImagePlugin .gip_image_search button:hover, #genericImagePlugin .gip_flowzone 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: 9px; 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; }
  #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 { color: #333333; font-family: "Roboto", sans-serif; }
  #genericImagePlugin .main_container_genericImagePlugin h2 { text-align: center; font-size: 22px !important; }
  #genericImagePlugin .main_container_genericImagePlugin h4 { 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; } }

.editorLeft .ui-tabs .ui-tabs-panel { background: #E59598; }

.ui-layout-north { background: white; }

.uploadButtonWrapper .fileinput-button { color: #ff0065; background: #ffffff; text-shadow: none; }

.uploadButtonWrapper .fileinput-button:hover { color: #ff0065; background: #e6e6e6 !important; }

.form-control { box-shadow: none; border: 0; border-radius: 0; }

.album_settings_button { position: relative; float: left; width: 20%; height: 36px; margin-top: 4px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; line-height: 0; }

.galleryWrapper, .uploadList { background: #E59598; }

.pageSelectorContainerScroller { padding-top: 40px !important; }

.pageSelectorContainerScroller .pageSelectorItem { box-shadow: none; }

.pageSelectorContainerScroller .pageSelectorItem .pageThumb { border: 2px solid #aaa; }

.addPageButton { left: 94px; top: 16px; }

.nextStepButton, .addCloneBtn, .finalizeBtn { background: #fcff00 !important; width: 49%; font-size: 12px; line-height: 0 !important; padding: 0 !important; text-shadow: none; color: #222; margin: 0 !important; margin-left: 2% !important; margin-bottom: 2% !important; }

.nextStepButton:hover, .nextStepButton:focus, .addCloneBtn:hover, .addCloneBtn:focus, .finalizeBtn:hover, .finalizeBtn:focus { background: #fdff33 !important; color: #222 !important; }

.nextStepButton i, .addCloneBtn i, .finalizeBtn i { display: none; }

.saveProjectButton { background: #0cfbdc !important; width: 49%; font-size: 12px; line-height: 0 !important; padding: 0 !important; text-shadow: none; color: #222; margin: 0 !important; }

.saveProjectButton:hover, .saveProjectButton:focus { background: #3efce3 !important; color: #222 !important; }

.saveProjectButton i { display: none; }

.ui-layout-southh_inner .priceContainer { text-align: center; background: white; font-size: 10px; line-height: 54px; width: 100%; max-width: calc(100% - 70px); float: right; }

.currentCanvasSizeWrapper .canvasSizeTitle { padding: 5px 3px; }

.currentCanvasSizeWrapper .canvasSizeTitle i { float: left; }

.loadingScreen .loadScreenStepIndicator { margin-top: 35px; }

.color-picker { display: flex; align-items: center; }

.ui-layout-west .galleryWrapper .galleryItem .item__container { height: 100%; width: 100%; }

.GS_thumbnail_sizes { display: flex; }

#dlgGalleryOptions { padding: 0; }

#blendModeControl { display: inline; margin-left: 10px; }

.imageImportDlg #pluginContainer button { width: 100%; text-align: center; justify-content: normal; height: 4rem; padding: 1rem !important; display: inline-flex; line-height: 2rem; }

.imageImportDlg .catfish-button { text-align: center; justify-content: center; padding: 1rem 3rem !important; display: inline-flex; line-height: 3rem; border-radius: 5px; }

.imageImportDlg .catfish-button .icon { margin-right: 1em !important; width: 2rem; }

.imageImportDlg .catfish-button .icon i, .imageImportDlg .catfish-button .icon .fa { font-size: 2em; width: auto; height: auto; margin: 0px !important; }

.imageImportDlg .catfish-button .icon img { max-width: 2em; max-height: 2em; }

.imageImportDlg #indirectUploadArea { margin-bottom: 1em; border-bottom: solid 1px #212c36; padding-bottom: 2em; }

.imageImportDlg .ImgPlugButton { float: left; width: 50%; margin: 0px; padding: 5px; }

.imageImportDlg button.tt.btn.btn-default.btn-me.dialogInit.imgPlugImageSearch .fa { margin: 0px !important; }

.meuiButton { margin-top: 0; }

/* Variables 
=========================================*/
/* Function to access variables 
=========================================*/
/* Generated by Brackets Swatcher */
/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.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; }

/* 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 { orphans: 3; widows: 3; }
  h2, h3 { 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
===================================================*/
/* Grid
=========================================*/
/* Colors
=========================================*/
/* Fonts
=========================================*/
/* Content Wrapper
=========================================*/
/* Input
=========================================*/
/* Button
=========================================*/
/* Homepage Config
=========================================*/
/* Category Config
=========================================*/
/* Product Config
=========================================*/
/* 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 { margin: 0; padding: 0; }

.catfish-classes .modal-card-foot, .vue-component-wrapper .modal-card-foot { margin: 0; }

.catfish-classes table th, .catfish-classes table td, .vue-component-wrapper table th, .vue-component-wrapper table td { display: table-cell; }

.catfish-classes .cf-checkbox.checkbox, .vue-component-wrapper .cf-checkbox.checkbox { display: inline-flex !important; }

@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: 1.66667rem; max-height: 1.66667rem; max-width: 1.66667rem; min-height: 1.66667rem; min-width: 1.66667rem; outline: none; position: relative; vertical-align: top; width: 1.66667rem; }

.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.33333rem; max-height: 1.33333rem; max-width: 1.33333rem; min-height: 1.33333rem; min-width: 1.33333rem; width: 1.33333rem; }

.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: 2rem; max-height: 2rem; max-width: 2rem; min-height: 2rem; min-width: 2rem; width: 2rem; }

.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: 2.33333rem; max-height: 2.33333rem; max-width: 2.33333rem; min-height: 2.33333rem; min-width: 2.33333rem; width: 2.33333rem; }

.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: 0; box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.93333em; 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 h4, .catfish-classes h5, .catfish-classes h6, .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 h4, .vue-component-wrapper h5, .vue-component-wrapper h6 { margin: 0; padding: 0; }

.catfish-classes h1, .catfish-classes h2, .catfish-classes h3, .catfish-classes h4, .catfish-classes h5, .catfish-classes h6, .vue-component-wrapper h1, .vue-component-wrapper h2, .vue-component-wrapper h3, .vue-component-wrapper h4, .vue-component-wrapper h5, .vue-component-wrapper h6 { font-size: 100%; font-weight: normal; }

.catfish-classes ul, .vue-component-wrapper ul { list-style: none; }

.catfish-classes button, .catfish-classes input, .catfish-classes select, .catfish-classes textarea, .vue-component-wrapper 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: 760px), print { .catfish-classes html, .vue-component-wrapper html { font-size: 15px; } }

.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 input, .catfish-classes select, .catfish-classes textarea, .vue-component-wrapper body, .vue-component-wrapper button, .vue-component-wrapper input, .vue-component-wrapper select, .vue-component-wrapper textarea { font-family: Raleway-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: #4C5965; font-size: 1rem; font-weight: 400; line-height: 1.4; }

.catfish-classes a, .vue-component-wrapper a { color: #4C5965; 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: #47535e; }

.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: #4C5965; 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 .has-control-height, .vue-component-wrapper .has-control-height { height: 2.93333em !important; padding-top: calc(0.375em - 1px); padding-bottom: calc(0.375em - 1px); }

.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 .has-gap-0, .vue-component-wrapper .has-gap-0 { gap: 0rem !important; }

.catfish-classes .has-gap-1, .vue-component-wrapper .has-gap-1 { gap: 1rem !important; }

.catfish-classes .has-gap-2, .vue-component-wrapper .has-gap-2 { gap: 2rem !important; }

.catfish-classes .has-gap-3, .vue-component-wrapper .has-gap-3 { gap: 3rem !important; }

.catfish-classes .has-gap-4, .vue-component-wrapper .has-gap-4 { gap: 4rem !important; }

.catfish-classes .has-gap-5, .vue-component-wrapper .has-gap-5 { gap: 5rem !important; }

.catfish-classes .has-gap-0, .vue-component-wrapper .has-gap-0 { gap: 0rem !important; }

.catfish-classes .has-gap-1, .vue-component-wrapper .has-gap-1 { gap: 1rem !important; }

.catfish-classes .has-gap-2, .vue-component-wrapper .has-gap-2 { gap: 2rem !important; }

.catfish-classes .has-gap-3, .vue-component-wrapper .has-gap-3 { gap: 3rem !important; }

.catfish-classes .has-gap-4, .vue-component-wrapper .has-gap-4 { gap: 4rem !important; }

.catfish-classes .has-gap-5, .vue-component-wrapper .has-gap-5 { gap: 5rem !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: 759px) { .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: 760px), 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: 759px) { .catfish-classes .has-text-centered-mobile, .vue-component-wrapper .has-text-centered-mobile { text-align: center !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .has-text-centered-tablet, .vue-component-wrapper .has-text-centered-tablet { text-align: center !important; } }

@media screen and (min-width: 760px) 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: 759px) { .catfish-classes .has-text-justified-mobile, .vue-component-wrapper .has-text-justified-mobile { text-align: justify !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .has-text-justified-tablet, .vue-component-wrapper .has-text-justified-tablet { text-align: justify !important; } }

@media screen and (min-width: 760px) 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: 759px) { .catfish-classes .has-text-left-mobile, .vue-component-wrapper .has-text-left-mobile { text-align: left !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .has-text-left-tablet, .vue-component-wrapper .has-text-left-tablet { text-align: left !important; } }

@media screen and (min-width: 760px) 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: 759px) { .catfish-classes .has-text-right-mobile, .vue-component-wrapper .has-text-right-mobile { text-align: right !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .has-text-right-tablet, .vue-component-wrapper .has-text-right-tablet { text-align: right !important; } }

@media screen and (min-width: 760px) 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 .has-text-wrap-nowrap, .vue-component-wrapper .has-text-wrap-nowrap { text-wrap: nowrap !important; }

.catfish-classes .has-white-space-normal, .vue-component-wrapper .has-white-space-normal { white-space: normal !important; }

.catfish-classes .has-white-space-pre, .vue-component-wrapper .has-white-space-pre { white-space: pre !important; }

.catfish-classes .has-white-space-pre-wrap, .vue-component-wrapper .has-white-space-pre-wrap { white-space: pre-wrap !important; }

.catfish-classes .has-white-space-pre-line, .vue-component-wrapper .has-white-space-pre-line { white-space: pre-line !important; }

.catfish-classes .has-white-space-nowrap, .vue-component-wrapper .has-white-space-nowrap { white-space: nowrap !important; }

.catfish-classes .has-white-space-wrap, .vue-component-wrapper .has-white-space-wrap { white-space: wrap !important; }

.catfish-classes .has-white-space-break-spaces, .vue-component-wrapper .has-white-space-break-spaces { white-space: break-spaces !important; }

.catfish-classes .has-white-space-collapse, .vue-component-wrapper .has-white-space-collapse { white-space: collapse !important; }

.catfish-classes .has-white-space-preserve, .vue-component-wrapper .has-white-space-preserve { white-space: preserve !important; }

.catfish-classes .has-white-space-preserve-breaks, .vue-component-wrapper .has-white-space-preserve-breaks { white-space: preserve-breaks !important; }

.catfish-classes .has-white-space-preserve-spaces, .vue-component-wrapper .has-white-space-preserve-spaces { white-space: preserve-spaces !important; }

.catfish-classes .has-white-space-inherit, .vue-component-wrapper .has-white-space-inherit { white-space: inherit !important; }

.catfish-classes .has-white-space-initial, .vue-component-wrapper .has-white-space-initial { white-space: initial !important; }

.catfish-classes .has-white-space-revert, .vue-component-wrapper .has-white-space-revert { white-space: revert !important; }

.catfish-classes .has-white-space-revert-layer, .vue-component-wrapper .has-white-space-revert-layer { white-space: revert-layer !important; }

.catfish-classes .has-white-space-unset, .vue-component-wrapper .has-white-space-unset { white-space: unset !important; }

.catfish-classes .has-text-width-60ch, .vue-component-wrapper .has-text-width-60ch { max-width: 60ch !important; }

.catfish-classes .is-block, .vue-component-wrapper .is-block { display: block !important; }

@media screen and (max-width: 759px) { .catfish-classes .is-block-mobile, .vue-component-wrapper .is-block-mobile { display: block !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .is-block-tablet, .vue-component-wrapper .is-block-tablet { display: block !important; } }

@media screen and (min-width: 760px) 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: 759px) { .catfish-classes .is-flex-mobile, .vue-component-wrapper .is-flex-mobile { display: flex !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .is-flex-tablet, .vue-component-wrapper .is-flex-tablet { display: flex !important; } }

@media screen and (min-width: 760px) 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: 759px) { .catfish-classes .is-inline-mobile, .vue-component-wrapper .is-inline-mobile { display: inline !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .is-inline-tablet, .vue-component-wrapper .is-inline-tablet { display: inline !important; } }

@media screen and (min-width: 760px) 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: 759px) { .catfish-classes .is-inline-block-mobile, .vue-component-wrapper .is-inline-block-mobile { display: inline-block !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .is-inline-block-tablet, .vue-component-wrapper .is-inline-block-tablet { display: inline-block !important; } }

@media screen and (min-width: 760px) 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: 759px) { .catfish-classes .is-inline-flex-mobile, .vue-component-wrapper .is-inline-flex-mobile { display: inline-flex !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .is-inline-flex-tablet, .vue-component-wrapper .is-inline-flex-tablet { display: inline-flex !important; } }

@media screen and (min-width: 760px) 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: 759px) { .catfish-classes .is-hidden-mobile, .vue-component-wrapper .is-hidden-mobile { display: none !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .is-hidden-tablet, .vue-component-wrapper .is-hidden-tablet { display: none !important; } }

@media screen and (min-width: 760px) 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: 759px) { .catfish-classes .is-invisible-mobile, .vue-component-wrapper .is-invisible-mobile { visibility: hidden !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .is-invisible-tablet, .vue-component-wrapper .is-invisible-tablet { visibility: hidden !important; } }

@media screen and (min-width: 760px) 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: 759px) { .catfish-classes .has-height-64-mobile, .vue-component-wrapper .has-height-64-mobile { height: 64px !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .has-height-64-tablet, .vue-component-wrapper .has-height-64-tablet { height: 64px !important; } }

@media screen and (min-width: 760px) 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: 759px) { .catfish-classes .has-height-128-mobile, .vue-component-wrapper .has-height-128-mobile { height: 128px !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .has-height-128-tablet, .vue-component-wrapper .has-height-128-tablet { height: 128px !important; } }

@media screen and (min-width: 760px) 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: 759px) { .catfish-classes .has-height-256-mobile, .vue-component-wrapper .has-height-256-mobile { height: 256px !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .has-height-256-tablet, .vue-component-wrapper .has-height-256-tablet { height: 256px !important; } }

@media screen and (min-width: 760px) 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: 759px) { .catfish-classes .has-height-480-mobile, .vue-component-wrapper .has-height-480-mobile { height: 480px !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .has-height-480-tablet, .vue-component-wrapper .has-height-480-tablet { height: 480px !important; } }

@media screen and (min-width: 760px) 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: 759px) { .catfish-classes .has-height-640-mobile, .vue-component-wrapper .has-height-640-mobile { height: 640px !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .has-height-640-tablet, .vue-component-wrapper .has-height-640-tablet { height: 640px !important; } }

@media screen and (min-width: 760px) 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: 759px) { .catfish-classes .has-height-720-mobile, .vue-component-wrapper .has-height-720-mobile { height: 720px !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .has-height-720-tablet, .vue-component-wrapper .has-height-720-tablet { height: 720px !important; } }

@media screen and (min-width: 760px) 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: 759px) { .catfish-classes .has-height-800-mobile, .vue-component-wrapper .has-height-800-mobile { height: 800px !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .has-height-800-tablet, .vue-component-wrapper .has-height-800-tablet { height: 800px !important; } }

@media screen and (min-width: 760px) 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: 759px) { .catfish-classes .has-height-960-mobile, .vue-component-wrapper .has-height-960-mobile { height: 960px !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .has-height-960-tablet, .vue-component-wrapper .has-height-960-tablet { height: 960px !important; } }

@media screen and (min-width: 760px) 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; }

.catfish-classes .is-grabbable, .vue-component-wrapper .is-grabbable { cursor: grab !important; }

@media screen and (max-width: 759px) { .catfish-classes .is-fullwidth-mobile, .vue-component-wrapper .is-fullwidth-mobile { width: 100% !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .is-fullwidth-tablet, .vue-component-wrapper .is-fullwidth-tablet { width: 100% !important; } }

@media screen and (min-width: 760px) 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: #4C5965; }

.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: #4C5965 !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: #363f48 !important; }

.catfish-classes .has-background-primary, .vue-component-wrapper .has-background-primary { background-color: #4C5965 !important; }

.catfish-classes .has-border-primary, .vue-component-wrapper .has-border-primary { border: 1px solid #4C5965 !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: #4C5965 !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: #363f48 !important; }

.catfish-classes .has-background-link, .vue-component-wrapper .has-background-link { background-color: #4C5965 !important; }

.catfish-classes .has-border-link, .vue-component-wrapper .has-border-link { border: 1px solid #4C5965 !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 .has-gap-10, .vue-component-wrapper .has-gap-10 { gap: 10px; }

.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: 759px) { .catfish-classes .is-paddingless-mobile, .vue-component-wrapper .is-paddingless-mobile { padding: 0 !important; }
  .catfish-classes .m-0-mobile, .vue-component-wrapper .m-0-mobile { margin: 0 !important; }
  .catfish-classes .mt-0-mobile, .vue-component-wrapper .mt-0-mobile { margin-top: 0 !important; }
  .catfish-classes .mr-0-mobile, .vue-component-wrapper .mr-0-mobile { margin-right: 0 !important; }
  .catfish-classes .mb-0-mobile, .vue-component-wrapper .mb-0-mobile { margin-bottom: 0 !important; }
  .catfish-classes .ml-0-mobile, .vue-component-wrapper .ml-0-mobile { margin-left: 0 !important; }
  .catfish-classes .mx-0-mobile, .vue-component-wrapper .mx-0-mobile { margin-left: 0 !important; margin-right: 0 !important; }
  .catfish-classes .my-0-mobile, .vue-component-wrapper .my-0-mobile { margin-top: 0 !important; margin-bottom: 0 !important; }
  .catfish-classes .m-1-mobile, .vue-component-wrapper .m-1-mobile { margin: 0.25rem !important; }
  .catfish-classes .mt-1-mobile, .vue-component-wrapper .mt-1-mobile { margin-top: 0.25rem !important; }
  .catfish-classes .mr-1-mobile, .vue-component-wrapper .mr-1-mobile { margin-right: 0.25rem !important; }
  .catfish-classes .mb-1-mobile, .vue-component-wrapper .mb-1-mobile { margin-bottom: 0.25rem !important; }
  .catfish-classes .ml-1-mobile, .vue-component-wrapper .ml-1-mobile { margin-left: 0.25rem !important; }
  .catfish-classes .mx-1-mobile, .vue-component-wrapper .mx-1-mobile { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
  .catfish-classes .my-1-mobile, .vue-component-wrapper .my-1-mobile { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
  .catfish-classes .m-2-mobile, .vue-component-wrapper .m-2-mobile { margin: 0.5rem !important; }
  .catfish-classes .mt-2-mobile, .vue-component-wrapper .mt-2-mobile { margin-top: 0.5rem !important; }
  .catfish-classes .mr-2-mobile, .vue-component-wrapper .mr-2-mobile { margin-right: 0.5rem !important; }
  .catfish-classes .mb-2-mobile, .vue-component-wrapper .mb-2-mobile { margin-bottom: 0.5rem !important; }
  .catfish-classes .ml-2-mobile, .vue-component-wrapper .ml-2-mobile { margin-left: 0.5rem !important; }
  .catfish-classes .mx-2-mobile, .vue-component-wrapper .mx-2-mobile { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .catfish-classes .my-2-mobile, .vue-component-wrapper .my-2-mobile { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .catfish-classes .m-3-mobile, .vue-component-wrapper .m-3-mobile { margin: 0.75rem !important; }
  .catfish-classes .mt-3-mobile, .vue-component-wrapper .mt-3-mobile { margin-top: 0.75rem !important; }
  .catfish-classes .mr-3-mobile, .vue-component-wrapper .mr-3-mobile { margin-right: 0.75rem !important; }
  .catfish-classes .mb-3-mobile, .vue-component-wrapper .mb-3-mobile { margin-bottom: 0.75rem !important; }
  .catfish-classes .ml-3-mobile, .vue-component-wrapper .ml-3-mobile { margin-left: 0.75rem !important; }
  .catfish-classes .mx-3-mobile, .vue-component-wrapper .mx-3-mobile { margin-left: 0.75rem !important; margin-right: 0.75rem !important; }
  .catfish-classes .my-3-mobile, .vue-component-wrapper .my-3-mobile { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
  .catfish-classes .m-4-mobile, .vue-component-wrapper .m-4-mobile { margin: 1rem !important; }
  .catfish-classes .mt-4-mobile, .vue-component-wrapper .mt-4-mobile { margin-top: 1rem !important; }
  .catfish-classes .mr-4-mobile, .vue-component-wrapper .mr-4-mobile { margin-right: 1rem !important; }
  .catfish-classes .mb-4-mobile, .vue-component-wrapper .mb-4-mobile { margin-bottom: 1rem !important; }
  .catfish-classes .ml-4-mobile, .vue-component-wrapper .ml-4-mobile { margin-left: 1rem !important; }
  .catfish-classes .mx-4-mobile, .vue-component-wrapper .mx-4-mobile { margin-left: 1rem !important; margin-right: 1rem !important; }
  .catfish-classes .my-4-mobile, .vue-component-wrapper .my-4-mobile { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .catfish-classes .m-5-mobile, .vue-component-wrapper .m-5-mobile { margin: 1.5rem !important; }
  .catfish-classes .mt-5-mobile, .vue-component-wrapper .mt-5-mobile { margin-top: 1.5rem !important; }
  .catfish-classes .mr-5-mobile, .vue-component-wrapper .mr-5-mobile { margin-right: 1.5rem !important; }
  .catfish-classes .mb-5-mobile, .vue-component-wrapper .mb-5-mobile { margin-bottom: 1.5rem !important; }
  .catfish-classes .ml-5-mobile, .vue-component-wrapper .ml-5-mobile { margin-left: 1.5rem !important; }
  .catfish-classes .mx-5-mobile, .vue-component-wrapper .mx-5-mobile { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .catfish-classes .my-5-mobile, .vue-component-wrapper .my-5-mobile { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .catfish-classes .m-6-mobile, .vue-component-wrapper .m-6-mobile { margin: 3rem !important; }
  .catfish-classes .mt-6-mobile, .vue-component-wrapper .mt-6-mobile { margin-top: 3rem !important; }
  .catfish-classes .mr-6-mobile, .vue-component-wrapper .mr-6-mobile { margin-right: 3rem !important; }
  .catfish-classes .mb-6-mobile, .vue-component-wrapper .mb-6-mobile { margin-bottom: 3rem !important; }
  .catfish-classes .ml-6-mobile, .vue-component-wrapper .ml-6-mobile { margin-left: 3rem !important; }
  .catfish-classes .mx-6-mobile, .vue-component-wrapper .mx-6-mobile { margin-left: 3rem !important; margin-right: 3rem !important; }
  .catfish-classes .my-6-mobile, .vue-component-wrapper .my-6-mobile { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .catfish-classes .p-0-mobile, .vue-component-wrapper .p-0-mobile { padding: 0 !important; }
  .catfish-classes .pt-0-mobile, .vue-component-wrapper .pt-0-mobile { padding-top: 0 !important; }
  .catfish-classes .pr-0-mobile, .vue-component-wrapper .pr-0-mobile { padding-right: 0 !important; }
  .catfish-classes .pb-0-mobile, .vue-component-wrapper .pb-0-mobile { padding-bottom: 0 !important; }
  .catfish-classes .pl-0-mobile, .vue-component-wrapper .pl-0-mobile { padding-left: 0 !important; }
  .catfish-classes .px-0-mobile, .vue-component-wrapper .px-0-mobile { padding-left: 0 !important; padding-right: 0 !important; }
  .catfish-classes .py-0-mobile, .vue-component-wrapper .py-0-mobile { padding-top: 0 !important; padding-bottom: 0 !important; }
  .catfish-classes .p-1-mobile, .vue-component-wrapper .p-1-mobile { padding: 0.25rem !important; }
  .catfish-classes .pt-1-mobile, .vue-component-wrapper .pt-1-mobile { padding-top: 0.25rem !important; }
  .catfish-classes .pr-1-mobile, .vue-component-wrapper .pr-1-mobile { padding-right: 0.25rem !important; }
  .catfish-classes .pb-1-mobile, .vue-component-wrapper .pb-1-mobile { padding-bottom: 0.25rem !important; }
  .catfish-classes .pl-1-mobile, .vue-component-wrapper .pl-1-mobile { padding-left: 0.25rem !important; }
  .catfish-classes .px-1-mobile, .vue-component-wrapper .px-1-mobile { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
  .catfish-classes .py-1-mobile, .vue-component-wrapper .py-1-mobile { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
  .catfish-classes .p-2-mobile, .vue-component-wrapper .p-2-mobile { padding: 0.5rem !important; }
  .catfish-classes .pt-2-mobile, .vue-component-wrapper .pt-2-mobile { padding-top: 0.5rem !important; }
  .catfish-classes .pr-2-mobile, .vue-component-wrapper .pr-2-mobile { padding-right: 0.5rem !important; }
  .catfish-classes .pb-2-mobile, .vue-component-wrapper .pb-2-mobile { padding-bottom: 0.5rem !important; }
  .catfish-classes .pl-2-mobile, .vue-component-wrapper .pl-2-mobile { padding-left: 0.5rem !important; }
  .catfish-classes .px-2-mobile, .vue-component-wrapper .px-2-mobile { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .catfish-classes .py-2-mobile, .vue-component-wrapper .py-2-mobile { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .catfish-classes .p-3-mobile, .vue-component-wrapper .p-3-mobile { padding: 0.75rem !important; }
  .catfish-classes .pt-3-mobile, .vue-component-wrapper .pt-3-mobile { padding-top: 0.75rem !important; }
  .catfish-classes .pr-3-mobile, .vue-component-wrapper .pr-3-mobile { padding-right: 0.75rem !important; }
  .catfish-classes .pb-3-mobile, .vue-component-wrapper .pb-3-mobile { padding-bottom: 0.75rem !important; }
  .catfish-classes .pl-3-mobile, .vue-component-wrapper .pl-3-mobile { padding-left: 0.75rem !important; }
  .catfish-classes .px-3-mobile, .vue-component-wrapper .px-3-mobile { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
  .catfish-classes .py-3-mobile, .vue-component-wrapper .py-3-mobile { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
  .catfish-classes .p-4-mobile, .vue-component-wrapper .p-4-mobile { padding: 1rem !important; }
  .catfish-classes .pt-4-mobile, .vue-component-wrapper .pt-4-mobile { padding-top: 1rem !important; }
  .catfish-classes .pr-4-mobile, .vue-component-wrapper .pr-4-mobile { padding-right: 1rem !important; }
  .catfish-classes .pb-4-mobile, .vue-component-wrapper .pb-4-mobile { padding-bottom: 1rem !important; }
  .catfish-classes .pl-4-mobile, .vue-component-wrapper .pl-4-mobile { padding-left: 1rem !important; }
  .catfish-classes .px-4-mobile, .vue-component-wrapper .px-4-mobile { padding-left: 1rem !important; padding-right: 1rem !important; }
  .catfish-classes .py-4-mobile, .vue-component-wrapper .py-4-mobile { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .catfish-classes .p-5-mobile, .vue-component-wrapper .p-5-mobile { padding: 1.5rem !important; }
  .catfish-classes .pt-5-mobile, .vue-component-wrapper .pt-5-mobile { padding-top: 1.5rem !important; }
  .catfish-classes .pr-5-mobile, .vue-component-wrapper .pr-5-mobile { padding-right: 1.5rem !important; }
  .catfish-classes .pb-5-mobile, .vue-component-wrapper .pb-5-mobile { padding-bottom: 1.5rem !important; }
  .catfish-classes .pl-5-mobile, .vue-component-wrapper .pl-5-mobile { padding-left: 1.5rem !important; }
  .catfish-classes .px-5-mobile, .vue-component-wrapper .px-5-mobile { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .catfish-classes .py-5-mobile, .vue-component-wrapper .py-5-mobile { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .catfish-classes .p-6-mobile, .vue-component-wrapper .p-6-mobile { padding: 3rem !important; }
  .catfish-classes .pt-6-mobile, .vue-component-wrapper .pt-6-mobile { padding-top: 3rem !important; }
  .catfish-classes .pr-6-mobile, .vue-component-wrapper .pr-6-mobile { padding-right: 3rem !important; }
  .catfish-classes .pb-6-mobile, .vue-component-wrapper .pb-6-mobile { padding-bottom: 3rem !important; }
  .catfish-classes .pl-6-mobile, .vue-component-wrapper .pl-6-mobile { padding-left: 3rem !important; }
  .catfish-classes .px-6-mobile, .vue-component-wrapper .px-6-mobile { padding-left: 3rem !important; padding-right: 3rem !important; }
  .catfish-classes .py-6-mobile, .vue-component-wrapper .py-6-mobile { padding-top: 3rem !important; padding-bottom: 3rem !important; } }

@media screen and (min-width: 760px), print { .catfish-classes .is-paddingless-tablet, .vue-component-wrapper .is-paddingless-tablet { padding: 0 !important; }
  .catfish-classes .m-0-tablet, .vue-component-wrapper .m-0-tablet { margin: 0 !important; }
  .catfish-classes .mt-0-tablet, .vue-component-wrapper .mt-0-tablet { margin-top: 0 !important; }
  .catfish-classes .mr-0-tablet, .vue-component-wrapper .mr-0-tablet { margin-right: 0 !important; }
  .catfish-classes .mb-0-tablet, .vue-component-wrapper .mb-0-tablet { margin-bottom: 0 !important; }
  .catfish-classes .ml-0-tablet, .vue-component-wrapper .ml-0-tablet { margin-left: 0 !important; }
  .catfish-classes .mx-0-tablet, .vue-component-wrapper .mx-0-tablet { margin-left: 0 !important; margin-right: 0 !important; }
  .catfish-classes .my-0-tablet, .vue-component-wrapper .my-0-tablet { margin-top: 0 !important; margin-bottom: 0 !important; }
  .catfish-classes .m-1-tablet, .vue-component-wrapper .m-1-tablet { margin: 0.25rem !important; }
  .catfish-classes .mt-1-tablet, .vue-component-wrapper .mt-1-tablet { margin-top: 0.25rem !important; }
  .catfish-classes .mr-1-tablet, .vue-component-wrapper .mr-1-tablet { margin-right: 0.25rem !important; }
  .catfish-classes .mb-1-tablet, .vue-component-wrapper .mb-1-tablet { margin-bottom: 0.25rem !important; }
  .catfish-classes .ml-1-tablet, .vue-component-wrapper .ml-1-tablet { margin-left: 0.25rem !important; }
  .catfish-classes .mx-1-tablet, .vue-component-wrapper .mx-1-tablet { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
  .catfish-classes .my-1-tablet, .vue-component-wrapper .my-1-tablet { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
  .catfish-classes .m-2-tablet, .vue-component-wrapper .m-2-tablet { margin: 0.5rem !important; }
  .catfish-classes .mt-2-tablet, .vue-component-wrapper .mt-2-tablet { margin-top: 0.5rem !important; }
  .catfish-classes .mr-2-tablet, .vue-component-wrapper .mr-2-tablet { margin-right: 0.5rem !important; }
  .catfish-classes .mb-2-tablet, .vue-component-wrapper .mb-2-tablet { margin-bottom: 0.5rem !important; }
  .catfish-classes .ml-2-tablet, .vue-component-wrapper .ml-2-tablet { margin-left: 0.5rem !important; }
  .catfish-classes .mx-2-tablet, .vue-component-wrapper .mx-2-tablet { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .catfish-classes .my-2-tablet, .vue-component-wrapper .my-2-tablet { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .catfish-classes .m-3-tablet, .vue-component-wrapper .m-3-tablet { margin: 0.75rem !important; }
  .catfish-classes .mt-3-tablet, .vue-component-wrapper .mt-3-tablet { margin-top: 0.75rem !important; }
  .catfish-classes .mr-3-tablet, .vue-component-wrapper .mr-3-tablet { margin-right: 0.75rem !important; }
  .catfish-classes .mb-3-tablet, .vue-component-wrapper .mb-3-tablet { margin-bottom: 0.75rem !important; }
  .catfish-classes .ml-3-tablet, .vue-component-wrapper .ml-3-tablet { margin-left: 0.75rem !important; }
  .catfish-classes .mx-3-tablet, .vue-component-wrapper .mx-3-tablet { margin-left: 0.75rem !important; margin-right: 0.75rem !important; }
  .catfish-classes .my-3-tablet, .vue-component-wrapper .my-3-tablet { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
  .catfish-classes .m-4-tablet, .vue-component-wrapper .m-4-tablet { margin: 1rem !important; }
  .catfish-classes .mt-4-tablet, .vue-component-wrapper .mt-4-tablet { margin-top: 1rem !important; }
  .catfish-classes .mr-4-tablet, .vue-component-wrapper .mr-4-tablet { margin-right: 1rem !important; }
  .catfish-classes .mb-4-tablet, .vue-component-wrapper .mb-4-tablet { margin-bottom: 1rem !important; }
  .catfish-classes .ml-4-tablet, .vue-component-wrapper .ml-4-tablet { margin-left: 1rem !important; }
  .catfish-classes .mx-4-tablet, .vue-component-wrapper .mx-4-tablet { margin-left: 1rem !important; margin-right: 1rem !important; }
  .catfish-classes .my-4-tablet, .vue-component-wrapper .my-4-tablet { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .catfish-classes .m-5-tablet, .vue-component-wrapper .m-5-tablet { margin: 1.5rem !important; }
  .catfish-classes .mt-5-tablet, .vue-component-wrapper .mt-5-tablet { margin-top: 1.5rem !important; }
  .catfish-classes .mr-5-tablet, .vue-component-wrapper .mr-5-tablet { margin-right: 1.5rem !important; }
  .catfish-classes .mb-5-tablet, .vue-component-wrapper .mb-5-tablet { margin-bottom: 1.5rem !important; }
  .catfish-classes .ml-5-tablet, .vue-component-wrapper .ml-5-tablet { margin-left: 1.5rem !important; }
  .catfish-classes .mx-5-tablet, .vue-component-wrapper .mx-5-tablet { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .catfish-classes .my-5-tablet, .vue-component-wrapper .my-5-tablet { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .catfish-classes .m-6-tablet, .vue-component-wrapper .m-6-tablet { margin: 3rem !important; }
  .catfish-classes .mt-6-tablet, .vue-component-wrapper .mt-6-tablet { margin-top: 3rem !important; }
  .catfish-classes .mr-6-tablet, .vue-component-wrapper .mr-6-tablet { margin-right: 3rem !important; }
  .catfish-classes .mb-6-tablet, .vue-component-wrapper .mb-6-tablet { margin-bottom: 3rem !important; }
  .catfish-classes .ml-6-tablet, .vue-component-wrapper .ml-6-tablet { margin-left: 3rem !important; }
  .catfish-classes .mx-6-tablet, .vue-component-wrapper .mx-6-tablet { margin-left: 3rem !important; margin-right: 3rem !important; }
  .catfish-classes .my-6-tablet, .vue-component-wrapper .my-6-tablet { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .catfish-classes .p-0-tablet, .vue-component-wrapper .p-0-tablet { padding: 0 !important; }
  .catfish-classes .pt-0-tablet, .vue-component-wrapper .pt-0-tablet { padding-top: 0 !important; }
  .catfish-classes .pr-0-tablet, .vue-component-wrapper .pr-0-tablet { padding-right: 0 !important; }
  .catfish-classes .pb-0-tablet, .vue-component-wrapper .pb-0-tablet { padding-bottom: 0 !important; }
  .catfish-classes .pl-0-tablet, .vue-component-wrapper .pl-0-tablet { padding-left: 0 !important; }
  .catfish-classes .px-0-tablet, .vue-component-wrapper .px-0-tablet { padding-left: 0 !important; padding-right: 0 !important; }
  .catfish-classes .py-0-tablet, .vue-component-wrapper .py-0-tablet { padding-top: 0 !important; padding-bottom: 0 !important; }
  .catfish-classes .p-1-tablet, .vue-component-wrapper .p-1-tablet { padding: 0.25rem !important; }
  .catfish-classes .pt-1-tablet, .vue-component-wrapper .pt-1-tablet { padding-top: 0.25rem !important; }
  .catfish-classes .pr-1-tablet, .vue-component-wrapper .pr-1-tablet { padding-right: 0.25rem !important; }
  .catfish-classes .pb-1-tablet, .vue-component-wrapper .pb-1-tablet { padding-bottom: 0.25rem !important; }
  .catfish-classes .pl-1-tablet, .vue-component-wrapper .pl-1-tablet { padding-left: 0.25rem !important; }
  .catfish-classes .px-1-tablet, .vue-component-wrapper .px-1-tablet { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
  .catfish-classes .py-1-tablet, .vue-component-wrapper .py-1-tablet { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
  .catfish-classes .p-2-tablet, .vue-component-wrapper .p-2-tablet { padding: 0.5rem !important; }
  .catfish-classes .pt-2-tablet, .vue-component-wrapper .pt-2-tablet { padding-top: 0.5rem !important; }
  .catfish-classes .pr-2-tablet, .vue-component-wrapper .pr-2-tablet { padding-right: 0.5rem !important; }
  .catfish-classes .pb-2-tablet, .vue-component-wrapper .pb-2-tablet { padding-bottom: 0.5rem !important; }
  .catfish-classes .pl-2-tablet, .vue-component-wrapper .pl-2-tablet { padding-left: 0.5rem !important; }
  .catfish-classes .px-2-tablet, .vue-component-wrapper .px-2-tablet { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .catfish-classes .py-2-tablet, .vue-component-wrapper .py-2-tablet { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .catfish-classes .p-3-tablet, .vue-component-wrapper .p-3-tablet { padding: 0.75rem !important; }
  .catfish-classes .pt-3-tablet, .vue-component-wrapper .pt-3-tablet { padding-top: 0.75rem !important; }
  .catfish-classes .pr-3-tablet, .vue-component-wrapper .pr-3-tablet { padding-right: 0.75rem !important; }
  .catfish-classes .pb-3-tablet, .vue-component-wrapper .pb-3-tablet { padding-bottom: 0.75rem !important; }
  .catfish-classes .pl-3-tablet, .vue-component-wrapper .pl-3-tablet { padding-left: 0.75rem !important; }
  .catfish-classes .px-3-tablet, .vue-component-wrapper .px-3-tablet { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
  .catfish-classes .py-3-tablet, .vue-component-wrapper .py-3-tablet { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
  .catfish-classes .p-4-tablet, .vue-component-wrapper .p-4-tablet { padding: 1rem !important; }
  .catfish-classes .pt-4-tablet, .vue-component-wrapper .pt-4-tablet { padding-top: 1rem !important; }
  .catfish-classes .pr-4-tablet, .vue-component-wrapper .pr-4-tablet { padding-right: 1rem !important; }
  .catfish-classes .pb-4-tablet, .vue-component-wrapper .pb-4-tablet { padding-bottom: 1rem !important; }
  .catfish-classes .pl-4-tablet, .vue-component-wrapper .pl-4-tablet { padding-left: 1rem !important; }
  .catfish-classes .px-4-tablet, .vue-component-wrapper .px-4-tablet { padding-left: 1rem !important; padding-right: 1rem !important; }
  .catfish-classes .py-4-tablet, .vue-component-wrapper .py-4-tablet { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .catfish-classes .p-5-tablet, .vue-component-wrapper .p-5-tablet { padding: 1.5rem !important; }
  .catfish-classes .pt-5-tablet, .vue-component-wrapper .pt-5-tablet { padding-top: 1.5rem !important; }
  .catfish-classes .pr-5-tablet, .vue-component-wrapper .pr-5-tablet { padding-right: 1.5rem !important; }
  .catfish-classes .pb-5-tablet, .vue-component-wrapper .pb-5-tablet { padding-bottom: 1.5rem !important; }
  .catfish-classes .pl-5-tablet, .vue-component-wrapper .pl-5-tablet { padding-left: 1.5rem !important; }
  .catfish-classes .px-5-tablet, .vue-component-wrapper .px-5-tablet { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .catfish-classes .py-5-tablet, .vue-component-wrapper .py-5-tablet { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .catfish-classes .p-6-tablet, .vue-component-wrapper .p-6-tablet { padding: 3rem !important; }
  .catfish-classes .pt-6-tablet, .vue-component-wrapper .pt-6-tablet { padding-top: 3rem !important; }
  .catfish-classes .pr-6-tablet, .vue-component-wrapper .pr-6-tablet { padding-right: 3rem !important; }
  .catfish-classes .pb-6-tablet, .vue-component-wrapper .pb-6-tablet { padding-bottom: 3rem !important; }
  .catfish-classes .pl-6-tablet, .vue-component-wrapper .pl-6-tablet { padding-left: 3rem !important; }
  .catfish-classes .px-6-tablet, .vue-component-wrapper .px-6-tablet { padding-left: 3rem !important; padding-right: 3rem !important; }
  .catfish-classes .py-6-tablet, .vue-component-wrapper .py-6-tablet { padding-top: 3rem !important; padding-bottom: 3rem !important; } }

@media screen and (min-width: 760px) 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; }
  .catfish-classes .m-0-desktop, .vue-component-wrapper .m-0-desktop { margin: 0 !important; }
  .catfish-classes .mt-0-desktop, .vue-component-wrapper .mt-0-desktop { margin-top: 0 !important; }
  .catfish-classes .mr-0-desktop, .vue-component-wrapper .mr-0-desktop { margin-right: 0 !important; }
  .catfish-classes .mb-0-desktop, .vue-component-wrapper .mb-0-desktop { margin-bottom: 0 !important; }
  .catfish-classes .ml-0-desktop, .vue-component-wrapper .ml-0-desktop { margin-left: 0 !important; }
  .catfish-classes .mx-0-desktop, .vue-component-wrapper .mx-0-desktop { margin-left: 0 !important; margin-right: 0 !important; }
  .catfish-classes .my-0-desktop, .vue-component-wrapper .my-0-desktop { margin-top: 0 !important; margin-bottom: 0 !important; }
  .catfish-classes .m-1-desktop, .vue-component-wrapper .m-1-desktop { margin: 0.25rem !important; }
  .catfish-classes .mt-1-desktop, .vue-component-wrapper .mt-1-desktop { margin-top: 0.25rem !important; }
  .catfish-classes .mr-1-desktop, .vue-component-wrapper .mr-1-desktop { margin-right: 0.25rem !important; }
  .catfish-classes .mb-1-desktop, .vue-component-wrapper .mb-1-desktop { margin-bottom: 0.25rem !important; }
  .catfish-classes .ml-1-desktop, .vue-component-wrapper .ml-1-desktop { margin-left: 0.25rem !important; }
  .catfish-classes .mx-1-desktop, .vue-component-wrapper .mx-1-desktop { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
  .catfish-classes .my-1-desktop, .vue-component-wrapper .my-1-desktop { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
  .catfish-classes .m-2-desktop, .vue-component-wrapper .m-2-desktop { margin: 0.5rem !important; }
  .catfish-classes .mt-2-desktop, .vue-component-wrapper .mt-2-desktop { margin-top: 0.5rem !important; }
  .catfish-classes .mr-2-desktop, .vue-component-wrapper .mr-2-desktop { margin-right: 0.5rem !important; }
  .catfish-classes .mb-2-desktop, .vue-component-wrapper .mb-2-desktop { margin-bottom: 0.5rem !important; }
  .catfish-classes .ml-2-desktop, .vue-component-wrapper .ml-2-desktop { margin-left: 0.5rem !important; }
  .catfish-classes .mx-2-desktop, .vue-component-wrapper .mx-2-desktop { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .catfish-classes .my-2-desktop, .vue-component-wrapper .my-2-desktop { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .catfish-classes .m-3-desktop, .vue-component-wrapper .m-3-desktop { margin: 0.75rem !important; }
  .catfish-classes .mt-3-desktop, .vue-component-wrapper .mt-3-desktop { margin-top: 0.75rem !important; }
  .catfish-classes .mr-3-desktop, .vue-component-wrapper .mr-3-desktop { margin-right: 0.75rem !important; }
  .catfish-classes .mb-3-desktop, .vue-component-wrapper .mb-3-desktop { margin-bottom: 0.75rem !important; }
  .catfish-classes .ml-3-desktop, .vue-component-wrapper .ml-3-desktop { margin-left: 0.75rem !important; }
  .catfish-classes .mx-3-desktop, .vue-component-wrapper .mx-3-desktop { margin-left: 0.75rem !important; margin-right: 0.75rem !important; }
  .catfish-classes .my-3-desktop, .vue-component-wrapper .my-3-desktop { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
  .catfish-classes .m-4-desktop, .vue-component-wrapper .m-4-desktop { margin: 1rem !important; }
  .catfish-classes .mt-4-desktop, .vue-component-wrapper .mt-4-desktop { margin-top: 1rem !important; }
  .catfish-classes .mr-4-desktop, .vue-component-wrapper .mr-4-desktop { margin-right: 1rem !important; }
  .catfish-classes .mb-4-desktop, .vue-component-wrapper .mb-4-desktop { margin-bottom: 1rem !important; }
  .catfish-classes .ml-4-desktop, .vue-component-wrapper .ml-4-desktop { margin-left: 1rem !important; }
  .catfish-classes .mx-4-desktop, .vue-component-wrapper .mx-4-desktop { margin-left: 1rem !important; margin-right: 1rem !important; }
  .catfish-classes .my-4-desktop, .vue-component-wrapper .my-4-desktop { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .catfish-classes .m-5-desktop, .vue-component-wrapper .m-5-desktop { margin: 1.5rem !important; }
  .catfish-classes .mt-5-desktop, .vue-component-wrapper .mt-5-desktop { margin-top: 1.5rem !important; }
  .catfish-classes .mr-5-desktop, .vue-component-wrapper .mr-5-desktop { margin-right: 1.5rem !important; }
  .catfish-classes .mb-5-desktop, .vue-component-wrapper .mb-5-desktop { margin-bottom: 1.5rem !important; }
  .catfish-classes .ml-5-desktop, .vue-component-wrapper .ml-5-desktop { margin-left: 1.5rem !important; }
  .catfish-classes .mx-5-desktop, .vue-component-wrapper .mx-5-desktop { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .catfish-classes .my-5-desktop, .vue-component-wrapper .my-5-desktop { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .catfish-classes .m-6-desktop, .vue-component-wrapper .m-6-desktop { margin: 3rem !important; }
  .catfish-classes .mt-6-desktop, .vue-component-wrapper .mt-6-desktop { margin-top: 3rem !important; }
  .catfish-classes .mr-6-desktop, .vue-component-wrapper .mr-6-desktop { margin-right: 3rem !important; }
  .catfish-classes .mb-6-desktop, .vue-component-wrapper .mb-6-desktop { margin-bottom: 3rem !important; }
  .catfish-classes .ml-6-desktop, .vue-component-wrapper .ml-6-desktop { margin-left: 3rem !important; }
  .catfish-classes .mx-6-desktop, .vue-component-wrapper .mx-6-desktop { margin-left: 3rem !important; margin-right: 3rem !important; }
  .catfish-classes .my-6-desktop, .vue-component-wrapper .my-6-desktop { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .catfish-classes .p-0-desktop, .vue-component-wrapper .p-0-desktop { padding: 0 !important; }
  .catfish-classes .pt-0-desktop, .vue-component-wrapper .pt-0-desktop { padding-top: 0 !important; }
  .catfish-classes .pr-0-desktop, .vue-component-wrapper .pr-0-desktop { padding-right: 0 !important; }
  .catfish-classes .pb-0-desktop, .vue-component-wrapper .pb-0-desktop { padding-bottom: 0 !important; }
  .catfish-classes .pl-0-desktop, .vue-component-wrapper .pl-0-desktop { padding-left: 0 !important; }
  .catfish-classes .px-0-desktop, .vue-component-wrapper .px-0-desktop { padding-left: 0 !important; padding-right: 0 !important; }
  .catfish-classes .py-0-desktop, .vue-component-wrapper .py-0-desktop { padding-top: 0 !important; padding-bottom: 0 !important; }
  .catfish-classes .p-1-desktop, .vue-component-wrapper .p-1-desktop { padding: 0.25rem !important; }
  .catfish-classes .pt-1-desktop, .vue-component-wrapper .pt-1-desktop { padding-top: 0.25rem !important; }
  .catfish-classes .pr-1-desktop, .vue-component-wrapper .pr-1-desktop { padding-right: 0.25rem !important; }
  .catfish-classes .pb-1-desktop, .vue-component-wrapper .pb-1-desktop { padding-bottom: 0.25rem !important; }
  .catfish-classes .pl-1-desktop, .vue-component-wrapper .pl-1-desktop { padding-left: 0.25rem !important; }
  .catfish-classes .px-1-desktop, .vue-component-wrapper .px-1-desktop { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
  .catfish-classes .py-1-desktop, .vue-component-wrapper .py-1-desktop { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
  .catfish-classes .p-2-desktop, .vue-component-wrapper .p-2-desktop { padding: 0.5rem !important; }
  .catfish-classes .pt-2-desktop, .vue-component-wrapper .pt-2-desktop { padding-top: 0.5rem !important; }
  .catfish-classes .pr-2-desktop, .vue-component-wrapper .pr-2-desktop { padding-right: 0.5rem !important; }
  .catfish-classes .pb-2-desktop, .vue-component-wrapper .pb-2-desktop { padding-bottom: 0.5rem !important; }
  .catfish-classes .pl-2-desktop, .vue-component-wrapper .pl-2-desktop { padding-left: 0.5rem !important; }
  .catfish-classes .px-2-desktop, .vue-component-wrapper .px-2-desktop { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .catfish-classes .py-2-desktop, .vue-component-wrapper .py-2-desktop { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .catfish-classes .p-3-desktop, .vue-component-wrapper .p-3-desktop { padding: 0.75rem !important; }
  .catfish-classes .pt-3-desktop, .vue-component-wrapper .pt-3-desktop { padding-top: 0.75rem !important; }
  .catfish-classes .pr-3-desktop, .vue-component-wrapper .pr-3-desktop { padding-right: 0.75rem !important; }
  .catfish-classes .pb-3-desktop, .vue-component-wrapper .pb-3-desktop { padding-bottom: 0.75rem !important; }
  .catfish-classes .pl-3-desktop, .vue-component-wrapper .pl-3-desktop { padding-left: 0.75rem !important; }
  .catfish-classes .px-3-desktop, .vue-component-wrapper .px-3-desktop { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
  .catfish-classes .py-3-desktop, .vue-component-wrapper .py-3-desktop { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
  .catfish-classes .p-4-desktop, .vue-component-wrapper .p-4-desktop { padding: 1rem !important; }
  .catfish-classes .pt-4-desktop, .vue-component-wrapper .pt-4-desktop { padding-top: 1rem !important; }
  .catfish-classes .pr-4-desktop, .vue-component-wrapper .pr-4-desktop { padding-right: 1rem !important; }
  .catfish-classes .pb-4-desktop, .vue-component-wrapper .pb-4-desktop { padding-bottom: 1rem !important; }
  .catfish-classes .pl-4-desktop, .vue-component-wrapper .pl-4-desktop { padding-left: 1rem !important; }
  .catfish-classes .px-4-desktop, .vue-component-wrapper .px-4-desktop { padding-left: 1rem !important; padding-right: 1rem !important; }
  .catfish-classes .py-4-desktop, .vue-component-wrapper .py-4-desktop { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .catfish-classes .p-5-desktop, .vue-component-wrapper .p-5-desktop { padding: 1.5rem !important; }
  .catfish-classes .pt-5-desktop, .vue-component-wrapper .pt-5-desktop { padding-top: 1.5rem !important; }
  .catfish-classes .pr-5-desktop, .vue-component-wrapper .pr-5-desktop { padding-right: 1.5rem !important; }
  .catfish-classes .pb-5-desktop, .vue-component-wrapper .pb-5-desktop { padding-bottom: 1.5rem !important; }
  .catfish-classes .pl-5-desktop, .vue-component-wrapper .pl-5-desktop { padding-left: 1.5rem !important; }
  .catfish-classes .px-5-desktop, .vue-component-wrapper .px-5-desktop { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .catfish-classes .py-5-desktop, .vue-component-wrapper .py-5-desktop { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .catfish-classes .p-6-desktop, .vue-component-wrapper .p-6-desktop { padding: 3rem !important; }
  .catfish-classes .pt-6-desktop, .vue-component-wrapper .pt-6-desktop { padding-top: 3rem !important; }
  .catfish-classes .pr-6-desktop, .vue-component-wrapper .pr-6-desktop { padding-right: 3rem !important; }
  .catfish-classes .pb-6-desktop, .vue-component-wrapper .pb-6-desktop { padding-bottom: 3rem !important; }
  .catfish-classes .pl-6-desktop, .vue-component-wrapper .pl-6-desktop { padding-left: 3rem !important; }
  .catfish-classes .px-6-desktop, .vue-component-wrapper .px-6-desktop { padding-left: 3rem !important; padding-right: 3rem !important; }
  .catfish-classes .py-6-desktop, .vue-component-wrapper .py-6-desktop { padding-top: 3rem !important; padding-bottom: 3rem !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; }
  .catfish-classes .m-0-widescreen, .vue-component-wrapper .m-0-widescreen { margin: 0 !important; }
  .catfish-classes .mt-0-widescreen, .vue-component-wrapper .mt-0-widescreen { margin-top: 0 !important; }
  .catfish-classes .mr-0-widescreen, .vue-component-wrapper .mr-0-widescreen { margin-right: 0 !important; }
  .catfish-classes .mb-0-widescreen, .vue-component-wrapper .mb-0-widescreen { margin-bottom: 0 !important; }
  .catfish-classes .ml-0-widescreen, .vue-component-wrapper .ml-0-widescreen { margin-left: 0 !important; }
  .catfish-classes .mx-0-widescreen, .vue-component-wrapper .mx-0-widescreen { margin-left: 0 !important; margin-right: 0 !important; }
  .catfish-classes .my-0-widescreen, .vue-component-wrapper .my-0-widescreen { margin-top: 0 !important; margin-bottom: 0 !important; }
  .catfish-classes .m-1-widescreen, .vue-component-wrapper .m-1-widescreen { margin: 0.25rem !important; }
  .catfish-classes .mt-1-widescreen, .vue-component-wrapper .mt-1-widescreen { margin-top: 0.25rem !important; }
  .catfish-classes .mr-1-widescreen, .vue-component-wrapper .mr-1-widescreen { margin-right: 0.25rem !important; }
  .catfish-classes .mb-1-widescreen, .vue-component-wrapper .mb-1-widescreen { margin-bottom: 0.25rem !important; }
  .catfish-classes .ml-1-widescreen, .vue-component-wrapper .ml-1-widescreen { margin-left: 0.25rem !important; }
  .catfish-classes .mx-1-widescreen, .vue-component-wrapper .mx-1-widescreen { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
  .catfish-classes .my-1-widescreen, .vue-component-wrapper .my-1-widescreen { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
  .catfish-classes .m-2-widescreen, .vue-component-wrapper .m-2-widescreen { margin: 0.5rem !important; }
  .catfish-classes .mt-2-widescreen, .vue-component-wrapper .mt-2-widescreen { margin-top: 0.5rem !important; }
  .catfish-classes .mr-2-widescreen, .vue-component-wrapper .mr-2-widescreen { margin-right: 0.5rem !important; }
  .catfish-classes .mb-2-widescreen, .vue-component-wrapper .mb-2-widescreen { margin-bottom: 0.5rem !important; }
  .catfish-classes .ml-2-widescreen, .vue-component-wrapper .ml-2-widescreen { margin-left: 0.5rem !important; }
  .catfish-classes .mx-2-widescreen, .vue-component-wrapper .mx-2-widescreen { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .catfish-classes .my-2-widescreen, .vue-component-wrapper .my-2-widescreen { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .catfish-classes .m-3-widescreen, .vue-component-wrapper .m-3-widescreen { margin: 0.75rem !important; }
  .catfish-classes .mt-3-widescreen, .vue-component-wrapper .mt-3-widescreen { margin-top: 0.75rem !important; }
  .catfish-classes .mr-3-widescreen, .vue-component-wrapper .mr-3-widescreen { margin-right: 0.75rem !important; }
  .catfish-classes .mb-3-widescreen, .vue-component-wrapper .mb-3-widescreen { margin-bottom: 0.75rem !important; }
  .catfish-classes .ml-3-widescreen, .vue-component-wrapper .ml-3-widescreen { margin-left: 0.75rem !important; }
  .catfish-classes .mx-3-widescreen, .vue-component-wrapper .mx-3-widescreen { margin-left: 0.75rem !important; margin-right: 0.75rem !important; }
  .catfish-classes .my-3-widescreen, .vue-component-wrapper .my-3-widescreen { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
  .catfish-classes .m-4-widescreen, .vue-component-wrapper .m-4-widescreen { margin: 1rem !important; }
  .catfish-classes .mt-4-widescreen, .vue-component-wrapper .mt-4-widescreen { margin-top: 1rem !important; }
  .catfish-classes .mr-4-widescreen, .vue-component-wrapper .mr-4-widescreen { margin-right: 1rem !important; }
  .catfish-classes .mb-4-widescreen, .vue-component-wrapper .mb-4-widescreen { margin-bottom: 1rem !important; }
  .catfish-classes .ml-4-widescreen, .vue-component-wrapper .ml-4-widescreen { margin-left: 1rem !important; }
  .catfish-classes .mx-4-widescreen, .vue-component-wrapper .mx-4-widescreen { margin-left: 1rem !important; margin-right: 1rem !important; }
  .catfish-classes .my-4-widescreen, .vue-component-wrapper .my-4-widescreen { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .catfish-classes .m-5-widescreen, .vue-component-wrapper .m-5-widescreen { margin: 1.5rem !important; }
  .catfish-classes .mt-5-widescreen, .vue-component-wrapper .mt-5-widescreen { margin-top: 1.5rem !important; }
  .catfish-classes .mr-5-widescreen, .vue-component-wrapper .mr-5-widescreen { margin-right: 1.5rem !important; }
  .catfish-classes .mb-5-widescreen, .vue-component-wrapper .mb-5-widescreen { margin-bottom: 1.5rem !important; }
  .catfish-classes .ml-5-widescreen, .vue-component-wrapper .ml-5-widescreen { margin-left: 1.5rem !important; }
  .catfish-classes .mx-5-widescreen, .vue-component-wrapper .mx-5-widescreen { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .catfish-classes .my-5-widescreen, .vue-component-wrapper .my-5-widescreen { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .catfish-classes .m-6-widescreen, .vue-component-wrapper .m-6-widescreen { margin: 3rem !important; }
  .catfish-classes .mt-6-widescreen, .vue-component-wrapper .mt-6-widescreen { margin-top: 3rem !important; }
  .catfish-classes .mr-6-widescreen, .vue-component-wrapper .mr-6-widescreen { margin-right: 3rem !important; }
  .catfish-classes .mb-6-widescreen, .vue-component-wrapper .mb-6-widescreen { margin-bottom: 3rem !important; }
  .catfish-classes .ml-6-widescreen, .vue-component-wrapper .ml-6-widescreen { margin-left: 3rem !important; }
  .catfish-classes .mx-6-widescreen, .vue-component-wrapper .mx-6-widescreen { margin-left: 3rem !important; margin-right: 3rem !important; }
  .catfish-classes .my-6-widescreen, .vue-component-wrapper .my-6-widescreen { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .catfish-classes .p-0-widescreen, .vue-component-wrapper .p-0-widescreen { padding: 0 !important; }
  .catfish-classes .pt-0-widescreen, .vue-component-wrapper .pt-0-widescreen { padding-top: 0 !important; }
  .catfish-classes .pr-0-widescreen, .vue-component-wrapper .pr-0-widescreen { padding-right: 0 !important; }
  .catfish-classes .pb-0-widescreen, .vue-component-wrapper .pb-0-widescreen { padding-bottom: 0 !important; }
  .catfish-classes .pl-0-widescreen, .vue-component-wrapper .pl-0-widescreen { padding-left: 0 !important; }
  .catfish-classes .px-0-widescreen, .vue-component-wrapper .px-0-widescreen { padding-left: 0 !important; padding-right: 0 !important; }
  .catfish-classes .py-0-widescreen, .vue-component-wrapper .py-0-widescreen { padding-top: 0 !important; padding-bottom: 0 !important; }
  .catfish-classes .p-1-widescreen, .vue-component-wrapper .p-1-widescreen { padding: 0.25rem !important; }
  .catfish-classes .pt-1-widescreen, .vue-component-wrapper .pt-1-widescreen { padding-top: 0.25rem !important; }
  .catfish-classes .pr-1-widescreen, .vue-component-wrapper .pr-1-widescreen { padding-right: 0.25rem !important; }
  .catfish-classes .pb-1-widescreen, .vue-component-wrapper .pb-1-widescreen { padding-bottom: 0.25rem !important; }
  .catfish-classes .pl-1-widescreen, .vue-component-wrapper .pl-1-widescreen { padding-left: 0.25rem !important; }
  .catfish-classes .px-1-widescreen, .vue-component-wrapper .px-1-widescreen { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
  .catfish-classes .py-1-widescreen, .vue-component-wrapper .py-1-widescreen { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
  .catfish-classes .p-2-widescreen, .vue-component-wrapper .p-2-widescreen { padding: 0.5rem !important; }
  .catfish-classes .pt-2-widescreen, .vue-component-wrapper .pt-2-widescreen { padding-top: 0.5rem !important; }
  .catfish-classes .pr-2-widescreen, .vue-component-wrapper .pr-2-widescreen { padding-right: 0.5rem !important; }
  .catfish-classes .pb-2-widescreen, .vue-component-wrapper .pb-2-widescreen { padding-bottom: 0.5rem !important; }
  .catfish-classes .pl-2-widescreen, .vue-component-wrapper .pl-2-widescreen { padding-left: 0.5rem !important; }
  .catfish-classes .px-2-widescreen, .vue-component-wrapper .px-2-widescreen { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .catfish-classes .py-2-widescreen, .vue-component-wrapper .py-2-widescreen { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .catfish-classes .p-3-widescreen, .vue-component-wrapper .p-3-widescreen { padding: 0.75rem !important; }
  .catfish-classes .pt-3-widescreen, .vue-component-wrapper .pt-3-widescreen { padding-top: 0.75rem !important; }
  .catfish-classes .pr-3-widescreen, .vue-component-wrapper .pr-3-widescreen { padding-right: 0.75rem !important; }
  .catfish-classes .pb-3-widescreen, .vue-component-wrapper .pb-3-widescreen { padding-bottom: 0.75rem !important; }
  .catfish-classes .pl-3-widescreen, .vue-component-wrapper .pl-3-widescreen { padding-left: 0.75rem !important; }
  .catfish-classes .px-3-widescreen, .vue-component-wrapper .px-3-widescreen { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
  .catfish-classes .py-3-widescreen, .vue-component-wrapper .py-3-widescreen { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
  .catfish-classes .p-4-widescreen, .vue-component-wrapper .p-4-widescreen { padding: 1rem !important; }
  .catfish-classes .pt-4-widescreen, .vue-component-wrapper .pt-4-widescreen { padding-top: 1rem !important; }
  .catfish-classes .pr-4-widescreen, .vue-component-wrapper .pr-4-widescreen { padding-right: 1rem !important; }
  .catfish-classes .pb-4-widescreen, .vue-component-wrapper .pb-4-widescreen { padding-bottom: 1rem !important; }
  .catfish-classes .pl-4-widescreen, .vue-component-wrapper .pl-4-widescreen { padding-left: 1rem !important; }
  .catfish-classes .px-4-widescreen, .vue-component-wrapper .px-4-widescreen { padding-left: 1rem !important; padding-right: 1rem !important; }
  .catfish-classes .py-4-widescreen, .vue-component-wrapper .py-4-widescreen { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .catfish-classes .p-5-widescreen, .vue-component-wrapper .p-5-widescreen { padding: 1.5rem !important; }
  .catfish-classes .pt-5-widescreen, .vue-component-wrapper .pt-5-widescreen { padding-top: 1.5rem !important; }
  .catfish-classes .pr-5-widescreen, .vue-component-wrapper .pr-5-widescreen { padding-right: 1.5rem !important; }
  .catfish-classes .pb-5-widescreen, .vue-component-wrapper .pb-5-widescreen { padding-bottom: 1.5rem !important; }
  .catfish-classes .pl-5-widescreen, .vue-component-wrapper .pl-5-widescreen { padding-left: 1.5rem !important; }
  .catfish-classes .px-5-widescreen, .vue-component-wrapper .px-5-widescreen { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .catfish-classes .py-5-widescreen, .vue-component-wrapper .py-5-widescreen { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .catfish-classes .p-6-widescreen, .vue-component-wrapper .p-6-widescreen { padding: 3rem !important; }
  .catfish-classes .pt-6-widescreen, .vue-component-wrapper .pt-6-widescreen { padding-top: 3rem !important; }
  .catfish-classes .pr-6-widescreen, .vue-component-wrapper .pr-6-widescreen { padding-right: 3rem !important; }
  .catfish-classes .pb-6-widescreen, .vue-component-wrapper .pb-6-widescreen { padding-bottom: 3rem !important; }
  .catfish-classes .pl-6-widescreen, .vue-component-wrapper .pl-6-widescreen { padding-left: 3rem !important; }
  .catfish-classes .px-6-widescreen, .vue-component-wrapper .px-6-widescreen { padding-left: 3rem !important; padding-right: 3rem !important; }
  .catfish-classes .py-6-widescreen, .vue-component-wrapper .py-6-widescreen { padding-top: 3rem !important; padding-bottom: 3rem !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: 5.33333em; }

@media screen and (max-width: 759px) { .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: 9.8rem; } }

.catfish-classes .ict-header-spacer, .vue-component-wrapper .ict-header-spacer { height: 5.33333em; }

@media screen and (max-width: 759px) { .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: 759px) { .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: 5.33333em; }

@media screen and (max-width: 759px) { .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(5.33333em); } }

.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(9.8rem); } }

.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; } }

.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: 760px), 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: 1300px; } }

.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: 760px), 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: 759px) { .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: 760px), 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: 760px) 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: 760px), 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: 759px) { .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: 760px), 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: 760px) 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: 759px) { .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: 760px), 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: 760px) 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: 759px) { .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: 760px), 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: 760px) 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: 759px) { .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: 760px), 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: 760px) 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: 759px) { .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: 760px), 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: 760px) 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: 759px) { .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: 760px), 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: 760px) 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: 759px) { .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: 760px), 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: 760px) 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: 759px) { .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: 760px), 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: 760px) 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: 759px) { .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: 760px), 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: 760px) 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: 760px), 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: 759px) { .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: 759px) { .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: 759px) { .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: 759px) { .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: #4C5965; 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: #4C5965; } }

.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: #414c56; 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: #4C5965; }

.catfish-classes .hero.is-primary.is-bold, .vue-component-wrapper .hero.is-primary.is-bold { background-image: linear-gradient(141deg, #30454e 0%, #4C5965 71%, #526079 100%); }

@media screen and (max-width: 759px) { .catfish-classes .hero.is-primary.is-bold .navbar-menu, .vue-component-wrapper .hero.is-primary.is-bold .navbar-menu { background-image: linear-gradient(141deg, #30454e 0%, #4C5965 71%, #526079 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: 759px) { .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: #4C5965; 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: #4C5965; } }

.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: #414c56; 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: #4C5965; }

.catfish-classes .hero.is-link.is-bold, .vue-component-wrapper .hero.is-link.is-bold { background-image: linear-gradient(141deg, #30454e 0%, #4C5965 71%, #526079 100%); }

@media screen and (max-width: 759px) { .catfish-classes .hero.is-link.is-bold .navbar-menu, .vue-component-wrapper .hero.is-link.is-bold .navbar-menu { background-image: linear-gradient(141deg, #30454e 0%, #4C5965 71%, #526079 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: 759px) { .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: 759px) { .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: 759px) { .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: 759px) { .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: 760px), 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: 760px), 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: 759px) { .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: 759px) { .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: 760px), 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: 0; box-shadow: 0 2px 6px 0 rgba(32, 38, 43, 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(32, 38, 43, 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: #4C5965; 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: #4C5965; 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 #4C5965; }

.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 #4C5965; }

.catfish-classes .catfish-button, .catfish-classes .button, .vue-component-wrapper .catfish-button, .vue-component-wrapper .button { outline-offset: 2px; border-radius: 0; background-color: #E59598; border-color: #222222; border-width: 0px; color: #FFFFFF; cursor: pointer; justify-content: center; padding-top: calc(0.375em - 0px); padding-bottom: calc(0.375em - 0px); white-space: nowrap; padding-left: 1.33333rem ; padding-right: 1.33333rem ; 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 - 0px) ; 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 - 0px) ; }

.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 - 0px) ; margin-right: calc(-0.375em - 0px) ; }

.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 - 0px) !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: transparent; color: #fff; background: #e28b8e; }

.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: transparent; color: #fff; outline: 2px solid #fff; }

.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(229, 149, 152, 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: transparent; color: #fff; background: #e08184; }

.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: #E59598; color: #E59598; }

.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: #E59598; border-color: #E59598; color: #fff; }

.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 #E59598 #E59598 !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: #E59598; box-shadow: none; color: #E59598; }

.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: #4C5965; 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: #47535e; 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(76, 89, 101, 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: #414c56; 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: #4C5965; 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: #4C5965; }

.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: #4C5965; }

.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: #4C5965; color: #4C5965; }

.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: #4C5965; border-color: #4C5965; 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: #4C5965; box-shadow: none; color: #4C5965; }

.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 #4C5965 #4C5965 !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: #4C5965; }

.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: #4C5965; 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: #47535e; 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(76, 89, 101, 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: #414c56; 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: #4C5965; 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: #4C5965; }

.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: #4C5965; }

.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: #4C5965; color: #4C5965; }

.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: #4C5965; border-color: #4C5965; 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: #4C5965; box-shadow: none; color: #4C5965; }

.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 #4C5965 #4C5965 !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: #4C5965; }

.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: #E59598; 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 a.is-disabled, .vue-component-wrapper a.is-disabled { pointer-events: none; opacity: 0.5; cursor: default; }

.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 h4, .catfish-classes .content h5, .catfish-classes .content h6, .vue-component-wrapper .content h1, .vue-component-wrapper .content h2, .vue-component-wrapper .content h3, .vue-component-wrapper .content h4, .vue-component-wrapper .content h5, .vue-component-wrapper .content h6 { 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, .vue-component-wrapper .content h3 { font-size: 1.5em; margin-bottom: 0.6666em; }

.catfish-classes .content h3:not(:first-child), .vue-component-wrapper .content h3:not(:first-child) { margin-top: 1.3333em; }

.catfish-classes .content h4, .vue-component-wrapper .content h4 { 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, .vue-component-wrapper .content h6 { 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: #999999; border-width: 1px; color: #363636; box-shadow: none; 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: #4C5965; box-shadow: 0 0 0 0.125em rgba(76, 89, 101, 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: #4C5965; }

.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(76, 89, 101, 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: #4C5965; }

.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(76, 89, 101, 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: 0; 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: #999999; border-width: 1px; color: #363636; box-shadow: none; 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: #4C5965; box-shadow: 0 0 0 0.125em rgba(76, 89, 101, 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: #4C5965; }

.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(76, 89, 101, 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: #4C5965; }

.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(76, 89, 101, 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: 0; 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: #4C5965; 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: #999999; 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: #4C5965; box-shadow: 0 0 0 0.125em rgba(76, 89, 101, 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: #4C5965; }

.catfish-classes .select.is-primary select, .vue-component-wrapper .select.is-primary select { border-color: #4C5965; }

.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: #414c56; }

.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(76, 89, 101, 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: #4C5965; }

.catfish-classes .select.is-link select, .vue-component-wrapper .select.is-link select { border-color: #4C5965; }

.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: #414c56; }

.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(76, 89, 101, 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: 0; 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: #4C5965; 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: #47535e; 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(76, 89, 101, 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: #414c56; 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: #4C5965; 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: #47535e; 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(76, 89, 101, 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: #414c56; 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: 0; }

.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: 0 0 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 0 0; border-width: 0 1px 1px; }

.catfish-classes .file.is-area, .vue-component-wrapper .file.is-area { height: 20rem; width: 100%; max-width: 40rem; }

.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: 0 0 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 0 0; 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 0 0 0; }

.catfish-classes .file.is-right .file-name, .vue-component-wrapper .file.is-right .file-name { border-radius: 0 0 0 0; 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: 0; 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: 0; background-color: #E59598; border-color: #222222; border-width: 0px; color: #FFFFFF; cursor: pointer; justify-content: center; padding-top: calc(0.375em - 0px); padding-bottom: calc(0.375em - 0px); white-space: nowrap; padding-left: 1.33333rem ; padding-right: 1.33333rem ; text-align: center; background-color: #E59598; border-color: transparent; color: #fff; }

.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: #e28b8e; border-color: transparent; color: #fff; }

.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: #fff; }

.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(229, 149, 152, 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: #e08184; border-color: transparent; color: #fff; }

.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: #E59598; 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: #fff; color: #E59598; }

.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: #f2f2f2; }

.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: #fff; border-color: transparent; box-shadow: none; color: #E59598; }

.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 #fff #fff !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: #E59598; color: #E59598; }

.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: #E59598; border-color: #E59598; color: #fff; }

.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: #E59598; box-shadow: none; color: #E59598; }

.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 #E59598 #E59598 !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: #fff; color: #fff; }

.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: #fff; color: #E59598; }

.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: #fff; box-shadow: none; color: #fff; }

.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: #4C5965; }

.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: #4C5965; }

.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 .requiredMarker, .vue-component-wrapper .field .requiredMarker { color: #FF3860; }

.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: 760px), 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: 759px) { .catfish-classes .field-label, .vue-component-wrapper .field-label { margin-bottom: 0.5rem; } }

@media screen and (min-width: 760px), 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: 760px), 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 .meui-combobox, .vue-component-wrapper .meui-combobox { position: relative; display: inline-block; width: 100%; }

.catfish-classes .meui-combobox:not(.meui-combobox--open) .meui-combobox__listbox, .vue-component-wrapper .meui-combobox:not(.meui-combobox--open) .meui-combobox__listbox { display: none; }

.catfish-classes .meui-combobox--disabled .meui-combobox__input-wrapper, .vue-component-wrapper .meui-combobox--disabled .meui-combobox__input-wrapper { background-color: #f5f5f5; border-color: #f5f5f5; box-shadow: none; color: #4a4a4a; cursor: not-allowed; padding-right: 5em ; }

.catfish-classes .meui-combobox--disabled .meui-combobox__input, .vue-component-wrapper .meui-combobox--disabled .meui-combobox__input { cursor: not-allowed; }

.catfish-classes .meui-combobox--disabled .meui-combobox__toggle, .vue-component-wrapper .meui-combobox--disabled .meui-combobox__toggle { cursor: not-allowed; }

.catfish-classes .meui-combobox__input-wrapper, .vue-component-wrapper .meui-combobox__input-wrapper { display: flex; align-items: center; margin-bottom: 0; -moz-appearance: none; -webkit-appearance: none; }

.catfish-classes .meui-combobox__input-wrapper:focus-within, .vue-component-wrapper .meui-combobox__input-wrapper:focus-within { border-color: #4C5965; box-shadow: 0 0 0 0.125em rgba(76, 89, 101, 0.25); }

.catfish-classes .meui-combobox__input-container, .vue-component-wrapper .meui-combobox__input-container { position: relative; flex: 1; min-width: 0; }

.catfish-classes .meui-combobox__hint, .vue-component-wrapper .meui-combobox__hint { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; pointer-events: none; color: transparent; white-space: nowrap; overflow: hidden; }

.catfish-classes .meui-combobox__hint-text, .vue-component-wrapper .meui-combobox__hint-text { color: rgba(54, 54, 54, 0.4); white-space: pre; }

.catfish-classes .meui-combobox__input, .vue-component-wrapper .meui-combobox__input { position: relative; width: 100%; border: none; padding: 0; outline: none; background: transparent; font-size: inherit; color: inherit; min-width: 0; margin-bottom: 0; }

.catfish-classes .meui-combobox__input::placeholder, .vue-component-wrapper .meui-combobox__input::placeholder { color: rgba(54, 54, 54, 0.3); }

.catfish-classes .meui-combobox__input:disabled, .vue-component-wrapper .meui-combobox__input:disabled { cursor: not-allowed; }

.catfish-classes .meui-combobox__input:disabled::placeholder, .vue-component-wrapper .meui-combobox__input:disabled::placeholder { color: rgba(74, 74, 74, 0.3); }

.catfish-classes .meui-combobox__toggle, .vue-component-wrapper .meui-combobox__toggle { border: none; background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; margin-left: auto; height: 100%; }

.catfish-classes .meui-combobox__toggle:disabled, .vue-component-wrapper .meui-combobox__toggle:disabled { cursor: not-allowed; }

.catfish-classes .meui-combobox__toggle::after, .vue-component-wrapper .meui-combobox__toggle::after { content: ''; display: block; border: solid #363636; border-width: 0 0.15em 0.15em 0; padding: 0.1875em; transform: rotate(45deg); margin-bottom: 0.125em; }

.catfish-classes .meui-combobox__listbox, .vue-component-wrapper .meui-combobox__listbox { position: absolute; top: 95%; left: 0; right: 0; z-index: 1000; background: #FFFFFF; border: 1px solid #999999; border-top: none; max-height: 12.5rem; overflow-y: auto; }

.catfish-classes .meui-combobox__option, .vue-component-wrapper .meui-combobox__option { padding: 0.375em 0.5em; cursor: pointer; color: #363636; }

.catfish-classes .meui-combobox__option:hover, .catfish-classes .meui-combobox__option--highlighted, .vue-component-wrapper .meui-combobox__option:hover, .vue-component-wrapper .meui-combobox__option--highlighted { background-color: #4C5965; color: white; }

.catfish-classes .meui-combobox__no-results, .vue-component-wrapper .meui-combobox__no-results { padding: 0.375em 0.5em; text-align: center; color: rgba(54, 54, 54, 0.5); }

.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 .selected-item, .vue-component-wrapper .advanced-select .selected-item { border: #999999 1px solid; box-shadow: none; }

.catfish-classes .advanced-select .item-list, .vue-component-wrapper .advanced-select .item-list { border-left: #999999 1px solid; border-right: #999999 1px solid; box-shadow: none; }

.catfish-classes .advanced-select .footer-controls, .vue-component-wrapper .advanced-select .footer-controls { border-left: #999999 1px solid; border-right: #999999 1px solid; border-bottom: #999999 1px solid; box-shadow: none; }

.catfish-classes .advanced-select:hover .selected-item, .vue-component-wrapper .advanced-select:hover .selected-item { border: #4C5965 1px solid; }

.catfish-classes .advanced-select:hover .item-list, .vue-component-wrapper .advanced-select:hover .item-list { border-left: #4C5965 1px solid; border-right: #4C5965 1px solid; }

.catfish-classes .advanced-select:hover .footer-controls, .vue-component-wrapper .advanced-select:hover .footer-controls { border-left: #4C5965 1px solid; border-right: #4C5965 1px solid; border-bottom: #4C5965 1px solid; }

.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, .vue-component-wrapper .advanced-select .search-control button.clear-search { 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: 760px), 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 .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-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; 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; 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: 759px) { .catfish-classes .advanced-select .sorting, .vue-component-wrapper .advanced-select .sorting { align-items: center; } }

.catfish-classes .advanced-select .sorting h3, .vue-component-wrapper .advanced-select .sorting h3 { 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: 759px) { .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: 0; }

.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: 0; 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: #4C5965; 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: #4C5965; 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: #4C5965; }

.catfish-classes .progress.is-primary::-moz-progress-bar, .vue-component-wrapper .progress.is-primary::-moz-progress-bar { background-color: #4C5965; }

.catfish-classes .progress.is-primary::-ms-fill, .vue-component-wrapper .progress.is-primary::-ms-fill { background-color: #4C5965; }

.catfish-classes .progress.is-primary:indeterminate, .vue-component-wrapper .progress.is-primary:indeterminate { background-image: linear-gradient(to right, #4C5965 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: #4C5965; }

.catfish-classes .progress.is-link::-moz-progress-bar, .vue-component-wrapper .progress.is-link::-moz-progress-bar { background-color: #4C5965; }

.catfish-classes .progress.is-link::-ms-fill, .vue-component-wrapper .progress.is-link::-ms-fill { background-color: #4C5965; }

.catfish-classes .progress.is-link:indeterminate, .vue-component-wrapper .progress.is-link:indeterminate { background-image: linear-gradient(to right, #4C5965 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: #4C5965; border-color: #4C5965; 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: #4C5965; border-color: #4C5965; 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: #4C5965; 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: #4C5965; 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: 759px) { .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 table.is-striped tbody tr:not(.is-selected):nth-child(even) .tag.is-ghost-gray, .vue-component-wrapper table.is-striped tbody tr:not(.is-selected):nth-child(even) .tag.is-ghost-gray { background-color: transparent; }

.catfish-classes table.is-striped tbody tr:not(.is-selected):nth-child(even) .tag.is-ghost-gray:hover, .vue-component-wrapper table.is-striped tbody tr:not(.is-selected):nth-child(even) .tag.is-ghost-gray:hover { background-color: #ededed; }

.catfish-classes .tag:not(body), .vue-component-wrapper .tag:not(body) { align-items: center; background-color: #f5f5f5; border-radius: 0; 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).is-ghost-gray, .vue-component-wrapper .tag:not(body).is-ghost-gray { background-color: transparent; }

.catfish-classes .tag:not(body).is-ghost-gray:hover, .vue-component-wrapper .tag:not(body).is-ghost-gray:hover { background-color: #f5f5f5; }

.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: #4C5965; 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: #4C5965; 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: 0; 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: 0; 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: 0; 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: 0; 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: 0; }

.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: 0; 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: 0; 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: 0; 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: #4C5965; }

.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: #4C5965; }

.catfish-classes input[type='range'].slider.is-primary::-ms-track, .vue-component-wrapper input[type='range'].slider.is-primary::-ms-track { background: #4C5965 !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: #4C5965; }

.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: #4C5965; 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: #4C5965; }

.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: #4C5965; }

.catfish-classes input[type='range'].slider.is-link::-ms-track, .vue-component-wrapper input[type='range'].slider.is-link::-ms-track { background: #4C5965 !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: #4C5965; }

.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: #4C5965; 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: #4C5965; 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: #4C5965; 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: #4C5965; 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: #4C5965; display: flex; justify-content: center; padding: 0 0.75em 0 0.75em; }

.catfish-classes .breadcrumb a:hover, .vue-component-wrapper .breadcrumb a:hover { color: #47535e; }

.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(76, 89, 101, 0.1), 0 0 0 1px rgba(76, 89, 101, 0.1); }

.catfish-classes .card.is-primary .card-header, .vue-component-wrapper .card.is-primary .card-header { background-color: #4C5965; }

.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(76, 89, 101, 0.1), 0 0 0 1px rgba(76, 89, 101, 0.1); }

.catfish-classes .card.is-link .card-header, .vue-component-wrapper .card.is-link .card-header { background-color: #4C5965; }

.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: 0; 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: 0; }

.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: 760px), 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: 759px) { .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: 760px), 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: 759px) { .catfish-classes .level-left + .level-right, .vue-component-wrapper .level-left + .level-right { margin-top: 1.5rem; } }

@media screen and (min-width: 760px), 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: 760px), 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: 0; 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: #4C5965; color: #fff; }

.catfish-classes .menu-list li.active > a, .vue-component-wrapper .menu-list li.active > a { background-color: #4C5965; 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: 0; 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: #4C5965; color: #fff; }

.catfish-classes .message.is-primary .message-body, .vue-component-wrapper .message.is-primary .message-body { border-color: #4C5965; color: #393f45; }

.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: #4C5965; color: #fff; }

.catfish-classes .message.is-link .message-body, .vue-component-wrapper .message.is-link .message-body { border-color: #4C5965; color: #393f45; }

.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: 0 0 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: 0; 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.33333em; max-height: calc(100vh - 1.33333em); 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: 760px), 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 - 2.66667em); width: calc(100% - 2.66667em); } }

.catfish-classes .modal-close, .vue-component-wrapper .modal-close { background: none; height: 2.66667em; position: fixed; right: 1.33333em ; top: 1.33333em; width: 2.66667em; }

.catfish-classes .modal-card, .vue-component-wrapper .modal-card { display: flex; flex-direction: column; max-height: calc(100vh - 1.33333em); 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.33333em; position: relative; }

.catfish-classes .modal-card-head, .vue-component-wrapper .modal-card-head { border-bottom: 1px solid #dbdbdb; -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 .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: 0; -moz-border-bottomleft-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-bottomright-radius: 0; border-bottom-right-radius: 0; 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, .vue-component-wrapper .modal-card-foot.has-footer-content.content.with-extented-content button.collapse-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, .vue-component-wrapper .modal-card-foot.has-footer-content.content.with-extented-content.is-active button.collapse-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: 759px) { .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: 759px) { .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: #999999; }

.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: 759px) { .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: 760px), print { .catfish-classes .navbar, .vue-component-wrapper .navbar { height: 5.33333em; } }

.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: #4C5965; color: #fff; }

.catfish-classes .navbar.is-primary .navbar-brand, .vue-component-wrapper .navbar.is-primary .navbar-brand { background-color: #4C5965; }

.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: #414c56; 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: #414c56; 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: #414c56; 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: #4C5965; 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: #4C5965; color: #fff; }

.catfish-classes .navbar.is-link .navbar-brand, .vue-component-wrapper .navbar.is-link .navbar-brand { background-color: #4C5965; }

.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: #414c56; 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: #414c56; 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: #414c56; 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: #4C5965; 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: 760px), print { .catfish-classes .navbar > .container, .vue-component-wrapper .navbar > .container { height: 5.33333em; } }

.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: 760px), 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: 5.33333em; } }

.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: 760px), 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: 5.33333em; } }

.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: #4C5965; 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: #4C5965; 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: 760px), print { .catfish-classes .navbar-burger, .vue-component-wrapper .navbar-burger { cursor: pointer; display: block; height: 5.33333em; position: relative; width: 5.33333em; }
  .catfish-classes .navbar-burger span, .vue-component-wrapper .navbar-burger span { background-color: #4C5965; 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: #4C5965; 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: #4C5965; }

.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: 5.33333em; }

.catfish-classes .navbar-item .button, .vue-component-wrapper .navbar-item .button { height: 3.33333rem; }

.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: 760px), print { .catfish-classes .navbar-item.is-tab, .vue-component-wrapper .navbar-item.is-tab { height: 5.33333em; } }

.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: #4C5965; }

.catfish-classes .navbar-item.is-tab.is-active, .vue-component-wrapper .navbar-item.is-tab.is-active { background-color: transparent; border-bottom-color: #4C5965; border-bottom-style: solid; border-bottom-width: 3px; color: #4C5965; 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: #4C5965; 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: 760px) { .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 - 5.33333em); 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: 760px) { .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: 5.33333em; } }

@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: 760px) { .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: 5.33333em; } }

@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: 760px) { .catfish-classes .navbar, .vue-component-wrapper .navbar { height: 5.33333em; } }

@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: 0; }
  .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: #4C5965; }
  .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: 0 0 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: 0; border-bottom-right-radius: 0; 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: #4C5965; }
  .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: 0; 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: 760px) { .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: 5.33333em; } }

@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: 760px) { .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: 5.33333em; } }

@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: 760px) { .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: 7.33333em; } }

@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: 760px) { .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: 7.33333em; } }

@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: #4C5965; }
  .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: 760px), print { .catfish-classes .hero.is-fullheight-with-navbar, .vue-component-wrapper .hero.is-fullheight-with-navbar { min-height: calc(100vh - 5.33333em); } }

.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: 760px) { .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: 759px) { .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: #E59598; color: #E59598; 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: #47535e; }

.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: #4C5965; }

.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: #E59598; border-color: #E59598; color: #FFFFFF; }

.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: 759px) { .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: 760px), 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: 0 0 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: #47535e; }

.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: #4C5965; }

.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: #4C5965; color: #47535e; }

.catfish-classes .panel-block.is-active .panel-icon, .vue-component-wrapper .panel-block.is-active .panel-icon { color: #4C5965; }

.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: #4C5965; color: #4C5965; }

.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: 0 0 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: 0 0 0 0; }

.catfish-classes .tabs.is-toggle li:last-child a, .vue-component-wrapper .tabs.is-toggle li:last-child a { border-radius: 0 0 0 0; }

.catfish-classes .tabs.is-toggle li.is-active a, .vue-component-wrapper .tabs.is-toggle li.is-active a { background-color: #4C5965; border-color: #4C5965; 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: 0; 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: 0; 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: #4C5965 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: #4C5965; }

.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: #4C5965 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: #4C5965; }

.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: #4C5965 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: #4C5965; }

.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: #4C5965 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: #4C5965; }

.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: #4C5965 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: #4C5965; }

.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: #4C5965 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: #4C5965; }

.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: #4C5965; }

.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: #4C5965; }

.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: #4C5965; }

.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(76, 89, 101, 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(76, 89, 101, 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(76, 89, 101, 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: 0; 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: 0; 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(76, 89, 101, 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: #4C5965; color: #fff; }

.catfish-classes .datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.in-range, .vue-component-wrapper .datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.in-range { background-color: #b5b5b5; border-radius: 0; }

.catfish-classes .datepicker.is-small, .vue-component-wrapper .datepicker.is-small { border-radius: 0; 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: 760px) 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: 759px) { .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: 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 .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: 760px), 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: 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 .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: 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 .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: #4C5965 !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: #4C5965 !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: 759px) { .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: #4C5965; }

.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: #4C5965; }

.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: 0; 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: #4C5965; }

.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: #4C5965; }

.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: 759px) { .catfish-classes .notices .snackbar, .vue-component-wrapper .notices .snackbar { width: 100%; margin: 0; border-radius: 0; } }

@media screen and (min-width: 760px), 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: #4C5965; 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: #4C5965; }

.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: #4C5965; }

.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(76, 89, 101, 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: #4C5965; }

.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: #4C5965; }

.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: #4C5965; }

.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(76, 89, 101, 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(76, 89, 101, 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(76, 89, 101, 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(76, 89, 101, 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(76, 89, 101, 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(76, 89, 101, 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: 0; 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.has-draggable-rows tbody tr, .vue-component-wrapper .cf-table.has-draggable-rows tbody tr { user-select: none; }

.catfish-classes .cf-table .detail .cf-table table, .vue-component-wrapper .cf-table .detail .cf-table table { border: none; }

.catfish-classes .cf-table .handle-table-row > td > span.handle-drag-n-drop, .vue-component-wrapper .cf-table .handle-table-row > td > span.handle-drag-n-drop { height: auto; width: auto; z-index: 20; cursor: grab; opacity: 0; position: absolute; top: 50%; left: 0; transform: translate(-80%, -50%); }

.catfish-classes .cf-table .hidden-col, .vue-component-wrapper .cf-table .hidden-col { position: relative; background: transparent; border: none; width: 0; padding: 0; overflow: visible; }

.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: 759px) { .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: 0; 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: 759px) { .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:%234C5965' 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(76, 89, 101, 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: 759px) { .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 .table .hidden-col, .vue-component-wrapper .cf-table .table .hidden-col { position: relative; color: transparent; background: transparent; border: none; width: 0; padding: 0; overflow: visible; }

.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 #4C5965; 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 #4C5965; 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 #4C5965; 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 #4C5965; 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 #4C5965; 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 #4C5965; 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 #4C5965; 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 #4C5965; 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: 0; font-size: 15px; 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: #4C5965; 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: #4C5965; 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: #999999; border-width: 1px; color: #363636; box-shadow: none; 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: #4C5965; box-shadow: 0 0 0 0.125em rgba(76, 89, 101, 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: #4C5965; }

.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(76, 89, 101, 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: #4C5965; }

.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(76, 89, 101, 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: 0; 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: 0; }

.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: #4C5965; background: rgba(76, 89, 101, 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: #4C5965; background: rgba(76, 89, 101, 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: 0; }

.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 #4C5965 !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: #4C5965; background: rgba(76, 89, 101, 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: #4C5965; background: rgba(76, 89, 101, 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, .vue-component-wrapper .product-version-modal .modal-card-head button.delete { 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: 759px) { .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__main-component .version-image, .vue-component-wrapper .product-version__main-component .version-image { width: 100%; background: white; border: 1px solid #dbdbdb; }

.catfish-classes .product-version__main-component .version-image:hover, .vue-component-wrapper .product-version__main-component .version-image:hover { border-color: #b5b5b5; }

.catfish-classes .product-version__main-component .version-image img, .vue-component-wrapper .product-version__main-component .version-image img { aspect-ratio: 1; object-fit: contain; }

.catfish-classes .product-version__main-component .empty-version-image, .vue-component-wrapper .product-version__main-component .empty-version-image { width: 100%; background: white; border: 1px solid #dbdbdb; cursor: pointer; aspect-ratio: 1; color: rgba(74, 74, 74, 0.6); display: flex; justify-content: center; align-items: center; }

.catfish-classes .product-version__main-component .empty-version-image:hover, .vue-component-wrapper .product-version__main-component .empty-version-image:hover { border-color: #b5b5b5; }

.catfish-classes .product-version__main-component .empty-version-image .icon, .vue-component-wrapper .product-version__main-component .empty-version-image .icon { font-size: 2rem; }

.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; }

.catfish-classes .product-version-list .product-version-item .product-version-controls .select, .vue-component-wrapper .product-version-list .product-version-item .product-version-controls .select { height: auto; }

@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; position: relative; }

.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 .product-version-warning-overlay, .catfish-classes .version-warning-overlay, .vue-component-wrapper .product-version-warning-overlay, .vue-component-wrapper .version-warning-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 10; background-color: rgba(0, 0, 0, 0.5); }

.catfish-classes .product-version-warning-overlay-content, .catfish-classes .version-warning-overlay-content, .vue-component-wrapper .product-version-warning-overlay-content, .vue-component-wrapper .version-warning-overlay-content { display: flex; align-items: center; justify-content: center; color: #ffdd57; cursor: pointer; }

.catfish-classes .product-version-warning-overlay-content .icon, .catfish-classes .version-warning-overlay-content .icon, .vue-component-wrapper .product-version-warning-overlay-content .icon, .vue-component-wrapper .version-warning-overlay-content .icon { text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.catfish-classes .product-version-loading-overlay, .catfish-classes .version-loading-overlay, .vue-component-wrapper .product-version-loading-overlay, .vue-component-wrapper .version-loading-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; z-index: 10; background-color: rgba(0, 0, 0, 0.5); }

.catfish-classes .product-version-loading-overlay-content, .catfish-classes .version-loading-overlay-content, .vue-component-wrapper .product-version-loading-overlay-content, .vue-component-wrapper .version-loading-overlay-content { display: flex; align-items: center; justify-content: center; color: #fff; }

.catfish-classes .product-version-loading-overlay-content .icon, .catfish-classes .version-loading-overlay-content .icon, .vue-component-wrapper .product-version-loading-overlay-content .icon, .vue-component-wrapper .version-loading-overlay-content .icon { text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.catfish-classes .version-thumbnail-container, .vue-component-wrapper .version-thumbnail-container { position: relative; }

.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; }

.catfish-classes .individual-part-preview-wrapper, .vue-component-wrapper .individual-part-preview-wrapper { width: 100%; }

.catfish-classes .individual-part-preview iframe, .vue-component-wrapper .individual-part-preview iframe { height: 100%; border: none; }

.catfish-classes .individual-part-preview.flip-preview, .vue-component-wrapper .individual-part-preview.flip-preview { height: 680px; }

.catfish-classes .individual-preview-title, .catfish-classes .combined-preview-title, .vue-component-wrapper .individual-preview-title, .vue-component-wrapper .combined-preview-title { margin-bottom: 0.75rem; }

@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_popup, .vue-component-wrapper .additional-addresses_popup { height: 100%; display: flex; flex-direction: column; }

.catfish-classes .additional-addresses_popup .radio.is-primary[disabled], .vue-component-wrapper .additional-addresses_popup .radio.is-primary[disabled] { color: #fff; }

.catfish-classes .additional-shipping-addresses, .catfish-classes .additional-addresses-table, .vue-component-wrapper .additional-shipping-addresses, .vue-component-wrapper .additional-addresses-table { overflow: auto; display: flex; flex-direction: column; flex: 1 1 0; }

.catfish-classes .additional-shipping-addresses .buttons .button, .catfish-classes .additional-shipping-addresses .detail-container .button, .catfish-classes .additional-addresses-table .buttons .button, .catfish-classes .additional-addresses-table .detail-container .button, .vue-component-wrapper .additional-shipping-addresses .buttons .button, .vue-component-wrapper .additional-shipping-addresses .detail-container .button, .vue-component-wrapper .additional-addresses-table .buttons .button, .vue-component-wrapper .additional-addresses-table .detail-container .button { min-width: 80px; }

.catfish-classes .additional-shipping-addresses .buttons .search-button, .catfish-classes .additional-shipping-addresses .detail-container .search-button, .catfish-classes .additional-addresses-table .buttons .search-button, .catfish-classes .additional-addresses-table .detail-container .search-button, .vue-component-wrapper .additional-shipping-addresses .buttons .search-button, .vue-component-wrapper .additional-shipping-addresses .detail-container .search-button, .vue-component-wrapper .additional-addresses-table .buttons .search-button, .vue-component-wrapper .additional-addresses-table .detail-container .search-button { min-width: 40px; }

.catfish-classes .additional-shipping-addresses .field:not(:last-child), .catfish-classes .additional-addresses-table .field:not(:last-child), .vue-component-wrapper .additional-shipping-addresses .field:not(:last-child), .vue-component-wrapper .additional-addresses-table .field:not(:last-child) { margin-bottom: 0px; }

.catfish-classes .additional-shipping-addresses .table-empty-section, .catfish-classes .additional-addresses-table .table-empty-section, .vue-component-wrapper .additional-shipping-addresses .table-empty-section, .vue-component-wrapper .additional-addresses-table .table-empty-section { padding-bottom: 0; padding-top: 0; }

.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: 759px) { .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: 759px) { .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: 759px) { .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: 759px) { .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: #4C5965; }

.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: 759px) { .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: 759px) { .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: 759px) { .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 .has-sticky-columns.cf-table .table-wrapper .cf-table-wrapper, .vue-component-wrapper .has-sticky-columns.cf-table .table-wrapper .cf-table-wrapper { position: relative; }

.catfish-classes .has-sticky-columns.cf-table .table-wrapper .cf-table-wrapper table.is-striped tbody tr:not(.is-selected):nth-child(even) .sticky-column, .vue-component-wrapper .has-sticky-columns.cf-table .table-wrapper .cf-table-wrapper table.is-striped tbody tr:not(.is-selected):nth-child(even) .sticky-column { background-color: #f5f5f5; }

.catfish-classes .has-sticky-columns.cf-table .table-wrapper .cf-table-wrapper table th.sticky-column, .catfish-classes .has-sticky-columns.cf-table .table-wrapper .cf-table-wrapper table td.sticky-column, .vue-component-wrapper .has-sticky-columns.cf-table .table-wrapper .cf-table-wrapper table th.sticky-column, .vue-component-wrapper .has-sticky-columns.cf-table .table-wrapper .cf-table-wrapper table td.sticky-column { position: sticky; right: 0; background-color: white; z-index: 5; box-shadow: -2px 0 4px rgba(0, 0, 0, 0.1); }

.catfish-classes .has-sticky-columns.cf-table .table-wrapper .cf-table-wrapper table th.sticky-column:hover, .catfish-classes .has-sticky-columns.cf-table .table-wrapper .cf-table-wrapper table td.sticky-column:hover, .vue-component-wrapper .has-sticky-columns.cf-table .table-wrapper .cf-table-wrapper table th.sticky-column:hover, .vue-component-wrapper .has-sticky-columns.cf-table .table-wrapper .cf-table-wrapper table td.sticky-column:hover { z-index: 10; }

.catfish-classes .has-sticky-columns.cf-table .table-wrapper .cf-table-wrapper table th.sticky-column::after, .catfish-classes .has-sticky-columns.cf-table .table-wrapper .cf-table-wrapper table td.sticky-column::after, .vue-component-wrapper .has-sticky-columns.cf-table .table-wrapper .cf-table-wrapper table th.sticky-column::after, .vue-component-wrapper .has-sticky-columns.cf-table .table-wrapper .cf-table-wrapper table td.sticky-column::after { content: ''; position: absolute; top: 0; left: -1px; bottom: 0; width: 1px; }

.catfish-classes .advanced-select-mvc .advanced-select, .vue-component-wrapper .advanced-select-mvc .advanced-select { margin-top: 0; margin-bottom: 0; }

.catfish-classes .advanced-select-default-styling .advanced-select:hover.has-no-footer .item-list, .vue-component-wrapper .advanced-select-default-styling .advanced-select:hover.has-no-footer .item-list { border-bottom: #4C5965 1px solid; }

.catfish-classes .advanced-select-default-styling .advanced-select.has-no-footer .footer-controls, .vue-component-wrapper .advanced-select-default-styling .advanced-select.has-no-footer .footer-controls { display: none; }

.catfish-classes .advanced-select-default-styling .advanced-select .footer-controls, .vue-component-wrapper .advanced-select-default-styling .advanced-select .footer-controls { box-shadow: none; padding: calc(.75rem - 3px); }

.catfish-classes .advanced-select-default-styling .advanced-select .search-control .address-search-wrapper .column, .vue-component-wrapper .advanced-select-default-styling .advanced-select .search-control .address-search-wrapper .column { margin-left: 0; }

.catfish-classes .advanced-select-default-styling .advanced-select .search-control .address-search-wrapper .address-search-area, .vue-component-wrapper .advanced-select-default-styling .advanced-select .search-control .address-search-wrapper .address-search-area { width: 100%; }

.catfish-classes .advanced-select-default-styling .advanced-select .item-list, .vue-component-wrapper .advanced-select-default-styling .advanced-select .item-list { padding: 0; border-bottom: #999999 1px solid; box-shadow: none; }

.catfish-classes .advanced-select-default-styling .advanced-select .item-list.box, .vue-component-wrapper .advanced-select-default-styling .advanced-select .item-list.box { background-color: white; }

.catfish-classes .advanced-select-default-styling .advanced-select .item-list .controls-wrapper, .vue-component-wrapper .advanced-select-default-styling .advanced-select .item-list .controls-wrapper { margin: calc(.75rem - 3px); }

.catfish-classes .advanced-select-default-styling .advanced-select .item-list .controls-wrapper .address-search-wrapper, .vue-component-wrapper .advanced-select-default-styling .advanced-select .item-list .controls-wrapper .address-search-wrapper { padding-bottom: 0; }

.catfish-classes .advanced-select-default-styling .advanced-select .item-list .controls-wrapper .address-search-wrapper .column, .vue-component-wrapper .advanced-select-default-styling .advanced-select .item-list .controls-wrapper .address-search-wrapper .column { width: 100%; display: flex; }

.catfish-classes .advanced-select-default-styling .advanced-select .item-list .item .column, .vue-component-wrapper .advanced-select-default-styling .advanced-select .item-list .item .column { padding: 0; }

.catfish-classes .advanced-select-default-styling .advanced-select .item-list .item .column .button, .vue-component-wrapper .advanced-select-default-styling .advanced-select .item-list .item .column .button { height: unset; justify-content: start; padding-left: calc(.75rem - 3px); padding-right: calc(.75rem - 3px); }

.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: 760px), 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 .content-helper-wrapper .title h3, .vue-component-wrapper #adminpanel .title h3, .vue-component-wrapper .content-helper-wrapper .title h3 { 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: #999999; }

.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 .checkout-additional-details, .vue-component-wrapper .checkout-additional-details { margin: 1.5rem 0 10px 0; padding: 1.5rem; background: #F5F9FB; }

.catfish-classes .checkout-additional-details .details-toggle, .vue-component-wrapper .checkout-additional-details .details-toggle { display: flex; justify-content: space-between; align-items: center; cursor: pointer; user-select: none; }

.catfish-classes .checkout-additional-details .details-toggle strong, .vue-component-wrapper .checkout-additional-details .details-toggle strong { font-weight: 700; }

.catfish-classes .checkout-additional-details .details-toggle i, .vue-component-wrapper .checkout-additional-details .details-toggle i { color: #666; font-size: 14px; }

.catfish-classes .checkout-additional-details .details-content, .vue-component-wrapper .checkout-additional-details .details-content { margin-top: 15px; padding-top: 10px; }

.catfish-classes .checkout-additional-details .details-content .address-block .address-block-title, .vue-component-wrapper .checkout-additional-details .details-content .address-block .address-block-title { font-weight: 600; font-size: 14px; color: #202124; margin-bottom: 8px; }

.catfish-classes .checkout-additional-details .details-content .address-block .address-line, .vue-component-wrapper .checkout-additional-details .details-content .address-block .address-line { font-size: 14px; line-height: 1.6; color: #5f6368; }

.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); }

.imageHandlingWrapper { position: relative; text-align: center; }

.imageHandlingWrapper > div { max-width: 400px; display: inline-block; width: 100%; }

.imageHandlingWrapper h3 { float: left; width: 100%; }

.imageHandlingWrapper .imageOptions .ImgPosOptionButton { float: left; width: 31%; margin: 1.15%; text-align: center; }

.imageHandlingWrapper .done-button { float: left; width: 100%; }

.imageHandlingWrapper .btnContainer { display: flex; justify-content: space-between; margin-top: 50px; width: 100%; }

.imageHandlingWrapper .direction-button { width: 140px; height: auto; padding: 10%; }

.ui-image-feditor { text-align: center; }

.ui-image-feditor .canvas-container { display: inline-block; }

.data-grid-image { background-size: contain !important; }

.Script_DynamicUiGeneration .freeTargetContainer { width: 350px !important; padding: 1.5rem !important; background: #fff; overflow-y: auto !important; height: auto !important; }

.Script_DynamicUiGeneration #leftPane-customTab:not(.mCS_no_scrollbar) { padding-right: 0.5rem !important; }

.Script_DynamicUiGeneration .editorLeft #leftPane-customTab.mCustomScrollbar .mCSB_inside > .mCSB_container:not(.mCS_no_scrollbar_y), .Script_DynamicUiGeneration .editorLeft #leftPane-customTab.mCustomScrollbar .mCSB_container:not(.mCS_no_scrollbar_y) { margin-right: 1rem; }

.Script_DynamicUiGeneration .freeTargetContainer .meuiTextBox, .Script_DynamicUiGeneration .customScriptUi-customTab .meuiTextBox { margin-bottom: 5px; }

.Script_DynamicUiGeneration .freeTargetContainer .btn:not(.is-primary), .Script_DynamicUiGeneration .customScriptUi-customTab .btn:not(.is-primary) { background-color: #eee; color: #000; }

.Script_DynamicUiGeneration .freeTargetContainer .btn.active, .Script_DynamicUiGeneration .customScriptUi-customTab .btn.active { background-color: #4C5965; color: #fff; }

.Script_DynamicUiGeneration .freeTargetContainer .AddImageToField i, .Script_DynamicUiGeneration .customScriptUi-customTab .AddImageToField i { margin-right: 5px; }

.Script_DynamicUiGeneration .freeTargetContainer .controlSet, .Script_DynamicUiGeneration .customScriptUi-customTab .controlSet { float: left; width: 100%; padding-bottom: 1rem; margin-bottom: 0.5rem; border-bottom: solid 1px rgba(0, 0, 0, 0.1); }

.Script_DynamicUiGeneration .freeTargetContainer .meuiLabel, .Script_DynamicUiGeneration .customScriptUi-customTab .meuiLabel { position: relative; float: left; width: 100%; font-size: 15px; font-weight: bold; margin-top: 10px; margin-bottom: 5px; }

.Script_DynamicUiGeneration .freeTargetContainer .main-title, .Script_DynamicUiGeneration .customScriptUi-customTab .main-title { font-size: 20px; color: #4C5965; }

.Script_DynamicUiGeneration .freeTargetContainer .pane.freeTargetContainer select, .Script_DynamicUiGeneration .freeTargetContainer .pane.freeTargetContainer textarea, .Script_DynamicUiGeneration .freeTargetContainer .pane.freeTargetContainer input[type="text"], .Script_DynamicUiGeneration .freeTargetContainer input[type="number"], .Script_DynamicUiGeneration .freeTargetContainer .meuiButton, .Script_DynamicUiGeneration .freeTargetContainer .uiFieldFormatting button, .Script_DynamicUiGeneration .freeTargetContainer .uiFieldFormatting select, .Script_DynamicUiGeneration .customScriptUi-customTab .pane.freeTargetContainer select, .Script_DynamicUiGeneration .customScriptUi-customTab .pane.freeTargetContainer textarea, .Script_DynamicUiGeneration .customScriptUi-customTab .pane.freeTargetContainer input[type="text"], .Script_DynamicUiGeneration .customScriptUi-customTab input[type="number"], .Script_DynamicUiGeneration .customScriptUi-customTab .meuiButton, .Script_DynamicUiGeneration .customScriptUi-customTab .uiFieldFormatting button, .Script_DynamicUiGeneration .customScriptUi-customTab .uiFieldFormatting select { position: relative; float: left; width: 100%; margin-bottom: 5px; min-height: 35px; padding: 7px; line-height: 20px; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList { position: relative; float: left; width: 100%; min-height: 50vh; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListLoading, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListLoading { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2; background: #fff; margin: 0px; display: flex; align-content: center; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListLoading .loading-box, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListLoading .loading-box { position: absolute; top: 20vh; left: 0px; width: 100%; text-align: center; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListLoading .loadingCircle, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListLoading .loadingCircle { position: static; font-size: 40px !important; height: 7rem; width: 7rem; border: 0.1875rem solid #4C5965; opacity: 1 !important; border-radius: 99999px; border-right-color: #00D1B2; animation: a 4s infinite linear; display: inline-block; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListHeader, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListHeader { position: relative; float: left; width: 100%; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListHeader .headerRow1, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListHeader .headerRow1 { float: left; width: 100%; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListHeader .headerRow1 .headerTitle, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListHeader .headerRow1 .headerTitle { float: left; width: calc(100% - 6rem); margin-bottom: 1.5rem; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListHeader .headerRow1 .ViewToggle, .Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListHeader .headerRow1 .backToForm, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListHeader .headerRow1 .ViewToggle, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListHeader .headerRow1 .backToForm { float: left; width: 2.5rem; background-color: rgba(0, 0, 0, 0.1); margin-left: 0.5rem; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody { position: relative; float: left; width: 100%; border-top: solid 1px #ccc; margin-top: 1rem; padding-top: 1rem; padding-bottom: 1rem; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody .ItemsListItem, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody .ItemsListItem { width: 100%; padding: 1px !important; height: auto; display: block; text-align: left; background: transparent !important; color: inherit; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody .ItemsListItem:hover, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody .ItemsListItem:hover { background: rgba(0, 0, 0, 0.05) !important; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody .ItemsListItem .itemDetails, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody .ItemsListItem .itemDetails { padding: 0.75rem !important; color: #000; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody .ItemsListItem .itemDetails .name, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody .ItemsListItem .itemDetails .name { white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody .ItemsListItem .itemDetails .size, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody .ItemsListItem .itemDetails .size { white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; font-weight: normal; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody .ItemsListItem .squareImageButton, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody .ItemsListItem .squareImageButton { position: relative; background-position: center; background-repeat: no-repeat; background-size: contain; background-color: rgba(0, 0, 0, 0.1); border: solid 5px transparent; width: 30%; float: left; margin-right: 11px; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody .ItemsListItem .squareImageButton:after, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody .ItemsListItem .squareImageButton:after { content: ''; width: 100%; padding-bottom: 100%; display: block; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody .ItemsListItem .squareImageButton .times-used, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody .ItemsListItem .squareImageButton .times-used { position: absolute; top: 5%; right: 3%; padding: 0rem 0.4rem; font-size: 0.6rem; border-radius: 100%; text-align: center; color: #fff; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody:not(.list-view) .ItemsListItem, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody:not(.list-view) .ItemsListItem { width: 33%; margin-bottom: 0.5%; margin-right: 0.5%; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody:not(.list-view) .ItemsListItem .squareImageButton, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody:not(.list-view) .ItemsListItem .squareImageButton { width: 100%; margin-right: 0px; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody:not(.list-view) .ItemsListItem .itemDetails, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody:not(.list-view) .ItemsListItem .itemDetails { display: none; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody:not(.list-view) > div:nth-child(3n) .ItemsListItem, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody:not(.list-view) > div:nth-child(3n) .ItemsListItem { margin-right: 0px; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListFooter, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListFooter { position: absolute; bottom: 0px; left: 0px; right: 0px; }

.Script_DynamicUiGeneration .freeTargetContainer textarea, .Script_DynamicUiGeneration .customScriptUi-customTab textarea { height: 200px !important; width: 100% !important; margin-bottom: 5px; }

.Script_DynamicUiGeneration .freeTargetContainer .uiFieldFormatting button, .Script_DynamicUiGeneration .customScriptUi-customTab .uiFieldFormatting button { width: 35px; margin-left: 5px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }

.Script_DynamicUiGeneration .freeTargetContainer .format-icon.format-icon-bold:before, .Script_DynamicUiGeneration .customScriptUi-customTab .format-icon.format-icon-bold:before { content: "B"; font-weight: bold; font-style: normal; }

.Script_DynamicUiGeneration .freeTargetContainer .format-icon.format-icon-italic:before, .Script_DynamicUiGeneration .customScriptUi-customTab .format-icon.format-icon-italic:before { content: "I"; font-weight: normal; font-style: italic; }

.Script_DynamicUiGeneration .freeTargetContainer .uiFieldFormatting select, .Script_DynamicUiGeneration .customScriptUi-customTab .uiFieldFormatting select { width: calc(100% - 80px); }

.Script_DynamicUiGeneration .freeTargetContainer .uiFieldFormatting input[type="number"], .Script_DynamicUiGeneration .customScriptUi-customTab .uiFieldFormatting input[type="number"] { width: 60px; margin-left: 5px; }

.Script_DynamicUiGeneration .freeTargetContainer .hasFontSizeInput.uiFieldFormatting select, .Script_DynamicUiGeneration .customScriptUi-customTab .hasFontSizeInput.uiFieldFormatting select { width: calc(100% - 145px); }

.Script_DynamicUiGeneration .freeTargetContainer .ColorSelectContainer, .Script_DynamicUiGeneration .customScriptUi-customTab .ColorSelectContainer { position: relative; float: left; width: 100%; border: solid 1px #eee !important; background: #fff; }

.Script_DynamicUiGeneration .freeTargetContainer .ColorSelButton, .Script_DynamicUiGeneration .customScriptUi-customTab .ColorSelButton { width: 15.5%; margin: 0.5%; }

.Script_DynamicUiGeneration .freeTargetContainer .ColorSelButton span, .Script_DynamicUiGeneration .customScriptUi-customTab .ColorSelButton span { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.Script_DynamicUiGeneration .freeTargetContainer .ColorSelButton span.transparent, .Script_DynamicUiGeneration .customScriptUi-customTab .ColorSelButton span.transparent { background-size: cover; background-position: center; background-repeat: no-repeat; }

.Script_DynamicUiGeneration .freeTargetContainer .imageSliders, .Script_DynamicUiGeneration .customScriptUi-customTab .imageSliders { position: relative; float: left; width: 100%; margin-top: 10px; }

.Script_DynamicUiGeneration .freeTargetContainer .imageSliders .imgControl .meuiSliderValue, .Script_DynamicUiGeneration .customScriptUi-customTab .imageSliders .imgControl .meuiSliderValue { display: none; }

.Script_DynamicUiGeneration .freeTargetContainer .imageSliders .imgControl, .Script_DynamicUiGeneration .customScriptUi-customTab .imageSliders .imgControl { position: relative; float: left; width: 94%; margin-left: 6%; }

.Script_DynamicUiGeneration .freeTargetContainer .imageSliders .imgControl.half, .Script_DynamicUiGeneration .customScriptUi-customTab .imageSliders .imgControl.half { width: 44%; }

.Script_DynamicUiGeneration .freeTargetContainer .imageSliders .imgControl .sliderBox, .Script_DynamicUiGeneration .customScriptUi-customTab .imageSliders .imgControl .sliderBox { position: relative; float: left; width: calc(100% - 30px); min-width: 30px; padding: 0px; border: none; height: 1px; margin-top: 10px; background: #999; }

.Script_DynamicUiGeneration .freeTargetContainer .imageSliders .imgControl .iconBox, .Script_DynamicUiGeneration .customScriptUi-customTab .imageSliders .imgControl .iconBox { position: relative; float: left; width: 30px; min-width: 30px; padding: 0px; height: 30px; padding-right: 7px; margin: 0px; }

.Script_DynamicUiGeneration .imageSliders.restrictV .imgControl .sliderBox.vcontrol, .Script_DynamicUiGeneration .imageSliders.restrictH .imgControl .sliderBox.hcontrol { opacity: 0.5 !important; pointer-events: none !important; }

.Script_DynamicUiGeneration .LayoutSelectDialog .meuiNonLayout { display: inline; }

.Script_DynamicUiGeneration .LayoutSelectDialog .meuiButton { position: relative; float: left; width: 300px; max-width: 48%; margin: 1%; color: #000; padding: 0px; overflow: hidden; height: auto; min-height: 40px; display: inline-block; }

.Script_DynamicUiGeneration .LayoutSelectDialog .meuiButton span { width: 100%; text-align: center; display: inline-block; padding: 5px; float: left; }

.Script_DynamicUiGeneration .LayoutSelectDialog .meuiButton img { width: 100%; float: left; }

.Script_DynamicUiGeneration .LayoutPageTargetDialog { text-align: center; }

.Script_DynamicUiGeneration .LayoutPageTargetDialog .LayoutTargetButton { float: left; width: calc(50% - 4px); text-align: center; height: 9rem; margin: 2px; }

.Script_DynamicUiGeneration .LayoutPageTargetDialog .modal-content { width: 22rem; }

.Script_DynamicUiGeneration .LayoutPageTargetDialog .modal-footer { justify-content: space-around; }

.Script_DynamicUiGeneration .customScriptUi-freeTarget > div > .control, .Script_DynamicUiGeneration .customScriptUi-customTab > .control { position: initial; }

.Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListLoading { background: #fff; color: #4C5965; }

.Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListHeader .headerRow1 .ViewToggle, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListHeader .headerRow1 .backToForm { color: #4C5965; }

/* meUI New Component Compatibility fixes */
.meuiCheckBox.checkbox input[type="checkbox"] { margin-left: 0px; }

.customScriptUi-headerLeft { display: inline-block; }