@charset "UTF-8";
/*GENERAL COLORS*/
.hideSurvey {
  display: none;
}

.mobileTrigger {
  display: none;
  font-size: 30px;
  background-color: #989da0;
  color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 10px;
  z-index: 9999;
  margin: 1em -100%;
  /* old browsers fallback */
  margin: 1em calc(50% - 50vw);
}
@media only screen and (max-width: 415px) {
  .mobileTrigger {
    display: block;
  }
}

#vocMaster {
  position: fixed;
  font-family: "RheemSansLight", sans-serif;
  font-size: 14px;
  bottom: 0;
  right: 0;
  margin-right: 10px;
  width: 250px;
  z-index: 9999;
}
#vocMaster label.btn {
  padding-left: 5px;
}
#vocMaster hr {
  margin: 0;
}
#vocMaster .singleAnswer:last-child hr {
  display: none;
}
#vocMaster .answerRow:hover {
  cursor: pointer;
}
#vocMaster .card {
  background: unset;
  background-color: unset;
  border: none;
}
#vocMaster .card p.answer {
  border: none;
}
@media only screen and (max-width: 415px) {
  #vocMaster {
    bottom: 0;
    left: 50%;
    margin-left: -125px;
  }
}
#vocMaster p {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 5px;
  margin-right: 10px;
  border-bottom: 1px solid #cccccc;
  padding: 5px;
}
#vocMaster p.thanks {
  font-size: 0.8em;
  line-height: 0.9em;
  text-align: center;
  font-weight: 200;
  padding: 5px;
  margin-left: 10px;
}
#vocMaster .kickOff {
  font-family: "RheemSansBold", sans-serif;
  background-color: #989da0;
  margin-bottom: 10px;
  color: #fff;
  z-index: 99999;
  border: 1px solid #FFF;
  border-radius: 5px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
@media only screen and (max-width: 415px) {
  #vocMaster .kickOff {
    display: none;
  }
}
#vocMaster .kickOffMobile {
  display: none;
}
@media only screen and (max-width: 415px) {
  #vocMaster .kickOffMobile {
    display: block;
  }
}
#vocMaster .vocCta {
  padding: 10px;
}
#vocMaster .fa-times-circle:before {
  content: "";
  background-color: #fff;
  border-radius: 50%;
}

.rheem #vocMaster .kickOff {
  background-color: #e70033;
}
.rheem #vocMaster .mobileTrigger {
  background-color: #e70033;
}
.rheem .closeButton {
  color: #e70033;
  padding-left: 6px;
  padding-top: 2px;
}
.rheem .closeButton {
  font-size: 24px;
  color: #e70033;
  position: relative;
  top: -12px;
  float: right;
  right: 5px;
  z-index: 99999;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding-left: 4px;
  border: 1px solid #aba3a3;
  background-color: #fff;
}
.rheem .closeButton:hover {
  cursor: pointer;
  -webkit-animation: jiggle 0.2s infinite;
  -moz-animation-duration: 0.2s;
  -moz-animation-name: jiggle;
  -moz-animation-iteration-count: infinite;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
}
.rheem .voteBox {
  transition: margin-top 2s ease-in;
  margin-bottom: 10px;
  font-size: 30px;
  border: 1px solid #c9c4c4;
  border-radius: 5px;
  background-color: #EDEDED;
  color: #63666a;
  padding: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
}
.rheem .voteBox.engaged {
  display: block;
  transition: margin-top 2s ease-in;
}
.rheem .up, .rheem .down {
  padding: 10px;
}
.rheem .up:hover {
  color: green;
}
.rheem .down:hover {
  color: red;
}
.rheem .row.comment {
  padding: 5px;
  margin-top: 5px;
}
.rheem .leaveComment {
  font-size: 16px;
  font-family: "RheemSansRoman", Helvetica, Arial, sans-serif;
  padding: 5px;
}
.rheem .yes, .rheem .no {
  font-size: 18px;
}
.rheem .commentSection {
  padding: 5px;
  border: 1px solid #63666a;
  border-radius: 5px;
  font-family: "RheemSansRoman", Helvetica, Arial, sans-serif;
}
.rheem input[type=text], .rheem input[type=email], .rheem input[type=tel], .rheem input[type=password], .rheem input[type=date], .rheem textarea {
  margin-bottom: 20px;
  padding: 15px;
  color: #97999b;
  border-radius: 5px;
  border: 1px solid;
  width: 100%;
}
.rheem .form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.rheem .form-check-input:disabled ~ .form-check-label {
  font-size: 16px;
}
.rheem .form-check-label {
  font-size: 14px;
}
.rheem label.btn span {
  font-size: 14px;
  position: relative;
  top: -5px;
}
.rheem label input[type=checkbox] ~ i.fa.fa-square-o {
  color: #c8c8c8;
  display: inline;
}
.rheem label input[type=checkbox] ~ i.fa.fa-check-square-o {
  display: none;
}
.rheem label input[type=checkbox]:checked ~ i.fa.fa-square-o {
  display: none;
}
.rheem label input[type=checkbox]:checked ~ i.fa.fa-check-square-o {
  color: #7AA3CC;
  display: inline;
}
.rheem label:hover input[type=checkbox] ~ i.fa {
  color: #7AA3CC;
}
.rheem div[data-toggle=buttons] label.active {
  color: #7AA3CC;
}
.rheem div[data-toggle=buttons] label {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 2em;
  text-align: left;
  white-space: nowrap;
  vertical-align: top;
  cursor: pointer;
  background-color: none;
  border: 0px solid #c8c8c8;
  border-radius: 3px;
  color: #c8c8c8;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.rheem div[data-toggle=buttons] label:hover {
  color: #7AA3CC;
}
.rheem div[data-toggle=buttons] label:active, .rheem div[data-toggle=buttons] label.active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.rheem .fa-2x {
  font-size: 22px;
}

.ruud #vocMaster {
  font-family: Arial, Helvetica, sans-serif;
  width: 240px;
}
.ruud #vocMaster .answerHolder {
  width: 100%;
}
.ruud #vocMaster .voteBox {
  padding: 5px;
}
.ruud #vocMaster .kickOff {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #76232F;
}
.ruud #vocMaster .mobileTrigger {
  background-color: #76232F;
}
.ruud .closeButton {
  color: #76232F;
}
.ruud label.btn {
  width: unset;
  min-width: unset;
  max-width: unset;
  text-align: left;
}

.raypak #vocMaster {
  width: 250px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 415px) {
  .raypak #vocMaster {
    margin-bottom: 47px;
  }
}
.raypak #vocMaster hr {
  margin-top: 5px;
}
.raypak #vocMaster .vocCta {
  text-align: center;
}
.raypak #vocMaster .kickOff {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  background-color: #eb3a43;
}
.raypak #vocMaster .voteBox {
  background-color: #dfdfdf;
  padding: 10px;
}
.raypak #vocMaster .voteBox .container {
  width: unset;
  padding: 0;
  margin: 0;
}
.raypak #vocMaster .voteBox .answerHolder {
  width: 95%;
  margin: 0 auto;
}
.raypak #vocMaster .voteBox .answerHolder .singleAnswer {
  margin: 10px 0;
}
.raypak #vocMaster .voteBox .answerHolder .singleAnswer .row .col-2 {
  display: inline-block;
  width: 19%;
}
.raypak #vocMaster .voteBox .answerHolder .singleAnswer .row .col-10 {
  display: inline-block;
  width: 80%;
}
@media only screen and (max-width: 415px) {
  .raypak #vocMaster .voteBox .row {
    display: block !important;
  }
}
.raypak #vocMaster .mobileTrigger {
  background-color: #eb3a43;
}
@media only screen and (max-width: 415px) {
  .raypak #vocMaster .mobileTrigger {
    margin-bottom: 47px;
  }
}
.raypak #vocMaster input[type=checkbox] ~ .fa-square {
  color: #c8c8c8;
  display: inline;
}
.raypak #vocMaster input[type=checkbox] ~ .fa-check-square {
  display: none;
}
.raypak #vocMaster input[type=checkbox]:hover ~ .fa-check-square {
  display: none;
}
.raypak #vocMaster input[type=checkbox]:hover ~ .fa-check-square-o {
  color: #7AA3CC;
  display: inline;
}
.raypak .closeButton {
  color: #eb3a43;
  padding-left: 5px;
  padding-top: 2px;
}
.raypak label.btn {
  width: 100%;
  text-align: left;
}

.richmond #vocMaster {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.richmond #vocMaster .kickOff {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  background-color: #003DA5;
}
.richmond #vocMaster .col-2 {
  width: 20%;
  display: inline-block;
  float: left;
}
.richmond #vocMaster .col-10 {
  width: 79%;
  display: inline-block;
}
.richmond #vocMaster .answerHolder {
  width: 100%;
}
.richmond .closeButton {
  color: #003DA5;
}
.richmond label.btn {
  width: 100%;
  text-align: left;
}
.richmond .clearfix:before, .richmond .clearfix:after, .richmond .dl-horizontal dd:before, .richmond .dl-horizontal dd:after, .richmond .container:before, .richmond .container:after, .richmond .container-fluid:before, .richmond .container-fluid:after, .richmond .row:before, .richmond .row:after, .richmond .form-horizontal .form-group:before, .richmond .form-horizontal .form-group:after, .richmond .btn-toolbar:before, .richmond .btn-toolbar:after, .richmond .btn-group-vertical > .btn-group:before, .richmond .btn-group-vertical > .btn-group:after, .richmond .nav:before, .richmond .nav:after, .richmond .navbar:before, .richmond .navbar:after, .richmond .navbar-header:before, .richmond .navbar-header:after, .richmond .navbar-collapse:before, .richmond .navbar-collapse:after, .richmond .pager:before, .richmond .pager:after, .richmond .panel-body:before, .richmond .panel-body:after, .richmond .modal-footer:before, .richmond .modal-footer:after {
  content: unset !important;
}

.htpg #vocMaster {
  font-family: Arial, Helvetica, sans-serif;
  width: 240px;
}
.htpg #vocMaster .answerHolder {
  width: 100%;
}
.htpg #vocMaster hr {
  border-bottom: 1px solid grey;
}
.htpg #vocMaster .voteBox {
  padding: 5px;
}
.htpg #vocMaster .kickOff {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #230d53;
}
.htpg #vocMaster .mobileTrigger {
  background-color: #230d53;
}
.htpg .col-2 {
  height: 10px;
}
.htpg .closeButton {
  color: #230d53;
  padding-left: 6px;
  padding-top: 2px;
}
.htpg label.btn {
  width: unset;
  min-width: unset;
  max-width: unset;
  text-align: left;
  padding: 0;
}

.russell #vocMaster, .witt #vocMaster, .kramer #vocMaster, .coldzone #vocMaster {
  font-family: Arial, Helvetica, sans-serif;
  width: 240px;
}
.russell #vocMaster .answerHolder, .witt #vocMaster .answerHolder, .kramer #vocMaster .answerHolder, .coldzone #vocMaster .answerHolder {
  width: 100%;
}
.russell #vocMaster hr, .witt #vocMaster hr, .kramer #vocMaster hr, .coldzone #vocMaster hr {
  border-bottom: 1px solid grey;
}
.russell #vocMaster .voteBox, .witt #vocMaster .voteBox, .kramer #vocMaster .voteBox, .coldzone #vocMaster .voteBox {
  padding: 5px;
}
.russell #vocMaster .kickOff, .witt #vocMaster .kickOff, .kramer #vocMaster .kickOff, .coldzone #vocMaster .kickOff {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #5f9baf;
}
.russell #vocMaster .mobileTrigger, .witt #vocMaster .mobileTrigger, .kramer #vocMaster .mobileTrigger, .coldzone #vocMaster .mobileTrigger {
  background-color: #5f9baf;
}
.russell #vocMaster .col-2, .witt #vocMaster .col-2, .kramer #vocMaster .col-2, .coldzone #vocMaster .col-2 {
  height: 10px;
  padding-bottom: 35px;
}
.russell .closeButton, .witt .closeButton, .kramer .closeButton, .coldzone .closeButton {
  color: #230d53;
  padding-left: 6px;
  padding-top: 2px;
}
.russell .closeButton i, .witt .closeButton i, .kramer .closeButton i, .coldzone .closeButton i {
  position: relative;
  top: -9px;
}
.russell label.btn, .witt label.btn, .kramer label.btn, .coldzone label.btn {
  width: unset;
  min-width: unset;
  max-width: unset;
  text-align: left;
  padding: 0;
}

.russellbyrheem #vocMaster {
  font-family: Arial, Helvetica, sans-serif;
  width: 240px;
}
.russellbyrheem #vocMaster .answerHolder {
  width: 100%;
}
.russellbyrheem #vocMaster hr {
  border-bottom: 1px solid grey;
}
.russellbyrheem #vocMaster .voteBox {
  padding: 5px;
}
.russellbyrheem #vocMaster .kickOff {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #215AA8;
}
.russellbyrheem #vocMaster .mobileTrigger {
  background-color: #215AA8;
}
.russellbyrheem #vocMaster .col-2 {
  height: 10px;
  padding-bottom: 35px;
}
.russellbyrheem .closeButton {
  color: #215AA8;
  padding-left: 6px;
  padding-top: 2px;
}
.russellbyrheem .closeButton i {
  position: relative;
  top: -5px;
}
.russellbyrheem label.btn {
  width: unset;
  min-width: unset;
  max-width: unset;
  text-align: left;
  padding: 0;
}

.rheem.Singapore #vocMaster {
  left: 0;
  right: unset;
}

[v-cloak] {
  display: none;
}

/*# sourceMappingURL=voc.css.map */