/*custom font*/
@import url(//fonts.googleapis.com/css?family=Montserrat);

/*basic reset*/
* {margin: 0; padding: 0;}

html {
    height: 100%;
    /*Image only BG fallback
    background: url('../../../../uploads/media/gs.png');
    background = gradient + image pattern combo*/
}

body {
    font-family: montserrat, arial, verdana;
}

/*form styles*/
.booking-creation * {
    font-size: 12px;
}



/*MODAL NUEVA RESERVA*/

.modal-content {
    background-color: #eeeeee;
}

.booking-creation .nav.nav-tabs li.nav-item:not(.active):hover {
	background-color: #1ABC9C;
}

.booking-creation .nav.nav-tabs li.nav-item:not(.active), .booking-creation .nav.nav-tabs li.nav-item.disabled:hover {
	background-color: #AAAAAA;
}

.booking-creation .nav.nav-tabs {
    display: block;
    text-align: center;
}

.booking-creation .nav.nav-tabs li {
    margin-right: 3px;
	display: inline-block;
    float: none;
    width: 32%;
}

.booking-creation .nav.nav-tabs li.nav-item:not(.active) a {
	color: #FFFFFF;
}

.booking-creation .nav.nav-tabs li.nav-item:not(.active) a:hover {
	background-color: transparent;
	color: #FFFFFF;
}

.booking-creation .nav.nav-tabs li.nav-item a {
    border-radius: 0;
}


/*Booking Header*/

.booking-creation {
    background-color: transparent !important;
    border-radius: 5px;
    border-top: 10px solid;
    color: inherit !important;
    padding: 0 0 10px;
}

.booking-creation > form > * {
    padding: 0 15px;
}

.booking-creation.pending {
    border-color: #f0ad4e;
}

.booking-creation.cancelled, .booking-creation.remote_cancelled {
    border-color: #d9534f;
}

.booking-creation.booked {
    border-color: #BFB153;
}

.booking-creation.confirmed {
    border-color: #5cb85c;
}

.booking-creation.no_show {
    border-color: #333333;
}

.booking-creation.seated {
    border-color: #587ea3;
}

.booking-creation.enjoyed {
    border-color: #7f9078;
}

.booking-creation.queue,.booking-creation.incompleted{
    border-color:#828282;
}

#form-booking-header {
    background-color: #bcbcbc;
    border-bottom: 1px solid #ddd;
    color: inherit;
    display: inline-block;
    margin-bottom: 10px;
    padding: 0 15px;
    width: 100%;
}

#form-booking-header > * {
    margin: 5px 10px 0;
}

#form-booking-header .form-boobking-source + select {
    border-bottom: 0 none;
    border-radius: 0;
    border-top: medium none;
    color: #ffffff;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 10px;
    text-align: center;
    min-height: 46px;
}


#form-booking-header > h3 {
    float: left;
    margin-right: 20px;
    width: auto;
}

.modal-body h3 {
    font-size: 16px !important;
    margin-bottom: 15px;
	text-transform: capitalize;
}

.modal-body.schedule-modal h3 {
    float: left;
}

#form-booking-data-client > h3 {
    float: left;
    width: 50%;
}

#form-booking-header .form-boobking-source {
    float: left;
}

#form-booking-header .form-boobking-source > img {
    width: 30px;
}

#form-booking-header select {
    -moz-appearance: none;
    cursor: pointer;
    float: left;
    margin: 5px 20px;
    min-width: 140px;
    padding: 0 8px;
    text-transform: uppercase;
    width: auto;
    min-height: 36px;
}

#form-booking-header select option {
    padding: 8px;
}

#form-booking-header .payment-status {
    font-size: 11px !important;
}

.pending {
    background-color: #f0ad4e;
    color: #ffffff;
}

.cancelled,.remote_cancelled {
    background-color: #d9534f;
    color: #ffffff;
}

.booked {
    background-color: #BFB153;
    color: #ffffff;
}

.confirmed {
    background-color: #5cb85c;
    color: #ffffff;
}

.no_show {
    background-color: #333333;
    color: #ffffff;
}

.seated {
    background-color: #587ea3;
    color: #ffffff;
}

.enjoyed {
    background-color: #7f9078;
    color: #ffffff;
}
.queue,.incompleted {
    background-color: #828282;
    color: #ffffff;
}

.booking-payment-controls, .booking-email-marketing {
    float: left;
    width: auto;
}

.booking-payment-controls span {
	display: inline-block;
    font-size: 14px;
    margin: 0 10px;
    text-transform: uppercase;
}

.booking-email-marketing span {
    font-size: 14px;
    line-height: 35px;
}




/* Buttons */
input[type="submit"] {
    background-color: #5cb85c !important;
}
input[type="submit"]:hover, input[type="submit"]:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #5CB85C !important;
}

.booking-creation input[type="text"], .booking-creation input[type="email"],.booking-creation textarea,
.reservation input[type="text"], .reservation input[type="email"],.reservation textarea, .booking-creation select {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
    margin-bottom: 6px;
}
.booking-creation input.error, .reservation input.error {
    border: 1px solid rgba(215, 0, 0, 0.75);
}

.booking-creation .action-button, .reservation .action-button, .reinventa-datepicker .action-button
{
	background: #FFFFFF;
	color: #666666;
	border: 0 none;
	cursor: pointer;
	padding: 10px;
	
}

.booking-creation .action-button:first-child, .reservation .action-button:first-child, .reinventa-datepicker .action-button:first-child {
    border-radius: 25px 0 0 25px;
}

.booking-creation .action-button:last-child, .reservation .action-button:last-child, .reinventa-datepicker .action-button:last-child {
    border-radius: 0 25px 25px 0;
}

.booking-creation .action-button.selected, .reservation .action-button.selected, .reinventa-datepicker .action-button.selected  {
    background-color: #34495e !important;
	border: 1px solid #34495e !important;
	color: #ffffff;
}

.intervals-wrapper .action-button.out-of-range {
    margin: 20px 0 0;
}

.booking-creation .action-button:hover, .reinventa-datepicker .action-button:focus, .reinventa-datepicker .action-button:hover,
.reservation .action-button:hover {
    /*box-shadow: 0 0 0 2px white, 0 0 0 3px #428BCA;*/
    background-color: #48C9B0;
	border-color: #48C9B0;
	color: #ffffff;
}

/*.reinventa-datepicker {
    display: inline-block;
    width: 100%;
}

.reinventa-datepicker .action-button {
    border: 1px solid #999999;
    float: left;
    margin: 0;
    min-height: 50px;
    min-width: 6.8%;
    padding: 4px 10px;
}

.reinventa-datepicker .action-button.days-button {
    display: inline-block;
    list-style: outside none none;
    min-width: 16%;
    text-align: center;
    width: 16%;
}

.reinventa-datepicker .action-button.days-button > span {
    text-transform: uppercase;
}

.reinventa-datepicker .action-button.days-button > span:first-child {
    clear: both;
    display: block;
    font-size: 16px;
}

.reinventa-datepicker button.action-button {
    border-radius: 0 25px 25px 0;
}

.reinventa-datepicker button.action-button.calendar-button i {
	font-size: 17px;
    margin-right: 0;
}
*/

#search-result {
    max-height: 300px;
    overflow-y: scroll;
}

.error-message {
    color: red;
}
#occupated-tables {
    display: none;
}
#occupated-tables.active {
    background-color: #34495E;
    border-radius: 2px;
    color: #fff;
    display: block;
    margin-bottom: 20px;
    padding: 20px 10px;
    text-align: center;
}




/* Intervals selector */

.intervals {
    margin-top: 10px;
}

.intervals-wrapper input, .intervals-wrapper li {
    border: 1px solid #999999 !important;
    border-radius: 4px !important;
    display: inline-block;
	font-size: 14px;
    list-style: outside none none;
    margin: 1px;
    padding: 5px 2% !important;
    text-align: center;
}

.intervals-wrapper input, .intervals-wrapper li span {
    clear: both;
    display: block;
}

.intervals-wrapper input {
    display: inline-block;
}


/* Pax Selector */

.pax-wrap {
    display: inline-block;
    width: 100%;
}

.pax-wrap .row {
    float: left;
    margin: 0;
    width: 100%;
}

.pax-wrap .row:last-child {
    float: right;
}

.pax-wrap .row > div {
    padding: 0;
}

.pax-wrap .row .col-sm-10 .action-button.ng-scope {
    border: 1px solid #999999;
    padding-left: 0;
    padding-right: 0;
    width: 11.1%;
}

.pax-wrap .row .col-sm-10 .action-button.ng-scope:hover {
    background-color: #1ABC9C;
	border-color: #1ABC9C;
}

.pax-wrap .row .col-sm-10 .action-button.ng-scope:last-child {
	border-radius: 0;
}

.pax-wrap .form-control {
    border-left: 0 none;
    border-radius: 0 25px 25px 0;
    float: left;
    height: auto;
    line-height: inherit;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}

.booking-creation .shifts-wrap input, .booking-creation .shifts-wrap li, .reinventa-datepicker .days-button, .status-wrap .action-button {
    border: 1px solid #999999;
}



/*Shifts Buttons*/

.shifts-wrap input.action-button, .shifts-wrap li.action-button {
    display: inline-block;
    list-style: outside none none;
}

.shifts-wrap input.action-button:only-child, .shifts-wrap li.action-button:only-child  {
    border-radius: 25px;
}


.booking-creation .walkin-btn {
    background-image: url("https://manager.re-inventa.me/application/assets/images/person-icon-grey.png");
    background-position: 30% 50%;
    background-repeat: no-repeat;
	background-size: 26px auto;
	border: 1px solid #999999;
    border-radius: 25px !important;
    color: #666666;
    display: block;
    margin: 10px auto 10px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.booking-creation .walkin-btn:hover {
    background-image: url("https://manager.re-inventa.me/application/assets/images/person-icon.png");
}

.booking-creation .calendar-button {
    display: inline-block;
    min-width: 10%;
    padding: 10px;
}

.booking-creation .action-button.closed {
    background-color: #e74c3c;
    color: #ffffff;
}

.status-wrap .action-button {
    border-radius: 0;
    float: left;
    width: 33.3%;
}

.status-wrap .action-button:first-child {
    border-radius: 25px 0 0 !important;
}

.status-wrap .action-button:nth-child(3) {
    border-radius: 0 25px 0 0;
}

.status-wrap .action-button:nth-child(4) {
    border-radius: 0 0 0 25px;
}

.status-wrap .action-button:last-child {
    border-radius: 0 0 25px !important;
}



/*Titles*/

.booking-creation h5 {
    border-bottom: 1px solid #ddd;
    margin: 20px 0 10px;
    padding-bottom: 3px;
}


/*Calendar*/

.uib-daypicker th, .uib-daypicker th button {
    background-color: #34495e;
    border: medium none;
	border-radius: 0;
    color: #ffffff;
}

.uib-daypicker tbody tr td input {
    border: medium none;
    border-radius: 0 !important;
}

.uib-daypicker tbody tr td input:hover {
	background-color: #1ABC9C;
}



/*Search Result Table*/

#search-result table {
    border: 2px solid #666666;
    font-size: 12px;
}

#search-result table tr {
    border-bottom: 2px solid #666666;
}

#search-result table tr:hover {
    background-color: #34495e !important;
	color: #FFFFFF;
}



/* Send Mail & SMS Buttons */
.modal #form-booking-data-client .row > input.action-button {
    display: none;
}

/*Floormap Tab*/

#floormap-tab.disabled .nav-link.ng-binding {
    margin-right: 0;
}

.reservation-floormap {
    margin: 20px auto 0;
    width: 80%;
}

#tabs-floormap-modal {
    border: medium none;
    padding: 0 10px 20px;
}

#tabs-floormap-modal > li > a {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    border-radius: 0;
    color: #666666;
    margin: 0;
    padding: 5px 20px;
    transition: all 0.25s ease 0s;
}

#tabs-floormap-modal > li > a > span:last-child {
    display: block;
    font-size: 12px;
	text-align: center;
    width: 100%;
}

#tabs-floormap-modal > li:only-child > a {
    border-radius: 25px !important;
}


#tabs-floormap-modal > li > a:hover
{
    background-color: #1abc9c; 
	border-color: #1abc9c; 
    color: #fff;
    transition: all 0.25s ease 0s;
}

#tabs-floormap-modal > li.active > a
{
    background-color: #34495E; 
	border-color: #34495E; 
    color: #fff;
    transition: all 0.25s ease 0s;
}

#tabs-floormap-modal > li:first-child > a {
    border-radius: 25px 0 0 25px;
}

#tabs-floormap-modal > li:last-child > a {
    border-radius: 0 25px 25px 0;
}

/*.reservation-floormap .newbooking #panel-editor {
    background-color: #ffffff;
}*/

.reservation-floormap .newbooking #panel-editor #floormap-modal {
    background-color: #eeeeee;
    border: 1px solid #999999;
}



/*Extra Info Tab*/

#form-booking-extrainfo .custom-field {
    display: inline-block;
    margin-right: 3.4%;
    width: 31%;
}

#form-booking-extrainfo .custom-field:nth-child(3n+1) {
    margin-right: 0;
}


/*Booking Resume*/

.booking-resume-data {
    background-color: #ffffff;
    border: 1px solid #DDDDDD;
    color: #333333;
}

.booking-resume > .col-sm-6:first-child .row, .booking-resume > .col-sm-12:first-child .row {
    margin: 0;
    width: 100%;
}

.booking-resume > .col-sm-6:first-child .row:nth-child(2n+2), .booking-resume > .col-sm-12:first-child .row:nth-child(2n+2) {
    background-color: #eeeeee;
}

.booking-resume > .col-sm-6:first-child .row > div, .booking-resume > .col-sm-12:first-child .row > div {
    border: 1px solid #DDDDDD;
    border-collapse: collapse;
    min-height: 32px;
    padding: 5px 10px;
}


/* Booking History */

#booking-history > #clientHistory {
    padding: 0 15px;
}


/*Modal Footer*/

.booking-creation + .modal-footer button i.fa, .booking-resume + .modal-footer button i.fa {
    font-size: 20px;
    margin-right: 10px;
    width: 20px;
}

.out-of-range {
    background-color: #f0ad4e ! important;
}