/* ---------------------------------------------------------
   1. Embedded fonts styles
   2. General reset
   3. Common site styles
   4. Custom form styles
   ---------------------------------------------------------*/

/* ---------------------------------------------------------
   1. Embedded fonts styles
   ---------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Pacifico&display=swap');

@font-face {
    font-family: "icomoon";
    src: url("../../fonts/member_redesign/icomoon.ttf?3xpamm") format("truetype"), url("../../fonts/member_redesign/icomoon.woff?3xpamm") format("woff"), url("../../fonts/member_redesign/icomoon.svg?3xpamm#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}


[class^="ico-"],
[class*=" ico-"] {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ico-not-allowed:before {
    content: "\e916";
}

.ico-edit:before {
    content: "\e906";
}

.ico-linkedin:before {
    content: "\e904";
}

.ico-facebook:before {
    content: "\e905";
}

.ico-mail:before {
    content: "\e90b";
}

.ico-user:before {
    content: "\e912";
}

.ico-tick:before {
    content: "\e913";
}

.ico-icon10:before {
    content: "\e914";
}

.ico-icon09:before {
    content: "\e915";
}

.ico-icon08:before {
    content: "\e90c";
}

.ico-linkedin-in:before {
    content: "\e90d";
}

.ico-icon07:before {
    content: "\e90e";
}

.ico-icon06:before {
    content: "\e90f";
}

.ico-icon05:before {
    content: "\e910";
}

.ico-facebook-f:before {
    content: "\e911";
}

.ico-icon04:before {
    content: "\e909";
}

.ico-icon03:before {
    content: "\e90a";
}

.ico-icon02:before {
    content: "\e908";
}

.ico-icon01:before {
    content: "\e907";
}

.ico-carret-up:before {
    content: "\e900";
}

.ico-carret-left:before {
    content: "\e901";
}

.ico-carret-down:before {
    content: "\e902";
}

.ico-carret-right:before {
    content: "\e903";
}

.pagination,
.main-navigation {
    margin: 0;
    padding: 10px 0 0 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: baseline;
    width: 100%;
}

.main-navigation ul {
    list-style: none;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

a,
button,
.form-control,
input[type="button"],
input[type="submit"],
.social-networks img,
.btn-close:before,
.btn-close:after,
.label-popup,
.tabset-xs-select li:before,
.registration-form .item-select,
.profile-box .completed-box,
.profile-box .offer-circle,
.navbar-close:before,
.navbar-close:after {
    -webkit-transition: .25s ease;
    transition: .25s ease;
    -webkit-transition-property: color, background, border, visibility, opacity, box-shadow, -webkit-transform, text-shadow, border-radius;
    transition-property: color, background, border, visibility, opacity, box-shadow, transform, text-shadow, border-radius;
}

.social-networks img,
.user-info img,
.item-select img,
.profile-box img,
.modal-payment .recaptcha img,
.main-navigation img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
}

.ellipsis {
    white-space: nowrap; /* 1 */
    text-overflow: ellipsis; /* 2 */
    overflow: hidden;
}

/* ---------------------------------------------------------
   4. Custom form styles
   ---------------------------------------------------------*/

/* custom select styles */

.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: 1px solid #d1d1d1;
    background: #f7f7f7;
    height: 35px;
    min-width: 255px;
    border-radius: 0px;
}

.jcf-select.jcf-select-sm {
    border-radius: 5px;
    width: 102px;
    height: 20px;
    min-width: 1px;
}

.jcf-select.jcf-drop-active:not(.jcf-drop-flipped) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.jcf-select.jcf-drop-active.jcf-drop-flipped {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.jcf-select select {
    z-index: 1;
    left: 0;
    top: 0;
}

.jcf-select .jcf-select-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    font-size: 16px;
    line-height: 1.25;
    padding: 5px 0;
    margin: 0 30px 0 10px;
    color: #666666;
    height: 100%;
}

.jcf-select .jcf-select-opener {
    position: absolute;
    text-align: center;
    width: 38px;
    bottom: 0;
    right: 0;
    top: 0;
    cursor: pointer;
    font-size: 21px;
}

.selectivity-multiple-input-container .jcf-select-opener {
    position: sticky;
    position: -webkit-sticky;
    text-align: center;
    width: 38px;
    bottom: 0;
    right: 0;
    top: -5px;
    left: 95%;
    cursor: pointer;
    font-size: 21px;
}

.jcf-select .jcf-select-opener:before,
.selectivity-multiple-input-container .jcf-select-opener:before {
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    content: "\e902";
    color: #047eb6;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    pointer-events: none;
}

.selectivity-multiple-input-container .jcf-select-opener:before {
    top: 17px;
}


.jcf-select.jcf-drop-active .jcf-select-opener:before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
}

.selectivity-multiple-input-container .jcf-select-opener-opened:before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
}

.jcf-select.jcf-select-sm .jcf-select-text {
    font-size: 12px;
    line-height: 1.1666666667;
    padding: 1px 0 4px;
    margin: 0 17px 0 9px;
}

.jcf-select.jcf-select-sm .jcf-select-opener {
    width: 17px;
    font-size: 6px;
}

body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999;
}

body > .jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0;
    z-index: 9999;
    top: 100%;
    left: -1px;
    right: -1px;
}

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto;
}

.jcf-select-drop .jcf-select-drop-content {
    border: solid #d1d1d1;
    border-width: 0 1px 1px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: hidden;
}

.jcf-select-drop.jcf-select-sm .jcf-select-drop-content {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.jcf-select-drop.jcf-select-sm.jcf-drop-flipped .jcf-select-drop-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.jcf-select-drop.jcf-drop-flipped .jcf-select-drop-content {
    border-width: 1px 1px 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/* multiple select styles */

.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #d1d1d1;
    min-width: 200px;
    margin: 0 15px;
}

/* select options styles */

.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #f7f7f7;
    line-height: 1.2142857143;
    font-size: 14px;
    width: 100%;
}

.jcf-list .jcf-list-content {
    vertical-align: top;
    display: inline-block;
    overflow: auto;
    width: 100%;
}

.jcf-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.jcf-list ul li {
    overflow: hidden;
    display: block;
}

.jcf-list .jcf-overflow {
    overflow: auto;
}

.jcf-list .jcf-option {
    overflow: hidden;
    cursor: default;
    display: block;
    padding: 5px 9px;
    color: #047eb6;
    height: 1%;
    background-color: #F7F7F7;
    border-top: 1px solid #D1D1D1;
}

.jcf-list .jcf-option.jcf-option-hideme {
    display: none;
}

.jcf-select-sm .jcf-list .jcf-option {
    font-size: 12px;
    line-height: 1.1666666667;
    padding: 2px 9px 4px;
}

.jcf-list .jcf-disabled {
    background: #fff !important;
    color: #aaa !important;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
    background: #d93672;
    color: #FFFFFF;
}

.jcf-list .jcf-optgroup-caption {
    font-weight: bold;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px;
}

/* custom multiselect styles */
.selectivity-results-container .selectivity-load-more.highlight,
.selectivity-results-container .selectivity-result-item.highlight {
    background: #F7F7F7;
    color: #047EB6;
}

.selectivity-multiple-input-container .selectivity-multiple-selected-item,
.selectivity-results-container .selectivity-load-more.highlight,
.selectivity-results-container .selectivity-result-item.highlight {
    background: #705CBD;
    color: #FFFFFF;
}

.multiselect .selectivity-multiple-input-container {
    border-radius: 8px;
    border: 1px solid #D1D1D1;
    position: relative;
    cursor: pointer;
    background-color: #F7F7F7;
    font-size: 14px;
}

.selectivity-multiple-input-container .selectivity-multiple-input, .selectivity-multiple-input-container input[type=text].selectivity-multiple-input {
    max-width: 90%;
    cursor: pointer;
}

.selectivity-multiple-input-item-container {
    max-width: 90%;
}

.multiselect .selectivity-multiple-selected-item {
    display: block;
    max-width: 88%;
    /*width: 200px;*/
    word-wrap: break-word;
    white-space: normal;
    line-height: 1em;
    padding-bottom: 5px;
    padding-top: 5px;
}

.selectivity-results-container {
    font-size: 14px;
}

/* custom radio and checkbox styles */

:root .custom-control {
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-left: 30px;
    cursor: pointer;
    font-weight: inherit;
}

:root .custom-control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

:root .custom-control input + .indicator {
    position: absolute;
    margin-left: -25px;
    width: 20px;
    height: 20px;
    background-color: #F7F7F7;
    border: 1px solid #D1D1D1;
}

:root .custom-control input[type=radio] + .indicator {
    border-radius: 50%;
}

/* check mark styles for custom radio and checkboxes */
:root .indicator:after {
    position: absolute;
    display: none;
    content: '';
}

:root .custom-control input:checked + .indicator {
    background: #d93672;
}

:root .custom-control input:disabled + .indicator {
    background: #D1D1D1;
}

:root .custom-control input:checked + .indicator:after {
    display: block;
    top: 2px;
    left: 6px;
    width: 7px;
    height: 11px;
    transform: rotate(45deg);
    border: solid #FFFFFF;
    border-width: 0 1px 1px 0;
}

/* common custom form elements styles */

.jcf-disabled {
    background: #ddd !important;
}

/* ---------------------------------------------------------
   2. General reset
   ---------------------------------------------------------*/

.resize-active *,
.resize-active *:after,
.resize-active *:before {
    -webkit-transition: none !important;
    transition: none !important;
}

html {
    background-color: #fff;
}

body {
    min-width: 320px;
    -ms-overflow-style: scrollbar;
}

/* ---------------------------------------------------------
   3. Сommon site styles
   ---------------------------------------------------------*/

img.logo {
    width: 130px;
}

html {
    background-color: #1d344c;
}

/* default text styles */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #16273b;
    background-color: #fbf8f1;
}

/* stolen from Bootstrap 4 */
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

/* Make center-block work */
.center-block {
    float: none;
}

/* main container styles */

#wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
}

/* main informative part common styles */

#main {
    padding-bottom: 30px;
}

/* tab content reset styles */

.js-tab-hidden {
    display: block !important;
    left: -9999px !important;
    position: absolute !important;
    top: -9999px !important;
}

/* bg cover styles */

.bg-cover {
    background-size: cover;
    background-position: 50% 50%;
}

/* helper class element block styles */

.element-block {
    display: block;
}

.right-aligner {
    float: right;
}

/* helper text class styles */

.text-light {
    font-weight: 300;
}

.text-warning {
    color: #f5a623;
}

.text-danger {
    color: #ff383f;
}

.text-primary {
    color: #0f69a7;
}

.text-info {
    color: #3a679b;
}

body .text-info:hover {
    color: #158ec7;
}

.text-primary {
    color: #0f69a7;
}

.ribbon .rewards-status a.text-info {
    color: #00cd52;
}

.ribbon .rewards-status a.text-info:hover {
    color: #11ad4b;
}

.ribbon .rewards-status a.text-info:active, .ribbon .rewards-status a.text-info:focus {
    color: #10893d;
}

.center-text {
    width: 100%;
}

.text-dt-center-mb-left {
    text-align: center;
}

/* form control common styles */

.form-control {
    box-shadow: none;
    -webkit-appearance: none;
    color: #666666;
}

.form-control[disabled] {
    cursor: default;
}

.form-control:focus {
    border-color: #D1D1D1;
    box-shadow: none;
    -webkit-box-shadow: none;
}

/* text input common styles */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
textarea {
    height: 35px;
    width: 255px;
    border: 1px solid #D1D1D1;
    border-radius: 0;
    background-color: #F7F7F7;
    padding: 0 10px 0 10px;
    text-overflow: ellipsis;
}

#contact textarea,
#contactUsForm textarea {
    resize: none;
}

/* more (link) common styles */

.ribbon-link {
    position: relative;
    white-space: nowrap;
}

.ribbon-link .text {
    text-decoration: underline;
}

.ribbon-link:after,
.rewards-status .text-info:after {
    content: "\e903";
    font-size: 8px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    text-decoration: none;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ribbon-link:hover .text {
    text-decoration: none;
}

.ribbon .ribbon-link {
    color: inherit;
}

/* heading's label common styles */

h1 .label,
.h1 .label,
h2 .label,
.h2 .label,
h3 .label,
.h3 .label,
h4 .label,
.h4 .label,
h5 .label,
.h5 .label,
h6 .label,
.h6 .label {
    font-weight: 300;
    font-size: 9px;
    line-height: 0;
    vertical-align: middle;
    padding: 2px 4px;
}

/* h1 common styles */

h1, .h1 {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 36px;
    color: #16273b;
    font-weight: 100;
}

/* h2 common styles */

h2,
.h2 {
    font-family: 'Poppins', Arial, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    color: #16273b;
    line-height: 1.2222222222;
}

/* h3 common styles */

h3,
.h3 {
    font-family: 'Poppins', Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #16273b;
}

/* col position method helper classes */

/* pagination common styles */

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pagination.pagination-lg > li > a[aria-label="Previous"],
.pagination.pagination-lg > li > a[aria-label="Next"],
.pagination.pagination-lg > li > span[aria-label="Previous"],
.pagination.pagination-lg > li > span[aria-label="Next"] {
    width: 16px;
    height: 16px;
    font-size: 9px;
}

.pagination.pagination-lg > li > a[aria-label="Previous"],
.pagination.pagination-lg > li > span[aria-label="Previous"] {
    padding-right: 2px;
}

.pagination.pagination-lg > li > a[aria-label="Next"],
.pagination.pagination-lg > li > span[aria-label="Next"] {
    padding-left: 2px;
}

.pagination.pagination-sm {
    font-size: 12px;
    line-height: 1.1666666667;
}

.pagination.pagination-sm > li > a,
.pagination.pagination-sm > li > span {
    font-size: inherit;
    line-height: inherit;
}

.pagination.pagination-sm > li > a[aria-label="Previous"],
.pagination.pagination-sm > li > a[aria-label="Next"],
.pagination.pagination-sm > li > span[aria-label="Previous"],
.pagination.pagination-sm > li > span[aria-label="Next"] {
    width: 11px;
    height: 11px;
    font-size: 6px;
}

.pagination.pagination-sm > li > a[aria-label="Previous"],
.pagination.pagination-sm > li > span[aria-label="Previous"] {
    padding-right: 1px;
}

.pagination.pagination-sm > li > a[aria-label="Next"],
.pagination.pagination-sm > li > span[aria-label="Next"] {
    padding-left: 0;
}

.pagination.pagination-sm .caret {
    font-size: 5px;
}

.pagination > li {
    display: block;
    margin: 0 8px;
    position: relative;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-radius: 0;
}

.pagination > li > a,
.pagination > li > span {
    border-radius: 0;
    padding: 0;
    border: 0;
    float: none;
    margin: 0;
}

.pagination > li > a.current,
.pagination > li > span.current {
    margin-right: -3px;
}

.pagination > li > a[aria-label="Previous"],
.pagination > li > a[aria-label="Next"],
.pagination > li > span[aria-label="Previous"],
.pagination > li > span[aria-label="Next"] {
    font-size: 7px;
    background-color: #047eb6;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    width: 14px;
    height: 14px;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pagination > li > a[aria-label="Previous"]:hover,
.pagination > li > a[aria-label="Previous"]:focus,
.pagination > li > a[aria-label="Previous"]:active,
.pagination > li > a[aria-label="Next"]:hover,
.pagination > li > a[aria-label="Next"]:focus,
.pagination > li > a[aria-label="Next"]:active,
.pagination > li > span[aria-label="Previous"]:hover,
.pagination > li > span[aria-label="Previous"]:focus,
.pagination > li > span[aria-label="Previous"]:active,
.pagination > li > span[aria-label="Next"]:hover,
.pagination > li > span[aria-label="Next"]:focus,
.pagination > li > span[aria-label="Next"]:active {
    background-color: #035b84;
}

.pagination > li > a[aria-label="Previous"],
.pagination > li > span[aria-label="Previous"] {
    padding-right: 2px;
}

.pagination > li > a[aria-label="Next"],
.pagination > li > span[aria-label="Next"] {
    padding-left: 2px;
}

.pagination .caret {
    color: #047eb6;
    margin-left: 0;
    margin-top: -2px;
    font-size: inherit;
}

.pagination #page + .jcf-select {
    width: 111px;
}

/* btn success common styles */

body a {
    color: #3a679b;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}

body a:hover, body a:focus, body a:active {
    color: #158ec7;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}

body button {
    font-family: 'Poppins', Arial, sans-serif;
}

.btn-success {
    border-color: #00cd52;
    color: #fff;
    background-color: #00cd52;
    border-radius: 0;
}

.btn-success:hover {
    color: #fff;
    background-color: #11ad4b;
    border-color: #11ad4b;
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #10893d;
    border-color: #10893d;
}

.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #10893d;
    border-color: #10893d;
}

.btn-success.disabled {
    background-color: #c6beae;
    border-color: transparent;
    opacity: 1;
    pointer-events: none;
}

/* btn default common styles */

body .btn-default {
    border-radius: 0;
    background: #00cd52;
    color: #FFF;
    border-color: #00cd52;
}

body .btn-default-profile {
    color: #FFF;
    background-color: #666;
    border-color: #666;
}

body .btn-default:hover {
    color: #10893d;
    background-color: transparent;
    border-color: #10893d;
}

body .btn-default-porofile:hover {
    color: #666;
    background-color: transparent;
    border-color: #666;
}

body .btn-default:focus, body .btn-default.focus, body .btn-default:active, body .btn-default.active {
    color: #10893d;
    background-color: transparent;
    border-color: #10893d;
}

.btn-default.disabled {
    background-color: #c6beae;
    pointer-events: none;
    opacity: 1;
    border-color: transparent;
}

.disabled-link {
    color: #d1d1d1;
    pointer-events: none;
}

.disabled-link:hover {
    cursor: not-allowed;
}

/*.btn-default:hover,*/
/*.btn-default:focus,*/
/*.btn-default:active {*/
/*background-color: #f7f7f7;*/
/*}*/

/* progress common styles */

.progress {
    box-shadow: none;
    border: 1px solid #d1d1d1;
    height: 20px;
    overflow: visible;
}

/* progress bar common styles */

.progress-bar {
    box-shadow: none;
    margin-top: -1px;
    /*margin-left: -1px;*/
    margin-bottom: -1px;
    border-radius: inherit;
    height: calc(100% + 2px);
    background-color: #d93672;
}

.progress-bar + .progress-bar:not(:last-child) {
    border-radius: 0;
}

.progress-bar:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.progress-bar:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

/* social networks common styles */

.social-networks {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.social-networks a {
    font-size: 20px;
}

.social-networks a:hover img {
    opacity: .85;
}

.social-networks .facebook {
    color: #3b5998;
}

.social-networks .facebook:hover,
.social-networks .facebook:focus,
.social-networks .facebook:active {
    color: #344e86;
}

.social-networks .linkedin {
    color: #0077b5;
}

.social-networks .linkedin:hover,
.social-networks .linkedin:focus,
.social-networks .linkedin:active {
    color: #00669c;
}

.user-info .social-networks {
    padding-top: 12px;
}

.user-info .social-networks li {
    margin-right: 16px;
}

/* box common styles */

.box {
    border: 1px solid #fff;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);

}

.registration-form .box {
    margin-bottom: 16px;
    position: relative;
}

.box.extra-bottom {
    margin-bottom: 16px;
}

/* btn close common styles */

.btn-close {
    position: absolute;
    width: 27px;
    height: 27px;
    top: 10px;
    right: 12px;
}

.btn-close:before,
.btn-close:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    right: 0;
    height: 3px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.btn-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* modals common styles */

.modal .btn-lg, .big-btn.btn-lg {
    font-size: 30px;
    line-height: 1.3666666667;
    vertical-align: top;
    padding: 3px 15px 5px;
}

.modal .btn-next,
.big-btn.btn-next,
.modal .btn-back {
    min-width: 186px;
}

.modal .btn-next:hover, .big-btn.btn-next:hover {
    background-color: #11ad4b;
    border-color: #11ad4b;
}

.modal .btn-next:active, .big-btn.btn-next:active {
    background-color: #10893d;
    border-color: #10893d;
}

/*.modal .btn-back {*/
/*	min-width: 98px;*/
/*}*/

.modal .btn-back:hover {
    color: #666;
    background-color: transparent;
    border-color: #666;
}

.modal .btn-back:active {
    color: #10893d;
    border-color: #10893d;
}

body .modal .modal-content {
    box-shadow: none;
    border-radius: 0;
    color: #666;
    font-weight: 300;
    border: none;
    margin-top: 70px;
}

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

.modal .modal-header .close {
    position: absolute;
    top: -5px;
    right: 5px;
}

.modal .modal-header strong {
    font-weight: 600;
}

.modal .modal-footer {
    padding: 16px 7px 2px;
}

.modal .modal-footer .btn {
    white-space: normal;
}

.modal .modal-title {
    color: #ffffff;
    font-weight: 300;
    font-size: 30px;
    line-height: 1.2;
    text-transform: capitalize;
    margin-bottom: 18px;
    background-color: #1c2d45;
}

.modal .close {
    opacity: 1;
    font-size: 44px;
}

#paymentDetailsTable .close {
    opacity: 1;
    line-height: 0;
    font-size: 44px;
}

.modal .close:hover,
.modal .close:focus,
.modal .close:active,
#paymentDetailsTable .close:hover,
#paymentDetailsTable .close:focus,
#paymentDetailsTable .close:active {
    color: #05a1e8;
}


.bar-holder.order2,
.js-country-confirmation {
    text-align: center;
}

/* ribbon styles */

.ribbon {
    position: relative;
    z-index: 1;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.3333333333;
}

.ribbon:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: -1px;
    left: -9999px;
    right: -9999px;
}

.ribbon:before {
    z-index: -1;
    background-color: #16273b;
    border-bottom: 1px solid #d2d3d3;
}

.ribbon .col.align-center {
    padding-top: 16px;
    padding-bottom: 11px;
}

.ribbon .alert {
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 14px;
    line-height: 1.3571428571;
    border-radius: 0;
    margin: 0;
    border: 0;
    padding: 16px 50px 11px 0;
}

.ribbon .alert:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: -9999px;
    right: -9999px;
}

.ribbon .alert p + p {
    margin-top: 0;
}

.ribbon .alert-success:before {
    background-color: #D93672;
    z-index: -1;
}

.ribbon .alert-success .link {
    color: white;
    text-decoration: underline;
}

.ribbon .alert-success .link:hover {
    text-decoration: none;
    cursor: pointer;
}

.ribbon .alert-error:before {
    background-color: #F5A623;
    z-index: -1;
}

.ribbon .close {
    position: absolute;
    color: #fff;
    line-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    font-size: 45px;
    right: 6px;
    top: 20px;
    width: 25px;
    height: 25px;
}

/*.ribbon .close:hover {*/
/*color: #f5a623;*/
/*text-shadow: 0 1px 0 #f5a623;*/
/*}*/

.ribbon .close span {
    display: block;
    line-height: inherit;
}

.ribbon p {
    margin: 0;
    color: #FFFFFF;
}

/* reward statuses styles */

.rewards-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative;
}

.center-text.red-disclaim {
    font-size: 12px;
    padding-bottom: 7px;
    padding-top: 2px;
    opacity: 0.7;
}

/* status col styles */

.status-col {
    width: 50%;
    text-transform: capitalize;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 12px 11px 16px;
    font-size: 14px;
}

.status-col:before {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 43px;
    margin-top: -4px;
    background-color: currentColor;
    position: absolute;
    content: "";
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
}

.status-col + .status-col {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.status-col .title {
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 3px;
}

.status-col .wrap {
    width: 100%;
}

/* page header styles */
.bar--black {
    background-color: #16273b;
    height: 4px;
}

.page-header {
    position: relative;
    border-bottom: 0;
    font-weight: 300;
    z-index: 1;
    color: #535353;
    margin: 35px 0 36px;
    padding: 0 !important;
}

.page-header:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: -9999px;
    right: -9999px;
}

.page-header:before {
    z-index: -1;
    background-color: #fff;
    border: 1px solid #d1d1d1;
}

#main .container .page-header:before {
    background: transparent;
    border: none;
}

.page-header h1,
.page-header .h1 {
    color: #16273b;
    text-transform: capitalize;
    margin: 0 0 5px;
}

.page-header p {
    margin: 0;
}

/* user info styles */

.user-info {
    overflow: hidden;
    position: relative;
    color: #535353;
    margin-left: -7px;
    margin-right: -7px;
    padding: 8px 7px 4px;
    margin-bottom: 16px;
}

.user-info .img-holder {
    float: right;
    width: 93px;
    margin: 2px 0 10px 10px;
}

.user-info .img-holder img {
    display: block;
    max-width: none;
    width: 100%;
}

.user-info h2,
.user-info .h2 {
    font-weight: 300;
    text-transform: capitalize;
    margin: 0 0 17px;
}

.user-info address {
    margin-bottom: 5px;
    font-weight: 600;
}

.user-info address a {
    color: inherit;
}

.user-info address a:hover,
.user-info address a:focus,
.user-info address a.active {
    color: #0f69a7;
}

.user-info address p {
    margin: 0;
}

.user-info .wrap {
    padding-top: 1px;
    overflow: hidden;
}

.user-info .title {
    color: #444;
    padding-top: 5px;
    margin-bottom: 10px;
    font-weight: 600;
}

.user-info dl {
    overflow: hidden;
    margin: 0 0 15px;
}

.user-info dt,
.user-info dd {
    font: inherit;
    line-height: inherit;
}

.user-info dt {
    float: left;
    clear: left;
    margin-right: 3px;
}

.user-info dd {
    font-weight: 600;
    overflow: hidden;
}

.user-info .social-links {
    overflow: hidden;
}

.user-info p {
    margin: 0;
}

/* update links styles */

.update-links {
    margin-bottom: 0;
}

.update-links li {
    margin-bottom: 15px;
}

.update-links li:last-child:not(:first-child) {
    margin-bottom: 0;
}

/*.update-links a {*/
/*position: relative;*/
/*padding-left: 29px;*/
/*}*/

/*.update-links a:before {*/
/*position: absolute;*/
/*content: "";*/
/*top: 0;*/
/*bottom: auto;*/
/*left: 0;*/
/*right: auto;*/
/*}*/

/*.update-links a:before {*/
/*content: "\e906";*/
/*font-size: 28px;*/
/*top: -5px;*/
/*font-family: "icomoon" !important;*/
/*speak: none;*/
/*font-style: normal;*/
/*font-weight: normal;*/
/*font-variant: normal;*/
/*text-transform: none;*/
/*line-height: 1;*/
/*-webkit-font-smoothing: antialiased;*/
/*-moz-osx-font-smoothing: grayscale;*/
/*}*/

/* label head styles */

.label-head {
    color: #666;
    padding: 7px 10px 10px;
    margin-bottom: 9px;
    position: relative;
}

.label-head.no-bottom {
    margin-bottom: 0;
}

.label-head h2,
.label-head .h2 {
    margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.label {
    border-radius: 99px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    line-height: 0;
    position: relative;
    z-index: 1;
}

body .label-default {
    background-color: #00cd52;
}

body .label-default[href]:hover, body .label-default[href]:focus {
    background-color: #d93672;
}

.label.info {
    padding: 6px 0 0;
}

.label.drilldown {
    display: inline-block;
    font-size: 9px;
    padding-top: 6px;
    padding-left: 3px;
}

.popup-holder {
    display: inline-block;
    vertical-align: middle;
}

.label-head .cols-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: calc(100% + 14px);
    margin-left: -7px;
    margin-right: -7px;
}

.label-head .cols-holder .col3 {
    width: 25%;
    padding-left: 7px;
    padding-right: 7px;
}

.label-head .cols-holder .col6 {
    width: 50%;
    padding-left: 7px;
    padding-right: 7px;
}

.label-head .cols-holder .col9 {
    width: 75%;
    padding-left: 7px;
    padding-right: 7px;
}

.label-head .cols-holder .justify-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
}

.label-head .cols-holder .popup-holder {
    margin-right: -25px;
}

.label-head .total-counter {
    color: #444;
}

.label-head .payment-count {
    font-weight: 600;
}

.label-head p {
    margin: 0;
}

/* label popup stylez */

.label-popup {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    background-color: #d93672;
    opacity: 0;
    visibility: hidden;
    color: #fff;
    z-index: 5;
    padding: 35px 7px 14px;
}

.label-popup:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: auto;
    left: auto;
    right: 100%;
}

.registered-products .label-popup:before {
    left: 100%;
    right: auto;
}

.label-popup[aria-expanded="true"] {
    opacity: 1;
    visibility: visible;
}

.label-popup .close {
    position: absolute;
    color: #fff;
    line-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    font-size: 45px;
    right: 6px;
    top: 14px;
    width: 25px;
    height: 25px;
}

/* .label-popup .close:hover {
	color: #f5a623;
	text-shadow: 0 1px 0 #f5a623;
} */

.label-popup .close span {
    display: block;
    line-height: inherit;
    margin-top: 0px;
}

.label-popup p {
    margin: 0;
}

/* badge list styles */

.badge-list {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -6px;
    margin-right: -6px;
    width: calc(100% + 6px);
}

.tab-content .badge-list {
    margin-bottom: -1px;
}

.badge-list li {
    pointer-events: none;
    color: #d1d1d1;
    margin-bottom: 14px;
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
}

.badge-list li.active {
    color: #535353;
    pointer-events: auto;
}

.badge-list li.active .ico {
    border-color: #f5a623;
    background-color: #ff383f;
    color: #f5a623;
}

.badge-list .ico {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 26px;
    margin: 0 auto 6px;
}

.badge-list h3,
.badge-list .h3 {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3571428571;
}

.badge-list .subtitle {
    font: inherit;
}

/* two columns styles */

.two-columns {
    padding-top: 50px;
}

.two-columns.two-columns-xs-reverse {
    padding-top: 0;
}

.two-columns-xs-reverse .sidebar {
    margin-left: -7px;
    margin-right: -7px;
}

/* select opener styles */

.select-opener {
    border: 1px solid #d1d1d1;
    background-color: #f7f7f7;
    height: 35px;
    display: block;
    border-radius: 8px;
    position: relative;
    -webkit-transition: none;
    transition: none;
    color: #535353;
    font-weight: 600;
    padding: 7px 30px 7px 9px;
    z-index: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}

.select-opener:after {
    position: absolute;
    content: "";
    top: 50%;
    bottom: auto;
    left: auto;
    right: 10px;
}

.select-opener[aria-expanded="true"],
.open-close.active .select-opener {
    background-color: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-color: transparent;
}

.select-opener[aria-expanded="true"]:after,
.open-close.active .select-opener:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.select-opener:after {
    content: "\e902";
    color: #047eb6;
    font-size: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* tabset xs select styles */

.tabset-xs-select {
    margin-bottom: 0;
}

.tabset-xs-select li {
    position: relative;
}

.tabset-xs-select li.active a {
    color: #fff;
    background-color: #757CBD;
}

.tabset-xs-select li:before {
    width: 5px;
    background-color: #d93672;
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}

.tabset-xs-select a {
    display: block;
    padding: 5px 10px;
}

.tabset-xs-select a:hover {
    color: #fff;
    background-color: #2f9dab;
}

/* content area styles */

.content-area {
    margin-left: -7px;
    margin-right: -7px;
}

/* widget tabset nav styles */

.widget-tabset-nav {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 2;
    padding-left: 7px;
    padding-right: 7px;
}

/* navSelect styles */

.navSelect {
    background-color: #fff;
    border: solid #d1d1d1;
    border-width: 0 1px 1px;
}

/* history data styles */

.indexing-data p {
    margin: 0;
}

.data-wrap,
.data-headings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
}

.data-wrap .col,
.data-headings .col {
    padding: 2px 10px 4px;
}

.data-wrap .col[data-heading]:before,
.data-headings .col[data-heading]:before {
    content: attr(data-heading);
    display: block;
    text-transform: capitalize;
    font-weight: 300;
}

.data-wrap .col01,
.data-headings .col01 {
    width: 50%;
}

.data-wrap .col02,
.data-headings .col02 {
    width: 50%;
}

.data-wrap .col03,
.data-headings .col03 {
    width: 50%;
}

.data-wrap .col04,
.data-headings .col04 {
    width: 50%;
}

.data-headings {
    background-color: #fbf8f1;
    color: #444;
    border-top: 1px solid #f9ecd1;
}

.data-headings .caret {
    color: #047eb6;
    font-size: 6px;
    margin-left: 0;
}

.data-headings .data-title {
    color: inherit;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 14px;
}

.data-headings .data-title .caret.active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.data-headings a.data-title:hover {
    color: #047eb6;
}

.data-body {
    border-top: 1px solid #f9ecd1;
}

.data-body .data-wrap {
    padding-bottom: 8px;
}

.data-body .data-wrap .col {
    padding-top: 12px;
    padding-bottom: 0;
}

.data-body .data-wrap:nth-child(even) {
    background-color: #fbf8f1;
}

.data-body .data-wrap + .data-wrap {
    border-top: 1px solid #f9ecd1;
}

.data-foot {
    width: 100%;
    border-top: 1px solid #f9ecd1;
    padding: 15px 0 35px;
    color: #535353;
    background-color: #f7f7f7;
}

.data-foot .pagination-sm,
.data-foot .pagination {
    padding-top: 2px;
}

.data-foot .pagination-sm > li > a[aria-label="Next"],
.data-foot .pagination-sm > li > span[aria-label="Next"],
.data-foot .pagination > li > a[aria-label="Next"],
.data-foot .pagination > li > span[aria-label="Next"] {
    padding-left: 2px;
}

.page-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 15px;
    padding-left: 8px;
}

.page-view .title {
    margin-right: 6px;
    font-weight: 400;
}

/* registration form styles */

.registration-form {
    color: #666;
}

/* not registered styles */

.not-registered {
    min-height: 182px;
    white-space: nowrap;
    text-align: center;
}

.not-registered:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    min-height: inherit;
}

.not-registered > * {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    max-width: 99%;
}

.not-registered .align {
    padding: 20px 10px 11px;
}

/* types list styles */

.types-list {
    margin-bottom: 0;
    padding: 17px 7px 10px;
}

.modal .types-list {
    padding: 5px 0 0;
}

.types-list li {
    padding: 0 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
}

.types-list .error-message, .modal-body .error-message {
    display: none;
    font-size: 14px;
    line-height: 1.3571428571;
    color: #fc1d31;
}

.types-list .error .error-message, .modal-body .error .error-message {
    display: block;
}

/* item select styles */

.item-select {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: relative;
    border: 1px solid #d1d1d1;
    background-color: #f7f7f7;
    border-radius: 8px;
    margin-bottom: 15px;
    cursor: pointer;
}

.registration-form .item-select:hover {
    background-color: #efefef;
}

.item-select.item-selected:before,
.item-selected .item-select:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
}

.item-select.item-selected:after,
.item-selected .item-select:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
}

.item-select.item-selected:after,
.item-selected .item-select:after {
    border: solid #fff;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-53deg);
    -ms-transform: rotate(-53deg);
    transform: rotate(-53deg);
    margin-top: -13px;
    margin-left: -10px;
    width: 30px;
    height: 18px;
}

.item-select.item-selected:before,
.item-selected .item-select:before {
    border-radius: 100%;
    background-color: #705cbd;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: 6px;
    width: 50px;
    height: 50px;
}

.modal .item-select .icn-wrap {
    min-height: 134px;
}

.modal .item-select .icn-wrap .align {
    width: 100%;
}

.modal .item-select .btn-label {
    padding: 7px 10px;
}

.error .item-select .btn-label {
    background-color: #d1d1d1;
}

.item-select .icn-wrap {
    margin-bottom: 0;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 131px;
}

.item-select .icn-wrap .align {
    padding: 14px 5px 5px;
    width: 38%;
}

.item-select .btn-label {
    background-color: #4ea8ff;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2222222222;
    position: relative;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
    margin-left: -1px;
    margin-right: -1px;
    padding: 6px 10px 7px;
}

/* statuses extra wrap styles */

.statuses-extra-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: -7px;
    margin-bottom: 10px;
    padding: 0 7px;
}

.statuses-extra-wrap .title {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 10px;
    line-height: 1.2;
    margin-right: 3px;
}

/* statuses list styles */

.statuses-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    color: #39393a;
    font-size: 10px;
    line-height: 1.2;
    margin-bottom: 0;
}

.statuses-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 3px;
    margin-bottom: 7px;
}

.statuses-list li[data-status]:before {
    width: 9px;
    height: 9px;
    border-radius: 100%;
    content: "";
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    margin-top: 1px;
}

.statuses-list li[data-status="incomplete"]:before {
    background-color: #000;
}

.statuses-list li[data-status="rejected"]:before {
    background-color: #ff383f;
}

.statuses-list li[data-status="approved"]:before {
    background-color: #46c18f;
}

.statuses-list li[data-status="pending review"]:before {
    background-color: #f5a623;
}

/* registered products styles */

.registered-products {
    width: calc(100% + 2px);
    border: 0;
    margin-left: -1px;
    margin-right: -1px;
    color: #444;
    table-layout: fixed;
}

.registered-products thead {
    background-color: #f7f7f7;
}

.registered-products td,
.registered-products th {
    border: 1px solid #d1d1d1;
    font: inherit;
    vertical-align: top;
}

.registered-products th {
    padding: 1px 4px 2px;
    font-weight: 600;
}

.registered-products td {
    padding: 9px 4px 10px;
}

.registered-products tbody tr:nth-child(even) {
    background-color: #f7f7f7;
}

.registered-products tbody tr:last-child td {
    border-bottom: 0;
}

.registered-products .col01 {
    width: 31.45%;
}

.registered-products .col02 {
    width: 35.75%;
}

.registered-products .col08 {
    width: 18.81%;
}

.registered-products .col09 {
    width: 13.99%;
}

.registered-products .ico-edit {
    color: #047eb6;
    display: inline-block;
    vertical-align: top;
    font-size: 30px;
    margin-top: -6px;
}

.registered-products .ico-edit:hover {
    color: #093d61;
}

.registered-products .nowrap {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}

/* check items styles */

.check-items {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
}

.check-items li {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #705cbd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 5px;
    margin-bottom: 5px;
}

.check-items .check {
    display: block;
    width: 13px;
    height: 7px;
    -webkit-transform: rotate(-53deg) translate(1px, -1px);
    -ms-transform: rotate(-53deg) translate(1px, -1px);
    transform: rotate(-53deg) translate(1px, -1px);
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    border: solid #fff;
    border-width: 0 0 1px 1px;
}

/* status dot styles */

.status-items {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: absolute;
}

.status-items > li {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 5px;
    margin-bottom: 5px;
}

.status-dot {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
}

.status-dot[data-status="incomplete"] {
    background-color: #000;
}

.status-dot[data-status="approved"] {
    background-color: #46c18f;
}

.status-dot[data-status="rejected"] {
    background-color: #ff383f;
}

.status-dot[data-status="pending review"] {
    background-color: #f5a623;
}

/* no surveys (message block) styles */

.no-surveys {
    min-height: 129px;
    color: #535353;
    white-space: nowrap;
    text-align: center;
}

.no-surveys:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    min-height: inherit;
}

.no-surveys > * {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    max-width: 99%;
}

/* items holder styles */

.items-holder {
    padding-top: 14px;
    overflow: hidden;
}

.items-holder.items-xs-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.items-holder.items-xs-flex .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

/* survey item box styles */

.survey-item-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: relative;
    color: #535353;
    border: 1px solid #d1d1d1;
    margin-bottom: 15px;
    width: 100%;
    padding-top: 14px;
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 6px -2px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 3px 3px 6px -2px rgba(0, 0, 0, 0.36);
    box-shadow: 3px 3px 6px -2px rgba(0, 0, 0, 0.36);

}

.survey-item-box:hover {
    color: #535353;
    background-color: #eaeaea;
    box-shadow: 0 0 3px rgba(78, 168, 255, .8);
}

.survey-item-box .info-head {
    overflow: hidden;
    margin-bottom: 12px;
}

.survey-item-box .info-col {
    padding: 0 15px;
}

.survey-item-box .info-col > strong,
.survey-item-box .info-col > span {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}

.survey-item-box .alignleft {
    float: left;
    width: 69%;
}

.survey-item-box .alignright {
    float: right;
    width: 28.5%;
}

.survey-item-box .offer-circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #2f9dab;
    color: #666;
    font-weight: 300;
    font-size: 30px;
    margin: 0 auto 3px;
    border-radius: 100%;
    padding: 5px;
    width: 146px;
    height: 146px;
    background-color: #fff;
}

.survey-item-box .offer-circle.clinical-trial,
.survey-item-box .offer-circle.online-focus-group,
.survey-item-box .offer-circle.online-survey,
.survey-item-box .offer-circle.phone-interview,
.survey-item-box .offer-circle.focus-group {
    border-color: #2F9DAB;
}

.survey-item-box .offer-circle.mobile-ethnography,
.survey-item-box .offer-circle.online-bulletin-board,
.survey-item-box .offer-circle.online-chat,
.survey-item-box .offer-circle.shop-along-study,
.survey-item-box .offer-circle.user-interface-test {
    border-color: #46C18F;
}

.survey-item-box .offer-circle.gen-pop-panel,
.survey-item-box .offer-circle.in-depth-phone-interview,
.survey-item-box .offer-circle.in-person-focus-group,
.survey-item-box .offer-circle.in-person-interview,
.survey-item-box .offer-circle.product-test {
    border-color: #4EA8FF;
}

.survey-item-box .offer-circle.custom-panel,
.survey-item-box .offer-circle.online-diary,
.survey-item-box .offer-circle.typing-algorythm,
.survey-item-box .offer-circle.user-experience-test,
.survey-item-box .offer-circle.webcam-interview {
    border-color: #705CBD;
}

.survey-item-box .offer-circle.clinical-trial-recruit,
.survey-item-box .offer-circle.pop-up-community,
.survey-item-box .offer-circle.product-registration {
    border-color: #F5A623;
}

.survey-item-box .offer-circle.community-of-interest,
.survey-item-box .offer-circle.diads,
.survey-item-box .offer-circle.online-video-study {
    border-color: #FF383F;
}

.survey-item-box .offer-circle > span {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}

.survey-item-box .wrap {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    width: 100%;
    padding: 0 15px 14px;
}

.survey-item-box .study-hash,
.survey-item-box .hash-title {
    width: 100%;
}

.survey-item-box .hash-title {
    font-weight: 600;
}

.survey-item-box .info-foot {
    /*background-color: #4ea8ff;*/
    background-color: #00cd52;
    color: #fff;
    overflow: hidden;
    /*border-bottom-left-radius: 8px;*/
    /*border-bottom-right-radius: 8px;*/
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
    margin-left: -1px;
    margin-right: -1px;
    padding: 7px 10px 11px;
}

.survey-item-box .info-foot:hover {
    /*background-color: #13a342;*/
}

.survey-item-box h2,
.survey-item-box .h2 {
    margin: 0 0 2px;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
}

.clock {
    padding: 1px 0 10px 25px;
    height: 20px;
    background: url(/images/clock.png) no-repeat;
    background-size: auto 20px;
    white-space: nowrap;
    float: right;
}

.element-block.clock {
    display: unset;
}

/* profile box styles */

.member-profile section.content-area.box {
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
}

.profile-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: relative;
    background-color: #fff;
    color: #16273b;
    border: none;
    width: 100%;
    border-radius: 0px;
    margin-bottom: 14px;
    -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
    padding-bottom: 3px;
}

.profile-box:hover {
    /* color: #535353; */
    background-color: #f7f7f7;
    /* box-shadow: none; */
}

.profile-box.completed {
    color: #fff;
}

.profile-box.completed .offer-circle {
    opacity: 0;
    visibility: hidden;
}

.profile-box.completed .completed-box {
    opacity: 1;
    visibility: visible;
}

.profile-box .info-foot span.subtitle {
    font-weight: 300;
    font-size: 14px;
    color: #00cd52;
}

.profile-box .info-foot h2 {
    font-weight: 300;
    color: #16273b;
}

.profile-box .completed-box {
    opacity: 0;
    visibility: hidden;
    background-color: #00cd52;
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: -1px;
    right: -1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.profile-box .complete-text {
    text-transform: capitalize;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    font-size: 16px;
}

.profile-box.animate-complete .complete-text {
    padding-bottom: 100%;
    display: none;
}


.profile-box .complete-text:before {
    content: "";
    display: block;
    border: solid currentColor;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(-53deg) translate(3px, -6px);
    -ms-transform: rotate(-53deg) translate(3px, -6px);
    transform: rotate(-53deg) translate(3px, -6px);
    margin: 22px auto 7px;
    width: 18px;
    height: 10px;
}

.profile-box .offer-circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #c6bead;
    color: #666;
    font-weight: 300;
    font-size: 16px;
    margin: 0 auto 1px;
    border-radius: 100%;
    padding: 5px;
    width: 65px;
    height: 65px;
    background-color: #fbf8f1;
}

.coin,
.icon_bank,
.icon_giftcard,
.icon_cashback {
    position: relative;
    height: 45px;
    width: 45px;
    margin: 0 auto;
}

.coin {
    padding: 0 0 0 30px;
    left: 4px;
    background: url(/images/coin_default.svg) no-repeat;
    /*filter: hue-rotate(-229deg);*/
    filter: drop-shadow(-4px 4px 4px #cacaca);
}

.icon_bank {
    background: url(/images/icon_bank.svg) no-repeat;
}

.icon_giftcard {
    background: url(/images/icon_giftcard.svg) no-repeat;
}

.icon_cashback {
    background: url(/images/icon_cashback.svg) no-repeat;
}

.amz-giftcard {
    background: url(/images/amazon-gift-card.png) no-repeat;
    width: 260px;
    height: 163px;
    margin: 15px auto 15px auto;
}

.paper-check {
    background: url(/images/icon_bank.svg) no-repeat;
    width: 163px;
    height: 163px;
    margin: 15px auto 15px auto;
}


.paypal-logo {
    background: url(/images/paypal-logo.png) no-repeat;
    width: 260px;
    height: 163px;
    margin: 15px auto 15px auto;
}

.redeem-icon {
    margin-bottom: 10px;
    filter: none;
}

.redeem-icon.popup {
    margin-top: 30px;
}

.coin.yellow{
    background: url(/images/coin_yellow.svg) no-repeat;
}

.coin.blue {
    background: url(/images/coin_blue.svg) no-repeat;
}

.coin-amt {
    text-align: center;
    font-size: 36px;
    padding: 15px 0 0 0;
    overflow-wrap: break-word;
}

.coin-wrd {
    text-align: center;
    font-size: 18px;
    padding: 0 0 15px 0;
}

.col-xs-8.minutes {
    width: 71%;
}

.profile-box .text-offer {
    font-weight: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}

.profile-box .wrap {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-top: 4px;
}

.profile-box .info-foot {
    /* background-color: #158ec7; */
    color: #fff;
    overflow: hidden;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
    margin-left: -1px;
    margin-right: -1px;
    padding: 2px 5px;
}

.profile-box h2,
.profile-box .h2 {
    margin: 0 0 2px;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
}

.profile-box .icn-wrap {
    margin: 0 auto;
    width: 22px;
    height: 22px;
}

.profile-box img {
    display: block;
    max-width: none;
    width: 100%;
}

/* widget head styles */

.widget-head {
    overflow: hidden;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.2222222222;
    color: #666;
    min-height: 59px;
    padding: 11px 7px 0;
}

.widget-head h2,
.widget-head .h2,
.widget-head h3,
.widget-head .h3 {
    margin: 0;
}

.widget-head .col {
    margin-bottom: 3px;
    float: left;
}

.widget-head .col + .col {
    float: right;
}

.widget-head .total-count {
    font-weight: 400;
}

.widget-head p {
    margin: 0;
}

/* text notification styles */

.text-notification {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4166666667;
}

#paymentDetailsTable {
    display: none;
    padding-left: 100%;
    overflow: hidden;
}

/* btn redeem styles */

.btn-redeem {
    display: block;
    background-color: #46c18f;
    color: #fff;
    text-transform: capitalize;
    margin-left: -1px;
    margin-right: -1px;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2857142857;
    padding: 6px 7px;
}

.btn-redeem .icn {
    font-size: 7px;
    margin-left: 1px;
    display: inline-block;
    vertical-align: middle;
}

.btn-redeem.disabled {
    background-color: #c6bead;
    pointer-events: none;
}

.btn-redeem:hover,
.btn-redeem:focus {
    background-color: #60B291;
    color: #fff;
}

.btn-redeem:active {
    background-color: #3BA178;
    color: #fff;
}

.widget {
    margin-bottom: 15px;
}

/* no table data styles */

.no-data {
    padding-bottom: 3%;
    padding-top: calc(3% - 10px);
    text-align: center;
}

.no-data-message {

}

.no-rewards {
    min-height: 110px;
    white-space: nowrap;
    text-align: center;
}

.no-rewards:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    min-height: inherit;
}

.no-rewards > * {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    max-width: 99%;
}

.no-rewards .align {
    padding-top: 10px;
    padding-bottom: 42px;
    margin-left: -4px;
}

/* report styles */

.report {
    overflow: hidden;
    font-weight: 300;
    margin: 0 0 6px;
}

.report.text-small dt {
    font-weight: 300;
}

.report dt,
.report dd {
    font: inherit;
}

.report strong {
    font-weight: 400;
}

.report dd {
    overflow: hidden;
}

.report dd .element-block {
    margin-bottom: 15px;
}

.report a {
    font-size: 14px;
}

.report.ach-information dt {
    font-size: 14px;
}

.report.ach-information p {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0;
}

/* modal payment styles */

.modal-payment.modal-profile .modal-body {
    min-height: 1px;
    margin-bottom: 40px;
}

.modal-payment.modal-profile .bar-holder {
    overflow: hidden;
    margin-bottom: 19px;
}

.modal-payment.modal-profile .progress {
    margin-bottom: 0;
}

.modal-payment.modal-profile .progress-label {
    font-weight: bold;
    font-size: 12px;
    line-height: .8333333333;
    padding-top: 8px;
    display: block;
    text-align: center;
}

.modal-payment.modal-profile .start {
    float: left;
}

.modal-payment.modal-profile .end {
    float: right;
}

.modal-payment.modal-profile .progress-bar {
    float: none;
    width: 100%;
}

.modal-payment .check-update .form-group {
    margin-bottom: 0;
}

.modal-payment .form-group {
    padding-top: 5px;
    margin-bottom: 9px;
}

.modal-payment .jcf-select,
.modal-payment .form-control,
.modal-payment .inline-select-group input {
    display: block;
    min-width: 1px;
    width: 100%;
}

.modal-profile .modal-payment .jcf-select,
.modal-payment .form-control {
    margin-bottom: 15px;
}

.modal-payment label {
    font-weight: inherit;
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3571428571;
}

.modal-payment label.align-center {
    padding-top: 9px;
}

.form-col.container {
    padding: 0px;
}

.modal-payment .form-col.error .input-error {
    display: block;
}

.modal-payment .required {
    color: #fc1d31;
    font-size: 8px;
    vertical-align: top;
}

.modal-payment .link {
    font-size: 14px;
    line-height: 1.2857142857;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 16px;
    cursor: pointer;
}

.modal-payment .text-required {
    font-size: 10px;
    width: 100%;
}

.modal-payment .text-required .required {
    font-size: inherit;
}

.modal-payment .text-small {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3571428571;
}

.modal-payment .text-note {
    font-size: 12px;
    line-height: 1.4166666667;
}

.modal-payment .text-note strong {
    font-weight: 600;
}

/* tooltip styles */

.note {
    font-size: 10px;
    margin-top: 10px;
}

.tooltip-text {
    visibility: hidden;
    background-color: #705CBD;
    color: #FFFFFF;
    text-align: left;
    border-radius: 5px;
    padding: 5px;
    font-size: 12px !important;
    vertical-align: middle;
    width: 175px;

    /* Position the tooltip */
    position: absolute;
    z-index: 10;
    bottom: 100%;
    right: 50%;
    margin-left: -10px;
}

span.tooltip-container {
    position: absolute;
    padding-left: 5px;
}

span.tooltip-icon {
    background-color: #047EB6;
    color: #FFFFFF;
    border-radius: 99px;
    width: 17px;
    height: 17px;
    display: inline-block;
    text-align: center;
    padding: 9px 2px 6px;
    font-weight: 300;
    line-height: 0;
    position: relative;
    z-index: 1;
}

span.tooltip-icon:hover + span.tooltip-text {
    visibility: visible;
    cursor: default;
}

.click-text {
    cursor: pointer;
    color: #047EB6;
}

.clickable {
    cursor: pointer;
}

.modal-payment .relative-wrap {
    position: relative;
}

.modal-payment .relative-wrap:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: auto;
    left: auto;
    right: 0;
}

.modal-payment .relative-wrap:before {
    content: "\e916";
    color: #ff383f;
    font-size: 24px;
    top: 5px;
    right: 6px;
    opacity: 0;
    visibility: hidden;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.modal-payment .input-error {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.3333333333;
    margin-top: -10px;
    display: none;
    margin-bottom: 10px;
}

.modal-payment .error .relative-wrap:before {
    opacity: 1;
    visibility: visible;
}

.modal-payment .error .form-control,
.modal-payment .error .jcf-select {
    border-color: #ff383f;
}

.modal-payment .error .form-control {
    padding-right: 40px;
}

.modal-payment .recaptcha {
    text-align: center;
    overflow: hidden;
    margin-left: -6px;
    margin-bottom: 10px;
    width: 100%;
}

.photo-preview-col {
    border-left: 1px solid #e0e0e0;
    padding-left: 15px;
}

.photo-preview-col .thumbs {
    display: inline-block;
    text-align: center;
}

.photo-preview-col .thumbs img {
    vertical-align: bottom;
    margin-right: 10px;
}

.photo-preview-col .thumbs .thumb_lg {
    border: 15px solid #e9e9e9;
    margin-bottom: 10px;
}

.photo_delete {
    text-align: center;
    padding: 10px;
    font-weight: bold;
}

.photo_delete a {
    color: #46C18F;
    border: 1px solid #46C18F;
    border-radius: 6px;
    padding: 3px;
}

.photo_delete a:hover {
    color: #60B291;
    border-color: #60B291;
}

.photo_delete a:active {
    color: #3BA178;
    border-color: #3BA178;
}


/* header styles */

#header {
    background-color: #fff;
    border-bottom: 1px solid #d1d1d1;
}

#header .header-holder {
    position: relative;
    z-index: 5;
    padding-top: 8px;
    padding-bottom: 7px;
}

/* carret styles */

.caret,
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border: 0;
    width: auto;
    height: auto;
    font-size: 8px;
    -webkit-transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
}

.caret:before,
.dropup .caret:before,
.navbar-fixed-bottom .dropdown .caret:before {
    content: "\e902";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.open > a > .caret,
.navbar-nav > li.hover .caret,
    /*.main-navigation > li.hover.open .caret,*/
.main-navigation > li.hover a.open .caret,
.open .dropup .caret,
.navbar-nav > li.hover .dropup .caret,
.main-navigation > li.hover .dropup .caret,
.open .navbar-fixed-bottom .dropdown .caret,
.navbar-nav > li.hover .navbar-fixed-bottom .dropdown .caret,
.main-navigation > li.hover .navbar-fixed-bottom .dropdown .caret,
#product-review-menu a[aria-expanded="true"] > .caret {
    -webkit-transform: translateY(-50%) rotateX(180deg);
    -ms-transform: translateY(-50%) rotateX(180deg);
    transform: translateY(-50%) rotateX(180deg);
}

.main-navigation .caret,
.main-navigation
.dropup .caret,
.main-navigation
.navbar-fixed-bottom .dropdown .caret {
    margin-left: 0;
}

/* dropdown menu styles */

.dropdown-menu {
    border-radius: 1px;
    box-shadow: 0 2px 4px rgba(208, 208, 208, .5);
    min-width: 199px;
    margin-top: 21px;
    padding: 3px 9px 9px;
}

.dropdown-menu:after,
.dropdown-menu:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.dropdown-menu:after {
    border-width: 16px;
}

.dropdown-menu:before {
    border-width: 18px;
}

.dropdown-menu:after,
.dropdown-menu:before {
    bottom: 100%;
    left: 50%;
}

.dropdown-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    margin-left: -16px;
}

.dropdown-menu:before {
    border-color: rgba(209, 209, 209, 0);
    border-bottom-color: #d1d1d1;
    margin-left: -18px;
}

.dropdown-menu.text-center {
    text-align: center;
}

.dropdown-menu.dropdown-menu-sm {
    min-width: 71px;
}

.dropdown-menu.dropdown-menu-right:after,
.dropdown-menu.dropdown-menu-right:before {
    left: 100%;
    -webkit-transform: translateX(-23px);
    -ms-transform: translateX(-23px);
    transform: translateX(-23px);
}

.dropdown-menu:after,
.dropdown-menu:before {
    left: 0;
    -webkit-transform: translateX(23px);
    -ms-transform: translateX(23px);
    transform: translateX(23px);
}

.dropup .dropdown-menu {
    margin-bottom: 21px;
}

.dropup .dropdown-menu:after,
.dropup .dropdown-menu:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.dropup .dropdown-menu:after {
    border-width: 16px;
}

.dropup .dropdown-menu:before {
    border-width: 18px;
}

.dropup .dropdown-menu:after,
.dropup .dropdown-menu:before {
    top: 100%;
    left: 50%;
}

.dropup .dropdown-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    margin-left: -16px;
}

.dropup .dropdown-menu:before {
    border-color: rgba(209, 209, 209, 0);
    border-top-color: #d1d1d1;
    margin-left: -18px;
}

.dropup .dropdown-menu:after,
.dropup .dropdown-menu:before {
    left: 0;
    -webkit-transform: translateX(23px);
    -ms-transform: translateX(23px);
    transform: translateX(23px);
    bottom: auto;
}

.dropup .dropdown-menu.dropdown-menu-right:after,
.dropup .dropdown-menu.dropdown-menu-right:before {
    left: 100%;
    -webkit-transform: translateX(-23px);
    -ms-transform: translateX(-23px);
    transform: translateX(-23px);
}

.dropdown-menu li + li,
.dropdown-menu .panel-collapse li {
    border-top: 1px solid #d1d1d1;
}

.dropdown-menu li > a {
    font-size: 14px;
    padding: 7px 0;
    white-space: normal;
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 1.3571428571;
    color: #3a679b;
}

body .dropdown-menu > li > a:hover, body .dropdown-menu > li > a:focus {
    color: #158ec7;
}

.dropdown-menu li + .divider {
    display: none;
}

.main-navigation .dropdown-menu {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    margin-top: 0;
}

/* navbar/main-navigation opener styles */

.navbar-toggle {
    background-color: #00cd52;
    width: 22px;
    height: 22px;
    border-radius: 99px;
    padding: 2px 3px;
    margin: 0;
}

.navbar-toggle .icon-bar {
    width: 100%;
    height: 1px;
    margin-bottom: 1px;
    margin-top: 1px;
    background-color: #fff;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 1px;
    margin-bottom: 1px;
}

.navbar-toggle:hover {
    background-color: #11ad4b;
}

/* navbar nav styles */

/* main navigation styles */

.main-navigation > li {
    position: relative;
}

.main-navigation > li + li {
    border-top: 1px solid #d1d1d1;
}

.main-navigation > li.user-profile > a {
    display: inline-block;
}

.main-navigation > li.user-profile img {
    border-radius: 100%;
}

.main-navigation > li.hover > a,
.main-navigation > li.active > a {
    color: #fff;
    background-color: #035b84;
}

.main-navigation > li > a {
    font-size: 14px;
    line-height: 1.2857142857;
    text-transform: capitalize;
    color: #fff;
    display: block;
    padding: 7px;
    position: relative;
}

.main-navigation > li > a:active {
    color: #fff;
    background: #035b84;
}

.main-navigation > li.has-drop-down > a {
    padding-right: 45px !important;
}

.main-navigation img {
    vertical-align: middle;
    border: 1px solid #666;
}

/* navigation container styles */

/* navbar/main-navigation closer styles */

.navbar-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 4px;
    right: 9px;
    z-index: 2;
}

.navbar-close:before,
.navbar-close:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    right: 0;
    height: 3px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navbar-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.navbar-close:hover:after,
.navbar-close:hover:before {
    background-color: #000;
}

/* footer styles */

#footer {
    position: relative;
    z-index: 1;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 32px;
}

#footer:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: -9999px;
    right: -9999px;
}

#footer:before {
    z-index: -1;
    background-color: #1d344c;
    display: block;
    border-top: none;
}

.footer-nav > ul > li > a {
    color: #00cd52;
}

.footer-nav > ul > li > a:hover {
    color: #11ad4b !important;
}

.footer-nav > ul > li > a:focus, .footer-nav > ul > li > a:active {
    color: #10893d !important;
}

#footer .heading {
    font-weight: 600;
    margin-bottom: 4px;
}

#footer .social-networks {
    padding-top: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}

#footer .social-networks li {
    margin: 0 15px 0 0;
}

#footer .copywrite {
    margin-top: 15px;
    color: #fff;
    font-size: 10px;
    line-height: .5;
    text-align: right;
}

/* footer nav styles */

.footer-nav ul {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
}

.footer-nav li {
    margin-bottom: 15px;
    /* width: 50%; */
    text-transform: capitalize;
    padding-right: 25px;
}

.footer-nav li.active a {
    color: #093d61;
}

span.required:after {
    content: "*";
    color: #FF383F;
    vertical-align: top;
}

.header-container {
    margin: 0 100px;
}

input[type="text"].error,
input[type="email"].error,
input[type="password"].error,
textarea.error,
.multiselect div.error {
    border-color: #FF383F;
}

span.validation-error-icon {
    position: absolute;
    display: inline-block;
    right: 1px;
    top: 6px;
    height: 25px;
    width: 25px;
    background-image: url('../images/validation-error-icon.png');
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.jcf-select-text > span.validation-error-icon {
    position: absolute;
    display: inline-block;
    right: 28px;
    top: 6px;
    height: 25px;
    width: 25px;
    background-image: url('../images/validation-error-icon.png');
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.input-wrapper {
    position: relative;
    display: inline-block;
}

.form-error-message {
    color: #FF383F;
    font-size: 13px;
}

.jcf-select.error {
    border: 1px solid #FF383F;
    position: relative;
}

.jcf-select.error > .jcf-select-text:after {
    position: absolute;
    display: inline-block;
    right: 1px;
    top: 6px;
    height: 25px;
    width: 25px;
    background-image: url('../images/validation-error-icon.png');
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.hidden {
    display: none;
}

.unsuccessful-frowny-face-icon {
    display: inline-block;
    width: 125px !important;
    height: 125px;
    background-repeat: no-repeat;
    background-image: url('../images/frown.svg');
}

.incomplete-icon {
    display: inline-block;
    width: 125px !important;
    height: 125px;
    background-repeat: no-repeat;
    background-image: url('../images/incomplete.svg');
}

.success-checkmark-icon {
    display: inline-block;
    width: 125px !important;
    height: 125px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #047eb6;
    position: relative;
}

.success-checkmark-icon:before {
    content: " ";
    display: block;
    border: solid #F5A623;
    border-radius: 5px;
    border-width: 0 0 6px 6px;
    -webkit-transform: rotate(-53deg) translate(3px, 6px);
    -moz-transform: rotate(-53deg) translate(3px, 6px);
    -ms-transform: rotate(-53deg) translate(3px, 6px);
    -o-transform: rotate(-53deg) translate(3px, 6px);
    transform: rotate(-53deg) translate(3px, 6px);
    position: absolute;
    width: 70px;
    height: 40px;
    top: 31px;
    left: 21px;
}

.center-align-horizontal {
    display: block;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.static-content-container {
    background-color: white;
    border: none;
    -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.static-content-header {
    margin-left: 10px;
}

.static-content-header h2 {
    margin-top: 0;
    margin-left: 3px;
}

.static-content-header h1 {
    margin-bottom: 0;
}

.static-content-body {
    margin-top: 10px;
}

.static-content-container h2.static-content-body-title {
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
    margin-top: 30px;
}

.static-content-body h2 {
    margin-top: 0;
}

.static-content-container .success-icon-row {
    margin-top: 65px;
}

.button-row {
    margin-bottom: 30px;
}

/*div.validation-error:after {*/
/*content: " ";*/
/*height: 20px;*/
/*width: 20px;*/
/*}*/

.question-text {
    margin-bottom: 0;
}

.small-note {
    font-size: 12px;
}

.answers-container {
    width: 50%;
    height: 300px;
    overflow-y: auto;
}

.checker {
    font-size: 14px;
    margin-bottom: 3px;
    border: 1px solid transparent;
    border-radius: 5px;
}

/*************************
onboarding - by peter
*************************/

.setup,
.greeting {
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: normal;
}

.greeting {
    text-align: left;
    padding: 30px 0 30px 0;
}

.setup {
    text-align: center;
}

.setup.bold {
    font-weight: bold;
}

.btn.btn-default.setup,
.btn.btn-success.setup {
    width: 80px;
}

.btn-success.btn[disabled] {
    opacity: 1;
    background: #ccc;
    border-color: #ccc;
}

.btn.btn-default.setup,
.btn.btn-success.setup,
.btn.btn-success.start {
    font-size: 20px;
    margin-top: 10px;
}

.btn.btn-success.start {
    margin: 30px auto 50px auto;
    display: block;
}

#pts-btn {
    margin: 10px auto 70px auto;
    display: block;
    float: none;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 30px;
}

.btn.btn-default.setup {
    background-color: #16273b;
    border-color: #16273b;
    color: #fff;
}

.btn.btn-default.setup:hover {
    background-color: #1a526a;
}

.btn.btn-success.setup {
    float: right;
}

.btn.btn-default.setup.btn-enrolled,
.btn.btn-success.setup.btn-enrolled {
    width: 120px;
}

.setup-txt {
    margin: 30px 0 30px 0;
}

.enrolled-txt {
    margin: 20px 0 0 0;
}

p.welcome-txt {
    margin-bottom: 20px;
}

h1.setup-header {
    padding: 0 0 15px 0;
}

.dot-box {
    float: right;
    margin: 10px 0 0 0;
}

.dot,
.dot-sel {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
}

.dot {
    background-color: #cee1c9;
}

.dot-sel {
    background-color: #00cd52;
}

.clearboth {
    clear: both;
}

.page-header.id-main,
.content-area.box.id-main {
    margin-bottom: 100px;
}

.phone-nr {
    display: block;
    color: #426089;
    margin: 15px 0 30px 0;

}

.phone-nr::-webkit-input-placeholder {
    color: #426089;
}

.phone-nr::-moz-placeholder {
    color: #426089;
}

.phone-nr:-moz-placeholder {
    color: #426089;
}

.phone-nr:-ms-input-placeholder {
    color: #426089;
}

.content-area.box.id-main {
    padding: 0 30px 30px 50px;
}

.points {
    background-color: #ffffff;
}

.modal-title.text-center.points {
    background-color: #ffffff;
    color: #162235;
    margin: 30px 0 0 0;
}

.green-txt {
    color: #00cd52;
    font-size: 36px;
    font-weight: bold;
    padding: 10px 0 0 0;
}

.modal-footer.points {
    border: none;
}

#verifyEmailCtaContent {
    margin-top: 150px;
}

.id-selected {
    background: #d93672;
    color: #ffffff;
    font-size: 14px;
    padding: 5px;
    margin-bottom: 8px;
    margin-right: 15px;
    border: 1px solid transparent;
    border-radius: 0;
}

.sel-txt {
    font-size: 14px;
    font-weight: bold;
}

.id-close {
    float: right;
    font-size: 17px;
    font-weight: 300;
    line-height: 1;
    color: #ffffff;
    text-shadow: 0 1px 0 #cacaca;
}

.id-close:hover,
.id-close:focus {
    color: #bfbfbf;
    text-decoration: none;
    cursor: pointer;
}

.srollbar {
    min-height: 101%;
}

.answers-container.js-checkbox-group.srollbar-top {
    overflow-y: scroll;
}

.answers-container.js-alerts-container.id-answer {
    /*width: auto;*/
    /*overflow-y: visible;*/
}

button.id-close {
    padding: 0;
    cursor: pointer;
    border: 0;
    -webkit-appearance: none;
}

.overflow-answer.srollbar {
    border: 1px solid #ddd;
    width: 100%;
    height: 231px;
    padding: 10px;
    overflow-y: scroll;
    margin: 0 0 40px 10px;
}

.overflow-answer.srollbar::-webkit-scrollbar,
.answers-container.js-checkbox-group.srollbar-top::-webkit-scrollbar {
    width: 7px;
    height: 0;
    background-color: #ddd;
}

.overflow-answer.srollbar::-webkit-scrollbar-thumb,
.answers-container.js-checkbox-group.srollbar-top::-webkit-scrollbar-thumb {
    background: #9d9d9d;
}

.overflow-answer.srollbar::-webkit-scrollbar-thumb:hover,
.answers-container.js-checkbox-group.srollbar-top::-webkit-scrollbar-thumb:hover {
    background: #878787;
}

.boy {
    float: left;
    padding: 0 0 10px 30px;
    height: 35px;
    background: url(/images/boy.png) no-repeat;
    background-size: auto 35px;
}

.girl {
    float: left;
    padding: 0 0 10px 30px;
    height: 35px;
    background: url(/images/girl.png) no-repeat;
    background-size: auto 33px;

}

.col-xs-2.head {
    width: unset;
}

.col-xs-2.child {
    width: 36px;
}

.custom-control.children {
    padding: 0 0 0 27px;
    margin: 0;
}

.form-group.children {
    padding: 0 0 0 10px !important;
}

.form-group.js-new-child {
    padding: 0 0 0 18px !important;
}

.form-group.js-children-birthday {
    /*padding: 0 0 0 0 !important;*/
}

.btn.btn-danger {
    border-radius: 0;
    background: #d93672;
    color: #ffffff;
    border-color: #d93672;
    margin-top: 3px;
}

.col-xs-9.children {
    padding-left: 0;
}

.cta-modal .modal-header .modal-title {
    font-weight: 400;
    padding: 20px 0 0 0;
}

.footer-nav {
    width: 200px;
}

/*************************
redeem pages and modals - peter
*************************/

.redemption {
    color: #fff;
}

.redeem-sub-txt {
    color: #fff;
    opacity: 0.8;
    padding-left: 11px;
}

.no-break {
    white-space: nowrap;
}

.redeem-flaot {
    float: none !important;
}

.redeem-separator {
    width: 1px;
    height: 100px;
    margin-top: 6px;
}

.redeem-update {
    font-size: 14px;
    padding-top: 10px;
}

.redeem-input {
    width: 300px !important;
}

.redeem-popup-title,
.redeem-popup-center {
    text-align: center;
    display: block !important;
    padding-left: 0 !important;
}

.redeem-center-adjust {
    padding-left: 20px;
}

.redeem-popup-title {
    padding-left: 0 !important;
    font-weight: bold;
}

.redeem-popup-center input[type="text"] {
    margin : 12px auto;
}

.redeem-link {
    padding-bottom: 20px;
    font-weight: bold;
}

.redeem-head {
    padding: 40px 0 0 20px !important;
}

.redeem-head-err {
    padding: 10px 0 0 20px !important;
}

.redeem-congrats {
    font-family: 'Pacifico', cursive;
    font-size: 24px;

}

.denomination {
    background: #ffffff;
    color: #666;
    border: 2px solid #ffffff !important;
}

.denomination:hover {
    border: 2px solid #00cd52 !important;
    background: #00cd52 !important;
    color: #ffffff !important;
}

.denomination.active {
    border: 2px solid #00cd52 !important;
    background: #ffffff !important;
    color: #00cd52 !important;
}

/*.denomination {*/
/*    border: 2px solid #00cd52 !important;*/
/*    background: #ffffff !important;*/
/*    color: #00cd52 !important;*/
/*}*/


.redeem-btn-group label {
    float: left;
    text-align: center !important;
    margin: 0 15px 15px 15px;
    font-size: 18px;
    padding: 9px;
    width: 52px;
    height: 47px;
}

.redeem-group {
    margin: 0 auto;
}

.fat-green {
    font-weight: bold;
    color: #00cd52;
}

.redeem-email-btn,
.modal-footer-center,
.redeem-footer {
    padding: 15px 0 20px 0;
}

.redeem-email-btn,
.modal-footer-center{
    text-align: center;
}


.modal-footer-center {
    border-top: 1px solid #d1d1d1;
}

.modal-footer-center.no-border {
    border: none !important;
    padding: 20px 0 25px 0 !important;
}

.green-box {
    border: 2px solid #00cd52;
    padding: 17px 0 10px 19px !important;
    /*color: #ee2a7b;*/
    margin: 10px 0 !important;;
}

.checkmark:after {
    content: '✔';
    position: absolute;
    width: 25px;
    height: 25px;
    text-align: center;
    border: 1px solid #00cd52;
    background: #00cd52;
    border-radius: 50%;
    color: #FFFFFF;
    margin: -2px 0 0 46%;
}


.try-it {
    color: #ee2a7b;
    font-size: 26px !important;
}

.checkmark.try-it-check:after {
    margin: 8px 0 0 -37px;
    border: 1px solid #ee2a7b;
    background: #ee2a7b;
}

.try-it-bullet li{
    margin: 3px 0 0 30px;
    font-size: 20px;
    list-style: none;
}

.try-it-main {
    margin-top: 18px !important;
}

.try-it-sub {
    font-size: 14px !important;
    padding: 0 0 0 0;
}

.verify-ticket {
    padding: 0 0 0 53px;
}

.modal-body.redeem-verify,
.modal-body.redeem,
.modal-body.redeem-form {
    font-size: 16px;
}

.modal-body.redeem,
.modal-body.redeem-form {
    padding: 9px 0 0 0 !important;
}

.redeem-allign-fix {
    padding-left: 0 !important;
}

#basicInfoForm label,
.redeem-form label{
    text-align: right;
}

.redeem-adjust input[type="email"] {
    font-size: 14px !important;
    width: 290px;
}

.unset-overflow,
.redeem-form input[type="email"],
.basic-info-adjustment input[type="email"] {
    text-overflow: unset !important;
}

.form-group.redeem-center-form {
    padding-left: 118px !important;
    /*padding-left: 140px !important;*/
}

.form-col.redeem-center-form {
    margin-right: 20px !important;
    padding-top: 9px;
}

.redeem-center-form {
    text-align: center;
}


.text-note.redeem {
    padding-left: 20px;
}

#top-err,
.top-err {
    /*border: 2px solid #ee2a7b;*/
    padding: 15px 15px 15px 0;
    /*color: #ee2a7b;*/
    margin: 0 20px 5px 0;
    border-radius: 0;
}

.err-row {
    padding: 10px;
    margin-bottom: 10px;
}

.text-box {
    background-color: #F6F6F6;
    width: 260px;
    height: 92px;
    border: 1px solid #EDEDED;
    padding: 7px;
    font-size: 15px !important;
    color: #989898;
    text-align: left;
}

.reduce-sized-btn,
.reduce-sized-btn-lg,
.reduce-sized-btn-auto {
    font-size: 18px !important;
    font-weight: bold;
    padding: 12px 20px !important;
}

.reduce-sized-btn {
    width: 200px;
}

.reduce-sized-btn-lg {
    width: 231px;
}

.tabs-secondary {
    margin-top: 10px;
}


.tabs-page {
    position: relative;
}

.tabs-page > .nav-tabs {
    position: relative;
    min-height: 50px;
    margin: 0;
    background: #fff;
    text-align: left;
    cursor: auto;
    border: none;
    z-index: 1;
}

.tabs-page > .nav-tabs li[role="presentation"] {
    display: inline-block;
    height: 50px;
    border: none;
}

.tabs-page > .nav-tabs li[role="presentation"]:not(:last-child) {
    padding-right: 22px;
}

.tabs-page > .nav-tabs li[role="presentation"] a[role="tab"] {
    height: 50px;
    margin: 0;
    padding: 0px;
    font-size: 15px;
    text-transform: none;
    text-align: center;
    letter-spacing: 0.25px;
    color: #BDC4D0;
    background: none;
    border: none;
    line-height: 50px;
    transition: color 0.3s ease, box-shadow 0.2s ease;
    padding-left: 10px;
    padding-right: 10px;
}

.tabs-page > .nav-tabs li[role="presentation"] a[role="tab"]:hover {
    color: #27BE7E;
}

.tabs-page > .nav-tabs li[role="presentation"].active a {
    color: #ccc;
    box-shadow: inset 0 -3px 0 #27BE7E;
    background: none;

}

.tabs-page > .nav-tabs li[role="presentation"].active a:hover, .tabs-page > .nav-tabs li[role="presentation"].active a:focus {
    background: none;
    border: none;
}

.redeem-block {
    text-align: center;
    background-color: #fff;
    margin: 10px;
    /*border-radius: 2px;*/
    border: 2px solid #f3f3f3;
    color: #353535;
    padding: 10px;
    -webkit-box-shadow: 0.2px 0.2px 11px 4px #f3f3f3;
    box-shadow: 0.2px 0.2px 11px 4px #f3f3f3;
}

.redeem-block button {
    padding: 12px 20px;
    margin: 20px;
    color: #ffffff;
}

.redeem-block button:hover {
    color: #ffffff;
}

.redeem-block button.amazon {
    background-color: #d93672;
}

.redeem-subtxt {
    padding: 7px 0 0 0;
    display: block;
}

.redeem-block button.paypal {
    /*background-color: #1d344c;  !*really dark blue*!*/
    background-color: #3a679b;
}

.redeem-block button.bank-transfer {
    background-color: #F5A623;

}

.close.redeem {
    padding-right: 7px;
}

button.paypal:hover:enabled {
    background-color: #282d51;
}

button.amazon:hover:enabled {
    background-color: #9a2f4d;
}

button.bank-transfer:hover:enabled {
    background-color: #bc7922;
}

.redeem-block.main {
    margin: 50px 10px 0px 10px;
}

.redeem-button {
    width: 230px;
    font-size: 18px;
    font-weight: bold;
}

.redeem-block .balance {
    font-size: 40px;
    color: #00cd52;
    font-weight: 700;
}

.balance {
    padding: 10px;
}

.redeem-verify-block {
    padding: 30px 25px 20px 25px;
    /*color: #FFB910;*/
    margin: 20px auto 20px auto;
    border: 2px solid #ee2a7b;
    width: 80%;
    position: relative;
}

.redeem-verify-block:after {
    content: '/';
    display: block;
    font-weight: bold;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    border: 1px solid #ee2a7b;
    background: #ee2a7b;
    border-radius: 50%;
    color: #FFFFFF;
}

.redeem-section {
    margin-bottom: 100px;
}

.disabled-block {
    pointer-events: none;
    opacity: 0.4;
}

.balance-history {
    margin: auto;
    width: 600px;
}

#redeem-call-queue{
    text-align: left;
    margin-top: 15px;
    font-size: 14px;
    display: none;
}

/*************************
profile questionnaire - by peter
*************************/

.jcf-select.jcf-unselectable.jcf-select-js-vehicle-year,
.jcf-select.jcf-unselectable.jcf-select-js-vehicle-make {
    min-width: 320px !important;
}

.form-group.selector-top {
    padding: 0 0 0 15px !important;
}

.form-group.selector {
    /*padding: 0px !important;*/
}


.question-text.selector {
    font-size: 20px;
    padding: 0 0 0 0;
    font-weight: bolder;
}

.answers-container.js-checkbox-group {
    border: 1px #dfdfdf solid;
    width: 420px;
    margin: 0 15px 0 0;
    padding: 15px 5px 10px 15px;
    overflow: scroll;
    min-height: 101%;
}

#scrollarea-invalid {
    overflow-y: scroll;
    height: 350px;
}

#scrollarea-content {
    min-height: 101%;
}

@media (min-width: 300px) {
    .payment-option {
        height: 195px;
    }

    .icn-wrap .align .payment-option-svg {
        height: 60%;
        width: 60%;
        padding-top: 20px;
        vertical-align: bottom;
    }

    .static-content-body {
        margin: 20px 5px;
    }

    .static-content-header {
        margin-left: 5px;
    }

    .static-content-container {
        margin-bottom: 30px;
    }
}

@media (min-width: 640px) {
    .popup-holder {
        position: relative;
        margin-top: -4px;
        margin-left: 1px;
    }

    .label-popup {
        padding: 43px 12px 15px;
        top: -3px;
        left: 100%;
        right: auto;
        bottom: auto;
        width: 252px;
        margin-left: 9px;
    }

    .label-popup:before {
        top: 7px;
        height: 0;
        width: 0;
        border-bottom: 7px solid transparent;
        border-right: 9px solid #d93672;
        border-top: 7px solid transparent;
        margin-right: -1px;
        right: 100%;
    }

    .registered-products .label-popup {
        left: auto;
        right: 100%;
        margin-right: 9px;
        margin-left: 0;
    }

    .registered-products .label-popup:before {
        border-left: 9px solid #d93672;
        border-right: 0;
        margin-left: -1px;
        margin-right: 0;
        left: 100%;
        right: 0;
    }

    .label-popup .close {
        right: 10px;
        top: 10x;
    }

    .badge-list {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);
    }

    .badge-list li {
        padding-left: 20px;
        padding-right: 20px;
        width: 33.333%;
    }

    .data-foot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px 1px 9px;
        background-color: transparent;
    }

    .page-view {
        padding-right: 9px;
        padding-top: 0;
        padding-left: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .types-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        width: 100%;
    }

    .modal .types-list {
        width: 100%;
        display: block;
        padding: 5px 0 0;
    }

    .modal .types-list li {
        padding: 0 26px;
        width: 100%;
    }

    .types-list li {
        width: 33.333%;
        padding: 0 10px;
    }

    .modal .item-select .icn-wrap .align {
        width: 100%;
    }

    .item-select .icn-wrap .align {
        width: 47%;
    }

    .item-select .btn-label {
        font-size: 15px;
        padding: 4px 10px;
    }

    .report dt {
        float: left;
        margin-right: 4px;
    }
}



@media (min-width: 768px) {

    .sign-up-form input[type="email"]::placeholder, .sign-up-form input[type="password"]::placeholder {
        visibility: hidden;
    }


    h1,
    .h1 {
        font-size: 36px;
    }

    .modal .btn-next {
        min-width: 135px;
        margin-left: 15px;
    }

    .modal .modal-header .close {
        position: static;
        margin-top: -9px;
        margin-right: 10px;
    }

    .modal .modal-footer {
        padding: 16px 10px 14px;
    }

    .modal .modal-footer.extra .btn-next {
        min-width: 186px;
    }

    .modal .modal-footer .btn {
        float: right;
    }

    .modal .modal-footer .btn + .btn {
        margin-left: 0;
        float: left;
    }

    .modal .modal-title {
        font-size: 30px;
        line-height: 1.1111111111;
        margin-bottom: 10px;
        margin-left: 10px;
    }

    .nav-item {
        margin-top: -20px;
    }

    .nav-item.icon {
        padding-left: -20px;
    }

    .surveyIcon {
        background-image: url('../../images/homepage/icon_surveys.svg');
        background-repeat: no-repeat;
        display: block;
        content: ' ';
        background-size: 15px 15px;
        height: 15px;
        width: 15px;
    }

    .helpIcon {
        background-image: url('../../images/homepage/icon_help.svg');
        background-repeat: no-repeat;
        display: block;
        content: ' ';
        background-size: 15px 15px;
        height: 15px;
        width: 15px;
        margin-left: 15px;
    }

    .me-label {
        width: 31px;
        white-space: nowrap;
    }

    .ribbon .col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding-left: 7px;
        padding-right: 7px;
        width: 42%;
    }

    .ribbon .col + .col {
        width: 58%;
        padding-left: 23px;
    }

    .ribbon .col.align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .ribbon .ribbon-holder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        width: calc(100% + 14px);
        margin-left: -7px;
        margin-right: -7px;
    }

    .ribbon .alert {
        padding: 22px 50px 23px 0;
    }

    .ribbon .close {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .rewards-status {
        background-color: #1d344c;
        color: #fff;
        width: 100%;
    }

    .status-col {
        padding: 12px 11px 7px;
    }

    .status-col:before {
        margin-top: -22px;
    }

    .page-header {
        /* min-height: 115px; */
        font-size: 16px;
        line-height: 1.25;
        padding: 14px 0;
    }

    .page-header h1,
    .page-header .h1 {
        margin: 0 0 1px;
        line-height: 1 !important;
    }

    .user-info {
        min-height: 188px;
        padding: 15px 15px 6px 20px;
        margin-left: 0;
        margin-right: 0;
    }

    .user-info .img-holder {
        float: none;
        position: absolute;
        top: 14px;
        left: 14px;
        border: 1px solid #d1d1d1;
        width: 100px;
        margin: 0;
    }

    .user-info h2,
    .user-info .h2 {
        margin: 0 0 13px;
    }

    .user-info address {
        margin-bottom: 0;
    }

    .user-info .wrap {
        margin-bottom: 15px;
        padding-top: 0;
    }

    .user-info .col {
        float: left;
        width: 48%;
    }

    .user-info .col + .col {
        float: right;
        width: 50%;
    }

    .user-info dl {
        margin: 0;
    }

    .update-links {
        /*padding-left: 0px;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .update-links li {
        width: 55%;
    }

    .update-links li {
        margin-bottom: 0px;
    }

    /*.update-links a {*/
    /*padding-left: 0;*/
    /*}*/
    /*.update-links a:before {*/
    /*display: none;*/
    /*}*/
    .two-columns {
        padding-top: 0;
    }

    .two-columns-xs-reverse .sidebar {
        margin-left: 0;
        margin-right: 0;
    }

    .tabset-xs-select li {
        margin-bottom: 15px;
        padding-left: 11px;
    }

    .tabset-xs-select li:before {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        right: auto;
    }

    .tabset-xs-select li.active:before {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
    }

    .tabset-xs-select li.active a {
        color: #535353;
        background-color: transparent;
    }

    .tabset-xs-select a {
        display: inline;
        padding: 0;
        background-color: transparent;
    }

    .tabset-xs-select a:hover {
        color: #158ec7;
        background-color: transparent;
    }

    .content-area {
        margin-left: 0;
        margin-right: 0;
    }

    .widget-tabset-nav {
        position: static;
        padding-left: 0;
        padding-right: 0;
    }

    .navSelect {
        border: 0;
        background-color: transparent;
    }

    .navSelect.op-slide {
        position: static !important;
    }

    .data-wrap .col[data-heading]:before,
    .data-headings .col[data-heading]:before {
        display: none;
    }

    .data-wrap .col + .col,
    .data-headings .col + .col {
        border-left: 1px solid #d1d1d1;
    }

    .data-wrap .col01,
    .data-headings .col01 {
        width: 25.6%;
    }

    .data-wrap .col01.col01-b,
    .data-headings .col01.col01-b {
        width: 24.8%;
    }

    .data-wrap .col01.col01-c,
    .data-headings .col01.col01-c {
        width: 34.6%;
    }

    .data-wrap .col02,
    .data-headings .col02 {
        width: 35%;
    }

    .data-wrap .col02.col02-b,
    .data-headings .col02.col02-b {
        width: 50.3%;
    }

    .data-wrap .col02.col02-c,
    .data-headings .col02.col02-c {
        width: 18.3%;
    }

    .data-wrap .col03,
    .data-headings .col03 {
        width: 16.6%;
    }

    .data-wrap .col03.col03-b,
    .data-headings .col03.col03-b {
        width: 24.5%;
    }

    .data-wrap .col03.col03-c,
    .data-headings .col03.col03-c {
        width: 19.7%;
    }

    .data-wrap .col04,
    .data-headings .col04 {
        width: 22.8%;
    }

    .data-wrap .col04.col04-c,
    .data-headings .col04.col04-c {
        width: 27.4%;
    }

    .data-body .data-wrap {
        padding-bottom: 0;
    }

    .data-body .data-wrap .col {
        min-height: 55px;
        padding-top: 17px;
        padding-bottom: 7px;
    }

    .not-registered {
        padding: 0;
        min-height: 142px;
    }

    .not-registered .align {
        padding: 20px 0 9px;
    }

    .types-list {
        padding: 0 9px;
    }

    .modal .types-list {
        padding: 8px 0 0;
        width: 100%;
    }

    .modal .types-list li {
        padding: 0 26px;
        width: 100%;
    }

    .item-select {
        margin-bottom: 13px;
    }

    .item-select.item-selected:after,
    .item-selected .item-select:after {
        margin-top: -1px;
        margin-left: -6px;
        width: 20px;
        height: 8px;
        border-width: 0 0 2px 2px;
    }

    .item-select.item-selected:before,
    .item-selected .item-select:before {
        margin-top: 4px;
        margin-left: 4px;
        width: 30px;
        height: 30px;
    }

    .modal .item-select .icn-wrap {
        min-height: 130px;
    }

    .modal .item-select .icn-wrap .align {
        width: 86%;
    }

    .item-select .icn-wrap {
        min-height: 109px;
    }

    .item-select .icn-wrap .align {
        padding: 12px 5px 5px;
        width: 38%;
    }

    .statuses-extra-wrap {
        /*position: absolute;*/
        right: 0;
        width: 50%;
        top: 24px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        margin-bottom: 0;
        margin-top: 0;
    }

    .statuses-extra-wrap .title {
        margin-right: 0;
    }

    .statuses-list {
        width: auto;
    }

    .statuses-list li {
        margin-bottom: 0;
    }

    .registered-products th {
        padding: 0 9px 3px;
    }

    .registered-products td {
        padding: 8px 4px 11px;
    }

    .registered-products .col01 {
        width: 16.63%;
    }

    .registered-products .col02 {
        width: 24.82%;
    }

    .registered-products .col05 {
        width: 21.92%;
    }

    .registered-products .col07 {
        width: 16.41%;
    }

    .registered-products .col08 {
        width: 11.61%;
    }

    .registered-products .col09 {
        width: 8.61%;
    }

    .no-surveys {
        min-height: 350px;
    }

    .items-holder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        padding: 11px 7px 0;
    }

    .items-holder .col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .survey-item-box {
        padding-top: 4px;
    }

    .survey-item-box .info-head {
        margin-bottom: 2px;
    }

    .survey-item-box .info-col {
        padding: 0 9px;
    }

    .survey-item-box .alignleft {
        width: 60%;
    }

    .survey-item-box .alignright {
        width: 36.8%;
    }

    .survey-item-box .offer-circle {
        width: 101px;
        height: 101px;
        font-size: 24px;
        margin-bottom: 0;
    }

    .survey-item-box .wrap {
        padding: 0 11px;
    }

    .survey-item-box .info-foot {
        height: 45px;
        padding: 8px 0 0 0;
        font-size: 20px;
    }

    .survey-item-box h2,
    .survey-item-box .h2 {
        font-weight: normal;
    }

    .profile-box .complete-text {
        font-size: 24px;
    }

    .profile-box .complete-text:before {
        -webkit-transform: rotate(-53deg) translate(3px, -3px);
        -ms-transform: rotate(-53deg) translate(3px, -3px);
        transform: rotate(-53deg) translate(3px, -3px);
        margin-top: 13px;
        margin-bottom: 11px;
        width: 25px;
        height: 15px;
    }

    .profile-box .offer-circle {
        width: 101px;
        height: 101px;
        font-size: 100%;
        margin-bottom: 3px;
    }

    .profile-box .wrap {
        padding-top: 8px;
    }

    .profile-box .info-foot {
        padding: 4px 10px 3px;
    }

    .profile-box h2,
    .profile-box .h2 {
        font-size: 16px;
        font-weight: normal;
    }

    .profile-box .icn-wrap {
        width: 32px;
        height: 32px;
    }

    .widget-head {
        padding: 10px 9px;
        min-height: 65px;
    }

    .widget-head .col {
        float: none;
        margin-bottom: 7px;
    }

    .widget-head .col + .col {
        float: none;
    }

    .btn-redeem {
        padding: 6px 11px;
    }

    .no-rewards {
        min-height: 172px;
    }

    .no-rewards .align {
        padding-top: 10px;
        padding-bottom: 40px;
    }

    .report {
        margin: 0;
    }

    .modal-payment.modal-profile .modal-footer {
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .modal-payment.modal-profile .modal-footer:after,
    .modal-payment.modal-profile .modal-footer:before {
        display: none;
    }

    .modal-payment.modal-profile .btn-back,
    .modal-payment.modal-profile .btn-next {
        min-width: 135px;
    }

    .modal-payment.modal-profile .bar-holder {
        width: 100%;
        max-width: 219px;
        padding-top: 11px;
        margin-bottom: 0;
    }

    .modal-payment.modal-profile .order1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .modal-payment.modal-profile .order2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .modal-payment.modal-profile .order3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .modal-payment.modal-profile .progress-label {
        padding-top: 9px;
    }

    /*.modal-payment .modal-body {*/
    /*min-height: 221px;*/
    /*}*/
    .modal-payment .check-update .form-group {
        margin-bottom: 0;
    }

    .modal-payment .form-group {
        padding-top: 6px;
        padding-left: 20px;
        margin-bottom: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        width: 100%;
    }

    .modal-payment .jcf-select,
    .modal-payment .form-control {
        /*margin-top: 1px;*/
    }

    .modal-payment label {
        font-weight: 400;
    }

    .modal-payment .form-col {
        margin-right: 46px;
        width: 150px;
    }

    .modal-payment .form-col + .form-col {
        width: calc(100% - 235px);
        margin-right: 0;
    }

    .form-col.redeem-adjust {
        width: unset !important;
    }

    .modal-payment .form-col.container {
        margin: 0px;
        padding: 0px;
        width: 96%;
    }

    .modal-payment .form-col.container .row {
        padding-bottom: 5px;
    }

    .modal-payment .inline-select-group .jcf-select {
        width: auto;
    }

    #basicInfoForm input[type="text"],
    .redeem-state {
        width: 212px;
    }

    .basic-info-adjustment input[type="text"] {
        width: 439px !important;
    }

    .basic-info-adjustment #city {
        width: 212px !important;
    }

    .modal-payment .recaptcha {
        text-align: left;
    }

    #header .header-holder {
        padding-top: 11px;
    }

    .logo {
        width: 130px;
        margin-top: 5px;
    }

    .navbar-right .dropdown-menu:before,
    .navbar-right .dropdown-menu:after {
        left: 100%;
        -webkit-transform: translateX(-23px);
        -ms-transform: translateX(-23px);
        transform: translateX(-23px);
    }

    .nav-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        float: none;
        margin: 0 auto;
        width: 100%;
    }

    .main-navigation .dropdown-menu {
        -webkit-transform: translateY(18px);
        -ms-transform: translateY(18px);
        transform: translateY(18px);
        top: 20px;
    }

    .main-navigation > li {
        margin-left: 14px;
    }

    .main-navigation > li + li {
        border-top: 0;
    }

    .main-navigation > li.hover > a,
    .main-navigation > li.active > a,
    .main-navigation > li > a:focus,
    .main-navigation > li > a:hover,
    .main-navigation > li > a:active,
    .footer-nav > ul > li.hover > a,
    .footer-nav > ul > li.active > a,
    .footer-nav > ul > li > a:focus,
    .footer-nav > ul > li > a:hover,
    .footer-nav > ul > li > a:active {
        color: #158ec7;
        background-color: transparent;
    }

    .main-navigation > li > a {
        color: #3a679b;
        display: inline;
        padding: 0 0 0 18px;
    }

    .main-navigation > li.has-drop-down {
        -webkit-transition: padding-bottom .5s ease, margin-bottom .5s ease;
        transition: padding-bottom .5s ease, margin-bottom .5s ease;
    }

    .main-navigation > li.has-drop-down.hover {
        padding-bottom: 21px;
        margin-bottom: -21px;
    }

    .main-navigation > li.has-drop-down > a {
        padding-right: 0;
    }

    #footer {
        padding-bottom: 36px;
    }

    #footer .extra-wrap {
        padding-left: 11px;
    }

    .footer-nav ul {
        margin-bottom: 0;
    }

    .footer-nav li {
        margin-bottom: 7px;
    }
}

@media (min-width: 992px) {
    .static-content-header {
        margin-left: 15px;
    }

    .static-content-container {
        margin: 20px auto 70px auto;
        width: 941px;
        /* min-height: 513px; */
    }

    .static-content-body {
        margin: 0 100px;
    }

    .form-error-message {
        margin-left: 10px;
        display: inline-block;
    }

    .form-select-error-message {
        position: absolute;
        top: 8px;
        margin-left: 13px;
    }

    .form-multiselect-error-message {
        position: absolute;
        top: 8px;
        margin-left: 268px;
    }

    .icn-wrap .align .payment-option-svg {
        height: 80%;
        width: 80%;
        padding-top: 20px;
        vertical-align: bottom;
    }

    .payment-option {
        height: auto;
    }

    .modal .modal-footer.extra {
        padding-right: 46px;
    }

    .ribbon .col {
        width: 32%;
    }

    .ribbon .col + .col {
        width: 68%;
    }

    .status-col .wrap {
        width: auto;
    }

    .user-info {
        padding: 15px 15px 6px 15px;
    }

    .user-info .img-holder {
        width: 132px;
    }

    .user-info .wrap-col {
        float: left;
        width: 57%;
    }

    .user-info .wrap-col + .wrap-col {
        width: 43%;
        float: right;
    }

    .user-info .col {
        width: 62%;
    }

    .user-info .col + .col {
        width: 36.4%;
    }

    .badge-list {
        margin-left: -17px;
        margin-right: -17px;
        width: calc(100% + 34px);
    }

    .badge-list li {
        width: 25%;
        padding-left: 29px;
        padding-right: 29px;
    }

    .data-wrap .col01,
    .data-headings .col01 {
        width: 18.6%;
    }

    .data-wrap .col01.col01-b,
    .data-headings .col01.col01-b {
        width: 20.8%;
    }

    .data-wrap .col01.col01-c,
    .data-headings .col01.col01-c {
        width: 32.4%;
    }

    .data-wrap .col02,
    .data-headings .col02 {
        width: 51%;
    }

    .data-wrap .col02.col02-b,
    .data-headings .col02.col02-b {
        width: 57.3%;
    }

    .data-wrap .col02.col02-c,
    .data-headings .col02.col02-c {
        width: 23.5%;
    }

    .data-wrap .col03,
    .data-headings .col03 {
        width: 11.6%;
    }

    .data-wrap .col03.col03-b,
    .data-headings .col03.col03-b {
        width: 21.9%;
    }

    .data-wrap .col03.col03-c,
    .data-headings .col03.col03-c {
        width: 22.8%;
    }

    .data-wrap .col04,
    .data-headings .col04 {
        width: 18.8%;
    }

    .data-wrap .col04.col04-c,
    .data-headings .col04.col04-c {
        width: 21.3%;
    }

    .modal .types-list {
        padding: 8px 26px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .modal .types-list li {
        padding: 0 17px;
        width: 33.333%;
        display: block;
    }

    .types-list li {
        padding: 0 20px;
    }

    .item-select.item-selected:after,
    .item-selected .item-select:after {
        margin-top: -9px;
        margin-left: -21px;
        width: 30px;
        height: 18px;
        border-width: 0 0 3px 3px;
    }

    .item-select.item-selected:before,
    .item-selected .item-select:before {
        margin-top: 4px;
        margin-left: -6px;
        width: 50px;
        height: 50px;
    }

    .modal .item-select .icn-wrap .align {
        width: 100%;
    }

    .item-select .btn-label {
        font-size: 18px;
        font-weight: normal;
    }

    .statuses-extra-wrap {
        position: absolute;
        right: 0;
        width: 50%;
        top: 15px;
        padding: 0 14px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 0;
    }

    .statuses-list {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .registered-products .col01 {
        width: 14.02%;
    }

    .registered-products .col02 {
        width: 22.32%;
    }

    .registered-products .col05 {
        width: 20.42%;
    }

    .registered-products .col06 {
        width: 14.61%;
    }

    .registered-products .col07 {
        width: 12.41%;
    }

    .registered-products .col08 {
        width: 9.61%;
    }

    .registered-products .col09 {
        width: 6.61%;
    }

    .no-surveys {
        min-height: 496px;
    }

    .modal-payment.modal-profile .bar-holder {
        max-width: 389px;
    }

    .modal-payment .form-group {
        /*padding-left: 88px;*/
    }

    .modal-payment .jcf-select,
    .modal-payment .form-control,
    .multiselect {
        /*width: 100%;*/
    }

    .modal-payment .form-col.error {
        /*display: -webkit-box;*/
        /*display: -ms-flexbox;*/
        /*display: flex;*/
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .modal-payment .input-error {
        padding-top: 10px;
        padding-left: 15px;
        margin-top: 0;
        margin-bottom: 0;
        width: 50%;
    }

    .logo {
        width: 130px;
    }

    .redeem-coin-width {
        border-right: 1px solid #e0e0e0;
    }
}

@media (min-width: 1161px) {
    :root .custom-control input + .indicator {
        margin-left: 20px;
    }

    .custom-control input + .indicator.id-profile {
        margin-left: -25px;
    }

    #main {
        padding-bottom: 33px;
    }

    .user-info .social-networks {
        padding-top: 7px;
    }

    .user-info .social-networks li {
        margin-right: 14px;
    }

    .modal .btn-next {
        min-width: 186px;
    }

    .modal .modal-content {
        font-size: 18px;
        line-height: 1.3333333333;
    }

    .ribbon .col + .col {
        padding-left: 29px;
    }

    .status-col {
        padding: 8px 16px 6px;
    }

    .status-col:before {
        margin-left: -1px;
    }

    .page-header {
        font-size: 18px;
        line-height: 1.3333333333;
        /* min-height: 123px; */
    }

    .user-info {
        padding: 15px 15px 11px 20px;
    }

    .user-info .img-holder {
        width: 153px;
        left: 9px;
        top: 17px;
    }

    .user-info .wrap-col {
        width: 43.9%;
    }

    .user-info .wrap-col + .wrap-col {
        width: 35%;
        /*float: left;*/
    }

    .user-info .col {
        width: 59%;
    }

    .user-info .col + .col {
        width: 26%;
    }

    .update-links {
        display: block;
    }

    .update-links li {
        margin-bottom: 5px;
        width: auto;
    }

    .label-popup {
        top: -5px;
    }

    .tab-content .badge-list {
        margin-bottom: -7px;
    }

    .badge-list li {
        padding-left: 23px;
        padding-right: 23px;
        width: 20%;
    }

    .data-wrap .col01,
    .data-headings .col01 {
        width: 29%;
    }

    .data-wrap .col01.col01-b,
    .data-headings .col01.col01-b {
        width: 23.5%;
    }

    .data-wrap .col01.col01-c,
    .data-headings .col01.col01-c {
        width: 35.6%;
    }

    .data-wrap .col02,
    .data-headings .col02 {
        width: 41.7%;
    }

    .data-wrap .col02.col02-b,
    .data-headings .col02.col02-b {
        width: 52%;
    }

    .data-wrap .col02.col02-c,
    .data-headings .col02.col02-c {
        width: 23.3%;
    }

    .data-wrap .col03,
    .data-headings .col03 {
        width: 10.2%;
    }

    .data-wrap .col03.col03-b,
    .data-headings .col03.col03-b {
        width: 24.5%;
    }

    .data-wrap .col03.col03-c,
    .data-headings .col03.col03-c {
        width: 22.7%;
    }

    .data-wrap .col04,
    .data-headings .col04 {
        width: 19.1%;
    }

    .data-wrap .col04.col04-c,
    .data-headings .col04.col04-c {
        width: 18.4%;
    }

    .data-foot .pagination-sm,
    .data-foot .pagination {
        padding-top: 4px;
        margin-left: 10px;
    }

    .types-list {
        padding: 0 11px;
    }

    .modal .types-list {
        padding: 8px 26px 0;
    }

    .modal .types-list li {
        padding: 0 17px;
    }

    .types-list li {
        padding: 0 26px;
    }

    .item-select {
        margin-bottom: 15px;
    }

    .modal .item-select .icn-wrap {
        min-height: 130px;
    }

    .modal .item-select .icn-wrap .align {
        width: 100%;
    }

    .modal .item-select .btn-label {
        padding: 7px 10px;
    }

    .item-select .icn-wrap {
        min-height: 133px;
    }

    .item-select .icn-wrap .align {
        padding: 5px;
        width: 100%;
    }

    .item-select .btn-label {
        padding: 7px 10px;
    }

    .registered-products .col01 {
        width: 10.32%;
    }

    .registered-products .col02 {
        width: 17.64%;
    }

    .registered-products .col03 {
        width: 13.42%;
    }

    .registered-products .col04 {
        width: 14.32%;
    }

    .registered-products .col05 {
        width: 10.42%;
    }

    .registered-products .col06 {
        width: 11.22%;
    }

    .registered-products .col07 {
        width: 10.52%;
    }

    .registered-products .col08 {
        width: 7.22%;
    }

    .registered-products .col09 {
        width: 5.02%;
    }

    .no-surveys {
        min-height: 596px;
    }

    .items-holder {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .survey-item-box {
        padding-top: 10px;
    }

    .survey-item-box .info-head {
        margin-bottom: 15px;
    }

    .survey-item-box .info-col {
        padding: 0 12px;
    }

    .survey-item-box .alignleft {
        width: 60%;
    }

    .survey-item-box .alignright {
        width: 40%;
    }

    .survey-item-box .offer-circle {
        width: 122px;
        height: 122px;
        font-size: 30px;
        margin-bottom: 5px;
    }

    .survey-item-box .wrap {
        padding: 0 15px 3px;
    }

    .survey-item-box h2,
    .survey-item-box .h2 {
        font-size: 18px;
        margin-bottom: 1px;
    }

    .profile-box .complete-text:before {
        margin-top: 16px;
        margin-bottom: 17px;
        width: 30px;
        height: 18px;
    }

    .profile-box .offer-circle {
        width: 122px;
        height: 122px;
        font-size: 20px;
    }

    .profile-box h2,
    .profile-box .h2 {
        font-size: 18px;
        margin-bottom: 1px;
    }

    .profile-box .icn-wrap {
        width: 39px;
        height: 39px;
    }

    .widget-head .col {
        float: left;
    }

    .widget-head .col + .col {
        float: right;
    }

    .text-notification {
        padding-top: 8px;
    }

    .text-notification.text-lg-right {
        text-align: right;
    }

    .report dd .element-block {
        margin-bottom: 4px;
    }

    #footer .extra-wrap {
        padding-left: 18px;
    }


    .redeem-block {
        padding: 20px;
    }
}

@media (max-width: 767px) {

    body .profile-box .offer-circle {
        font-size: 70%;
    }

    .redeem-form label{
        text-align: left;
    }

    .verify-ticket {
        padding: 0 0 0 10px;
    }

    footer#footer {
        text-align: center !important;
    }

    .footer-nav {
        margin: 20px auto;
    }
    .footer-nav ul {
        flex-direction: column;
        align-items: center;
    }

    .footer-nav li {
        padding-right: 0;
    }

    .footer-nav li:last-child {
        margin-bottom: 0;
    }

    #footer .social-networks li {
        margin: 0 10px 20px;
    }

    #footer .copywrite {
        text-align: center;
    }

    .text-dt-center-mb-left {
        text-align: left;
    }

    .col-xs-relative {
        position: relative;
    }

    .col-xs-static {
        position: static;
    }

    .scroll-iframe-wrapper {
        -webkit-overflow-scrolling: touch !important;
        overflow-y: auto !important;
    }

    .modal .modal-dialog {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    .modal .modal-header {
        padding: 32px 3px 0;
    }

    .modal .modal-footer .btn {
        /*display: block;*/
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }

    .modal .modal-footer .btn + .btn {
        margin-left: auto;
        margin-right: auto;
    }

    .survey-item-box .info-foot br {
        display: none;
    }

    .user-info address a[href^="mailto:"] {
        font-weight: 400;
    }

    .label-head .cols-holder .col6.col6-xs-12 {
        width: 100%;
    }

    .two-columns.two-columns-xs-reverse {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .two-columns.two-columns-xs-reverse:before,
    .two-columns.two-columns-xs-reverse:after {
        display: none;
    }

    .two-columns .order-xs-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .two-columns .order-xs-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .navSelect {
        margin-top: -8px !important;
        padding-top: 15px;
    }

    .navbar-nav .caret,
    .main-navigation .caret,
    .navbar-nav
    .dropup .caret,
    .main-navigation
    .dropup .caret,
    .navbar-nav
    .navbar-fixed-bottom .dropdown .caret,
    .main-navigation
    .navbar-fixed-bottom .dropdown .caret {
        font-size: 12px;
        height: 12px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        right: 10px;
    }

    .main-navigation > li.hover a.open .caret,
    .navbar-nav > li.hover .caret,
    .main-navigation > li.hover
    .dropup .caret,
    .navbar-nav > li.hover
    .dropup .caret,
    .main-navigation > li.hover
    .navbar-fixed-bottom .dropdown .caret,
    .navbar-nav > li.hover
    .navbar-fixed-bottom .dropdown .caret {
        -webkit-transform: rotate(180deg) translateY(25%);
        -ms-transform: rotate(180deg) translateY(25%);
        transform: rotate(180deg) translateY(25%);
        top: auto;
    }

    .main-navigation > li.hover.open .caret {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        top: auto;
    }

    #product-review-menu .caret {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: auto;
    }

    .main-navigation .dropdown-menu {
        border: 0;
        background-color: transparent;
        box-shadow: none;
        position: static;
        /* max-height: 0; */
        overflow: hidden;
        padding: 0;
        min-width: 1px;
        width: 100%;
        float: none;
    }

    .main-navigation .dropdown-menu > li:first-child {
        border-top: 1px solid #d1d1d1;
    }

    .main-navigation .dropdown-menu > li.hover > a {
        background-color: #035b84;
        color: #fff;
    }

    .main-navigation .dropdown-menu > li.active > a {
        background-color: #035b84;
        color: #fff;
    }

    .main-navigation .dropdown-menu > li > a {
        color: #fff;
        padding-left: 34px;
        padding-right: 34px;
    }

    .main-navigation .dropdown-menu > li > ul > li > a {
        color: #fff;
        padding-left: 68px;
        padding-right: 68px;
    }

    .main-navigation .dropdown-menu > li > a:active {
        color: #fff;
        background-color: #035b84;
    }

    .navbar-nav .dropdown-menu:after,
    .navbar-nav .dropdown-menu:before,
    .main-navigation .dropdown-menu:after,
    .main-navigation .dropdown-menu:before {
        display: none;
    }

    .main-navigation li.hover .dropdown-menu {
        max-height: none;
        overflow-y: auto;
    }

    .dropdown-backdrop {
        z-index: -1;
    }

    .navbar-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        float: right;
    }

    .navbar-nav > li + li {
        border-top: 1px solid #d1d1d1;
    }

    .navbar-nav .dropdown-toggle {
        padding-right: 45px;
    }

    .navbar-nav .dropdown-menu {
        border-top: 1px solid #d1d1d1;
        padding: 0;
    }

    .navbar-nav .dropdown-menu > li:first-child {
        border-top: 1px solid #d1d1d1;
    }

    .navbar-nav .dropdown-menu > li + li {
        border-top: 1px solid #d1d1d1;
    }

    #nav:not(.homepage) {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 11;
        background-color: #00cd52;
        overflow-x: hidden;
        overflow-y: auto;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 50% 50% 0;
        -ms-transform-origin: 50% 50% 0;
        transform-origin: 50% 50% 0;
        -webkit-transition: all .35s ease;
        transition: all .35s ease;
    }

    #nav:not(.homepage) .main-navigation {
        display: block;
    }

    #nav:not(.homepage) .main-navigation  li > a {
        padding: 10px 20px;
    }

    .nav-active #nav {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .rewards-status {
        border-bottom: 1px solid #FFFFFF;
    }

    .rewards-status .status-col {
        padding: 12px 11px 0;
    }

    .status-col:before {
        margin-top: -31px;
    }

    .rewards-status .center-text {
        padding: 10px 10px 0 10px;
    }

    .center-text.red-disclaim {
        padding-bottom: 12px;
    }

    .rewards-status .text-info {
        color: #FFFFFF;
    }

    #alert-ribbon {
        min-height: 125px;
    }

    .tabset-xs-select li {
        border-top: 1px solid #D1D1D1;
    }

    .registered-products .label-popup {
        right: 95%;
        left: auto;
        width: 222px;
    }

    .registered-products .label-popup:before {
        top: 7px;
        height: 0;
        width: 0;
        border-bottom: 7px solid transparent;
        border-left: 9px solid #705cbd;
        border-top: 7px solid transparent;
        margin-left: -1px;
        left: 100%;
    }

    .sign-up-form input[type="text"],
    .sign-up-form input[type="email"],
    .sign-up-form input[type="tel"],
    .sign-up-form input[type="password"],
    .sign-up-form textarea {
        width: 100%;
    }

    .answers-container {
        width: 100%;
    }


    .btn.btn-success.btn-next {
        margin: 15px 3px 30px 0;
        float: right;
    }

    .redeem-verify-block .btn.btn-success.btn-next,
    .modal-footer-center .btn.btn-success.btn-next {
        float: none;
    }

    .btn.btn-default.btn-default-profile.order1.btn-lg.btn-back,
    .btn.btn-default.order1.btn-lg.btn-back {
        float: left;
        margin: 15px 0 30px 3px;
    }

    .btn-next,
    .btn-back {
        min-width: 150px !important;
        height: 42px !important;
        font-size: 20px !important;
    }

    h1 {
        font-size: 22px;
        margin:  0 0 0 0;
        padding: 5px;
    }

    .dot-box {
        margin: 10px 0 10px 0;
    }

    .input-wrapper,
    .jcf-select.jcf-unselectable {
        width: 200px !important;
    }

    .form-group.js-children-birthday .jcf-select.jcf-unselectable {
        width: 80px !important;
    }

    .input-wrapper.full-width {
        width: 100% !important;
    }

    .inline-select-group.birthday-select .jcf-select.jcf-unselectable {
        width: 90px !important;
    }


    .form-group.children .jcf-select {
        /*margin-left: 15px;*/
    }

    .row.bd-row .jcf-select.jcf-unselectable {
        /*width: 65px !important;*/
    }

    .row.bd-row .col-xs-4 {
        /*width: 127px !important;*/
        /*margin-right: 10px;*/
    }

    .row.bd-row .jcf-select-opener,
    .row.bd-row .jcf-select-text {
        /*font-size: 10px;*/
    }

    .row.bd-row .jcf-select {
        /*height: 25px;*/
    }

    .row.js-birthday-group {
        font-size: 13px;
    }

    body.reg-path .account-registration-form h1 {
        margin-bottom: 15px !important;
    }

    .account-registration-form .inline-select-group.birthday-select {
        width: unset !important;
    }

    .account-registration-form .inline-select-group.birthday-select > div{
        width: 90px !important;
        display: inline-flex;
        margin-right: 30px;
        vertical-align: top;
    }

    .complete-reg {
        padding: 10px;
    }

    .answers-container.js-checkbox-group,
    .overflow-answer.srollbar {
        width: unset;
    }

    .modal-payment.modal-profile .progress {
        margin-bottom: inherit;
    }

    .answers-container.js-checkbox-group {
        margin: 0 15px 10px 0;
    }

    .form-error-message {
        word-wrap: break-word;
        display: inline-block;
        max-width: 100%;
    }

    .address-signup,
    .street-address-container,
    .account-registration-form.step-5#firstName,
    .account-registration-form.step-5#lastName,
    .account-registration-form.step-5#password {
        text-align: center;
    }



    .modal .modal-title {
        font-size: 24px;
    }

    .modal-title {
        margin: 0 0 0 10px;
        padding: 0 0 10px 0;
    }

    .question-text.selector {
        font-size: 18px;
    }

    .children-radio {
        display: inline-block;
    }

    .row-boy {
        margin-right: 30px;
    }

    .row-girl {
        margin-right: 30px;
    }

    .row.col-xs-5.row-girl,
    .row.col-xs-5.row-boy {
        width: 93%;
    }

    .form-group.children {
        padding: 0;
    }

    #basicInfoModalContent .input-wrapper,
    #basicInfoModalContent .jcf-select.jcf-unselectable {
        width: unset !important;
    }

    .overflow-answer.srollbar {
        margin: 0;
    }

}

.carousel-indicators {
    text-align: center;
    float: right;
    left: 5% !important;
    right: inherit;
}

.carousel-indicators li {
    background-color: #999;
    background-color: rgba(70, 70, 70, 0.25);
}

.carousel-indicators .active {
    background-color: #444;
}

#carousel-surveys {
    margin-right: 15px;
}

#carousel-surveys .survey-item-box .info-foot {
    background-color: #00cd52;
    color: #fff;
    overflow: hidden;
    border-radius: 22px;
    text-align: center;
    width: 200px;
    border: none;
    cursor: pointer;
    margin: auto;
    color: #fff;
    margin-bottom: 10px;
}

/**
* Tooltip Styles
*/

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 160px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.input-tooltip {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    line-height: 21px;
    text-align: center;
    background: #73798b;
    margin: 5px;
}