body                                            { background-color: transparent; color: #2d2d2d; }

/* First Sreen */
#date_box                                       { margin-bottom: 16px; }
.ui-widget-content                              { background-color: transparent !important; background: none; border: 2px solid #2d2d2d; border-radius: 2px; padding: 8px; }
.ui-widget-header                               { border: none; border-bottom: 2px solid #2d2d2d; padding: 0 0 8px !important; }

#datepicker                                     { padding: 0 12px; }
#datepicker .ui-datepicker                      { width: 100%; }

.ui-datepicker .ui-datepicker-title             { font-size: 12px; color: #2d2d2d; line-height: 21px; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next              { height: 21px; width: 21px; display: block; top: 0; }
.ui-datepicker .ui-datepicker-prev:after,
.ui-datepicker .ui-datepicker-next:after,
.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before       { content: ''; height: 2px; width: 10px; position: absolute; background-color: #2d2d2d; }
.ui-datepicker .ui-datepicker-prev:after        { transform: rotate(45deg); top: 13px; left: 5px; }
.ui-datepicker .ui-datepicker-next:after        { transform: rotate(-45deg); top: 13px; right: 5px; }
.ui-datepicker .ui-datepicker-prev:before       { transform: rotate(-45deg); top: 7px; left: 5px; }
.ui-datepicker .ui-datepicker-next:before       { transform: rotate(45deg); top: 7px; right: 5px; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span         { display: none; }
.ui-datepicker table                            { font-size: 10px; margin: 6px 3% 2px; width: 94%; color: #2d2d2d; }
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default             { border: none; background-color: transparent; color: #37363a; line-height: 24px; text-align: center; padding: 0; }
.ui-datepicker td                               { padding: 0; width: 14.2857%; width: calc(100% / 7); }
.ui-widget-content .ui-state-active             { background-color: transparent; color: #37363a; position: relative; background-color: transparent !important; }
.ui-widget-content .ui-state-active:after       { content: ''; width: 24px; height: 24px; border-radius: 24px; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; border: 1px solid #37363a; }
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled            { opacity: 0.15; }

#personas_box,
#hour_box                                       { padding: 0 12px; position: relative; margin-top: -26px; }
#personas_box label,
#hour_box label                                 { font-size: 0; color: transparent; height: 0; line-height: 0; }
#hour_box label:after,
#personas_box label:after                       { content: ''; position: absolute; border-bottom: 2px solid #2d2d2d; border-right: 2px solid #2d2d2d; background-color: #ffd129; right: 22px; transform: rotate(45deg); top: 31px; width: 8px; height: 8px; pointer-events: none; }
#personas_box select,
#hour_box select,
#extra-box-select select                        { background-color: transparent; color: #2d2d2d; border: 2px solid #2d2d2d; box-shadow: none; border-radius: 2px; padding: 0 10px; font-size: 12px; height: 32px; }

#reservar_button                                { margin-top: -5px; padding: 0 12px; }
#reservar_button .reservarButton                { border: none; border-radius: 2px; background-color: #2d2d2d; color: #fff; text-transform: uppercase; font-size: 10px; letter-spacing: 5px; }

#waiting_button_list                            { margin-top: -14px; font-size: 11px; padding: 0 12px; }
#waiting_button_list label                      { font-size: 11px; font-weight: 400; display: inline; }
#waiting_button_list input.form-control         { display: inline; width: auto; padding: 0; height: auto; background-color: transparent; border: none; box-shadow: none; color: #2d2d2d; font-size: 11px; text-decoration: underline; }

/* Second Sreen */
.info_header1                                   { display: none; }

.info_header2                                   { padding: 0; }
.info_header2 strong                            { display: block; width: 64px; float: left; }
.info_header2 .pull-left                        { display: block; width: 100%; text-align: center; font-size: 8px; text-transform: uppercase; line-height: 27px; padding: 0px 6px; color: #2d2d2d; border: 2px solid; border-radius: 2px; font-weight: 900; letter-spacing: 1px; text-decoration: none !important; }
.info_header2 .info_perview                     { display: block; width: 100%; width: calc(100% - 70px); margin-left: 6px; float: left; font-size: 9px; background-color: #2d2d2d; color: #fff; font-weight: 900;text-transform: uppercase; line-height: 31px; border-radius: 2px; letter-spacing: 1px; }

#login_box div.col-sm-12:nth-child(2) label,
#login_box div.col-sm-12:nth-child(3) label,
#login_box div.col-sm-12:nth-child(4) label     { display: none; }
#login_box div.col-sm-12:nth-child(2) div,
#login_box div.col-sm-12:nth-child(3) div,
#login_box div.col-sm-12:nth-child(4) div,
#login_box div.col-sm-12:nth-child(6) div,
#login_box div.col-sm-12:nth-child(7) div,
#login_box div.col-sm-12:nth-child(8) div       { padding: 0; }
#login_box div.col-sm-12:nth-child(4) div       { margin-top: 0; }

#login_box input.form-control                   { background-color: transparent; border: none; box-shadow: none; padding: 0; height: auto; line-height: 22px; color: #2d2d2d; border-bottom: 2px solid; font-size: 12px; margin-bottom: 6px; }
input::-webkit-input-placeholder    { color: #2d2d2d !important; opacity: 0.6; }
input:-ms-input-placeholder         { color: #2d2d2d !important; opacity: 0.6; }
input::-moz-placeholder             { color: #2d2d2d !important; opacity: 0.6; }
input:-moz-placeholder              { color: #2d2d2d !important; opacity: 0.6; }
#login_box div.col-sm-12:nth-child(2) .col-sm-6,
#login_box div.col-sm-12:nth-child(3) .col-sm-6             { position: relative; }
#login_box div.col-sm-12:nth-child(2) .col-sm-6 .LV_invalid,
#login_box div.col-sm-12:nth-child(3) .col-sm-6 .LV_invalid { position: absolute; top: 0; right: 0; font-size: 9px; line-height: 26px; pointer-events: none; }

#commentary_div                                 { font-size: 10px; color: #2d2d2d; text-decoration: underline; }
#commentary_div a                               { color: #2d2d2d; }

.bootstrap-select.form-control:not([class*=col-])   { background-color: transparent; box-shadow: none; width: 86%; }
.btn-group .button .flag-icon                       { display: none; }
.bootstrap-select.btn-group .dropdown-toggle .filter-option { border: none; box-shadow: none; padding: 0; margin: 0; }
.btn-group.form-control select                      { border: none; box-shadow: none; }
button.btn.dropdown-toggle.btn-default              { background-color: transparent; padding: 0; height: 24px; border: none; box-shadow: none; border-bottom: 2px solid #2d2d2d; font-size: 12px; font-size: 10px; color: #2d2d2d; }
button.btn.dropdown-toggle.btn-default .flag-icon   { display: none; }

input[type=radio], input[type=checkbox]         { vertical-align: middle; margin: 0; }
#aller                                          { font-size: 8px; vertical-align: middle; margin-bottom: 6px; }
#aller input[type=checkbox]                     { margin-left: -1px; margin-right: 2px; }
#aller #no_food_restrictions                    { margin-left: 1px; }

#login_box div.col-sm-12:last-child             { font-size: 8px; }
#login_box div.col-sm-12:last-child a           { color: #2d2d2d; text-decoration: underline; }
#login_box div.col-sm-12:last-child div br      { display: none; }
#login_box div.col-sm-12:last-child div         { margin-bottom: 6px; }
#login_box div.col-sm-12:last-child div input[type=checkbox] { margin-right: -4px; }
#login_box #extra_list > div:first-child        { padding-left: 0; padding-right: 8px; }
#login_box #extra_list > div:first-child label  { display: block; position: absolute; bottom: 7px; left: 16px; font-size: 12px; font-weight: 400; }
#login_box #extra_list > div:first-child #extra_people:after    { content: ' personas' }
#login_box #extra_list > div:last-child         { padding-right: 0; padding-left: 8px; }
#login_box #extra_list > div:last-child label   { display: block; position: absolute;font-size: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #2d2d2d; right: 6px; bottom: 5px; pointer-events: none; }
#login_box #extra_list > div:last-child #extra_hour   { background-color: transparent; border: none; box-shadow: none; color: #2d2d2d; border-bottom: 2px solid; height: 24px; padding: 0; font-size: 12px; }
#login_box #extra_list > div > div.col-sm-12    { display: none; }

#datos_personales #info-box .col-xs-12                      { margin-top: 0; }
#datos_personales #info-box .col-xs-12 div:nth-child(4)     { margin-top: 0; float: right; width: 100%; padding: 0; }
#datos_personales #info-box .col-xs-12 div:nth-child(5)     { margin-top: 0; float: right; width: 100%; padding: 0; }
#datos_personales #info-box .col-xs-12 .reservarButton      { border: none; border-radius: 2px; background-color: #2d2d2d; color: #fff; text-transform: uppercase; font-size: 10px; letter-spacing: 5px; }

#food_restriction_block label                   { font-size: 10px; margin: -5px 0 2px; display: inline-block; float: left; vertical-align: middle; }
#food_restriction_block label:after             { content: ':'; }
#food_restriction_block textarea                { background-color: transparent; border: none; box-shadow: none; resize: none; border-bottom: 2px solid #2d2d2d; height: 18px; margin-bottom: 6px; padding: 0; color: #2d2d2d; font-size: 10px; width: calc(100% - 64px); float: left; vertical-align: middle; margin-top: -5px; }

.ui-dialog                                      { height: 380px !important; background-color: #2d2d2d !important; color: #fff; overflow-y: scroll; }

/* Third Screen */
#pay-box .row.col-sm-12:nth-child(3)            { margin-top: 40px; }
#pay-box .row.col-sm-12:nth-child(3) div:first-child    { padding-right: 8px; }
#pay-box .row.col-sm-12:nth-child(3) div:last-child     { padding-left: 8px; }
#pay-box .row.col-sm-12:nth-child(3) label      { font-size: 10px; }
#pay-box .row.col-sm-12:nth-child(3) input      { margin: 0; background-color: transparent; border: none; box-shadow: none; padding: 0; height: auto; line-height: 22px; color: #2d2d2d; border-bottom: 2px solid; font-size: 12px; margin-bottom: 6px; }

#pay-box .row.col-sm-12:nth-child(4)            { margin-top: 10px; }
#pay-box .row.col-sm-12:nth-child(4) br         { display: none; }
#pay-box .row.col-sm-12:nth-child(4) label      { font-size: 10px; }

#pay-box .row.col-sm-12:nth-child(5) div:first-child    { padding-right: 8px; position: relative; }
#pay-box .row.col-sm-12:nth-child(5) div:first-child:after    { content: ''; display: block; position: absolute;font-size: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #2d2d2d; right: 14px; bottom: 10px; pointer-events: none; }
#pay-box .row.col-sm-12:nth-child(5) div:last-child     { padding-left: 8px; position: relative; }
#pay-box .row.col-sm-12:nth-child(5) div:last-child:after    { content: ''; display: block; position: absolute;font-size: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #2d2d2d; right: 21px; bottom: 10px; pointer-events: none; }
#pay-box .row.col-sm-12:nth-child(5) select     { background-color: transparent; border: none; box-shadow: none; color: #2d2d2d; border-bottom: 2px solid; height: 24px; padding: 0; font-size: 12px; }

#p_cancel                                       { font-size: 10px; }

#pay-box .row.col-sm-12:nth-child(8) br         { display: none; }
#pay-box .info_header2                          { padding: 0 15px; }

#pagoLogo                                       { background-color: #2d2d2d; padding: 0px 7px 7px 7px; border-radius: 2px; margin: 0 15px 15px; }
#pagoLogo img                                   { width: 100% !important; }

#pay_button                                     { font-weight: bold; border: none; border-radius: 0; padding: 0; line-height: 32px; background-color: transparent; }
#resume_cart                                    { border: none; border-radius: 2px; background-color: #2d2d2d; color: #fff; text-transform: uppercase; font-size: 10px; letter-spacing: 5px; display: block; }

/* Last Screen */
#end_box a                                      { border: none; border-radius: 2px; background-color: #2d2d2d; color: #fff; text-transform: uppercase; font-size: 9px; letter-spacing: 3px; display: block; margin: 0 15px; line-height: 50px; }
#end_box br                                     { content: ""; }
#end_box br:after                               { content: " "; }
#end_box #info_end_txt                          { font-size: 12px; margin: 30px 0; }


/*-------------------------------------------------------------------------------------------------------------- iPhone6 */

@media(min-width: 374px){
    /* First Sreen */
    #date_box                                       { margin-bottom: 22px; }

    .ui-datepicker table                            { font-size: 12px; margin: 16px 3% 10px; }
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default             { line-height: 28px; }
    .ui-widget-content .ui-state-active:after       { width: 28px; height: 28px;margin-left: -14px; margin-top: -14px; }

    #reservar_button                                { margin-top: 2px; }
    #reservar_button .reservarButton                { height: 50px; }

    /* Second Sreen */
    .info_header2 .pull-left                        { font-size: 8px; line-height: 32px; }
    .info_header2 .info_perview                     { font-size: 11px; line-height: 35px; }

    #login_box input.form-control                   { line-height: 25px; font-size: 12px; margin-bottom: 7px; }
    button.btn.dropdown-toggle.btn-default          { height: 27px; font-size: 11px; }

    #aller                                          { font-size: 10px; }
    #login_box div.col-sm-12:last-child             { font-size: 10px; margin-bottom: 6px; }
    #food_restriction_block label                   { margin: 2px 0 2px; }
    #food_restriction_block textarea                { height: 24px; margin: -5px 0 10px 13px; font-size: 10px; }

    #login_box #extra_list > div:first-child label  { bottom: 8px; }
    #login_box #extra_list > div:last-child #extra_hour { height: 27px; }
    #login_box #extra_list > div:last-child label   { bottom: 7px; }

    #datos_personales #info-box .col-xs-12 .reservarButton  { height: 40px; }

    /* Third Screen */
    #pay-box .row.col-sm-12:nth-child(3)            { margin-top: 50px; }
    #pay-box .row.col-sm-12:nth-child(3) label      { font-size: 12px; }
    #pay-box .row.col-sm-12:nth-child(3) input      { line-height: 36px; font-size: 14px; }

    #pay-box .row.col-sm-12:nth-child(4) label      { font-size: 12px; }

    #pay-box .row.col-sm-12:nth-child(5)            { margin-bottom: 10px; }
    #pay-box .row.col-sm-12:nth-child(5) div:first-child:after    { bottom: 16px; }
    #pay-box .row.col-sm-12:nth-child(5) div:last-child:after    { bottom: 16px; }
    #pay-box .row.col-sm-12:nth-child(5) select     { height: 36px; font-size: 14px; }

    #p_cancel                                       { font-size: 12px; margin-bottom: 10px; }

    #pay-box .row.col-sm-12:nth-child(8) br         { display: none; }
    #pay-box .info_header2                          { padding: 0 15px; }

    #pagoLogo                                       { margin: 0 15px 15px; }

    #pay_button                                     { line-height: 50px; height: 50px; }
    #resume_cart                                    { line-height: 50px; }
}

#logoCoverAdd a {
    Color: #2d2d2d;
}