.alert {
    border-radius: 0;
    font-size: 14px;
    line-height: 20px;
}
.bp-alert {
    background-color: #02ECE5;
    color: #442135;
}
.btn.wrap {
    max-width: 100%;
    white-space: normal;
}
.showHidePassword {
    position: absolute;
    right:10px; top:35px;
    color:#B7B7B7;
    font-size: 22px;
    cursor: pointer;
}
.form-group-lg .showHidePassword {
    top:40px;
}

.image-checkbox {
    position: absolute;
    left: 25px;
    opacity: 0;
}
.image-checkbox-label {
    height: 20px;
    background: url('/img/checkbox.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.image-checkbox:checked + .image-checkbox-label {
    background: url('/img/checkbox-checked.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.checkbox label {
    padding-left: 30px;
}


.image-radio {
    position: absolute;
    left: 25px;
    opacity: 0;
}
.image-radio-label {
    height: 20px;
    background: url('/img/radio.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.image-radio:checked + .image-radio-label {
    background: url('/img/radio-checked.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.image-radio.image-radio-transparent:checked + .image-radio-label {
    background: url('/img/radio-checked-colored.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.radio label {
    padding-left: 30px;
}
label a {

}

.typeahead__cancel-button {
    display: none;
}


.time-duration-picker-content {
    border-radius: 10px !important;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    border: 0 !important;
    padding:10px;
}
.time-duration-picker-content input {
    border-radius: 50px;
    border:1px solid #efefef;
    text-align: center;
}


.showPassword {
    position: absolute;
    right:8px;top:35px;
    color:#999;
    cursor: pointer;
}


.whiteText {
    color: #FFF;
}
.btn {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.onboardingSlides {
    background-image: url('/img/home/backOnbaording.png');
    background-size: cover;
    background-position: center center;
}
.onboardingSlides h3 {
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 34px;
}
.homeOnboarding {
    color:#95435E;
}
@media screen and (max-width: 768px) {
    .homeOnboarding {
        margin:20px 0;
    }
}
.homeOnboarding .img-circle {
    width: 210px;
}
.toqueDivider {
    margin-top: -80px;
}
.vollkorn, .vollkorn p {
    font-family: 'Vollkorn';
    font-style: italic;
    margin-bottom: 0; padding-bottom: 0;
}
.appStores {
    padding-top: 10%;
    z-index: 2;
    position: relative;
}
.appStores a {
    width: 150px;
    margin-bottom: 15px;
    display: inline-block;
}
.appStores a img {
    width: 100%;
    height: auto;
}
.quoteFont {
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.05em;

    padding-bottom: 1em;
}
.quoteFont em {
    font-weight: 300;
}
.appImage {
    margin-top:-40px; margin-bottom: -170px; z-index: 1; position:relative;
    margin-left: -100px;
    width: calc(100% + 100px);
    max-width: none !important;
}
.appImage.noBottomOverlay {
    margin-bottom: -100px;
}
@media screen and (max-width: 768px) {
    .appImage {
        margin-top: -140px;
        margin-bottom: -130px;
        right: -130px;
        width: 100%;
    }
}

#videoSection .videoHolder {
    padding:0 40px;
}
@media screen and (max-width: 768px) {
    #videoSection .videoHolder {
        padding:0;
    }
}
#downloadAppSecion h1,#downloadAppSecion h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 64px;
    line-height: 62px;
    /* or 97% */


    /* Chocolate Black */

    color: #442135;
}
#aboutBapachoSection h1,#aboutBapachoSection h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 64px;
    line-height: 62px;
    /* or 97% */


    /* Bapacho */

    color: #95435E;
}
#aboutBapachoSection p, #suggestSection p {
    color: #95435E;
}

#paragraphSpacer {
    height: 20px;
}

.labelStyle {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    /* identical to box height */

    letter-spacing: 0.25em;
    text-transform: uppercase;

    color:#442135;
}

span.label.label-rounded {
    background-color: #F0DCDC;
    border-radius: 20px;
    font-size: 8px;
    padding:8px 10px;
    color:#95435E;
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 14px 16px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 6px;
}


#newsletterSection {
    background-color: #CA9E9E;
    padding:40px 0;
}
#newsletterSection .form-control {
    font-family: 'Ubuntu';
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #D6D4D6;
    box-shadow: none;
    padding-left: 0;
}


.notificationWell {
    border:1px solid #95435F;
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
}
.notificationWell .closeBtn {
    position: absolute;
    right:10px; top:8px;
    cursor: pointer;
}

.leftGraphicAsset {
    position: absolute;
    width: 10vw;
    left:-14vw;
}
.leftGraphicAsset img {
    width: 100%;
}

ul.checklist {
    list-style: none;
}
ul.checklist li {
    padding-bottom: 15px;
}
ul.checklist li:before {
    content: "";
    display: inline-block;
    height: 1em;
    width: 1em;
    background-image: url('/img/icons/checkmark.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 0.5em;
}

/*From Figma*/
.sectionTitle {
    color:#95435E;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    /* identical to box height */

    letter-spacing: 0.25em;
    text-transform: uppercase;

    border-bottom: 1px solid #95435E;
    padding-bottom: 5px; margin-bottom: 5px;
}

.bp-chocolateBlack {
    color: #442135;
}
.bp-strong {
    font-weight: 500;
}
.bp-title {
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 34px;
}
.bp-ultratitle {
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 800;
    font-size: 64px;
    line-height: 62px;
}
.bp-title2 {
    font-family: 'Ubuntu';
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0em;

}
.bp-title3 {
    font-family: 'Vollkorn';
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
}
.bp-title3-2 {
    font-family: 'Vollkorn';
    font-size: 26px;
    font-style: normal;
    font-weight: 800;
    line-height: 34px;
    letter-spacing: 0em;
}
.bp-text {
    font-family: 'Ubuntu';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0em;
}
.bp-list-title {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.25em;
    text-transform: uppercase;
}
.bp-p-title {
    font-family: 'Vollkorn';
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.05em;
    /*text-align: center;*/
}
.bp-label {
    font-family: 'Ubuntu';
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 9px;
    letter-spacing: 0.25em;
    text-transform: uppercase;
}
.bp-small-title {
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.05em;
}
.bp-big-quote {
    font-family: Vollkorn;
    font-style: italic;
    font-weight: 500;
    font-size: 48px;
    line-height: 42px;
}
.bp-text-interactive {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
}

@media (max-width: 768px) {
    .bp-ultratitle {
        font-size: 44px;
        line-height: 42px;
    }
    .bp-big-quote {
        font-size: 16px;
        line-height: 22px;
        text-align: right;
    }
}

@media (max-width: 768px) {
    .text-left-xs {
        text-align: left !important;
    }
}

.bp-label > *[class^=icon-] {
    font-size: 22px;
    vertical-align: -3px;
}

.bp-default-text-color {
    color:#95435E !important;
}
.bp-error-text-color {
    color:#FF0439 !important;
}
.bp-dark-text-color {
    color:#442135;
}
.bp-muted-text-color {
    color:#F0DCDC;
}
.bp-icon-explanation {
    color:#442135;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-size: 6px;
    line-height: 7px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}


/*Forms*/
.bpForm label {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 8px;
    line-height: 9px;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    font-feature-settings: 'zero' on;
    margin-bottom: 0; padding-bottom: 0;
}
.bpForm label.bordered {
    display: block;
    border-bottom: 1px solid #D7D4D6;
}
.bpForm select {
    -webkit-appearance: none;
    background-image: url('/img/icons/down.svg');
    background-repeat: no-repeat;
    background-position: right 0px top 14px;
    cursor: pointer;
}

.bpForm select option{
    -webkit-appearance: none;
    color:#442135;
    background-color: #FFFFFF;
}

.bpForm label.image-checkbox-label, .radio label {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: normal;
    text-transform: none;
}

.bpForm .form-control {
    border-radius: 0;
    border:0;
    border-bottom:1px solid #A1909A;
    padding-left:0; padding-right: 0;
    box-shadow: none;
}
.bpForm textarea.form-control {
    border:1px solid #A1909A;
    padding:10px;
    margin-top: 5px;
}
.bpForm .showHidePassword {
    top:25px;
}
.bpForm .input-group-addon {
    background-color: transparent;
    border:0;
    border-bottom:1px solid #A1909A;
    border-radius: 0;
    color:#442135;
}
.bpForm .input-group-addon:first-child {
    padding-left: 0;
}
.bpForm .input-group-addon:last-child {
    padding-right: 0;
}

.bpForm .input-group-addon:first-child:not(:empty):not(.no-pipe):after {
    content:'|';
    color:#442135;
    margin-left: 10px;
}
.bpForm .input-group-addon:last-child:not(:empty):not(.no-pipe):before {
    content:'|';
    color:#442135;
    margin-right: 10px;
}
.bpForm .no-border {
    border-bottom: 0px !important;
}
.bpForm .uploadBtn {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color:#95435E;
    padding:5px 0;
    display: inline-block;
}
.bpForm .form-field {
    padding: 0px 0px 5px 0px;
}

/*default form with large padding*/
.bpForm.bpForm-largePad .form-group, .bpForm.bpForm-largePad .checkbox {
    margin-top: 15px;
    margin-bottom: 15px;
}

#cleanAjaxModal0 .modal-content{
    box-shadow: 0px 4.94915px 4.94915px #F0DCDC;
}

#deleteForm .modal-footer, #deleteAccountForm .modal-footer{
    border-top:none;
    width:50%;
    margin:auto;
    display:flex;
    justify-content: space-between;
}




/*table*/
.table tbody > tr:first-child td {
    border-top:0;
}
.table-order tbody tr, .table-order tbody tr td {
    border-top: 0px;
}
.table-order tfoot tr:first-child td {
    border-top:0px;
}

.table-order-styled thead th {
    background-color: #F0DCDC;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    border-bottom: 0px !important;
}
.table-order-styled tr td:last-child:not([colspan="3"]) {
    font-family: Vollkorn;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.05em;
}
.table-order-styled tfoot .totalLabel {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    /* identical to box height */

    letter-spacing: 0.25em;
    text-transform: uppercase;
}


/*lists*/
.list-group-title {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    /* identical to box height */

    letter-spacing: 0.25em;
    text-transform: uppercase;

    border-bottom: 1px solid #95435E;
}
.list-group > * {
    border:0;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color:#442135;
    border-bottom: 1px solid #D7D4D6;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;
    margin-bottom: 0;
}
.list-group > * i {
    margin-right: 12px;
}
.list-group > *.active {
    color:#442135;
    background-color: #F0DCDC;
    border-bottom: 1px solid #D7D4D6;;
    pointer-events: none;
    cursor: default;
}
.list-group > *:first-child,.list-group > *:last-child {
    border-radius: 0;
}
.list-group-item span[class^="icon-"] {
    font-size: 20px;
    margin-right: 8px;
    vertical-align: -3px;
}
.list-group-item span[class^="icon-"]:before {
    color:#442135;
}


h2.swal2-title {
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 34px;
    color:#95435E;
}
.swal2-styled {
    border-radius: 50px !important;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-size: 14px !important;
    line-height: 18px !important;
}
#swal2-content {
    color:#95435E;
    font-family: 'Ubuntu';
    font-style: normal;
    font-size: 13px;
}
.swal2-confirm  {
    background-color: #95435E !important;
}
.swal2-cancel {
    background-color: #FFFFFF !important;
    border:1px solid #95435E !important;
    color: #95435E !important;
}



.pageTabs  {
    padding:15px 0;
    margin-top: 15px;
}
.pageTab {
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.05em;
    color:#442135;
    display: inline-block;
    cursor: pointer;
    padding:5px 40px;
    border-left: 1px solid #D7D4D6;
}
.pageTab:first-child {
    border-left:0;
}
.pageTab.active {
    color:#95435E;
    text-decoration: underline;
}


.ui-slider-horizontal {
    background: #FFFFFF !important;
    border: 1px solid #95435E !important;
    border-radius: 0 !important;
}
.ui-slider-range {
    background-color: #F0DCDC !important;
    border-radius: 0 !important;
}
.ui-slider-handle {
    border:0px !important;
    border-radius: 0 !important;
    background-color: #95435E !important;
    box-shadow: 0px 4px 4px #F0DCDC;
}



.bp-table thead th {
    background-color:#F0DCDC;
    color:#95435E;
    font-weight: normal;
    border-bottom: 0 !important;
}
.bp-table tbody td {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    color:#95435E;
}
.bp-table *[class^=icon] {
    font-size: 25px;
    cursor: pointer;
}

.bp-table *[class^=icon]:hover:before{
    color:#442135;
}

.bp-table .icon-delete{
    padding-left: .25em;
}

span.label {
    background-color: transparent;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    padding:0;
}
span.label.label-success {
    color:#108B6C;
}
span.label.label-warning {
    color:#A1909A;
}
span.label.label-danger {
    color:#aa3030
}
span.label.label-info {
    color:#3078aa
}

.zBadge {
    position: absolute;
    right:14px;
    bottom:0px;
}


.paperForm {
    position: relative;
    padding: 45px;
    margin-bottom: 10px;
    border-radius: 0px;
    box-shadow: 0px 4px 4px #F0DCDC;
}
.fullPageHr {
    border-top:5px solid #95435E;
    text-align: center;
    margin: 15px 0;
}
.fullPageHr img {
    display: inline-block;
    width:25px; height: 25px;
    margin-top: -28px;
}


/*buttons*/
.iconButton {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color:#95435E;
    vertical-align: center;
    cursor: pointer;
}

.iconButton span {
    display: inline-block;
    width:35px; height: 35px;
    font-size: 22px;
    text-align: center;
    padding-top: 5px;
    vertical-align: -4px;
    margin-right: 5px;
}
.iconButton span.bordered {
    border-radius: 25px;
    border:1px solid #95435E;
}

.iconBackButton{
    position: absolute;
    left: 2%;
    top:3%;
    padding: 4px;
    background-color: rgba(240, 220, 220, 0.7);
    border-radius: 20px;
}

.iconBackButton:hover{
    color:#442135;
    text-decoration: none;
}

.iconBackButton span.bordered:hover{
    border-color: #442135;
    color: #442135;
}

.iconBackButton span.bordered:hover:before{
    color: #442135;
}


.bp-mobile-menu-button {
    padding:15px 0;
}


.options_category_group {
    margin: 20px 0;
}
.product_options_inline {
    margin: 10px 0;
}
.checkbox-btn, .radio-btn {
    display: block;
    width: 100%;
    padding:10px;
    padding-right: 15px;
    border-radius: 50px;
    box-shadow: 0px 5px 5px rgba(240,220,220,1);
}
.checkbox-btn label, .radio-btn label {
    display: block;
}