/*@import url('../reset-min.css');*/
@import url('../ui-lightness/jquery-ui-1.8.19.custom.css');
@import url('../jquery.validationEngine.css');
@import url('../font-awesome.css');
/*@import url('./editor.css');*/
@import url('./style.css');
@import url('./print.css');

html, body {
  min-height: 100%;
}

body, p, td, div, input, select, textarea {
  outline: none;
  font-family: Arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 143%;
}

body div.ui-dialog *,
body div.nyroModalDom * {
  font-family: Arial, helvetica, sans-serif;
  font-size: 12px;
}
/*
body div.nyroModalDom table:last-child,
body div.nyroModalDom p:last-child {
  margin-bottom: 0px;
}*/

/* GLOBAL */

*.clear {
  float: none;
  clear: both;
}

*.hidden {
  display: none;
}
*.block {
  display: block !important;
}
*.red {
  color: #c00;
}
*.green {
  color: #0c0;
}
*.hcenter {
  text-align: center;
}
*.vcenter {
  vertical-align: middle;
}
*.vtop {
  vertical-align: top;
}
*.wmin {
  width: 1%;
}
*.w33p {
  width: 33.3%;
}
*.w50p {
  width: 50%;
}
*.w100p {
  width: 100%;
}
*.ma {
  margin: auto;
}
*.wbg {
  background-color: #ffffff;
}
*.alignc {
  text-align: center;
}
*.alignr {
  text-align: right;
}
*.alignl {
  text-align: left;
}
*.float-l {
  float: left;
}
*.float-r {
  float: right;
}
*.float-n {
  float: none !important;
}
*.mt0 {
  margin-top: 0px !important;
}
*.mb0 {
  margin-bottom: 0px !important;
}
*.mt5 {
  margin-top: 5px !important;
}
*.mb5 {
  margin-bottom: 5px !important;
}
*.mt10 {
  margin-top: 10px !important;
}
*.mb10 {
  margin-bottom: 10px !important;
}
*.cursor-pointer {
  cursor: pointer;
}
*.nomargin {
  margin: 0px;
}
*.nopadding {
  padding: 0px;
}
*.fw-normal {
  font-weight: normal !important;
}

div.row-centered {
  text-align: center;
}

div.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  margin-right: -4px;
}

*.nowrap {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

div.wbg {
  background: #fff;
}

span.highlight {
  background-color: #ffff00;
}

div.sys_message,
div.sys_error,
div#mx_core_error {
  margin: 2px 0px 5px 0px;
  padding: 5px;
  line-height: 16px;
  font-size: 11px;
  font-weight: bold;
  border-width: 2px 0px;
  border-style: solid;
}

div.sys_message {
  color: #0055BB;
  background: #C3D2E5;
  border-color: #84A7DB;
}

div.sys_error,
div#mx_core_error {
  color: #CC0000;
  background: #E6C0C0;
  border-color: #DE7A7B;
}

div#mx_core_error {
  padding-left: 25px;
  background: #E6C0C0 url('../../_images/icon-error.png') 5px 5px no-repeat;
}

div#mx_core_error span.mx_core_error_message {
  display: block;
  color: #f00;
  text-transform: uppercase;
}

div#mx_core_error span.mx_core_error_item {
  display: block;
}

div#mx_core_error span.mx_core_error_item_type {
  color: #000;
}

div#mx_core_error span.mx_core_error_item_alert {
  color: #CC0000;
}

div#mx_core_error span.mx_core_error_item_debug {
  color: #0055BB;
  font-weight: normal;
  white-space: pre-wrap;
}

/* (Floated) images */

img.main-img-left,
img.main-img-center,
img.main-img-right,
div.article-item img.image-responsive {
  border: 1px solid #cfcfcf;
  padding: 2px;
  margin-top: 1px;
  display: block;
}

div.article-item img.image-responsive {
  width: 100%;
  max-width: 100%;
}

img.main-img-left {
  margin-right: 5px;
  margin-bottom: 2px;
  max-width: 33%;
}

img.main-img-center {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  max-width: 98%;
}

img.main-img-right {
  margin-left: 5px;
  margin-bottom: 2px;
  max-width: 33%;
}

/* Bootstrap overrides */

input[type=file].form-control-condensed,
select.form-control-condensed {
  height: auto;
  padding: 0px;
}

input[type="text"].form-control-condensed {
  font-size: 12px;
  height: 24px;
  padding: 0px 6px;
}

textarea.form-control-condensed {
  font-size: 12px;
  padding: 5px 6px;
}

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

table.table-borderless > tbody > tr > th,
table.table-borderless > tbody > tr > td {
  border: none !important;
}

div.nyroModalCont form.well,
div.nyroModalCont table:last-of-type {
  margin-bottom: 0px;
}

/* FORMS */

input.input,
select.input,
textarea.input,
div.pager select {
  font-family: Arial, helvetica;
  font-size: 11px;
  color: #000;
  line-height: 120%;
  border: 1px solid #ccc;
  background: #fff;
  margin: 0px;
}

input.input,
textarea.input {
  padding: 2px;
}

select.input,
div.pager select {
  padding: 1px;
}

input.disabled, textarea.disabled {
  border: 1px solid #E78F08;
  background: #000 url('../ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png') center repeat;
  color: #ffffff;
}

/* TABLES */

div#content table.normal th,
div#content table.normal td {
  padding: 2px;
  vertical-align: middle !important;
}

div#content table.normal td img {
  margin: 0px;
}

table#gallery_table tr.delete td,
table#slideshow_table tr.delete td {
  background-color: #ff0033;
  color: #ffffff;
}

/* FORMS */

/* === Remove input autofocus webkit === */

*:focus {
  outline: none;
}

/* Admin navbar */

nav.admin-navbar {
  margin-bottom: 1em !important;
  margin-top: 0.5em !important;
}

nav.admin-navbar.mb0 {
  margin-bottom: 0px !important;
}

nav.admin-navbar .navbar-nav > li > a {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

nav.admin-navbar .navbar {
  min-height: 32px !important;
}

/* DATA TABLES */

table.data {
  border-collapse: separate;
  border-spacing: 1px;
  border: 1px solid #ababab;
}

table.data th,
table.colorized table.data th {
  padding: 3px;
  background-color: #dfdfdf;
  font-weight: bold;
  background-image: none;
  color: #000;
  border: none;
  white-space: nowrap;
}

table.data td,
table.colorized table.data td {
  padding: 3px;
  background: #D6DFFF;
  border: none;
}

/* COLORIZED TABLES */

table.colorized {
  width: 100%;
}

table.colorized th {
  background: #386BAA url('../../_images/gradient-blue.gif') center repeat-x;
  border-bottom: 2px solid #fff;
  padding: 3px 2px;
  font-weight: bold;
  line-height: 16px;
  color: #fff;
}

table.colorized tr {
  background-color: #eee;
}

table.colorized td {
  background: transparent;
  padding: 3px 2px;
}

table.colorized tr td {
  border-bottom: 1px solid #fff;
}

table.colorized tr.even,
table.colorized tr:nth-child(even) {
  background-color: #EFE7B8;
}

table.colorized tr.odd,
table.colorized tr:nth-child(odd) {
  background-color: #F0DC7E;
}

table.colorized tr.even.hover,
table.colorized tr.odd.hover,
table.colorized tr:nth-child(even):hover,
table.colorized tr:nth-child(odd):hover {
  background-color: #D6DFFF;
}

table.colorized tr th a {
  display: block;
  line-height: 16px;
  color: #fff;
  text-decoration: none;
}

table.colorized tr th a.this {
  color: #F0DC7E;
}

table.colorized tr th a.a,
table.colorized tr th a.d {
  padding-left: 15px;
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

table.colorized tr th a.a {
  background-image: url('../../_images/arrow-down.gif');
}

table.colorized tr th a.d {
  background-image: url('../../_images/arrow-up.gif');
}

table.colorized tr th a img,
table.colorized tr td a img,
table.colorized tr th a,
table.colorized tr td a {
  border: none;
  outline: none;
}

table.colorized td span.qt {
  display: block;
  padding-left: 14px;
  background: url('../../_images/ico-comment.gif') 0px 2px no-repeat;
  cursor: pointer;
}

table.colorized td.icon span.red,
table.colorized td.icon span.green {
  display: block;
  padding-left: 18px;
  background: 0px 1px no-repeat;
  height: 16px;
  line-height: 16px;
}

table.colorized td.icon span.red {
  background-image: url('../../_images/icon-no.png');
}

table.colorized td.icon span.green {
  background-image: url('../../_images/icon-yes.png');
}

table.colorized td span.counter {
  display: block;
  padding: 1px 2px;
  border: 1px solid #ccc;
  background-color: #ffffff;
  text-align: center;
  line-height: 100%;
}

/* FORM SUBMIT */

table.formsubmit {
  width: auto;
  margin: 0 auto;
}

table.formsubmit td,
table.formsubmit th {
  padding: 4px;
}

table.formsubmit th input {
  background-color: #efefef;
  border: 1px solid #C3D2E5;
  height: 26px;
  vertical-align: middle;
  text-align: left;
  padding: 0px 3px 0px 22px;
  background-position: 6px 6px;
  background-repeat: no-repeat;
}

table.formsubmit th input.wbg {
  background-color: #ffffff;
}

table.formsubmit th input.submit {
  background-image: url('../../_images/icon-yes.png');
}

table.formsubmit th input.cancel {
  background-image: url('../../_images/icon-no.png');
}

/* TRANSPARENT */

table.data th.trans,
table.data td.trans,
table.colorized th.trans,
table.colorized td.trans {
  background-color: transparent;
}

/* Classes: YouTube + Vimeo */

span.embed_youtube,
span.embed_vimeo {
  display: block;
  border: 2px solid #cfcfcf;
  padding: 1px;
  max-width: 98% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: content-box !important;
}

/* NYRO + jQuery UI */

div.nyroModalCont th {
  white-space: nowrap;
}

div.nyroModalDom {
  padding: 0px;
  min-height: 0px;
  min-width: 0px;
  overflow-x: hidden;
}

div.nyroModalCont .ui-widget {
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
}

.ui-tabs .ui-tabs-panel {
  padding: 1em;
}

.ui-tabs .ui-tabs-panel {
  overflow: auto;
}

.ui-tabs .ui-tabs-panel table.data {
  width: auto;
  margin: 0 auto;
}

.ui-tabs div.sys_message {
  margin-bottom: 0px;
}

/* Nyro */

.nyroModalBg {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.7;
}

.nmReposition {
  position: absolute;
}

.nyroModalCloseButton {
  top: -13px;
  right: -13px;
  width: 12px;
  height: 12px;
  text-indent: -9999em;
  background: url('../../_images/nyro-close.gif');
}

.nyroModalTitle {
  top: -26px;
  left: 0;
  margin: 0;
  font-size: 1.1em;
  color: #ddd;
}

.nyroModalCont {
  position: absolute;
  border: 4px solid #777;
  margin: 25px;
  background: #fff;
  box-sizing: content-box;
  min-width: 400px!important;
}

.nyroModalCont iframe {
  width: 600px;
  height: 400px;
}

.nyroModalError {
  border: 4px solid red;
  color: red;
  width: 250px;
  height: 250px;
}

.nyroModalError div {
  min-width: 0;
  min-height: 0;
  padding: 10px;
}

.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {
  position: relative;
  padding: 10px;
  min-height: 250px;
  min-width: 250px;
  max-width: 1000px;
}

.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {
  position: relative;
  overflow: hidden;
}

.nyroModalImage img {
  vertical-align: top;
}

.nyroModalHidden {
  left: -9999em;
  top: -9999em;
}

.nyroModalLoad {
  position: absolute;
  width: 100px;
  height: 100px;
  background: #fff url('../../_images/nyro-ajax-loader.gif') no-repeat center;
  padding: 0;
}

.nyroModalPrev, .nyroModalNext {
  outline: none;
  position: absolute;
  top: 0;
  height: 60%;
  width: 150px;
  min-height: 50px;
  max-height: 300px;
  cursor: pointer;
  text-indent: -9999em;
  background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat;
}

.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {
  height: 100%;
  width: 40%;
  max-height: none;
}

.nyroModalPrev {
  left: 0;
}

.nyroModalPrev:hover {
  background-image: url('../../_images/nyro-prev.gif');
}

.nyroModalNext {
  right: 0;
  background-position: right 20%;
}

.nyroModalNext:hover {
  background-position: right 20%;
  background-image: url('../../_images/nyro-next.gif');
}

.nyroModalBg {
  z-index:897
}
.nyroModalCloseButton {
  z-index:899
}
.nyroModalTitle {
  z-index:899
}
.nyroModalCont {
  z-index:898
}

/* FooTable-2\css\footable.core.css */

@font-face {
  font-family: 'footable';
  src: url('../misc/fonts/footable.eot');
  src: url('../misc/fonts/footable.eot?#iefix') format('embedded-opentype'), url('../misc/fonts/footable.woff') format('woff'), url('../misc/fonts/footable.ttf') format('truetype'), url('../misc/fonts/footable.svg#footable') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'footable';
    src: url('../misc/fonts/footable.svg#footable') format('svg');
    font-weight: normal;
    font-style: normal;
  }
}
.footable {
  width: 100%;
  /** SORTING **/

  /** PAGINATION **/

}
.footable.breakpoint > tbody > tr.footable-detail-show > td {
  border-bottom: none;
}
.footable.breakpoint > tbody > tr.footable-detail-show  span.footable-toggle:before {
  content: "\e001";
}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}
.footable.breakpoint > tbody > tr > td.footable-cell-detail {
  background: #eee;
  border-top: none;
}
.footable.breakpoint > tbody > tr span.footable-toggle {
  display: inline-block;
  font-family: 'footable';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-right: 5px;
  font-size: 14px;
  color: #888888;
}
.footable.breakpoint > tbody > tr span.footable-toggle:before {
  content: "\e000";
}
.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e005";
}
.footable.breakpoint.toggle-circle > tbody > tr span.footable-toggle:before {
  content: "\e004";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e003";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr span.footable-toggle:before {
  content: "\e002";
}
.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e007";
}
.footable.breakpoint.toggle-square > tbody > tr span.footable-toggle:before {
  content: "\e006";
}
.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e009";
}
.footable.breakpoint.toggle-square-filled > tbody > tr span.footable-toggle:before {
  content: "\e008";
}
.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00f";
}
.footable.breakpoint.toggle-arrow > tbody > tr span.footable-toggle:before {
  content: "\e011";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e013";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr span.footable-toggle:before {
  content: "\e015";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01b";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr span.footable-toggle:before {
  content: "\e01d";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00b";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr span.footable-toggle:before {
  content: "\e00d";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01f";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr span.footable-toggle:before {
  content: "\e021";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e017";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr span.footable-toggle:before {
  content: "\e019";
}
.footable.breakpoint.toggle-medium > tbody > tr span.footable-toggle {
  font-size: 18px;
}
.footable.breakpoint.toggle-large > tbody > tr span.footable-toggle {
  font-size: 24px;
}
.footable > thead > tr > th {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.footable > thead > tr > th.footable-sortable:hover {
  cursor: pointer;
}
.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
  content: "\e013";
}
.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
  content: "\e012";
}
.footable > thead > tr > th > span.footable-sort-indicator {
  display: inline-block;
  font-family: 'footable';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 5px;
}
.footable > thead > tr > th > span.footable-sort-indicator:before {
  content: "\e022";
}
.footable > tfoot .pagination {
  margin: 0;
}
.footable.no-paging .hide-if-no-paging {
  display: none;
}
.footable-row-detail-inner {
  display: table;
}
.footable-row-detail-row {
  display: table-row;
  line-height: 1.5em;
}
.footable-row-detail-group {
  display: block;
  line-height: 2em;
  font-size: 1.2em;
  font-weight: bold;
}
.footable-row-detail-name {
  display: table-cell;
  font-weight: bold;
  padding-right: 0.5em;
}
.footable-row-detail-value {
  display: table-cell;
}
.footable-odd {
  background-color: #f7f7f7;
}

/* FooTable-2\css\footable.standalone.css */

.footable {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #cccccc;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-family: 'trebuchet MS', 'Lucida sans', Arial;
  font-size: 14px;
  color: #444444;
  background: #ffffff;
}
.footable > thead > tr:first-child > th.footable-first-column,
.footable > thead > tr:first-child > td.footable-first-column {
  -moz-border-radius: 6px 0 0 0;
  -webkit-border-radius: 6px 0 0 0;
  border-radius: 6px 0 0 0;
}
.footable > thead > tr:first-child > th.footable-last-column,
.footable > thead > tr:first-child > td.footable-last-column {
  -moz-border-radius: 0 6px 0 0;
  -webkit-border-radius: 0 6px 0 0;
  border-radius: 0 6px 0 0;
}
.footable > thead > tr:first-child > th.footable-first-column.footable-last-column,
.footable > thead > tr:first-child > td.footable-first-column.footable-last-column {
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.footable > thead > tr > th {
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  padding: 10px;
  text-align: left;
}
.footable > thead > tr > th,
.footable > thead > tr > td {
  background-color: #dce9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  border-top: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.footable > thead > tr > th.footable-first-column,
.footable > thead > tr > td.footable-first-column {
  border-left: none;
}
.footable.breakpoint > tbody > tr.footable-row-detail {
  background: #eeeeee;
}
.footable.breakpoint > tbody > tr.footable-row-detail > .footable-row-detail-cell {
  border-left: none;
}
.footable > tbody img {
  vertical-align: middle;
}
.footable > tbody > tr:hover {
  background: #fbf8e9;
}
.footable > tbody > tr:last-child > td.footable-first-column {
  -moz-border-radius: 0 0 0 6px;
  -webkit-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
}
.footable > tbody > tr:last-child > td.footable-last-column {
  -moz-border-radius: 0 0 6px 0;
  -webkit-border-radius: 0 0 6px 0;
  border-radius: 0 0 6px 0;
}
.footable > tbody > tr:last-child > td.footable-first-column.footable-last-column {
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.footable > tbody > tr > td {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  padding: 10px;
  text-align: left;
}
.footable > tbody > tr > td.footable-first-column {
  border-left: none;
}
.footable > tfoot > tr > th,
.footable > tfoot > tr > td {
  background-color: #dce9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  border-top: 1px solid #cccccc;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  padding: 10px;
}
.footable .pagination {
  margin: 20px 0;
}
.footable .pagination > ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #ffffff;
}
.footable .pagination > ul > li {
  display: inline;
}
.footable .pagination > ul > li > a,
.footable .pagination > ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  border: 1px solid #cccccc;
  border-left-width: 0;
}
.footable .pagination > ul > li:first-child > a,
.footable .pagination > ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  border-left-width: 1px;
}
.footable .pagination > ul > li:last-child > a,
.footable .pagination > ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.footable .pagination > ul > li > a:hover,
.footable .pagination > ul > li > a:focus,
.footable .pagination > ul > .active > a,
.footable .pagination > ul > .active > span {
  background-color: #eeeeee;
}
.footable .pagination > ul > .active > a,
.footable .pagination > ul > .active > span {
  color: #444444;
  cursor: default;
}
.footable .pagination > ul > .disabled > span,
.footable .pagination > ul > .disabled > a,
.footable .pagination > ul > .disabled > a:hover,
.footable .pagination > ul > .disabled > a:focus {
  color: #cccccc;
  cursor: default;
  background-color: #ebf3fc;
}
.footable .pagination.pagination-centered {
  text-align: center;
}
.footable .pagination.pagination-right {
  text-align: center;
}
.footable-odd {
  background-color: #f7f7f7;
}

/*  EU COOKIE POPUP ********************************************************/

.eupopup-container {
  background-color: rgba(25, 25, 25, 0.9);
  color: #efefef;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1.2em;
  text-align: center;
  display: none;
  z-index: 9999999;
}

.eupopup-container.newsletter {
  background-color: rgba(255, 25, 25, 1)!important;
  color: #fff;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1.2em;
  text-align: center;
  display: none;
  z-index: 9999999;
}

.eupopup-container-top,
.eupopup-container-fixedtop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.eupopup-container-fixedtop {
  position: fixed;
}

.eupopup-container-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.eupopup-container-bottomleft {
  position: fixed;
  bottom: 10px;
  left: 10px;
  width: 300px;
}

.eupopup-container-bottomright {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 300px;
}

.eupopup-closebutton {
  font-size: 16px;
  font-weight: 100;
  line-height: 1;
  color: #a2a2a2;
  filter: alpha(opacity=20);
  position: absolute;
  font-family: arial, helvetica,  verdana, sans-serif;
  top: 0;
  right: 0;
  padding: 5px 10px;
}

.newsletter .eupopup-closebutton {
  color: #fff!important;
}
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
  color: #fff;
  text-decoration: none;
}

.eupopup-head {
  font-size: 1.2em;
  font-weight: bold;
  padding: 7px;
  color: #fff;
}

.eupopup-body {
  color: #a2a2a2;
}

.newsletter .eupopup-body {
  color: #555!important;
}

.eupopup-buttons {
  padding: 7px 0 5px 0;
}

.eupopup-button_1 {
  color: #e9142b;
  font-weight: bold;
  font-size: 14px;
}

.eupopup-button_2 {
  color: #e9142b;
  font-weight: normal;
  font-size: 12px;
}

.newsletter .eupopup-button_2 {
  color: #fff!important;
}

.eupopup-button {
  margin: 0 10px;
}

.eupopup-button:hover,
.eupopup-button:focus {
  text-decoration: underline;
  color: #e9142b;
}

body .eupopup-color-inverse {
  color: #000;
  background-color: rgba(255, 255, 255, 0.9);
}

body .eupopup-color-inverse .eupopup-head {
  color: #000;
}

body .eupopup-style-compact {
  text-align: left;
  padding: 8px 30px 7px 20px;
  line-height: 15px;
}

body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,
body .eupopup-style-compact .eupopup-buttons {
  display: inline;
  padding: 0;
  margin: 0;
}

body .eupopup-style-compact .eupopup-button {
  margin: 0 5px;
}

/* Responsive embed YouTube */

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* smart-app-banner.css */

.smartbanner-show {
  margin-top: 80px;
}

.smartbanner-show .smartbanner {
  display: block;
}

/** Default **/
.smartbanner {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 80px;
  line-height: 80px;
  font-family: 'Helvetica Neue', sans-serif;
  background: #f4f4f4;
  z-index: 9998;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  -webkit-text-size-adjust: none;
}

.smartbanner-container {
  margin: 0 auto;
  white-space: nowrap;
}

.smartbanner-close {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 5px;
  font-family: 'ArialRoundedMTBold', Arial;
  font-size: 20px;
  text-align: center;
  color: #888;
  text-decoration: none;
  border: 0;
  border-radius: 14px;
  -webkit-font-smoothing: subpixel-antialiased;
}

.smartbanner-close:active,
.smartbanner-close:hover {
  color: #aaa;
}

.smartbanner-icon {
  display: inline-block;
  vertical-align: middle;
  width: 57px;
  height: 57px;
  margin-right: 12px;
  background-size: cover;
  border-radius: 10px;
}

.smartbanner-info {
  display: inline-block;
  vertical-align: middle;
  width: 44%;
  font-size: 11px;
  line-height: 1.2em;
  font-weight: bold;
}

.smartbanner-title {
  font-size: 13px;
  line-height: 18px;
}

.smartbanner-button {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  color: #6a6a6a;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-button:active,
.smartbanner-button:hover {
  color: #aaa;
}

.smartbanner-button-text {
}

.smartbanner-button-text:active,
.smartbanner-button-text:hover {
}

/** iOS **/
.smartbanner-ios {
  background: #f4f4f4;
  background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 80px;
}

.smartbanner-ios .smartbanner-close {
  border: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #888;
  text-shadow: 0 1px 0 white;
}

.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {
  color: #aaa;
}

.smartbanner-ios .smartbanner-icon {
  background: rgba(0, 0, 0, 0.6);
  background-size: cover;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.smartbanner-ios .smartbanner-info {
  color: #6a6a6a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-ios .smartbanner-title {
  color: #4d4d4d;
  font-weight: bold;
}

.smartbanner-ios .smartbanner-button {
  padding: 0 10px;
  min-width: 10%;
  color: #6a6a6a;
  background: #efefef;
  background: linear-gradient(to bottom, #efefef, #dcdcdc);
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}

.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {
  background: #dcdcdc;
  background: linear-gradient(to bottom, #dcdcdc, #efefef);
}

.smartbanner-ios .smartbanner-button-text {
}

.smartbanner-ios .smartbanner-button-text:active,
.smartbanner-ios .smartbanner-button-text:hover {
}

/** Android **/
.smartbanner-android {
  background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);
  box-shadow: inset 0 4px 0 #88b131;
  line-height: 82px;
}

.smartbanner-android .smartbanner-close {
  border: 0;
  width: 17px;
  height: 17px;
  line-height: 17px;
  margin-right: 7px;
  color: #b1b1b3;
  background: #1c1e21;
  text-shadow: 0 1px 1px #000;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
}

.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
  color: #eee;
}

.smartbanner-android .smartbanner-icon {
  background-color: transparent;
  box-shadow: none;
}

.smartbanner-android .smartbanner-info {
  color: #ccc;
  text-shadow: 0 1px 2px #000;
}

.smartbanner-android .smartbanner-title {
  color: #fff;
  font-weight: bold;
}

.smartbanner-android .smartbanner-button {
  min-width: 12%;
  color: #d1d1d1;
  padding: 0;
  background: none;
  border-radius: 0;
  box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;
}

.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
  background: none;
}

.smartbanner-android .smartbanner-button-text {
  text-align: center;
  display: block;
  padding: 0 10px;
  background: #42b6c9;
  background: linear-gradient(to bottom, #42b6c9, #39a9bb);
  text-transform: none;
  text-shadow: none;
  box-shadow: none;
}

.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
  background: #2ac7e1;
}

/** Windows **/
.smartbanner-windows {
  background: #f4f4f4;
  background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 80px;
}

.smartbanner-windows .smartbanner-close {
  border: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #888;
  text-shadow: 0 1px 0 white;
}

.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {
  color: #aaa;
}

.smartbanner-windows .smartbanner-icon {
  background: rgba(0, 0, 0, 0.6);
  background-size: cover;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.smartbanner-windows .smartbanner-info {
  color: #6a6a6a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-windows .smartbanner-title {
  color: #4d4d4d;
  font-weight: bold;
}

.smartbanner-windows .smartbanner-button {
  padding: 0 10px;
  min-width: 10%;
  color: #6a6a6a;
  background: #efefef;
  background: linear-gradient(to bottom, #efefef, #dcdcdc);
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}

.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {
  background: #dcdcdc;
  background: linear-gradient(to bottom, #dcdcdc, #efefef);
}

.smartbanner-windows .smartbanner-button-text {
}

.smartbanner-windows .smartbanner-button-text:active,
.smartbanner-windows .smartbanner-button-text:hover {
}

/* SmartBannr PRAE overrides */

body#body div.smartbanner {
  height: 80px !important;
  line-height: 80px !important;
}

body#body div.smartbanner div.smartbanner-container {
  line-height: 80px !important;
}

/*************************
Name     : Pure CSS Star Rating Widgets
Version  : 1.0
Author   : mie4online
**************************/

/********** Content Index *********
    1. Style-1 Basic CSS rating
      1.1 Tooltip style
      1.2 CSS Magic to Highlight Stars on Hover
      1.3 Coloring Highlight Stars on Hover
    2. Style-2
      2.1 Styling when star not clicked [not checked]
      2.2 Styling when star clicked [checked]
    3. Style-3 Rating with count
    4. Style-4
    5. Style-5
***********************************/




/**********************************
    1. Style-1 Basic CSS rating
***********************************/
fieldset, label {
  margin: 0;
  padding: 0;
}
body{
  margin: 20px;
}
h1 {
  font-size: 1.5em;
  margin: 10px;
}

.rating {
  border: none;
  float: right;
  position: relative;
}

.rating > input {
  display: none;
}
.rating > label:before {
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before {
  content: "\f089";
  position: absolute;
}

.rating > label {
  color: #ddd;
  float: right;
  position: relative;
}

/*** 1.1 Tooltip style ***/
.rating label span {
  position: absolute;
  top: -25px;
  left: -0px;
  z-index: 10;
  display: block;
  opacity: 0;
  padding: 2px 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: #000; /* Tooltip background color */
  color: #fff; /* Tooltip text color */
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;

}
.rating label:hover span {
  top: -18px; /* Gap between Tooltip and Stars */
  left: -0px;
  opacity: 1;
}
.rating label span:before {
  content: '';
  position: absolute;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  left: 10px;
  top: 100%
}


/***** 1.2 CSS Magic to Highlight Stars on Hover [Default color is gold] *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label {
  color: #FFD700;
} /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label {
  color: #FFED85;
}

/***** 1.3 Color Highlight Stars on Hover *****/
/***Red****/
.rating.red > input:checked ~ label, /* show red star when clicked */
.rating.red:not(:checked) > label:hover, /* hover current star */
.rating.red:not(:checked) > label:hover ~ label {
  color: #EA6153;
} /* hover previous stars in list */

.rating.red > input:checked + label:hover, /* hover current star when changing rating */
.rating.red > input:checked ~ label:hover,
.rating.red > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating.red > input:checked ~ label:hover ~ label {
  color: #F99;
}

/***Green****/
.rating.green > input:checked ~ label, /* show green star when clicked */
.rating.green:not(:checked) > label:hover, /* hover current star */
.rating.green:not(:checked) > label:hover ~ label {
  color: #1FDEB8;
} /* hover previous stars in list */

.rating.green > input:checked + label:hover, /* hover current star when changing rating */
.rating.green > input:checked ~ label:hover,
.rating.green > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating.green > input:checked ~ label:hover ~ label {
  color: #93F0DD;
}

/***Blue****/
.rating.blue > input:checked ~ label, /* show blue star when clicked */
.rating.blue:not(:checked) > label:hover, /* hover current star */
.rating.blue:not(:checked) > label:hover ~ label {
  color: #438FFD;
} /* hover previous stars in list */

.rating.blue > input:checked + label:hover, /* hover current star when changing rating */
.rating.blue > input:checked ~ label:hover,
.rating.blue > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating.blue > input:checked ~ label:hover ~ label {
  color: #9BCDEE;
}

/***Purple****/
.rating.purple > input:checked ~ label, /* show purple star when clicked */
.rating.purple:not(:checked) > label:hover, /* hover current star */
.rating.purple:not(:checked) > label:hover ~ label {
  color: #9B59B6;
} /* hover previous stars in list */

.rating.purple > input:checked + label:hover, /* hover current star when changing rating */
.rating.purple > input:checked ~ label:hover,
.rating.purple > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating.purple > input:checked ~ label:hover ~ label {
  color: #D3B7DF;
}

/***Black****/
.rating.black > input:checked ~ label, /* show black star when clicked */
.rating.black:not(:checked) > label:hover, /* hover current star */
.rating.black:not(:checked) > label:hover ~ label {
  color: #3D566E;
} /* hover previous stars in list */

.rating.black > input:checked + label:hover, /* hover current star when changing rating */
.rating.black > input:checked ~ label:hover,
.rating.black > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating.black > input:checked ~ label:hover ~ label {
  color: #7B99B7;
}


/**********************************
    2. Style-2
***********************************/

.rating-2 {
  /*float: right;*/
}

.rating-2 input[type="radio"] {
  position: fixed;
  top: 0;
  right: 100%;
}

.rating-2 label {
  font-size: 1.5em;
  padding: 0.5em;
  margin: 0;
  float: left;
  cursor: pointer;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/* 2.1 Styling when star not clicked [not checked] */
.rating-2 input[type="radio"]:checked ~ input + label {
  background: none; /* star background color */
  color: #aaa; /* star color */
}

/* 2.2 Styling when star clicked [checked] */
.rating-2 input + label {
  background: #0c98a7; /* star background color */
  color: white; /* star color */
  margin: 0 0 1em 0;
}

.rating-2 input + label:first-of-type {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.rating-2 input:checked + label {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

/**********************************
    3. Style-3 Rating with count
***********************************/

.rating-form {
  /*float: right;*/
  margin-bottom: 20px;
}

.rating-form .form-group {
  position: relative;
  border: 0;
}

.rating-form .form-legend {
  display: none;
  margin: 0;
  padding: 0;
  font-size: 20px;
}

/*Form - Item */
.rating-form .form-item {
  position: relative;
  margin: auto;
  text-align: center;
  direction: rtl;

}
.rating-form .form-legend + .form-item {
  padding-top: 10px;
}
.rating-form input[type='radio'] {
  position: absolute;
  left: -9999px;
}

/* Form - Label */
.rating-form label {
  display: inline-block;
  cursor: pointer;
}
.rating-form .rating-star {
  display: inline-block;
  position: relative;
}
.rating-form input[type='radio'] + label:before {
  content: attr(data-value);
  position: absolute;
  right: 30px;
  top: 50px;
  font-size: 30px;
  opacity: 0;
  direction: ltr;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rating-form input[type='radio']:checked + label:before {
  right: 30px;
  opacity: 1;
}
.rating-form input[type='radio'] + label:after {
  content: "/ 5";
  position: absolute;
  right: 5px;
  top: 60px;
  font-size: 16px;
  opacity: 0;
  direction: ltr;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rating-form input[type='radio']:checked + label:after {
  /*right: 5px;*/
  opacity: 1;
}
.rating-form label .fa {
  font-size: 40px;
  line-height: 40px;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rating-form label:hover .fa-star-o,
.rating-form label:focus .fa-star-o,
.rating-form label:hover ~ label .fa-star-o,
.rating-form label:focus ~ label .fa-star-o,
.rating-form input[type='radio']:checked ~ label .fa-star-o {
  opacity: 0;
}
.rating-form label .fa-star {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.rating-form label:hover .fa-star,
.rating-form label:focus .fa-star,
.rating-form label:hover ~ label .fa-star,
.rating-form label:focus ~ label .fa-star,
.rating-form input[type='radio']:checked ~ label .fa-star {
  opacity: 1;
  color: green;
  /*color: gold;
  color: red;
  color: blue;
  color: purple;
  color: black;*/
}
.rating-form label .fa-star-o {
  color: green;
  /*color: gold;
  color: red;
  color: blue;
  color: purple;
  color: black;*/
}
.rating-form input[type='radio']:checked ~ label .fa-star {
  color: green;
  /*color: gold;
  color: red;
  color: blue;
  color: purple;
  color: black;*/
}
.rating-form .ir {
  position: absolute;
  left: -9999px;
}
/*Form - Action */
.rating-form .form-action {
  opacity: 0;
  position: absolute;
  left: 5px;
  bottom: -40px;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rating-form input[type='radio']:checked ~ .form-action {
  cursor: pointer;
  opacity: 1;
}
.rating-form .btn-reset {
  display: inline-block;
  margin: 0;
  padding: 4px 10px;
  border: 0;
  font-size: 12px;
  background: #ccc;
  color:white;
  cursor: auto;
  border-radius: 5px;
  outline: 0;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rating-form .btn-reset:hover,
.rating-form .btn-reset:focus {
  background: green;
  color:white;
}
.rating-form input[type='radio']:checked ~ .form-action .btn-reset {
  cursor: pointer;
}
/* Form - Output */
.rating-form .form-output {
  display: none;
  position: absolute;
  right: 15px;
  bottom: -45px;
  font-size: 30px;
  font-size: 3rem;
  opacity: 0;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.no-js .rating-form .form-output {
  right: 5px;
  opacity: 1;
}
.rating-form input[type='radio']:checked ~ .form-output {
  right: 5px;
  opacity: 1;
}

/**********************************
    4. Style-4
***********************************/
.star-rating {
  font-family: 'FontAwesome';
  margin: 0px auto;
  /*float: right;*/
}
.star-rating > fieldset {
  border: none;
  display: inline-block;
}
.star-rating > fieldset:not(:checked) > input {
  position: absolute;
  top: -9999px;
  clip: rect(0, 0, 0, 0);
}
.star-rating > fieldset:not(:checked) > label {
  float: right;
  width: 1em;
  padding: 0 .05em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 200%;
  color: #16a085;
}
.star-rating > fieldset:not(:checked) > label:before {
  content: '\f006  ';
}
.star-rating > fieldset:not(:checked) > label:hover,
.star-rating > fieldset:not(:checked) > label:hover ~ label {
  color: #1abc9c;
  text-shadow: 0 0 3px #1abc9c;
}
.star-rating > fieldset:not(:checked) > label:hover:before,
.star-rating > fieldset:not(:checked) > label:hover ~ label:before {
  content: '\f005  ';
}
.star-rating > fieldset > input:checked ~ label:before {
  content: '\f005  ';
}
.star-rating > fieldset > label:active {
  position: relative;
  top: 2px;
}


/**********************************
    5. Style-5
***********************************/

form .stars {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==') repeat-x 0 0;
  width: 150px;
  margin: 0 auto;
  /*float: right;*/
}
.ie7 form .stars {
  *zoom: 1;
}
form .stars:before,
form .stars:after {
  display: table;
  content: "";
}
form .stars:after {
  clear: both;
}
form .stars input[type="radio"] {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
form .stars input[type="radio"].star-5:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-4:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-3:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-2:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-1:checked ~ span {
  width: 20%;
}
form .stars label {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0!important;
  padding: 0!important;
  text-indent: -999em;
  float: left;
  position: relative;
  z-index: 10;
  background: transparent!important;
  cursor: pointer;
}
form .stars label:hover ~ span {
  background-position: 0 -30px;
}
form .stars label.star-5:hover ~ span {
  width: 100% !important;
}
form .stars label.star-4:hover ~ span {
  width: 80% !important;
}
form .stars label.star-3:hover ~ span {
  width: 60% !important;
}
form .stars label.star-2:hover ~ span {
  width: 40% !important;
}
form .stars label.star-1:hover ~ span {
  width: 20% !important;
}
form .stars span {
  display: block;
  width: 0;
  position: relative;
  top: 0;
  left: 0;
  height: 30px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==') repeat-x 0 -60px;
  -webkit-transition: -webkit-width 0.5s;
  -moz-transition: -moz-width 0.5s;
  -ms-transition: -ms-width 0.5s;
  -o-transition: -o-width 0.5s;
  transition: width 0.5s;
}