.timeblockr_initial-loader {
    background-color: #fff!important
}

#timeblockr .timeblockr_vertical {
    margin-bottom: 2.25rem
}

#timeblockr .timeblockr_vertical .timeblockr_progress-indicator-wrapper {
    background-color: #6d6e71;
    box-shadow: 0 .25rem .625rem #bdbdbd;
    margin: 0
}

#timeblockr .timeblockr_vertical .accordion {
    background: none;
    border-left: 0;
    border-right: 0;
    border-top-color: #42ba42!important;
    color: #626469;
    padding: 1rem
}

@media screen and (min-width: 48em) {
    #timeblockr .timeblockr_vertical .accordion {
        padding:2.25rem
    }
}

#timeblockr .timeblockr_vertical p {
    text-align: left
}

#timeblockr .timeblockr_vertical h2 {
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 1rem;
    margin-top: 0;
    padding-bottom: 1rem;
    text-align: center
}

#timeblockr .timeblockr_vertical h3 {
    font-size: .875rem;
    font-weight: 800;
    margin-bottom: 1rem
}

#timeblockr .timeblockr_vertical label {
    color: #626469;
    font-size: .875rem;
    font-weight: 400!important;
    margin-bottom: .1875rem
}

#timeblockr .timeblockr_vertical #timeblockr_productselector label {
    margin-bottom: .3125rem
}

#timeblockr .timeblockr_vertical #timeblockr_intro div {
    text-align: center
}

#timeblockr .timeblockr_vertical .timeblockr-plugin h2:after {
    background-color: #c7d300;
    content: "";
    display: block;
    height: .1875rem;
    margin: 0 auto;
    transform: translateY(1rem);
    width: 7.125rem
}

#timeblockr .timeblockr_vertical .timeblockr-plugin>.timeblockr_basket>.timeblockr_product {
    background-color: #fff!important
}

#timeblockr .timeblockr_vertical .timeblockr_set-data fieldset>div+div {
    border: 0!important
}

#timeblockr .timeblockr_vertical .timeblockr_product {
    box-shadow: .25rem .25rem 0 0 hsla(19,21%,85%,.5);
    color: #626469!important
}

#timeblockr .timeblockr_vertical .timeblockr_product-details {
    color: #626469
}

#timeblockr .timeblockr_vertical .timeblockr_product label {
    color: #626469;
    font-weight: 400;
    padding-left: .625rem
}

#timeblockr .timeblockr_vertical .timeblockr_page-controls {
    margin-top: 0
}

#timeblockr .timeblockr_vertical .timeblockr_button {
    background-color: #bfd730;
    color: #fff;
    display: table;
    font-size: .9375rem;
    font-weight: 800;
    height: 2.125rem;
    line-height: 2.125rem;
    margin: 0 auto;
    padding: .4375rem 1.875rem;
    text-align: center;
    text-decoration: none;
    text-transform: inherit;
    transition: background-color .3s ease 0s
}

#timeblockr .timeblockr_vertical .timeblockr_button:hover {
    background-color: #b3be00;
    text-decoration: none;
    transition: background-color .3s ease 0s
}

#timeblockr .timeblockr_vertical #timeblockr_freechoice {
    box-shadow: none!important
}

#timeblockr .timeblockr_vertical #timeblockr_freechoice li {
    border-top: 0!important
}

#timeblockr .timeblockr_vertical #accordion {
    margin: 0 auto
}

#timeblockr .timeblockr_vertical #accordion ul {
    box-shadow: none
}

#timeblockr .timeblockr_vertical #accordion ul #timeblockr_freechoice li {
    background: none!important;
    padding: 0!important
}

#timeblockr .timeblockr_vertical .select2-selection__placeholder {
    color: #626469;
    font-size: .875rem
}

#timeblockr .timeblockr_vertical .select2-selection {
    border: .0625rem solid #ccc;
    border-radius: 0;
    height: 3rem;
    line-height: 2rem;
    padding: .625rem .625rem .625rem .75rem
}

#timeblockr .timeblockr_vertical .select2-selection .select2-selection__arrow {
    height: 3rem;
    line-height: 2rem;
    margin-right: .1875rem
}

#timeblockr .timeblockr_vertical #timeslots-list {
    background-color: #fff!important;
    border: .0625rem solid #ccc;
    color: #626469;
    font-weight: 400;
    height: 3rem;
    padding: .625rem .625rem .625rem .75rem
}

#timeblockr .timeblockr_vertical #accordion ul li:not(.country)>span:not(.select2-selection__choice__remove),#timeblockr .timeblockr_vertical #accordion ul li>a {
    background-color: #6d6e71;
    border-color: #6d6e71;
    color: #626469!important;
    font-size: 1rem;
    font-weight: 400
}

#timeblockr .timeblockr_vertical .select2-selection__rendered {
    color: #626469;
    font-size: .875rem;
    padding: 0
}

#timeblockr .timeblockr_vertical #datepicker-selector::-moz-placeholder {
    background-color: #fff;
    color: #626469;
    cursor: pointer;
    font-style: normal;
    font-weight: inherit!important;
    height: 3rem;
    margin-bottom: 0;
    opacity: 1
}

#timeblockr .timeblockr_vertical #datepicker-selector,#timeblockr .timeblockr_vertical #datepicker-selector::placeholder {
    background-color: #fff;
    color: #626469;
    cursor: pointer;
    font-style: normal;
    font-weight: inherit!important;
    height: 3rem;
    margin-bottom: 0;
    opacity: 1
}

#timeblockr .timeblockr_vertical .hasDatepicker {
    border: .0625rem solid #ccc
}

#timeblockr .timeblockr_vertical .ui-widget-header {
    background: #6d6e71!important;
    border: .0625rem solid #6d6e71!important;
    width: 16.4375rem
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields,#timeblockr .timeblockr_vertical .user-group-1 {
    color: #626469;
    margin-bottom: .25rem;
    margin-left: -.5rem;
    margin-right: -.5rem
}

@media screen and (min-width: 48em) {
    #timeblockr .timeblockr_vertical .timeblockr_userprofile-fields,#timeblockr .timeblockr_vertical .user-group-1 {
        margin-left:-.75rem;
        margin-right: -.75rem
    }
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>*,#timeblockr .timeblockr_vertical .user-group-1>* {
    padding-left: .5rem;
    padding-right: .5rem
}

@media screen and (min-width: 48em) {
    #timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>*,#timeblockr .timeblockr_vertical .user-group-1>* {
        padding-left:.75rem;
        padding-right: .75rem
    }
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>div,#timeblockr .timeblockr_vertical .user-group-1>div {
    border: 0;
    clear: none;
    float: left;
    width: 100%
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>div input,#timeblockr .timeblockr_vertical .user-group-1>div input {
    border: 1px solid #ccc;
    font-size: .875rem;
    font-weight: 400;
    height: 2rem!important;
    margin-bottom: 1.25rem!important;
    padding: .625rem
}

@media screen and (min-width: 48em) {
    #timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>div:not(.user-group-1),#timeblockr .timeblockr_vertical .user-group-1>div:not(.user-group-1) {
        width:50%
    }
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>div:nth-child(3),#timeblockr .timeblockr_vertical .user-group-1>div:nth-child(3) {
    display: none
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>div:nth-child(4),#timeblockr .timeblockr_vertical .user-group-1>div:nth-child(4) {
    width: 100%
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>div:nth-child(4) .timeblockr_formfield .control>label,#timeblockr .timeblockr_vertical .user-group-1>div:nth-child(4) .timeblockr_formfield .control>label {
    font-size: 1rem;
    text-transform: capitalize
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>div:nth-child(4) .timeblockr_formfield .control label,#timeblockr .timeblockr_vertical .user-group-1>div:nth-child(4) .timeblockr_formfield .control label {
    font-size: .875rem;
    margin-top: 1.5625rem;
    padding-left: .3125rem;
    text-transform: capitalize
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>div:nth-child(4) input,#timeblockr .timeblockr_vertical .user-group-1>div:nth-child(4) input {
    margin-top: .875rem;
    width: 1.25rem
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>div:nth-child(7),#timeblockr .timeblockr_vertical .user-group-1>div:nth-child(7) {
    width: 100%
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>div .intl-tel-input,#timeblockr .timeblockr_vertical .user-group-1>div .intl-tel-input {
    display: block;
    width: 100%
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>div .intl-tel-input .iti-flag,#timeblockr .timeblockr_vertical .user-group-1>div .intl-tel-input .iti-flag {
    background-size: 351.875rem .9375rem!important
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>div .intl-tel-input .selected-flag .arrow,#timeblockr .timeblockr_vertical .user-group-1>div .intl-tel-input .selected-flag .arrow {
    left: 2rem
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>div:nth-child(10),#timeblockr .timeblockr_vertical .user-group-1>div:nth-child(10) {
    width: 100%
}

@media screen and (min-width: 48em) {
    #timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>div:nth-child(11),#timeblockr .timeblockr_vertical .user-group-1>div:nth-child(11) {
        width:33.333%
    }
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>div:nth-child(12),#timeblockr .timeblockr_vertical .user-group-1>div:nth-child(12) {
    width: 50%
}

@media screen and (min-width: 48em) {
    #timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>div:nth-child(12),#timeblockr .timeblockr_vertical .user-group-1>div:nth-child(12) {
        width:33.333%
    }
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>div:nth-child(13),#timeblockr .timeblockr_vertical .user-group-1>div:nth-child(13) {
    width: 50%
}

@media screen and (min-width: 48em) {
    #timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>div:nth-child(13),#timeblockr .timeblockr_vertical .user-group-1>div:nth-child(13) {
        width:33.333%
    }
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields>div .timeblockr_required,#timeblockr .timeblockr_vertical .user-group-1>div .timeblockr_required {
    font-weight: 400
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields input[type=text],#timeblockr .timeblockr_vertical .user-group-1 input[type=text] {
    height: 2rem!important;
    padding-left: .5rem;
    padding-right: .5rem
}

@media screen and (min-width: 48em) {
    #timeblockr .timeblockr_vertical .timeblockr_userprofile-fields input[type=text],#timeblockr .timeblockr_vertical .user-group-1 input[type=text] {
        padding-left:.75rem;
        padding-right: .75rem
    }
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields input[type=radio],#timeblockr .timeblockr_vertical .user-group-1 input[type=radio] {
    margin-top: .625rem
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields .timeblockr_formfield.control.valid,#timeblockr .timeblockr_vertical .user-group-1 .timeblockr_formfield.control.valid {
    margin-bottom: .875rem
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields .timeblockr_phonenumber input,#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields .timeblockr_phonenumbermobile input,#timeblockr .timeblockr_vertical .user-group-1 .timeblockr_phonenumber input,#timeblockr .timeblockr_vertical .user-group-1 .timeblockr_phonenumbermobile input {
    padding-left: 3rem
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields .flag-dropdown .country-list,#timeblockr .timeblockr_vertical .user-group-1 .flag-dropdown .country-list {
    width: auto
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields .flag-dropdown .country,#timeblockr .timeblockr_vertical .user-group-1 .flag-dropdown .country {
    align-items: center;
    display: flex;
    flex-flow: row
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields .flag-dropdown .country .flag,#timeblockr .timeblockr_vertical .user-group-1 .flag-dropdown .country .flag {
    margin-left: .375rem
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields .flag-dropdown .country .country-name,#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields .flag-dropdown .country .dial-code,#timeblockr .timeblockr_vertical .user-group-1 .flag-dropdown .country .country-name,#timeblockr .timeblockr_vertical .user-group-1 .flag-dropdown .country .dial-code {
    background: none!important;
    border-bottom: 0!important;
    color: #626469!important
}

#timeblockr .timeblockr_vertical .timeblockr_userprofile-fields .flag-dropdown .country .country-name,#timeblockr .timeblockr_vertical .user-group-1 .flag-dropdown .country .country-name {
    flex-grow: 1
}

#timeblockr .timeblockr_vertical .timeblockr_edit-controls a {
    color: #2c2929;
    text-decoration: underline
}

#timeblockr .timeblockr_vertical #accordion ul li.timeblockr_route:not(.timeblockr_active):not(.timeblockr_disabled)>a:not(.timeblockr_next-route):after,#timeblockr .timeblockr_vertical div.timeblockr_confirmation #accordion ul li.timeblockr_route:not(.timeblockr_active)>span:after {
    margin-top: .1875rem
}

#timeblockr .timeblockr_vertical .timeblockr_set-data .select2-container {
    width: 100%
}

#timeblockr .timeblockr_vertical .timeblockr_progress-indicator {
    background-color: #42ba42!important;
    color: #fff!important;
    height: auto;
    padding: .3125rem 0 .3125rem .625rem;
    text-align: left
}

#timeblockr .timeblockr_vertical .timeblockr_progress-indicator-wrapper {
    box-shadow: none
}

#timeblockr .timeblockr_vertical .timeblockr_progress-indicator-wrapper,#timeblockr .timeblockr_vertical .timeblockr_progress-indicator.percent-0 {
    background-color: #6d6e71!important;
    color: #fff!important;
    width: 100%
}

#timeblockr .timeblockr_vertical .timeblockr_progress-indicator_percentage,#timeblockr .timeblockr_vertical .timeblockr_progress-indicator_text {
    font-size: .875rem
}

#timeblockr .timeblockr_vertical #accordion ul li.timeblockr_route:not(.timeblockr_active):not(.timeblockr_disabled)>a:not(.timeblockr_next-route):before {
    background-color: #42ba42;
    border-radius: 50%;
    content: "";
    float: right;
    height: 1.40625rem;
    width: 1.40625rem
}

#timeblockr .timeblockr_vertical #accordion ul li.timeblockr_route:not(.timeblockr_active):not(.timeblockr_disabled)>a:not(.timeblockr_next-route):after {
    border-color: #fff;
    float: right;
    left: 1.0625rem;
    position: relative;
    transform: rotate(45deg) translateX(-25%) translateY(35%)
}

#timeblockr #timeblockr_disclaimer,#timeblockr .calendar-icon,#timeblockr .timeblockr_endtime,#timeblockr .timeblockr_product_button,#timeblockr .timeblockr_reference {
    display: none!important
}

#timeblockr>.timeblockr_grid-100 {
    box-shadow: 0 .25rem .625rem #bdbdbd;
    color: #000;
    font-family: 'NunitoSans';
    margin-bottom: 2.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: .3125rem
}

#timeblockr>.timeblockr_grid-100 .tbl_block {
    display: block
}

#timeblockr>.timeblockr_grid-100 .timeblockr_grid-container {
    padding-left: 0;
    padding-right: 0
}

#timeblockr>.timeblockr_grid-100 #timeblockr_nav-steps {
    color: #000;
    margin-top: 2rem
}

#timeblockr>.timeblockr_grid-100 #timeblockr_nav-steps ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.75rem;
    overflow: visible
}

@media screen and (min-width: 48em) {
    #timeblockr>.timeblockr_grid-100 #timeblockr_nav-steps ul {
        justify-content:flex-start
    }
}

#timeblockr>.timeblockr_grid-100 #timeblockr_nav-steps li {
    display: flex;
    margin-left: 0;
    padding-bottom: 1.5625rem;
    position: relative
}

@media screen and (min-width: 48em) {
    #timeblockr>.timeblockr_grid-100 #timeblockr_nav-steps li {
        margin-right:3.125rem;
        min-width: 7.5rem;
        padding-left: 0;
        padding-right: 0
    }
}

#timeblockr>.timeblockr_grid-100 #timeblockr_nav-steps li a,#timeblockr>.timeblockr_grid-100 #timeblockr_nav-steps li span {
    font-size: 1rem;
    font-weight: 400
}

@media screen and (min-width: 30em) {
    #timeblockr>.timeblockr_grid-100 #timeblockr_nav-steps li a,#timeblockr>.timeblockr_grid-100 #timeblockr_nav-steps li span {
        font-size:1rem
    }
}

#timeblockr>.timeblockr_grid-100 #timeblockr_nav-steps li.timeblockr_disabled {
    color: #000
}

#timeblockr>.timeblockr_grid-100 #timeblockr_nav-steps div>:first-child {
    font-weight: 800;
    padding-bottom: .375rem
}

#timeblockr>.timeblockr_grid-100 #timeblockr_nav-steps .timeblockr_active {
    border-bottom-color: #bfd730;
    border-bottom-width: .625rem;
    color: #000
}

#timeblockr>.timeblockr_grid-100 .glyphicon-remove:before {
    color: grey
}

#timeblockr>.timeblockr_grid-100 .check-mark {
    display: none
}

#timeblockr>.timeblockr_grid-100 .timeblockr_wrapper {
    margin-bottom: 2.5rem
}

#timeblockr>.timeblockr_grid-100 .timeblockr_product {
    background: none
}

#timeblockr>.timeblockr_grid-100 .timeblockr_delete-product {
    top: 50%;
    transform: translateY(-50%)
}

#timeblockr>.timeblockr_grid-100 .timeblockr_delete-product a {
    height: .75rem;
    line-height: 1;
    width: .75rem
}

#timeblockr>.timeblockr_grid-100 #timeblockr_datepicker .timeblockr_separator>span,#timeblockr>.timeblockr_grid-100 .timeblockr_label-location,#timeblockr>.timeblockr_grid-100 .timeblockr_userprofile-fields legend,#timeblockr>.timeblockr_grid-100 h2,#timeblockr>.timeblockr_grid-100 h3 {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: .25rem
}

@media screen and (min-width: 30em) {
    #timeblockr>.timeblockr_grid-100 #timeblockr_datepicker .timeblockr_separator>span,#timeblockr>.timeblockr_grid-100 .timeblockr_label-location,#timeblockr>.timeblockr_grid-100 .timeblockr_userprofile-fields legend,#timeblockr>.timeblockr_grid-100 h2,#timeblockr>.timeblockr_grid-100 h3 {
        font-size:1.125rem
    }
}

#timeblockr>.timeblockr_grid-100 h2,#timeblockr>.timeblockr_grid-100 h3,#timeblockr>.timeblockr_grid-100 label {
    color: #000;
    font-size: 1rem
}

#timeblockr>.timeblockr_grid-100 .legend-h2 {
    color: #000;
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: 1rem;
    padding: 0
}

@media screen and (min-width: 48em) {
    #timeblockr>.timeblockr_grid-100 .legend-h2 {
        font-size:1.125rem;
        margin-bottom: 1.5rem
    }
}

#timeblockr>.timeblockr_grid-100 #product-label span,#timeblockr>.timeblockr_grid-100 .timeblockr_basket label,#timeblockr>.timeblockr_grid-100 .timeblockr_zipcode-help {
    color: #000
}

#timeblockr>.timeblockr_grid-100 #product-label span {
    line-height: 2.5
}

#timeblockr>.timeblockr_grid-100 .select2-selection__arrow {
    height: 100%;
    margin-top: -.125rem
}

#timeblockr>.timeblockr_grid-100 .timeblockr_zipcode-help {
    width: 100%
}

#timeblockr>.timeblockr_grid-100 .timeblockr_zipcode-help strong {
    display: block;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: .125rem
}

#timeblockr>.timeblockr_grid-100 .timeblockr_separator {
    border-top: .0625rem solid #6d6e71;
    margin-bottom: 1.25rem;
    margin-top: 1.25rem
}

#timeblockr>.timeblockr_grid-100 #timeblockr_datepicker .timeblockr_separator>span {
    display: block;
    margin-top: 1.875rem
}

#timeblockr>.timeblockr_grid-100 #timeblockr_datepicker .timeblockr_datepicker .ui-datepicker-title {
    color: #000!important
}

#timeblockr>.timeblockr_grid-100 #timeblockr_intro,#timeblockr>.timeblockr_grid-100 .timeblockr_body,#timeblockr>.timeblockr_grid-100 .timeblockr_weekselector,#timeblockr>.timeblockr_grid-100 .timeblockr_zipcode-help {
    font-size: .875rem;
    font-weight: 400;
    line-height: 2
}

#timeblockr>.timeblockr_grid-100 .timeblockr_postalcode_selection>span {
    display: flex;
    flex-flow: row wrap
}

#timeblockr>.timeblockr_grid-100 #timeblockr_zipcode {
    flex-grow: 1;
    height: 3.125rem
}

#timeblockr>.timeblockr_grid-100 .timeblockr_button {
    background: #fff;
    border: 3px solid #000;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    font-size: 1rem;
    font-weight: 700;
    height: 100%;
    left: 0;
    padding: .5rem 1rem;
    top: 0;
    transition: background-color .3s
}

#timeblockr>.timeblockr_grid-100 .timeblockr_button:focus,#timeblockr>.timeblockr_grid-100 .timeblockr_button:hover {
    background: #bfd730;
    border-color: #bfd730!important;
    color: #000!important
}

#timeblockr>.timeblockr_grid-100 .select2-selection {
    height: auto
}

#timeblockr>.timeblockr_grid-100 .select2-selection--multiple,#timeblockr>.timeblockr_grid-100 .select2-selection--single {
    border-radius: 0!important
}

#timeblockr>.timeblockr_grid-100 .select2-selection__clear {
    display: none
}

#timeblockr>.timeblockr_grid-100 .select2-selection__choice__remove {
    margin-right: .625rem
}

#timeblockr>.timeblockr_grid-100 #timeblockr_zipcode,#timeblockr>.timeblockr_grid-100 .select2-selection,#timeblockr>.timeblockr_grid-100 .timeblockr_product {
    border: 1px solid #6d6e71
}

#timeblockr>.timeblockr_grid-100 .timeblockr-plugin>.timeblockr_basket>.timeblockr_product {
    background-color: #fff!important
}

#timeblockr>.timeblockr_grid-100 .select2-selection--single {
    min-width: 12.5rem
}

#timeblockr>.timeblockr_grid-100 .select2-selection--multiple .select2-selection__rendered {
    display: block;
    float: none;
    position: relative
}

#timeblockr>.timeblockr_grid-100 .select2-selection--multiple .select2-selection__rendered:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #000;
    content: "";
    position: absolute;
    right: .3125rem;
    top: 50%;
    transform: translateY(-50%)
}

#timeblockr>.timeblockr_grid-100 .select2-selection__choice {
    margin-bottom: .3125rem
}

#timeblockr>.timeblockr_grid-100 .select2-search {
    height: 100%
}

#timeblockr>.timeblockr_grid-100 .select2-search__field {
    margin-bottom: .3125rem
}

#timeblockr>.timeblockr_grid-100 .timeblockr_datepicker {
    margin-bottom: 1.625rem
}

#timeblockr>.timeblockr_grid-100 .timeblockr_datepicker .ui-datepicker-title {
    color: #000
}

#timeblockr>.timeblockr_grid-100 .timeblockr_datepicker thead {
    background-color: #000;
    color: #fff
}

#timeblockr>.timeblockr_grid-100 .timeblockr_datepicker tbody tr:nth-child(2n) {
    background-color: transparent
}

#timeblockr>.timeblockr_grid-100 .customSelect,#timeblockr>.timeblockr_grid-100 .timeblockr_campagneid,#timeblockr>.timeblockr_grid-100 .timeblockr_price,#timeblockr>.timeblockr_grid-100 .timeblockr_ticketnumber,#timeblockr>.timeblockr_grid-100 .ui-datepicker-week-col {
    display: none
}

#timeblockr>.timeblockr_grid-100 .ui-state-active,#timeblockr>.timeblockr_grid-100 .ui-state-hover {
    border: 1px solid #dedede!important;
    color: #000!important
}

#timeblockr>.timeblockr_grid-100 .ui-state-active,#timeblockr>.timeblockr_grid-100 .ui-state-highlight {
    background: transparent!important;
    color: #000!important
}

#timeblockr>.timeblockr_grid-100 .ui-state-highlight {
    background: transparent!important;
    border: 1px solid #bfd730!important
}

#timeblockr>.timeblockr_grid-100 .ui-state-hover {
    background-color: #bfd730!important;
    color: #fff!important
}

#timeblockr>.timeblockr_grid-100 .ui-state-active {
    background: none
}

#timeblockr>.timeblockr_grid-100 .ui-widget-header {
    background: #bfd730!important;
    border: 0!important
}

#timeblockr>.timeblockr_grid-100 .timeblockr-calendar strong {
    color: #bfd730
}

#timeblockr>.timeblockr_grid-100 .timeblockr_weekselector {
    border: 1px solid #6d6e71;
    margin-top: 2rem;
    padding: 1rem
}

@media screen and (min-width: 48em) {
    #timeblockr>.timeblockr_grid-100 .timeblockr_weekselector {
        margin-top:3rem;
        padding: 1.5rem
    }
}

#timeblockr>.timeblockr_grid-100 .timeblockr_period {
    display: inline-block;
    margin-bottom: .5rem
}

@media screen and (min-width: 48em) {
    #timeblockr>.timeblockr_grid-100 .timeblockr_period {
        margin-bottom:.75rem;
        margin-bottom: 0;
        padding-top: .25rem
    }
}

#timeblockr>.timeblockr_grid-100 .timeblockr_period-val {
    font-weight: 400
}

#timeblockr>.timeblockr_grid-100 .timeblockr_period-val :first-child,#timeblockr>.timeblockr_grid-100 .timeblockr_period-val :last-child {
    color: #bfd730;
    font-weight: 800
}

#timeblockr>.timeblockr_grid-100 .timeblockr_nav-calendar {
    float: left
}

@media screen and (min-width: 48em) {
    #timeblockr>.timeblockr_grid-100 .timeblockr_nav-calendar {
        float:right
    }
}

#timeblockr>.timeblockr_grid-100 .ui-datepicker-buttonpane button {
    border: 3px solid #000;
    color: #000;
    font-size: 1rem;
    font-weight: 800;
    line-height: 2;
    min-width: 7.5rem;
    opacity: 1;
    padding: .375rem .75rem
}

#timeblockr>.timeblockr_grid-100 .ui-datepicker-buttonpane button.ui-state-hover {
    background-color: #bfd730!important;
    border: 3px solid #bfd730!important;
    color: #000!important
}

#timeblockr>.timeblockr_grid-100 .timeblockr_next-holder,#timeblockr>.timeblockr_grid-100 .timeblockr_prev-holder {
    border: 3px solid #000;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 800;
    justify-content: center;
    margin-left: 0;
    margin-right: .625rem;
    min-width: 7.5rem
}

#timeblockr>.timeblockr_grid-100 .timeblockr_next-holder a,#timeblockr>.timeblockr_grid-100 .timeblockr_prev-holder a {
    color: #000;
    display: flex;
    justify-content: center;
    padding: .375rem .75rem;
    text-decoration: none;
    transition: background-color .3s;
    width: 100%
}

#timeblockr>.timeblockr_grid-100 .timeblockr_next-holder a:focus,#timeblockr>.timeblockr_grid-100 .timeblockr_next-holder a:hover,#timeblockr>.timeblockr_grid-100 .timeblockr_prev-holder a:focus,#timeblockr>.timeblockr_grid-100 .timeblockr_prev-holder a:hover {
    background-color: #bfd730;
    border-color: #bfd730;
    color: #000
}

#timeblockr>.timeblockr_grid-100 .timeblockr_calendar_compact {
    border-bottom: 1px solid #6d6e71
}

#timeblockr>.timeblockr_grid-100 .timeblockr_day {
    border-left: 1px solid #6d6e71;
    border-right: 1px solid #6d6e71;
    margin-top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem
}

@media screen and (min-width: 48em) {
    #timeblockr>.timeblockr_grid-100 .timeblockr_day {
        padding-left:1.5rem;
        padding-right: 1.5rem;
        padding-top: 1.5rem
    }
}

#timeblockr>.timeblockr_grid-100 .timeblockr_day:last-child {
    padding-bottom: 1rem
}

@media screen and (min-width: 48em) {
    #timeblockr>.timeblockr_grid-100 .timeblockr_day:last-child {
        padding-bottom:1.5rem
    }
}

#timeblockr>.timeblockr_grid-100 .timeblockr_head {
    border-bottom: 1px solid #6d6e71;
    margin-bottom: 1.25rem
}

#timeblockr>.timeblockr_grid-100 .timeblockr_head h3 {
    display: block;
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: .375rem
}

#timeblockr>.timeblockr_grid-100 .timeblockr_timeslots {
    display: flex;
    flex-flow: row wrap
}

#timeblockr>.timeblockr_grid-100 .timeblockr_slot {
    background: none;
    border: 1px solid #6d6e71;
    color: #000;
    display: flex;
    justify-content: center;
    margin-bottom: .375rem!important;
    min-width: 4.625rem
}

#timeblockr>.timeblockr_grid-100 .timeblockr_slot:focus,#timeblockr>.timeblockr_grid-100 .timeblockr_slot:hover {
    background-color: #bfd730;
    color: #000!important
}

#timeblockr>.timeblockr_grid-100 .timeblockr_time {
    float: none;
    font-weight: 400
}

#timeblockr>.timeblockr_grid-100 #timeblockr_intro {
    font-size: 1rem;
    margin-bottom: 2rem
}

@media screen and (min-width: 48em) {
    #timeblockr>.timeblockr_grid-100 #timeblockr_intro {
        margin-bottom:3rem;
        margin-bottom: 1rem
    }
}

@media screen and (min-width: 48em) and (min-width:48em) {
    #timeblockr>.timeblockr_grid-100 #timeblockr_intro {
        margin-bottom:1.5rem
    }
}

#timeblockr>.timeblockr_grid-100 #timeblockr_intro a {
    color: #000;
    font-weight: 400;
    text-decoration: underline
}

#timeblockr>.timeblockr_grid-100 #timeblockr_intro a:focus,#timeblockr>.timeblockr_grid-100 #timeblockr_intro a:hover {
    color: #bfd730;
    text-decoration: underline
}

#timeblockr>.timeblockr_grid-100 .timeblockr_edit-controls a {
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    text-decoration: underline
}

#timeblockr>.timeblockr_grid-100 .timeblockr_edit-controls a:focus,#timeblockr>.timeblockr_grid-100 .timeblockr_edit-controls a:hover {
    color: #bfd730
}

#timeblockr>.timeblockr_grid-100 .timeblockr_edit-controls-border {
    border-bottom: 1px solid #000;
    display: block;
    margin-bottom: 1.75rem
}

#timeblockr>.timeblockr_grid-100 .timeblockr_fieldset .timeblockr_product {
    border: 0
}

#timeblockr>.timeblockr_grid-100 .timeblockr_appointment-fields,#timeblockr>.timeblockr_grid-100 .timeblockr_customer-fields,#timeblockr>.timeblockr_grid-100 .timeblockr_fieldset {
    color: #000
}

#timeblockr>.timeblockr_grid-100 .timeblockr_appointment-fields {
    margin-bottom: 1.875rem
}

#timeblockr>.timeblockr_grid-100 .timeblockr_appointment-fields .timeblockr_product {
    color: #000
}

#timeblockr>.timeblockr_grid-100 .timeblockr_date label,#timeblockr>.timeblockr_grid-100 .timeblockr_endtime label,#timeblockr>.timeblockr_grid-100 .timeblockr_fieldset label,#timeblockr>.timeblockr_grid-100 .timeblockr_location label,#timeblockr>.timeblockr_grid-100 .timeblockr_starttime label {
    color: #2c2929;
    font-weight: 400!important;
    margin-bottom: .25rem!important
}

#timeblockr>.timeblockr_grid-100 .timeblockr_date span,#timeblockr>.timeblockr_grid-100 .timeblockr_endtime span,#timeblockr>.timeblockr_grid-100 .timeblockr_fieldset span,#timeblockr>.timeblockr_grid-100 .timeblockr_location span,#timeblockr>.timeblockr_grid-100 .timeblockr_starttime span {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5
}

#timeblockr>.timeblockr_grid-100 .timeblockr_userprofile-fields legend {
    color: #000
}

#timeblockr>.timeblockr_grid-100 .timeblockr_userprofile-fields input:not([type=radio]) {
    border: 1px solid #000;
    font-size: .875rem;
    font-weight: 400;
    height: 2rem!important;
    margin-bottom: 1.25rem!important;
    padding: .625rem
}

#timeblockr>.timeblockr_grid-100 .timeblockr_userprofile-fields input[type=radio] {
    margin-top: .375rem!important
}

#timeblockr>.timeblockr_grid-100 .timeblockr_userprofile-fields input[type=radio]+label {
    margin-left: .375rem!important
}

#timeblockr>.timeblockr_grid-100 .timeblockr_formfield>fieldset>legend,#timeblockr>.timeblockr_grid-100 .timeblockr_formfield>fieldset>span,#timeblockr>.timeblockr_grid-100 .timeblockr_userprofile-fields>div {
    float: none
}

@media screen and (min-width: 30em) {
    #timeblockr>.timeblockr_grid-100 .timeblockr_formfield>fieldset>legend .timeblockr_formfield>fieldset>legend,#timeblockr>.timeblockr_grid-100 .timeblockr_formfield>fieldset>legend .timeblockr_formfield>fieldset>span,#timeblockr>.timeblockr_grid-100 .timeblockr_formfield>fieldset>legend .timeblockr_userprofile-fields>div,#timeblockr>.timeblockr_grid-100 .timeblockr_formfield>fieldset>span .timeblockr_formfield>fieldset>legend,#timeblockr>.timeblockr_grid-100 .timeblockr_formfield>fieldset>span .timeblockr_formfield>fieldset>span,#timeblockr>.timeblockr_grid-100 .timeblockr_formfield>fieldset>span .timeblockr_userprofile-fields>div,#timeblockr>.timeblockr_grid-100 .timeblockr_userprofile-fields>div .timeblockr_formfield>fieldset>legend,#timeblockr>.timeblockr_grid-100 .timeblockr_userprofile-fields>div .timeblockr_formfield>fieldset>span,#timeblockr>.timeblockr_grid-100 .timeblockr_userprofile-fields>div .timeblockr_userprofile-fields>div {
        float:left
    }
}

#timeblockr>.timeblockr_grid-100 .timeblockr_userprofile-fields>div {
    width: 100%!important
}

#timeblockr>.timeblockr_grid-100 .iti--allow-dropdown {
    height: 2rem
}

#timeblockr>.timeblockr_grid-100 .iti--allow-dropdown input {
    padding-left: 3.125rem!important
}

#timeblockr>.timeblockr_grid-100 .timeblockr_set-data .select2-container,#timeblockr>.timeblockr_grid-100 .timeblockr_set-data .timeblockr_firstname input[type=text],#timeblockr>.timeblockr_grid-100 .timeblockr_set-data .timeblockr_infix input[type=text],#timeblockr>.timeblockr_grid-100 .timeblockr_set-data .timeblockr_initials input[type=text] {
    width: 12.5rem
}

#timeblockr>.timeblockr_grid-100 #timeblockr_footer {
    display: flex;
    justify-content: flex-end
}

#timeblockr>.timeblockr_grid-100 .timeblockr_next-route,#timeblockr>.timeblockr_grid-100 .timeblockr_previous-route {
    font-size: 1rem;
    font-weight: 900
}

#timeblockr>.timeblockr_grid-100 .timeblockr_previous-route {
    color: #000;
    font-weight: 400;
    text-decoration: underline
}

#timeblockr>.timeblockr_grid-100 .timeblockr_previous-route:focus,#timeblockr>.timeblockr_grid-100 .timeblockr_previous-route:hover {
    text-decoration: none
}

#timeblockr>.timeblockr_grid-100 .timeblockr_page-controls {
    display: flex
}

#timeblockr>.timeblockr_grid-100 .timeblockr_page-controls a {
    padding: .5rem 1rem
}

.timeblockr_accordion_cancel #timeblockr_footer {
    margin-top: 1.25rem
}

#timeblockr {
	font-size: 1.125rem;
    line-height: 1.78;
	
	label {
		color: #2c2929;
		display: block;
		font-size: .875rem;
		font-weight: 400;
		line-height: 1.8;
		margin: 0;
	}
	.ui-state-highlight,
	.ui-widget-content .ui-state-highlight,
	.ui-widget-header .ui-state-highlight {
		background:	initial!important;
	}
	.timeblockr_grid-100 .ui-datepicker-week-col {
		display: table-cell;
		opacity: 0;
	}
	.ui-widget-header {
		border:1px solid #053548!important;
	}
	.ui-state-default {
		border:1px solid!important;
		text-align:center!important
	}
	.ui-datepicker-calendar span {
		font-weight:100;
		text-align:center
	}
	.ui-state-default,
	.ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default	{
		color:	#000
	}
	
	dl, ol, p, ul {
		line-height: 1.6;
	}
	
	[type="search"]{
		box-sizing: border-box;
		height: auto;
		padding-right: 0.625rem;
		padding-left: 0.625rem;
		margin-bottom: 0.75rem;
		background-color: rgb(250, 250, 250);
		font-size: 1rem;
		color: rgb(4, 52, 73);
	}
	.select2-search__field {
		background-color: transparent;
	}
	.list-button-group .list-button-option {
		label {
			padding-left: 5px;
			line-height: 2rem;
		}
		
		input[type="checkbox"] {
			margin-bottom: 0px!important;
		}
	}
}

#timeblockr {
	.ui-widget-header {
		background:	#bfd730!important
	}
	.ui-datepicker-calendar thead {
		background-color: #000;
		color: #fff
	}
	.ui-datepicker-title {
		color: #000;
	}	
	.ui-state-active,
	.ui-state-focus,
	.ui-state-hover,
	.ui-widget-content .ui-state-focus,
	.ui-widget-content .ui-state-hover,
	.ui-widget-header .ui-state-focus,
	.ui-widget-header .ui-state-hover {
		background: #bfd730!important;
	}
	.ui-state-default {
		border-color:#101010!important;
		text-align:center!important
	}
	.loader {
		background-color: #bfd730 !important;
	}
	
	.ui-datepicker-calendar {
		border: 0;
		font-family: diodrum,sans-serif
	}

	.ui-datepicker-calendar .ui-datepicker-title,.ui-datepicker-calendar thead {
		background-color: #bfd730;
		color: #fff
	}
}

#timeblockr>.timeblockr_grid-100 {
    font-family: 'Nunito Sans';
}