/*******************************
            Documentation:
            https://potentiate.atlassian.net/wiki/display/FLAJS2/Components+CSS+customnization
********************************/
/*#VARIABLES#*/
/************************************
 This file allows you to redefine the global colors.
 If you want to define one question type's colors, please edit the component css file.

 If you decide to change the size of elements,
 please keep in mind both mobile and desktop layouts (media queries)
************************************/
/************************************
        Date Picker
*************************************/
.flashlight-ui-datepicker-prev, .flashlight-ui-datepicker-next,
.flashlight-ui-datepicker-prev:hover, .flashlight-ui-datepicker-next:hover {
  color: #EC5D2F; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-calendar-header th {
  text-transform: uppercase;
  font-weight: normal;
  color: #000000; }

.flashlight-ui-datepicker-prev i.animate, .flashlight-ui-datepicker-next i.animate {
  color: #EC5D2F; }

.flashlight-ui-datepicker .flashlight-ui-state-default:hover, .flashlight-ui-datepicker .flashlight-ui-state-default.flashlight-ui-state-active {
  background: #EC5D2F;
  color: white;
  font-weight: 100; }

.flashlight-ui-datepicker .flashlight-ui-state-default:hover {
  background: #EC5D2F;
  color: white; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-weekend a {
  background: #cacaca; }

.flashlight-ui-datepicker .flashlight-ui-state-disabled .flashlight-ui-state-default {
  color: #646464;
  cursor: not-allowed; }

/*******************************
            Default
*******************************/
.flashlight-question a, .completion-page-overlay a {
  color: #337ab7; }

.flashlight-question .very-light-grey-background {
  background: #fafafa; }

.flashlight-question .default-selected-color {
  color: #EC5D2F; }

.flashlight-question .default-background-selected-color {
  background: #EC5D2F; }

.flashlight-question .default-control-color {
  color: #000000; }

.flashlight-question .default-background-control-color {
  background: #7D7D7D; }

.flashlight-question .default-light-color {
  color: #cacaca; }

.flashlight-question .default-light-color-border-bottom {
  border-bottom: 1px solid #cacaca; }

.flashlight-question .default-light-color-border-left {
  border-left: 1px solid #cacaca; }

.flashlight-question .default-light-color-border-right {
  border-righ: 1px solid #cacaca; }

.flashlight-question .default-light-color-border-top {
  border-top: 1px solid #cacaca; }

.flashlight-question .default-light-color-border {
  border: 1px solid #cacaca; }

.flashlight-question .default-background-light-color {
  background: #cacaca; }

.flashlight-question .default-background-light-color2 {
  background: #ebebeb; }

.flashlight-question .default-light-color2 {
  color: #ebebeb; }

.flashlight-question .default-background-light-color3 {
  background: #9c9c9c; }

.flashlight-question .default-light-color3 {
  color: #9c9c9c; }

.flashlight-question .default-dark-color {
  color: #646464; }

.flashlight-question .default-background-dark-color {
  background: #646464; }

/*******************************
            Dropdown
*******************************/
.generic-dropdown.popup {
  background-color: rgba(0, 0, 0, 0.65); }

.generic-dropdown > .bt-times {
  color: #fff; }

.generic-dropdown.visible .generic-input, .flashlight-question .generic-dropdown input.generic-input:focus {
  border: 1px solid #9c9c9c; }

.generic-dropdown .generic-dropdown-right-button {
  color: #ebebeb; }

.generic-dropdown .menu {
  border: 1px solid #9c9c9c;
  border-top: none;
  background: #FFFFFF; }

.generic-dropdown .menu::-webkit-scrollbar-track {
  background: transparent; }

.generic-dropdown .menu::-webkit-scrollbar-thumb {
  background: #EC5D2F; }

.generic-dropdown .menu > .item {
  color: #000000; }

.generic-dropdown .menu > .item .hint {
  background: #ebebeb; }

.generic-dropdown .menu > .item.possible-result:hover,
.generic-dropdown .menu > .item.possible-result.selected {
  background: #EC5D2F;
  color: #ffffff; }

.generic-dropdown .multiple .menu > .item.possible-result:hover,
.generic-dropdown .multiple .menu > .item.possible-result.selected {
  color: #EC5D2F;
  background: #fff; }

.generic-dropdown .hint .menu > .item.possible-result.selected i.shown-when-selected {
  color: #cacaca; }

.generic-dropdown.generic-dropdown-small input.generic-input {
  border: 1px solid #cacaca;
  color: #000000; }

/*******************************
            Error
*******************************/
label.error {
  color: #FF0000;
  font-weight: 600; }

/*******************************
            Footer
*******************************/
.auth-page .footer .footer-text,
.title-page .footer .footer-text,
.quotafull-page .footer .footer-text,
.termination-page .footer .footer-text {
  color: #cacaca;
  background: transparent; }

.footer .controls .btn {
  background-color: #EC5D2F;
  background-color: rgba(236, 93, 47, 0.85);
  text-transform: uppercase;
  color: #ffffff;
  box-shadow: 1px 1px 30px #000; }

.footer button.footer-button.ie8 {
  background-color: #ffffff;
  color: #EC5D2F;
  border: 1px solid #fff; }

.footer .controls .btn:active:focus {
  outline: none; }

.footer .controls .btn.btn-title-page-back {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  font-weight: 100;
  box-shadow: 2px 2px 50px #4C4C4C; }

.title-page .footer .controls .btn-title-page-back:hover,
.title-page .footer .controls .btn-title-page-back:active,
.title-page .footer .controls .btn-title-page-back:focus {
  background-color: rgba(0, 0, 0, 0.3); }

.footer .controls .btn:hover,
.footer .controls .btn:active,
.footer .controls .btn:focus {
  background-color: #bd3b11; }

.footer .footer-text {
  color: #ffffff;
  background-color: #F76131; }

.footer .footer-text a {
  color: #ffffff; }

.footer .nav-control button {
  border-top: 1px solid #EC5D2F;
  background-color: #EC5D2F;
  color: #ffffff; }

.footer .nav-control button.active i,
.footer .nav-control button:active i {
  color: #646464; }

.navbar-fixed-bottom {
  background-color: #EC5D2F; }

@media (min-width: 768px) {
  .navbar-fixed-bottom {
    background-color: transparent; }
  .footer button.footer-button {
    background-color: #ffffff;
    color: #EC5D2F;
    border: 1px solid #fff; }
  .footer button.footer-button:hover {
    background-color: #EC5D2F;
    background-image: none;
    color: #ffffff; } }

/*******************************
            Icons
*******************************/
.flashlight-question i.shown-when-not-selected {
  color: #cacaca; }

.flashlight-question i.shown-when-not-selected.darker {
  color: #646464; }

.flashlight-question .selected i.shown-when-selected {
  color: #EC5D2F; }

/*******************************
            Labels
*******************************/
.flashlight-small-label {
  color: #000000;
  font-weight: 400; }

.flashlight-label {
  color: #000000; }

/*******************************
            Language Selector
*******************************/
.language-selector {
  color: #fff;
  background-color: #000;
  background-color: rgba(255, 255, 255, 0.15); }

.language-selector:hover,
.language-selector:focus,
.language-selector:active {
  background-color: rgba(255, 255, 255, 0.2); }

.language-selector .globe-icon {
  color: #EC5D2F; }

.language-selector .edit-icon {
  background-color: rgba(255, 255, 255, 0.2); }

.language-popup {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.language-popup a.close-language-popup {
  color: #fff; }

.language-popup ul {
  background-color: rgba(0, 0, 0, 0.25); }

.language-popup ul li {
  border-bottom: 1px solid #fff; }

.language-popup ul li a {
  color: #fff; }

/*******************************
            Optout
*******************************/
.flashlight-question .optOutWrapper {
  color: #000000; }

/*******************************
            Overlays
*******************************/
.flashlight-default-overlay {
  background: rgba(236, 93, 47, 0.85);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(236, 93, 47, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(236, 93, 47, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(236, 93, 47, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC5D2F', endColorstr='#171717', GradientType=0);
  /* IE6-9 */ }

.flashlight-complete-overlay {
  background: rgba(30, 80, 34, 0.85);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(30, 80, 34, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(30, 80, 34, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(30, 80, 34, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E5022', endColorstr='#171717', GradientType=0);
  /* IE6-9 */ }

.flashlight-quotafull-overlay {
  background: rgba(61, 87, 109, 0.85);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(61, 87, 109, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(61, 87, 109, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(61, 87, 109, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3D576D', endColorstr='#171717', GradientType=0);
  /* IE6-9 */ }

.flashlight-alreadycompleted-overlay {
  background: rgba(105, 105, 105, 0.85);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(105, 105, 105, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(105, 105, 105, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(105, 105, 105, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#696969', endColorstr='#171717', GradientType=0);
  /* IE6-9 */ }

.flashlight-expired-overlay {
  background: rgba(146, 90, 24, 0.85);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(146, 90, 24, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(146, 90, 24, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(146, 90, 24, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#925a18', endColorstr='#171717', GradientType=0);
  /* IE6-9 */ }

.flashlight-archived-overlay {
  background: rgba(158, 175, 139, 0.85);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(158, 175, 139, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(158, 175, 139, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(158, 175, 139, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9eaf8b', endColorstr='#171717', GradientType=0);
  /* IE6-9 */ }

.flashlight-termination-overlay {
  background: rgba(150, 34, 34, 0.85);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(150, 34, 34, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(150, 34, 34, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(150, 34, 34, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#962222', endColorstr='#171717', GradientType=0);
  /* IE6-9 */ }

.flashlight-titlepage-overlay {
  background: rgba(249, 150, 117, 0.85);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(249, 150, 117, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(249, 150, 117, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(249, 150, 117, 0.85) 0%, rgba(23, 23, 23, 0.95) 85%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F99675', endColorstr='#171717', GradientType=0);
  /* IE6-9 */ }

/*******************************
            Paragraph
*******************************/
.flashlight-paragraph p {
  color: #000000;
  font-weight: 400; }

/*******************************
            Round Button
*******************************/
.flashlight-question .round-button,
.flashlight-question .optout-round-button {
  border: 1px solid #cacaca;
  color: #000000;
  border-radius: 5px;
  font-weight: 400; }
  .flashlight-question .round-button.selected,
  .flashlight-question .optout-round-button.selected {
    border-color: #EC5D2F;
    color: #EC5D2F; }
  .flashlight-question .round-button.inverted.selected,
  .flashlight-question .optout-round-button.inverted.selected {
    border-color: #EC5D2F;
    background: #EC5D2F;
    color: white; }
  .flashlight-question .round-button.hint,
  .flashlight-question .optout-round-button.hint {
    border: 1px solid #9c9c9c; }
  .flashlight-question .round-button.dragging,
  .flashlight-question .optout-round-button.dragging {
    border-color: #EC5D2F;
    background: white; }
  .flashlight-question .round-button .round-button-rank,
  .flashlight-question .optout-round-button .round-button-rank {
    background: #fff;
    color: #EC5D2F;
    border: 1px solid #cacaca; }

@media (min-width: 768px) {
  .flashlight-question .round-button:hover,
  .flashlight-question .optout-round-button:hover {
    border-color: #9c9c9c; }
  .flashlight-question .round-button.selected:hover,
  .flashlight-question .optout-round-button.selected:hover {
    border-color: #EC5D2F; }
  .flashlight-checkbox-text.selected:hover {
    border-color: #EC5D2F; } }

@media (min-width: 1200px) {
  .flashlight-question .round-button.slim-button.selected,
  .flashlight-question .optout-round-button.slim-button.selected {
    border-color: #EC5D2F;
    background: #EC5D2F;
    color: white; }
  .flashlight-question .round-button.slim-button.selected span,
  .flashlight-question .optout-round-button.slim-button.selected span {
    border-color: #EC5D2F;
    background: #EC5D2F;
    color: white; } }

/*******************************
            Slider
*******************************/
.flashlight-slider .slider .handle,
.flashlight-slider .slider-vertical .handle {
  background-color: #EC5D2F;
  color: #fff;
  -webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.65);
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.65); }

.flashlight-slider .slider,
.flashlight-slider .slider-vertical {
  background-color: transparent;
  border: 1px solid #cacaca; }

.flashlight-slider .slider .progress,
.flashlight-slider .slider-vertical .progress {
  background-color: #EC5D2F;
  background-color: rgba(236, 93, 47, 0.5); }

.flashlight-slider .slider .progress-area, .flashlight-slider .slider-vertical .progress-area {
  background-color: #9c9c9c;
  background: repeating-linear-gradient(135deg, #ebebeb, #ebebeb 5px, #e6e6e6 5px, #e6e6e6 10px); }

.flashlight-slider .slider.active .progress,
.flashlight-slider .slider-vertical.active .progress {
  background-color: #EC5D2F; }

.flashlight-slider .scale .inc,
.flashlight-slider .scale-vertical .inc {
  color: #cacaca;
  cursor: pointer; }

.flashlight-slider .scale .inc small,
.flashlight-slider .scale-vertical .inc small {
  color: #646464; }

/*******************************
            Tables
*******************************/
.flashlight-question table.generic-table thead tr th {
  border-bottom: 1px solid #000000; }

.flashlight-question table.generic-table thead tr th,
.flashlight-question .reflow-key {
  font-weight: 600;
  color: #EC5D2F; }

.flashlight-question table.generic-table th {
  font-weight: 400; }

.flashlight-question table.generic-table-alternate-row tbody tr:nth-child(odd) {
  /*background-color: white;*/ /*PSUP-11127*/
  border-bottom: 1px solid #fbdcd3;
  border-top: 1px solid #fbdcd3; }

.flashlight-question tbody tr td label {
  font-weight: 400;
  color: #000000; }

.horizontal-table-hint-right {
  background: #cacaca;
  background: linear-gradient(to right, rgba(23, 23, 23, 0) 0%, rgba(23, 23, 23, 0.2) 100%); }

.horizontal-table-hint-left {
  background: #cacaca;
  background: linear-gradient(to left, rgba(23, 23, 23, 0) 0%, rgba(23, 23, 23, 0.2) 100%); }

@media (min-width: 768px) {
  .flashlight-question table.generic-table thead tr th {
    border-color: #646464; } }

/*******************************
            Tags
*******************************/
.flashlight-question .selection-tag {
  background: #ebebeb; }

/*******************************
            TextArea
*******************************/
.flashlight-question .other-text textarea {
  border-radius: 5px !important;
  font-weight: 400;
  border-style: dashed;
  color: #000000; }

.flashlight-question .other-text {
  border-radius: 5px !important; }

.flashlight-question textarea.generic-textarea,
.flashlight-question div.input-group textarea.form-control.generic-textarea,
.flashlight-question input.generic-input {
  border: 1px solid #9c9c9c;
  color: #000000;
  font-weight: normal;
  overflow-y: auto; }

.flashlight-question textarea.generic-textarea:focus,
.flashlight-question input.generic-input:focus {
  border-color: #EC5D2F;
  outline: 0; }

.flashlight-question textarea.generic-textarea::-webkit-scrollbar-track {
  background: transparent; }

.flashlight-question textarea.generic-textarea::-webkit-scrollbar-thumb {
  background: #EC5D2F; }

::-webkit-input-placeholder {
  color: #cacaca; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #cacaca; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #cacaca; }

:-ms-input-placeholder {
  color: #cacaca; }

:-ms-input-placeholder {
  color: #cacaca; }

/*******************************
            Tooltip
********************************/
.flashlight-validation-tooltip {
  border: 1px solid #EC5D2F;
  border-radius: 6px;
  background: white; }

.flashlight-validation-tooltip-arrow {
  border-bottom: 10px solid #EC5D2F; }

.flashlight-validation-tooltip-arrow .inner {
  border-bottom: 10px solid #FFFFFF; }

/*******************************
            Top Banner
*******************************/
.banner .banner-overlay {
  background-color: rgba(0, 0, 0, 0.5); }

.banner .banner-overlay.ie8 {
  background-color: #000; }

.banner h1 {
  color: #fff;
  text-shadow: 2px 2px 8px #000000; }

#section-bar {
  background-color: #000;
  color: #fff; }

#progress-bar {
  padding: 0;
  border-bottom: 1px solid #fff; }

.progress-bar {
  background-color: #F76131; }

/*******************************
            Wave effect
*******************************/
.flashlight-waves-effect .flashlight-waves-ripple {
  background: rgba(0, 0, 0, 0.2);
  background: -webkit-radial-gradient(rgba(238, 111, 70, 0.05) 0, rgba(238, 111, 70, 0.05) 40%, rgba(238, 111, 70, 0.1) 50%, rgba(238, 111, 70, 0.15) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(238, 111, 70, 0.05) 0, rgba(238, 111, 70, 0.05) 40%, rgba(238, 111, 70, 0.1) 50%, rgba(238, 111, 70, 0.15) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(238, 111, 70, 0.05) 0, rgba(238, 111, 70, 0.05) 40%, rgba(238, 111, 70, 0.1) 50%, rgba(238, 111, 70, 0.15) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(238, 111, 70, 0.05) 0, rgba(238, 111, 70, 0.05) 40%, rgba(238, 111, 70, 0.1) 50%, rgba(238, 111, 70, 0.15) 60%, rgba(255, 255, 255, 0) 70%); }

/************************************
        Custom question CSS rules

It is not recommended to edit this part.
*************************************/
/*******************************
            Question
*******************************/
.flashlight-question {
  opacity: 0;
  width: 100%;
  clear: both;
  position: relative;
  padding-top: 0px; }

.flashlight-question .input-group {
  width: 100%;
  display: block;
  margin: 0 auto; }

@media (min-width: 1200px) {
  .flashlight-question .input-group {
    width: 100%;
    display: block;
    margin: 0; } }

@media (min-width: 1200px) {
  .flashlight-question {
    width: 1024px;
    margin: 0px auto; } }

/*******************************
            Checkbox
*******************************/
.flashlight-question .checkbox label {
  position: relative;
  font-size: 1em; }

.flashlight-question .checkbox.checkbox-small label {
  font-size: 1em; }

.flashlight-question .checkbox label span.absoluteLabel,
.flashlight-question .optout label span.absoluteLabel {
  position: absolute;
  font-size: inherit;
  float: inherit;
  color: inherit;
  margin-top: -1px; }

.flashlight-question .checkbox label span.hiddenLabel,
.flashlight-question .optout label span.hiddenLabel {
  position: inherit;
  font-size: inherit;
  float: inherit;
  color: inherit;
  opacity: 0; }

@media (min-width: 768px) {
  .flashlight-question .checkbox label {
    font-size: 1.2em; }
  .flashlight-question .checkbox.checkbox-small label {
    font-size: 1em; } }

@media (min-width: 992px) {
  .flashlight-question .checkbox label {
    font-size: 1.4em; }
  .flashlight-question .checkbox.checkbox-small label {
    font-size: 1.2em; } }

@media (min-width: 1200px) {
  .flashlight-question .checkbox label {
    font-size: 14px; }
  .flashlight-question .checkbox.checkbox-small label {
    font-size: 14px; } }

/************************************
        Date Picker
*************************************/
/* DatePicker Table */
.flashlight-ui-datepicker {
  width: 100%;
  height: auto;
  position: relative;
  top: -1px;
  background: white;
  border-radius: 5px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently*/ }

.flashlight-ui-datepicker-inline {
  margin: 10px; }

.flashlight-ui-datepicker.popup {
  position: fixed;
  z-index: 1031;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65); }

.flashlight-ui-datepicker.popup .flashlight-ui-datepicker-inline {
  position: relative;
  width: 90%;
  margin: 30px auto;
  border: none;
  text-align: left;
  background-color: #fff;
  border-radius: 6px; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-close-button {
  text-align: right;
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  font-size: 2em;
  display: none; }

.flashlight-ui-datepicker.popup .flashlight-ui-datepicker-close-button {
  display: block; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-title table {
  width: 100%; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-title .generic-dropdown .generic-input {
  font-size: 14px;
  min-height: 29px; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-title table td:nth-child(2) {
  text-align: center; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-title .generic-input {
  max-width: 100px; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-calendar, .flashlight-ui-datepicker .flashlight-ui-datepicker-calendar-header {
  width: 100%; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-calendar > table {
  width: 100%; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-calendar-header {
  border-bottom-width: 2px; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-table-wrapper {
  height: 185px;
  overflow-y: hidden;
  overflow-x: hidden;
  table-layout: fixed; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-table-wrapper::-webkit-scrollbar {
  width: 0px;
  /* remove scrollbar space */
  background: transparent;
  /* optional: just make scrollbar invisible */ }

.flashlight-ui-datepicker .flashlight-ui-datepicker-table-wrapper > table {
  width: 100%; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-table-wrapper > tbody > tr > td {
  width: 100%; }

.flashlight-ui-datepicker-title {
  text-align: center;
  padding: 2px; }

.flashlight-ui-datepicker-prev, .flashlight-ui-datepicker-next,
.flashlight-ui-datepicker-prev:hover, .flashlight-ui-datepicker-next:hover {
  cursor: pointer; }

.flashlight-ui-datepicker-prev i, .flashlight-ui-datepicker-next i {
  transition: color 0.3s ease; }

.flashlight-ui-datepicker-prev {
  font-size: 1em; }

.flashlight-ui-datepicker-next {
  font-size: 1em; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-calendar-header th {
  padding: 8px 0;
  text-align: center;
  width: 14.28%; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-calendar tbody td {
  padding: 0; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-calendar tbody td:last-child {
  border-right: 0px; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-calendar tbody tr:last-child {
  border-bottom: 0px; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-calendar td span, .flashlight-ui-datepicker .flashlight-ui-datepicker-calendar td a {
  display: inline-block;
  text-align: center;
  width: 100%;
  line-height: 30px;
  text-decoration: none; }

.flashlight-ui-datepicker .flashlight-ui-state-default {
  cursor: pointer; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-other-month .flashlight-ui-state-default,
.flashlight-ui-datepicker .flashlight-ui-datepicker-other-month .flashlight-ui-state-default:hover {
  color: #ccc; }

.flashlight-ui-datepicker .flashlight-ui-state-default:hover, .flashlight-ui-datepicker .flashlight-ui-state-active {
  position: relative; }

.flashlight-ui-datepicker .flashlight-ui-state-disabled .flashlight-ui-state-default {
  cursor: not-allowed; }

.flashlight-ui-datepicker .flashlight-ui-state-disabled .flashlight-ui-state-default:hover {
  color: inherit;
  background: inherit; }

.flashlight-ui-datepicker .flashlight-ui-datepicker-unselectable .flashlight-ui-state-default:hover {
  background: transparent; }

.flashlight-ui-datepicker .flashlight-ui-state-default:hover {
  position: relative; }

@media (min-width: 768px) {
  .flashlight-question .flashlight-ui-datepicker .generic-dropdown .generic-input {
    font-size: 1.2em; }
  .flashlight-ui-datepicker-prev {
    font-size: 1.5em; }
  .flashlight-ui-datepicker-next {
    font-size: 1.5em; } }

@media (min-width: 992px) {
  .flashlight-question .flashlight-ui-datepicker .generic-dropdown .generic-input {
    font-size: 1.4em; } }

@media (min-width: 1200px) {
  .flashlight-question .flashlight-ui-datepicker .generic-dropdown .generic-input {
    font-size: 14px; } }

/*******************************
            Dropdown
*******************************/
.generic-dropdown {
  position: relative;
  line-height: 1em; }

.generic-dropdown.generic-dropdown-inline {
  display: inline-block; }

.generic-dropdown.popup {
  position: fixed;
  z-index: 1031;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto; }

.generic-dropdown > .bt-times {
  text-align: right;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 2em;
  display: none; }

.generic-dropdown.popup > .bt-times {
  display: block; }

.generic-dropdown .generic-dropdown-container {
  position: relative; }

.generic-dropdown.popup .generic-dropdown-container {
  position: relative;
  width: 90%;
  margin: 30px auto; }

.generic-dropdown .menu > .item.selected .hint {
  background: inherit; }

.generic-dropdown .menu > .item.disabled-result {
  font-weight: bold; }

.generic-dropdown .menu > .item.disabled-result .shown-when-not-selected {
  display: none; }

.generic-dropdown .menu > .item.disabled-result .shown-when-selected {
  display: block; }

.generic-dropdown .generic-input, .flashlight-question .generic-dropdown input.generic-input {
  width: 100%;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer;
  padding: 3px 20px;
  min-height: 36px; }

.generic-dropdown.popup .search .generic-input {
  display: block;
  margin-bottom: 10px; }

.generic-dropdown.popup .generic-input {
  display: none; }

.generic-dropdown.generic-dropdown-small .generic-input, .flashlight-question .generic-dropdown.generic-dropdown-small .generic-input {
  padding: 0px;
  width: 70px;
  border-radius: 3px;
  cursor: pointer; }

.generic-dropdown.visible .generic-input {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.generic-dropdown .generic-dropdown-right-button {
  position: absolute;
  right: 0px;
  width: 30px;
  height: 100%;
  text-align: center;
  padding-top: 11px;
  vertical-align: middle;
  cursor: pointer;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.generic-dropdown.visible .generic-dropdown-right-button {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.generic-dropdown.generic-dropdown-small .generic-dropdown-right-button {
  width: 16px;
  font-size: 0.6em;
  padding-top: 9px; }

.generic-dropdown.generic-dropdown-small input.generic-input {
  text-align: center;
  padding-right: 8px; }

.generic-dropdown.popup .generic-dropdown-right-button {
  display: none; }

.generic-dropdown .generic-dropdown-right-button .bt-spin {
  display: none; }

.generic-dropdown.loading .generic-dropdown-right-button .bt-spin {
  display: inherit; }

.generic-dropdown.loading .generic-dropdown-right-button .bt-caret-down {
  display: none; }

.generic-dropdown .menu {
  position: absolute;
  display: none;
  max-height: 0px;
  overflow-y: auto;
  width: 100%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 11;
  margin-top: -4px;
  padding-top: 6px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }

body > .generic-dropdown .menu {
  max-height: 200px; }

.generic-dropdown .menu::-webkit-scrollbar {
  width: 7px; }

.generic-dropdown .menu::-webkit-scrollbar-track {
  border-radius: 0px; }

.generic-dropdown .menu::-webkit-scrollbar-thumb {
  border-radius: 2px;
  height: 20px; }

.generic-dropdown.popup .menu {
  text-align: left; }

.generic-dropdown.popup .menu {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.generic-dropdown .menu.is-mobile {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

.generic-dropdown.visible .menu {
  display: block; }

.generic-dropdown .menu > * {
  white-space: nowrap; }

.generic-dropdown .menu > .item {
  position: relative;
  display: none;
  height: auto;
  line-height: 1em;
  padding: 12px 20px; }

.generic-dropdown.popup .menu > .item .icons-wrapper {
  float: right;
  display: block; }

.generic-dropdown .menu > .item .icons-wrapper i {
  font-size: 1em; }

.generic-dropdown .menu > .item.possible-result {
  cursor: pointer; }

.generic-dropdown .menu > .item.visible {
  display: block; }

.generic-dropdown .menu .item.last {
  border: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.generic-dropdown .menu > .item.no-results {
  border: none;
  display: none;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px; }

@media (min-width: 768px) {
  .generic-dropdown.generic-dropdown-small .generic-input, .flashlight-question .generic-dropdown.generic-dropdown-small .generic-input {
    width: auto; }
  .generic-dropdown.generic-dropdown-small .generic-dropdown-right-button {
    width: 20px;
    font-size: 0.8em;
    padding-top: 9px; }
  .generic-dropdown .generic-input, .flashlight-question .generic-dropdown input.generic-input {
    min-height: 42px; }
  .generic-dropdown .generic-input, .flashlight-question .generic-dropdown input.generic-input,
  .generic-dropdown .menu > .item {
    font-size: 1.2em; }
  .generic-dropdown .generic-dropdown-right-button {
    padding-top: 12px;
    font-size: 1.2em;
    width: 35px; } }

@media (min-width: 992px) {
  .generic-dropdown.generic-dropdown-small .generic-dropdown-right-button {
    width: 20px;
    font-size: 0.8em;
    padding-top: 11px; }
  .generic-dropdown .generic-input, .flashlight-question .generic-dropdown input.generic-input,
  .generic-dropdown .menu > .item {
    font-size: 1.4em; }
  .generic-dropdown .generic-dropdown-right-button {
    padding-top: 14px;
    font-size: 1.2em;
    width: 45px; } }

@media (min-width: 1200px) {
  .generic-dropdown.generic-dropdown-small .generic-dropdown-right-button {
    width: 16px;
    font-size: 0.6em;
    padding-top: 9px; }
  .generic-dropdown.generic-dropdown-small input.generic-input {
    text-align: center;
    padding-right: 8px; }
  .generic-dropdown.generic-dropdown-small .generic-input, .flashlight-question .generic-dropdown.generic-dropdown-small .generic-input {
    padding: 0px;
    width: 70px;
    border-radius: 3px;
    cursor: pointer; }
  .generic-dropdown .generic-input, .flashlight-question .generic-dropdown input.generic-input,
  .generic-dropdown .menu > .item {
    font-size: 14px; }
  .generic-dropdown .generic-input, .flashlight-question .generic-dropdown input.generic-input {
    min-height: 36px; }
  .generic-dropdown .generic-dropdown-right-button {
    padding-top: 14px;
    font-size: 14px;
    width: 45px; } }

/*******************************
            Icons
*******************************/
.flashlight-question .bt-radio-unchecked,
.flashlight-question .bt-radio-checked,
.flashlight-question .bt-check-circle,
.flashlight-question .bt-circle,
.flashlight-question .bt-checkbox-unchecked,
.flashlight-question .bt-checkbox-checked {
  font-size: 2em; }

.flashlight-question i.shown-when-selected {
  display: none; }

.flashlight-question i.shown-when-not-selected {
  display: block; }

.flashlight-question .selected i.shown-when-selected {
  display: block; }

.flashlight-question .selected i.shown-when-not-selected {
  display: none; }

.flashlight-question .circlewithtransition {
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 100%; }

.flashlight-question .squarewithtransition {
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 0%; }

@media (min-width: 768px) {
  .flashlight-question .bt-radio-unchecked,
  .flashlight-question .bt-radio-checked,
  .flashlight-question .bt-check-circle,
  .flashlight-question .bt-circle,
  .flashlight-question .bt-checkbox-unchecked,
  .flashlight-question .bt-checkbox-checked {
    font-size: 2em; } }

@media (min-width: 992px) {
  .flashlight-question .bt-radio-unchecked,
  .flashlight-question .bt-radio-checked,
  .flashlight-question .bt-check-circle,
  .flashlight-question .bt-circle,
  .flashlight-question .bt-checkbox-unchecked,
  .flashlight-question .bt-checkbox-checked {
    font-size: 2.4em; } }

@media (min-width: 1200px) {
  .flashlight-question .bt-radio-unchecked,
  .flashlight-question .bt-radio-checked,
  .flashlight-question .bt-check-circle,
  .flashlight-question .bt-circle,
  .flashlight-question .bt-checkbox-unchecked,
  .flashlight-question .bt-checkbox-checked {
    font-size: 14px; } }

/*******************************
            Labels
*******************************/
.flashlight-small-label {
  color: #000000;
  font-size: 14px;
  font-weight: 400; }

.flashlight-label {
  margin-bottom: 25px;
  font-size: 1.4em;
  display: block;
  font-weight: 400; }

@media (min-width: 768px) {
  .flashlight-small-label {
    font-size: 1.2em; }
  .flashlight-label {
    font-size: 1.4em;
    margin-bottom: 25px; } }

@media (min-width: 992px) {
  .flashlight-small-label {
    font-size: 1.4em; }
  .flashlight-label {
    font-size: 1.6em;
    margin-bottom: 60px; } }

@media (min-width: 1200px) {
  .flashlight-small-label {
    font-size: 14px; }
  .flashlight-label {
    font-size: 16px;
    margin-bottom: 20px; } }

/*******************************
            Language Selector
*******************************/
.language-selector {
  width: 100%;
  max-width: 350px;
  padding: 15px 0;
  border-radius: 30px;
  margin: 0 auto 10px;
  text-transform: capitalize;
  line-height: 30px;
  text-align: left;
  cursor: pointer; }

.language-selector .globe-icon {
  float: left;
  margin-left: 20px;
  font-size: 30px;
  line-height: 30px;
  margin-right: 15px; }

.language-selector .edit-icon {
  float: right;
  line-height: 20px;
  margin-right: 20px;
  padding: 5px 9px 5px 12px;
  border-radius: 5px; }

.language-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  display: none; }

.language-popup a.close-language-popup {
  text-align: right;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 2em; }

.language-popup ul {
  margin: 80px auto 0;
  width: 100%;
  max-width: 250px;
  text-align: center;
  list-style: none;
  line-height: 2em; }

.language-popup ul li:last-child {
  border: 0; }

.language-popup ul li a {
  font-size: 1em;
  font-weight: 100;
  line-height: 2.8em;
  display: block;
  background-repeat: no-repeat;
  background-size: 29px;
  background-position: 10px; }

/*******************************
            Optout
*******************************/
.flashlight-question .optOutLabelWrapper, .flashlight-question .optOutWrapper {
  display: none; }

.flashlight-question .optOutWrapper {
  display: none;
  clear: both; }

.optout.element {
  float: left; }
  .optout.element label {
    margin-top: 10px;
    padding: 0;
    cursor: pointer; }
  .optout.element input {
    display: none; }
  .optout.element i {
    margin-right: 6px;
    font-size: 1.4em; }
  .optout.element i.btl {
    margin-right: 6px;
    font-size: 1.2em; }
  .optout.element span.absoluteLabel,
  .optout.element .optout.element span.hiddenLabel {
    float: right;
    font-size: 14px;
    color: #000000;
    margin-top: 2px; }
  .optout.element i.bt-checkbox-checked,
  .optout.element i.bt-radio-checked {
    color: #EC5D2F;
    display: none;
    font-size: 1.2em; }
  .optout.element i.bt-checkbox-unchecked,
  .optout.element i.bt-radio-unchecked {
    color: #a9a9a9;
    display: inline; }
  .optout.element.selected .bt-checkbox-checked,
  .optout.element.selected .bt-radio-checked {
    display: inline; }
  .optout.element.selected .bt-checkbox-unchecked,
  .optout.element.selected .bt-radio-unchecked {
    display: none; }

/*******************************
            Radio
*******************************/
.bottom-icon.bt-stack {
  width: inherit; }

.bottom-icon.bt-stack .bt-inside-circle {
  font-size: 0.6em;
  top: 0px; }

@media (min-width: 768px) {
  .bottom-icon.bt-stack .bt-inside-circle {
    font-size: 0.7em;
    top: 4%; } }

/*******************************
            Round Button
*******************************/
.flashlight-question .round-button,
.flashlight-question .optout-round-button {
  font-size: 14px;
  display: block;
  float: left;
  clear: both;
  padding: 8px 10px 8px 10px;
  margin-top: 4px;
  width: 100%;
  line-height: 22px;
  cursor: pointer;
  position: relative; }
  .flashlight-question .round-button:focus,
  .flashlight-question .optout-round-button:focus {
    outline: none; }
  .flashlight-question .round-button.center-text,
  .flashlight-question .optout-round-button.center-text {
    text-align: center; }
  .flashlight-question .round-button.center-float span,
  .flashlight-question .optout-round-button.center-float span {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.2em; }
  .flashlight-question .round-button.slim-button,
  .flashlight-question .optout-round-button.slim-button {
    padding: 1px 0px; }
  .flashlight-question .round-button.ranking,
  .flashlight-question .optout-round-button.ranking {
    padding-left: 30px;
    padding-right: 30px; }
  .flashlight-question .round-button .round-button-rank,
  .flashlight-question .optout-round-button .round-button-rank {
    display: inline;
    position: absolute;
    padding: 0px 2px;
    margin-top: -1px; }
  .flashlight-question .round-button .round-button-right-rank,
  .flashlight-question .optout-round-button .round-button-right-rank {
    right: 10px; }
  .flashlight-question .round-button .round-button-left-rank,
  .flashlight-question .optout-round-button .round-button-left-rank {
    left: 10px; }
  .flashlight-question .round-button > i,
  .flashlight-question .optout-round-button > i {
    font-size: 1.3em;
    margin-top: 2px; }
  .flashlight-question .round-button > i.bottom-icon,
  .flashlight-question .optout-round-button > i.bottom-icon {
    float: initial;
    margin-top: 35px;
    font-size: 1.3em;
    margin-left: 1px;
    margin-bottom: 2px; }
  .flashlight-question .round-button.center-text > i.left-icon,
  .flashlight-question .optout-round-button.center-text > i.left-icon {
    position: absolute;
    float: inherit; }

.flashlight-question i.left-icon {
  float: left;
  width: 18px;
  height: 20px;
  margin-right: 5px; }

.flashlight-question i.right-icon {
  float: right;
  width: 18px;
  height: 18px;
  margin-left: 5px; }

@media (min-width: 400px) {
  .flashlight-question .round-button,
  .flashlight-question .optout-round-button {
    font-size: 16.8px;
    padding: 8px 15px 8px 15px;
    margin-top: 5px; }
    .flashlight-question .round-button > i,
    .flashlight-question .optout-round-button > i {
      font-size: 1.2em;
      margin-top: 2px; }
    .flashlight-question .round-button > i.left-icon,
    .flashlight-question .optout-round-button > i.left-icon {
      margin-right: 7px; }
    .flashlight-question .round-button > i.right-icon,
    .flashlight-question .optout-round-button > i.right-icon {
      margin-left: 7px; }
  .flashlight-question i.left-icon,
  .flashlight-question i.right-icon {
    width: 19px;
    height: 19px; } }

@media (min-width: 768px) {
  .flashlight-question .round-button,
  .flashlight-question .optout-round-button {
    font-size: 16.8px;
    padding: 12px 20px 10px 20px;
    margin-top: 6px; }
    .flashlight-question .round-button > i,
    .flashlight-question .optout-round-button > i {
      font-size: 1.2em;
      margin-top: 0px; }
    .flashlight-question .round-button > i.left-icon,
    .flashlight-question .optout-round-button > i.left-icon {
      margin-right: 11px; }
    .flashlight-question .round-button > i.right-icon,
    .flashlight-question .optout-round-button > i.right-icon {
      margin-left: 11px; }
    .flashlight-question .round-button.ranking,
    .flashlight-question .optout-round-button.ranking {
      padding-left: 25px;
      padding-right: 25px; }
    .flashlight-question .round-button .round-button-rank,
    .flashlight-question .optout-round-button .round-button-rank {
      padding: 2px 2px;
      margin-top: -3px; }
  .flashlight-question i.right-icon {
    width: 20px;
    height: 20px; } }

@media (min-width: 992px) {
  .flashlight-question .round-button,
  .flashlight-question .optout-round-button {
    font-size: 19.6px;
    padding: 14px 20px 13px 20px;
    margin-top: 8px; }
    .flashlight-question .round-button > i.bottom-icon,
    .flashlight-question .optout-round-button > i.bottom-icon {
      margin-top: 47px;
      margin-bottom: 3px; }
    .flashlight-question .round-button > i,
    .flashlight-question .optout-round-button > i {
      font-size: 1.1em;
      margin-top: 0px; }
    .flashlight-question .round-button > i.left-icon,
    .flashlight-question .optout-round-button > i.left-icon {
      margin-right: 15px; }
    .flashlight-question .round-button i.right-icon,
    .flashlight-question .optout-round-button i.right-icon {
      margin-left: 15px;
      margin-right: 10px; }
    .flashlight-question .round-button.center-float span,
    .flashlight-question .optout-round-button.center-float span {
      top: 10px; }
  .flashlight-question i.left-icon,
  .flashlight-question i.right-icon {
    width: 21px;
    height: 21px; } }

@media (min-width: 1200px) {
  .flashlight-question .round-button,
  .flashlight-question .optout-round-button {
    font-size: 14px;
    padding: 10px 10px 10px 10px;
    margin-top: 10px;
    line-height: 24px; }
    .flashlight-question .round-button > i,
    .flashlight-question .optout-round-button > i {
      font-size: 14px;
      margin-top: -1px; }
    .flashlight-question .round-button > i.left-icon,
    .flashlight-question .optout-round-button > i.left-icon {
      margin-right: 10px; }
    .flashlight-question .round-button > i.right-icon,
    .flashlight-question .optout-round-button > i.right-icon {
      margin-left: 10px; }
    .flashlight-question .round-button.slim-button.center-float span,
    .flashlight-question .optout-round-button.slim-button.center-float span {
      position: static;
      padding-top: 18px;
      padding-bottom: 18px;
      display: block; }
    .flashlight-question .round-button > i.bottom-icon,
    .flashlight-question .optout-round-button > i.bottom-icon {
      display: none; }
  .flashlight-question .optout-round-button {
    max-width: 275px; }
  .flashlight-question i.left-icon,
  .flashlight-question i.right-icon {
    width: 14px;
    height: 14px; }
  .flashlight-question.desktop-button-without-border .round-button,
  .flashlight-question.desktop-button-without-border .optout-round-button {
    border: none;
    margin: 0px 0px 6px 0px;
    padding: 4px;
    border-radius: 0px; } }

@media (max-width: 1199px) {
  .flashlight-question.mobile-button-without-border .round-button,
  .flashlight-question.mobile-button-without-border .optout-round-button {
    border: none;
    margin: 0px 0px 6px 0px;
    padding: 4px;
    border-radius: 0px; } }

/*******************************
            Slider
*******************************/
.slider-vertical-box-container {
  float: left;
  width: 25%;
  text-align: center; }

.flashlight-slider .box-slider {
  max-width: 100%;
  margin: 10px auto 0;
  padding-left: 40px;
  min-height: 50px;
  position: relative; }

.flashlight-slider .box-slider-vertical {
  max-width: 480px;
  width: 50%;
  text-align: right;
  float: left;
  padding-top: 9px;
  position: relative; }

.flashlight-slider .percent-label {
  position: absolute;
  top: -6px;
  width: auto !important;
  right: -18px; }

.flashlight-slider .slider {
  position: relative;
  height: 10px;
  border-radius: 3px;
  margin-right: 40px; }

.flashlight-slider .slider-vertical {
  position: relative;
  height: 280px;
  border-radius: 3px;
  width: 10px;
  margin-left: 50%;
  float: right; }

.flashlight-slider .slider .handle {
  width: 35px;
  height: 35px;
  position: absolute;
  margin-top: -25px;
  border-radius: 3px;
  padding: 0;
  line-height: 35px;
  text-align: center;
  font-weight: bold;
  margin-left: -14.5px;
  cursor: move;
  opacity: 0.5;
  z-index: 1; }

.flashlight-slider .slider-vertical .handle {
  width: 35px;
  height: 35px;
  position: absolute;
  margin-bottom: -15px;
  border-radius: 3px;
  padding: 0;
  line-height: 35px;
  text-align: center;
  font-weight: bold;
  margin-left: -14.5px;
  cursor: move;
  opacity: 0.5;
  bottom: 0; }

.flashlight-slider .slider .progress-area {
  height: 8px;
  border-radius: 3px;
  cursor: pointer; }

.flashlight-slider .slider-vertical .progress-area {
  width: 8px;
  position: absolute;
  border-radius: 3px;
  bottom: 0;
  cursor: pointer; }

.flashlight-slider .slider .progress {
  position: absolute;
  left: 0;
  height: 8px;
  border-radius: 3px;
  cursor: pointer; }

.flashlight-slider .slider-vertical .progress {
  position: absolute;
  left: 0;
  width: 8px;
  border-radius: 3px;
  bottom: 0;
  cursor: pointer; }

.flashlight-slider .slider.active .handle,
.flashlight-slider .slider-vertical.active .handle {
  opacity: 1; }

.flashlight-slider .scale {
  margin-left: -2px;
  margin-top: 3px;
  float: left;
  width: 100%;
  padding-right: 40px;
  position: relative; }

.flashlight-slider .scale-vertical {
  width: 25%;
  float: left;
  height: 280px; }

.flashlight-slider .scale .inc {
  float: left; }

.flashlight-slider .scale .inc:last-child {
  width: 40px !important;
  position: absolute;
  right: 0; }

.flashlight-slider .scale .inc,
.flashlight-slider .scale-vertical .inc {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 8px; }

.flashlight-slider .scale .inc small,
.flashlight-slider .scale-vertical .inc small {
  font-size: 11px; }

.flashlight-slider .scale-vertical .inc small {
  padding-left: 8px; }

.flashlight-slider .custom-labels-horizontal {
  float: left;
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  position: relative;
  font-size: 10px;
  padding-top: 5px; }

.flashlight-slider .custom-labels-vertical {
  float: left;
  width: 25%;
  height: 280px;
  font-size: 10px;
  padding-top: 5px;
  text-align: left; }

.flashlight-slider .label-block-horizontal {
  text-align: center;
  vertical-align: top;
  position: absolute; }

.flashlight-slider .label-block-vertical {
  display: block; }

@media (min-width: 768px) {
  .flashlight-slider .scale .inc small,
  .flashlight-slider .scale-vertical .inc small {
    font-size: 14px; }
  .flashlight-slider .percent-label {
    right: -21px;
    top: -8px; } }

@media (min-width: 992px) {
  .flashlight-slider .percent-label {
    right: -23px;
    top: -9px; } }

@media (min-width: 1200px) {
  .flashlight-slider .percent-label {
    right: -25px;
    top: -11px; }
  .flashlight-slider .box-slider {
    margin: 10px 0px 10px 0px; } }

/*******************************
            Tables
*******************************/
.flashlight-question table.generic-table {
  table-layout: fixed;
  width: 100%; }

.flashlight-question table.generic-table thead tr th {
  padding-bottom: 15px; }

.flashlight-question table.generic-table th {
  font-size: 1.4em;
  font-weight: 400;
  padding-right: 5px; }

.flashlight-question table.generic-table td {
  line-height: 1.8em; }

.flashlight-question table.generic-table tbody tr td {
  padding: 5px; }

.flashlight-question div.generic-table-horizontal-scroll {
  overflow-x: auto;
  position: relative;
  display: block; }

.flashlight-question div.generic-table-horizontal-scroll table {
  width: auto; }

.flashlight-question table.column-table {
  width: 100%;
  table-layout: fixed; }

.flashlight-question table.column-table td {
  vertical-align: top;
  padding-right: 5px; }

.flashlight-question tbody tr td label {
  font-size: 1.2em;
  font-weight: 400; }

.flashlight-question .hidden-label-keeping-structure {
  float: right;
  opacity: 0;
  width: 0px; }

.flashlight-question .reflowtable {
  margin-bottom: 15px; }

.flashlight-question .reflowtable .reflow-key {
  width: 49%;
  text-align: right;
  padding-right: 1%; }

.flashlight-question .reflowtable .reflow-val {
  width: 49%;
  padding-left: 1%; }

.flashlight-question .reflowtable .reflow-top-head {
  width: 32%;
  padding-left: 1%; }

@media (min-width: 768px) {
  .flashlight-question table.generic-table th {
    font-size: 1.4em;
    font-weight: 400; }
  .flashlight-question table.generic-table thead tr th {
    padding-bottom: 15px; }
  .flashlight-question table.generic-table td {
    line-height: 2em; }
  .flashlight-question tbody tr td label {
    font-size: 1.2em; } }

@media (min-width: 992px) {
  .flashlight-question table.generic-table th {
    font-size: 1.6em;
    font-weight: 400; }
  .flashlight-question table.generic-table thead tr th {
    padding-bottom: 15px; }
  .flashlight-question table.generic-table td {
    line-height: 2.4em; }
  .flashlight-question tbody tr td label {
    font-size: 1.4em; } }

@media (min-width: 1200px) {
  .flashlight-question table.generic-table th {
    font-size: 14px;
    font-weight: 400; }
  .flashlight-question table.generic-table thead tr th {
    padding-bottom: 15px; }
  .flashlight-question table.generic-table td {
    line-height: 12px; }
  .flashlight-question table.generic-table td label {
    margin-top: 5px; }
  .flashlight-question tbody tr td label {
    font-size: 14px; }
  .flashlight-question table.column-table {
    width: auto;
    min-width: 280px;
    table-layout: fixed; } }

/*******************************
            Tags
********************************/
.flashlight-question .multiple-results-wrapper {
  list-style-type: none;
  min-height: 40px; }

.flashlight-question .selection-tag {
  margin: 5px;
  padding: 3px;
  position: relative;
  text-decoration: none;
  border-radius: 6px;
  line-height: 24px;
  cursor: pointer; }

.flashlight-question .multiple-results-wrapper.horizontal .selection-tag {
  float: left; }

.flashlight-question .selection-tag i {
  font-size: 0.8em;
  position: relative;
  top: -2px; }

.flashlight-question .selection-tag span {
  padding: 5px;
  padding-right: 10px;
  margin-right: 5px; }

.flashlight-question .tag-right-button {
  margin-right: 10px;
  display: inline-block; }

@media (min-width: 768px) {
  .flashlight-question .selection-tag i {
    font-size: 0.6em;
    position: relative;
    top: -3px; } }

/*******************************
            Tooltip
********************************/
.flashlight-validation-tooltip {
  position: absolute;
  padding: 5px;
  z-index: 500; }

.flashlight-text-tooltip {
  position: absolute;
  font-size: 10px;
  z-index: 499; }

.flashlight-validation-tooltip-arrow {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  z-index: 500; }

.flashlight-validation-tooltip-arrow .inner {
  position: relative;
  left: -10px;
  top: 1px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent; }

@media (min-width: 768px) {
  .flashlight-text-tooltip {
    font-size: 14px; } }

/*******************************
            TextArea
*******************************/
.flashlight-question .other-text textarea {
  opacity: 0;
  margin-top: 15px;
  margin-bottom: 10px;
  width: 100%;
  padding: 15px 20px; }

.flashlight-question textarea.generic-textarea,
.flashlight-question div.input-group textarea.form-control.generic-textarea,
.flashlight-question input.generic-input {
  display: block;
  max-width: 100%;
  padding: 15px 20px;
  border-radius: 5px;
  font-size: 1em;
  resize: none; }

.flashlight-question textarea.generic-textarea::-webkit-scrollbar {
  width: 7px; }

.flashlight-question textarea.generic-textarea::-webkit-scrollbar-track {
  border-radius: 0px; }

.flashlight-question textarea.generic-textarea::-webkit-scrollbar-thumb {
  border-radius: 2px;
  height: 20px; }

@media (min-width: 768px) {
  .flashlight-question textarea.generic-textarea,
  .flashlight-question div.input-group textarea.form-control.generic-textarea {
    font-size: 1.2em; } }

@media (min-width: 992px) {
  .flashlight-question .other-text textarea {
    margin-bottom: 0px; }
  .flashlight-question textarea.generic-textarea,
  .flashlight-question div.input-group textarea.form-control.generic-textarea {
    font-size: 1.4em;
    padding: 15px 20px; } }

@media (min-width: 1200px) {
  .flashlight-question textarea.generic-textarea,
  .flashlight-question div.input-group textarea.form-control.generic-textarea,
  .flashlight-checkbox-text-other textarea {
    font-size: 14px;
    overflow: hidden;
    line-height: 18px; } }

/*******************************
            Wave effect
*******************************/
.flashlight-waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  border-radius: 50%;
  -webkit-mask-image: none;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }

.flashlight-waves-effect:active {
  -webkit-box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.3); }

.flashlight-waves-effect .flashlight-waves-ripple {
  position: absolute;
  border-radius: 30px;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0) translate(0, 0);
  -moz-transform: scale(0) translate(0, 0);
  -ms-transform: scale(0) translate(0, 0);
  -o-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  pointer-events: none; }

  /*PSUP-6738*/
.flashlight-question .round-button > i, .flashlight-question .optout-round-button > i {
	margin-top: 6px;
}
.flashlight-question .round-button, .flashlight-question .optout-round-button {
	line-height: 24px;
}

/*PSUP-8008*/
.flashlight-question.flashlight-checkbox .flashlight-checkbox-text.round-button > i {
	margin-top: 4px !important;
}
.flashlight-checkbox .p1Check.flashlight-checkbox-text span.round-button-label {
	transform: translateY(0px) !important;
}