.FrontOfficeContainer .planningTableForm {
    overflow: hidden;
}
.FrontOfficeContainer .PlanningTableFormContent {
    display:flex;
    width:100%;
    /*padding: 15px;*/
    box-sizing: border-box;
}
.FrontOfficeContainer .planningTableContainer {
    overflow-x:auto;
    width:100%;
}
.FrontOfficeContainer .planningDragSlideFront{
    position: absolute;
    width: 5px;
    height: 34px;
    cursor: e-resize;
    background-color: transparent;
    right: -20px;
    z-index: 99;
   -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari prior 9.0 */
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1000;
}
.FrontOfficeContainer .planningDragSlideBack{
    position: absolute;
    width: 5px;
    height: 34px;
    cursor: e-resize;
    background-color: transparent;
    left: 20px;
    z-index: 99;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari prior 9.0 */
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1000;
}

.FrontOfficeContainer .selectedplanning {background-color: rgba(255, 166, 0, 0.548);color:#FFF;}
.FrontOfficeContainer .planningOutOfService {background-color:rgba(255, 0, 0, 0.616);color:#FFF;}
.FrontOfficeContainer .planningOutOfServiceSelected {background-color:rgba(255, 0, 0, 0.729);color:#FFF;}
.FrontOfficeContainer .planningBlockedDates {background-color: rgba(83, 83, 83, 0.616);color:#FFF;}
.FrontOfficeContainer .planningBlockedDatesSelected {background-color: rgba(83, 83, 83, 0.729);color:#FFF;}
.FrontOfficeContainer .planningPossibleDrag {background-color: rgba(0, 128, 0, 0.24);color:#FFF;}
.FrontOfficeContainer .planningNotPossibleDrag {background-color: rgba(255, 0, 0, 0.315);color:#FFF;}
.FrontOfficeContainer .planningReservedDatesSelected {background-color: green;color:#FFF;}
.FrontOfficeContainer .planningReservedDatesModifying {background-color: rgba(0, 128, 0, 0.562);color:#FFF;}
.FrontOfficeContainer .planningLoading {background-color: rgb(48, 48, 48);color:#FFF;}
/* planningLoadingIcon */
.FrontOfficeContainer .planningLoadingIcon {
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
    display: flex !important;
    opacity: 0;
    transition: all 0.4s;
    color: #fff;
    pointer-events: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin: auto !important;
    align-items: center;
    justify-content: center;
}
.FrontOfficeContainer .planningLoading .planningLoadingIcon {
    opacity:1;
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}
/* Reservations */
.FrontOfficeContainer .planningReservationInHouse {background-color: rgb(23, 138, 23);color:#FFF;}
.FrontOfficeContainer .planningReservationConfirmed {background-color: rgb(43, 103, 182);color: #fff;}
.FrontOfficeContainer .planningReservationConfirmationPending {background-color: rgb(105, 167, 248);color:#FFF;}
.FrontOfficeContainer .planningReservationCheckedOut {background-color: rgb(189, 189, 189);color:#FFF;}
.FrontOfficeContainer .planningReservationCourtesyHold {background-color: rgb(140, 42, 197);color:#FFF;}
.FrontOfficeContainer .planningReservationNoShow {background-color: rgb(197, 86, 42);color:#FFF;}

.FrontOfficeContainer .planningBlock {z-index: 798;}

.FrontOfficeContainer .planningBlock.planningReservationNoShow, .FrontOfficeContainer .planningBlock.planningReservationCourtesyHold, .FrontOfficeContainer .planningBlock.planningReservationCheckedOut, .FrontOfficeContainer .planningBlock.planningReservationConfirmationPending, .FrontOfficeContainer .planningBlock.planningReservationConfirmed, .FrontOfficeContainer .planningBlock.planningReservationInHouse, .FrontOfficeContainer .planningBlock.planningOutOfService, .FrontOfficeContainer .planningBlock.planningOutOfServiceSelected, .FrontOfficeContainer .planningBlock.selectedplanning, .FrontOfficeContainer .planningBlock.planningPossibleDrag, .FrontOfficeContainer .planningBlock.planningNotPossibleDrag, .FrontOfficeContainer .planningBlock.planningBlockedDates, .FrontOfficeContainer .planningBlock.planningBlockedDatesSelected, .FrontOfficeContainer .planningBlock.planningReservedDatesModifying, .FrontOfficeContainer .planningBlock.planningLoading {
    position: absolute;
    width: calc(100% - 26px);
    height: 25px;
    left: 50px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.FrontOfficeContainer .DragInCourse {
    margin: 0 !important;
}
.FrontOfficeContainer .planningBlock.planningReservationNoShow *, .FrontOfficeContainer .planningBlock.planningReservationCourtesyHold *, .FrontOfficeContainer .planningBlock.planningReservationCheckedOut *, .FrontOfficeContainer .planningBlock.planningReservationConfirmationPending *, .FrontOfficeContainer .planningBlock.planningReservationConfirmed *, .FrontOfficeContainer .planningBlock.planningReservationInHouse *, .FrontOfficeContainer .planningBlock.planningOutOfService *, .FrontOfficeContainer .planningBlock.planningOutOfServiceSelected *, .FrontOfficeContainer .planningBlock.selectedplanning *, .FrontOfficeContainer .planningBlock.planningPossibleDrag *, .FrontOfficeContainer .planningBlock.planningNotPossibleDrag *, .FrontOfficeContainer .planningBlock.planningBlockedDates *, .FrontOfficeContainer .planningBlock.planningBlockedDatesSelected *, .FrontOfficeContainer .planningBlock.planningReservedDatesModifying * {
    display: inline;
    text-align: right;
}
.FrontOfficeContainer .planningBlock.planningReservationNoShow:before, .FrontOfficeContainer .planningBlock.planningReservationCourtesyHold:before, .FrontOfficeContainer .planningBlock.planningReservationCheckedOut:before, .FrontOfficeContainer .planningBlock.planningReservationConfirmationPending:before, .FrontOfficeContainer .planningBlock.planningReservationConfirmed:before, .FrontOfficeContainer .planningBlock.planningReservationInHouse:before, .FrontOfficeContainer .planningBlock.planningOutOfService:before, .FrontOfficeContainer .planningBlock.planningOutOfServiceSelected:before, .FrontOfficeContainer .planningBlock.selectedplanning:before, .FrontOfficeContainer .planningBlock.planningPossibleDrag:before, .FrontOfficeContainer .planningBlock.planningNotPossibleDrag:before, .FrontOfficeContainer .planningBlock.planningBlockedDates:before, .FrontOfficeContainer .planningBlock.planningBlockedDatesSelected:before, .FrontOfficeContainer .planningBlock.planningReservedDatesModifying:before
{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: -25px;
    top: 0;
    bottom:0;
    margin:auto;
    border-top: 25px solid transparent;
    border-right: 25px solid rgb(23, 138, 23);
    pointer-events: none;
}
.FrontOfficeContainer tbody tr td:first-child .planningBlock.planningReservationNoShow[data-partial-display="True"]:before, .FrontOfficeContainer tbody tr td:first-child .planningBlock.planningReservationCourtesyHold[data-partial-display="True"]:before, .FrontOfficeContainer tbody tr td:first-child .planningBlock.planningReservationCheckedOut[data-partial-display="True"]:before, .FrontOfficeContainer tbody tr td:first-child .planningBlock.planningReservationConfirmationPending[data-partial-display="True"]:before, .FrontOfficeContainer tbody tr td:first-child .planningBlock.planningReservationConfirmed[data-partial-display="True"]:before, .FrontOfficeContainer tbody tr td:first-child .planningBlock.planningReservationInHouse[data-partial-display="True"]:before, .FrontOfficeContainer tbody tr td:first-child .planningBlock.planningOutOfService[data-partial-display="True"]:before, .FrontOfficeContainer tbody tr td:first-child .planningBlock.planningOutOfServiceSelected[data-partial-display="True"]:before, .FrontOfficeContainer tbody tr td:first-child .planningBlock.selectedplanning[data-partial-display="True"]:before, .FrontOfficeContainer tbody tr td:first-child .planningBlock.planningPossibleDrag[data-partial-display="True"]:before, .FrontOfficeContainer tbody tr td:first-child .planningBlock.planningNotPossibleDrag[data-partial-display="True"]:before, .FrontOfficeContainer tbody tr td:first-child .planningBlock.planningBlockedDates[data-partial-display="True"]:before, .FrontOfficeContainer tbody tr td:first-child .planningBlock.planningBlockedDatesSelected[data-partial-display="True"]:before, .FrontOfficeContainer tbody tr td:first-child .planningBlock.planningReservedDatesModifying[data-partial-display="True"]:before {
    display: block;
    background: rgb(23, 138, 23);
    width: 999999px;
    right: 100%;
    left: unset;
    border-right-color: transparent;
    border-bottom: 1px dashed #fff !important;
    border-top: 1px dashed #FFF !important;
    height: 25px;
    border-right: 0px;
}
.FrontOfficeContainer .planningBlock.planningReservationNoShow:before
{
    border-right: 25px solid rgb(197, 86, 42);
}
.FrontOfficeContainer tbody tr td:first-child .planningBlock.planningReservationNoShow[data-partial-display="True"]:before {
    display: block;
    background: rgb(197, 86, 42);
    width: 999999px;
    right: 100%;
    left: unset;
    border-right-color:transparent;
    border-top: 1px dashed #FFF !important;
    height: 25px;
    border-right: 0px;
}
.FrontOfficeContainer .planningBlock.planningReservationCourtesyHold:before
{
    border-right: 25px solid rgb(140, 42, 197);
}
.FrontOfficeContainer tbody tr td:first-child .planningBlock.planningReservationCourtesyHold[data-partial-display="True"]:before {
    display: block;
    background: rgb(140, 42, 197);
    width: 999999px;
    right: 100%;
    left: unset;
    border-right-color:transparent;
    border-top: 1px dashed #FFF !important;
    height: 25px;
    border-right: 0px;
}
.FrontOfficeContainer .planningBlock.planningReservationCheckedOut:before
{
    border-right: 25px solid rgb(189, 189, 189);
}
.FrontOfficeContainer tbody tr td:first-child .planningBlock.planningReservationCheckedOut[data-partial-display="True"]:before {
    display: block;
    background: rgb(189, 189, 189);
    width: 999999px;
    right: 100%;
    left: unset;
    border-right-color:transparent;
    border-top: 1px dashed #FFF !important;
    height: 25px;
    border-right: 0px;
}
.FrontOfficeContainer .planningBlock.planningOutOfService:before
{
    border-right: 25px solid rgba(255, 0, 0, 0.616);
}
.FrontOfficeContainer tbody tr td:first-child .planningBlock.planningOutOfService[data-partial-display="True"]:before {
    display: block;
    background: rgba(255, 0, 0, 0.616);
    width: 999999px;
    right: 100%;
    left: unset;
    border-right-color:transparent;
    border-top: 1px dashed #FFF !important;
    height: 25px;
    border-right: 0px;
}
.FrontOfficeContainer .planningBlock.planningOutOfServiceSelected:before
{
    border-right: 25px solid rgba(255, 0, 0, 0.729);
}
.FrontOfficeContainer tbody tr td:first-child .planningBlock.planningOutOfServiceSelected[data-partial-display="True"]:before {
    display: block;
    background: rgba(255, 0, 0, 0.729);
    width: 999999px;
    right: 100%;
    left: unset;
    border-right-color:transparent;
    border-top: 1px dashed #FFF !important;
    height: 25px;
    border-right: 0px;
}
.FrontOfficeContainer .planningBlock.selectedplanning:before
{
    border-right: 25px solid rgba(255, 166, 0, 0.548);
}
.FrontOfficeContainer tbody tr td:first-child .planningBlock.selectedplanning[data-partial-display="True"]:before {
    display: block;
    background: rgba(255, 166, 0, 0.548);
    width: 999999px;
    right: 100%;
    left: unset;
    border-right-color:transparent;
    border-top: 1px dashed #FFF !important;
    height: 25px;
    border-right: 0px;
}
.FrontOfficeContainer .planningBlock.planningPossibleDrag:before
{
    border-right: 25px solid rgba(0, 128, 0, 0.24);
}
.FrontOfficeContainer tbody tr td:first-child .planningBlock.planningPossibleDrag[data-partial-display="True"]:before {
    display: block;
    background: rgba(0, 128, 0, 0.24);
    width: 999999px;
    right: 100%;
    left: unset;
    border-right-color:transparent;
    border-top: 1px dashed #FFF !important;
    height: 25px;
    border-right: 0px;
}
.FrontOfficeContainer .planningBlock.planningBlockedDates:before
{
    border-right: 25px solid rgba(83, 83, 83, 0.616);
}
.FrontOfficeContainer tbody tr td:first-child .planningBlock.planningBlockedDates[data-partial-display="True"]:before {
    display: block;
    background: rgba(83, 83, 83, 0.616);
    width: 999999px;
    right: 100%;
    left: unset;
    border-right-color:transparent;
    border-top: 1px dashed #FFF !important;
    height: 25px;
    border-right: 0px;
}
.FrontOfficeContainer .planningBlock.planningBlockedDatesSelected:before
{
    border-right: 25px solid rgba(83, 83, 83, 0.729);
}
.FrontOfficeContainer tbody tr td:first-child .planningBlock.planningBlockedDatesSelected[data-partial-display="True"]:before {
    display: block;
    background: rgba(83, 83, 83, 0.729);
    width: 999999px;
    right: 100%;
    left: unset;
    border-right-color:transparent;
    border-top: 1px dashed #FFF !important;
    height: 25px;
    border-right: 0px;
}
.FrontOfficeContainer .planningBlock.planningNotPossibleDrag:before
{
    border-right: 25px solid rgba(255, 0, 0, 0.315);
}
.FrontOfficeContainer tbody tr td:first-child .planningBlock.planningNotPossibleDrag[data-partial-display="True"]:before {
    display: block;
    background: rgba(255, 0, 0, 0.315);
    width: 999999px;
    right: 100%;
    left: unset;
    border-right-color:transparent;
    border-top: 1px dashed #FFF !important;
    height: 25px;
    border-right: 0px;
}
.FrontOfficeContainer .planningBlock.planningReservedDatesModifying:before
{
    border-right: 25px solid rgba(0, 128, 0, 0.562);
}
.FrontOfficeContainer tbody tr td:first-child .planningBlock.planningNotPossibleDrag[data-partial-display="True"]:before {
    display: block;
    background: rgba(0, 128, 0, 0.562);
    width: 999999px;
    right: 100%;
    left: unset;
    border-right-color:transparent;
    border-top: 1px dashed #FFF !important;
    height: 25px;
    border-right: 0px;
}
.FrontOfficeContainer .planningBlock.planningReservationConfirmed:before
{
    border-right: 25px solid rgb(43, 103, 182);
}
.FrontOfficeContainer tbody tr td:first-child .planningBlock.planningReservationConfirmed[data-partial-display="True"]:before {
    display: block;
    background: rgb(43, 103, 182);
    width: 999999px;
    right: 100%;
    left: unset;
    border-right-color:transparent;
    border-top: 1px dashed #FFF !important;
    height: 25px;
    border-right: 0px;
}
.FrontOfficeContainer tbody tr td .planningBlock[data-partial-display="True"] {
    border-bottom: 1px dashed #FFF;
    border-top: 1px dashed #FFF;
    box-sizing: border-box;
}
.FrontOfficeContainer tbody tr td .planningBlock[data-partial-display-end="True"] #note{
    right:25% !important;
}
.FrontOfficeContainer .planningBlock.planningReservationConfirmationPending:before
{
    border-right: 25px solid rgb(105, 167, 248);
}
.FrontOfficeContainer tbody tr td:first-child .planningBlock.planningReservationConfirmationPending[data-partial-display="True"]:before {
    display: block;
    background: rgb(105, 167, 248);
    width: 999999px;
    right: 100%;
    left: unset;
    border-right-color:transparent;
    border-top: 1px dashed #FFF !important;
    height: 25px;
    border-right: 0px;
}
.FrontOfficeContainer .planningBlock.planningLoading:before {
    border-right: 25px solid rgba(48, 48, 48);
}
.FrontOfficeContainer .planningBlock.planningReservationNoShow:after, .FrontOfficeContainer .planningBlock.planningReservationCourtesyHold:after, .FrontOfficeContainer .planningBlock.planningReservationCheckedOut:after, .FrontOfficeContainer .planningBlock.planningReservationConfirmationPending:after, .FrontOfficeContainer .planningBlock.planningReservationConfirmed:after,.FrontOfficeContainer .planningBlock.planningReservationInHouse:after, .FrontOfficeContainer .planningBlock.planningOutOfService:after, .FrontOfficeContainer .planningBlock.planningOutOfServiceSelected:after, .FrontOfficeContainer .planningBlock.selectedplanning:after, .FrontOfficeContainer .planningBlock.planningPossibleDrag:after, .FrontOfficeContainer .planningBlock.planningNotPossibleDrag:after, .FrontOfficeContainer .planningBlock.planningBlockedDates:after, .FrontOfficeContainer .planningBlock.planningBlockedDatesSelected:after, .FrontOfficeContainer .planningBlock.planningReservedDatesModifying:after
{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: -25px;
    top: 0;
    bottom:0;
    margin:auto;
    border-bottom: 25px solid transparent;
    border-left: 25px solid rgb(23, 138, 23);
    pointer-events: none;
}
.FrontOfficeContainer .planningBlock.planningReservationNoShow:after
{
    border-left: 25px solid rgb(197, 86, 42);;
}
.FrontOfficeContainer .planningBlock.planningReservationCourtesyHold:after
{
    border-left: 25px solid rgb(140, 42, 197);
}
.FrontOfficeContainer .planningBlock.planningReservationCheckedOut:after
{
    border-left: 25px solid rgb(189, 189, 189);
}
.FrontOfficeContainer .planningBlock.planningOutOfService:after
{
    border-left: 25px solid rgba(255, 0, 0, 0.616);
}

.FrontOfficeContainer .planningBlock.planningOutOfServiceSelected:after
{
    border-left: 25px solid rgba(255, 0, 0, 0.729);
}
.FrontOfficeContainer .planningBlock.selectedplanning:after
{
    border-left: 25px solid rgba(255, 166, 0, 0.548);
}
.FrontOfficeContainer .planningBlock.planningPossibleDrag:after
{
    border-left: 25px solid rgba(0, 128, 0, 0.24);
}
.FrontOfficeContainer .planningBlock.planningBlockedDates:after
{
    border-left: 25px solid rgba(83, 83, 83, 0.616);
}
.FrontOfficeContainer .planningBlock.planningBlockedDatesSelected:after
{
    border-left: 25px solid rgba(83, 83, 83, 0.729);
}

.FrontOfficeContainer .planningBlock.planningNotPossibleDrag:after
{
    border-left: 25px solid rgba(255, 0, 0, 0.315);
}

.FrontOfficeContainer .planningBlock.planningReservedDatesModifying:after
{
    border-left: 25px solid rgba(0, 128, 0, 0.562);
}

.FrontOfficeContainer .planningBlock.planningReservationConfirmed:after
{
    border-left: 25px solid rgb(43, 103, 182);
}
.FrontOfficeContainer .planningBlock.planningReservationConfirmationPending:after
{
    border-left: 25px solid rgb(105, 167, 248);
}
.FrontOfficeContainer .planningBlock.planningLoading:after {
    border-left: 25px solid rgba(48, 48, 48);
}
.FrontOfficeContainer #note {
    color: #ffa600;
    margin-right: 0;
    margin-left: 0;
    line-height: 23px;
    width: 12px;
    height: 12px;
    background: #ffa600;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    right: -16px;
    z-index:1;
}


  .FrontOfficeContainer .modal-body {
      overflow-y:auto !important;
  }

  /*.FrontOfficeContainer .form-group {
      overflow:hidden;
      position:relative;
  }
  .FrontOfficeContainer .form-group i.fa {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    line-height: 30px;
    pointer-events: none;
  }*/
  
  /* The Close Button */
  .FrontOfficeContainer .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .FrontOfficeContainer .close:hover,
  .FrontOfficeContainer .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }


 /* [contextOptionsMenu] */
.FrontOfficeContainer .contextOptionsMenu {
    border: 2px solid #236cb5;
    background:#FFF;
    font-size:12px;
    transform: translate(-50%, calc(-100% - 15px));
    min-width: 250px;
    z-index: 999 !important;
}
.FrontOfficeContainer .contextOptionsMenuHeader {
    padding: 8px 13px;
    text-align:right;
    background:#236cb5;
    color:#FFF;
}
.FrontOfficeContainer .contextOptionsMenuHeader .contextOptionsMenuHeader-title {
    float:left;
}
.FrontOfficeContainer .contextOptionsMenuHeader .fa-close {
    display: inline-block;
    cursor: pointer;
    float: none;
    font-size: 11px;
    color: #fff;
    opacity: 1;
}
.FrontOfficeContainer .contextOptionsMenuContent {
    padding: 15px;
}
.FrontOfficeContainer .contextOptionsMenuContent button {
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    outline:none;
    border:0;
    background:0;
    display:inline-block;
    margin-bottom:10px;
    text-decoration:underline;
}
.FrontOfficeContainer .contextOptionsMenuContent button:last-child {
    margin-bottom:0;
}
.FrontOfficeContainer .contextOptionsMenuContent button:hover, .FrontOfficeContainer .contextOptionsMenuContent button:focus {
    text-decoration:none;
}
.FrontOfficeContainer .contextOptionsMenuContent .fa {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    color: #236cb5;
}
.FrontOfficeContainer .contextOptionsMenu:before {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #236cb5 transparent transparent transparent;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    margin:auto;
}
.FrontOfficeContainer .contextOptionsMenu:after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 13px 0 13px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
/* [Header] */
.FrontOfficeContainer footer.fo-date-search {
    background:none;
}
/* [OutOfServiceModal] */
.FrontOfficeContainer #OutOfServiceModal label.input {
    display: inline-block;
    margin-right: 5px;
}
/* [RoomDay] */
.FrontOfficeContainer .RoomDay .tooltip.top {
    margin-left:0px;
    min-width: unset;
    text-align:left;
}
.FrontOfficeContainer .RoomDay .tooltip.top .tooltip-inner {
    padding: 0px;
}
.FrontOfficeContainer .RoomDay .tooltip.top .tooltip-arrow {
    bottom:-5px;
}
.FrontOfficeContainer * {
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;
}
.FrontOfficeContainer .errorMessage {
    color: #b94a48;
    font-size:12px;
    padding:10px 5px;
}
.FrontOfficeContainer .RoomDay #info {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom;
    padding-left: 10px;
}
.FrontOfficeContainer #PlanningTableRooms tbody td,
.FrontOfficeContainer #PlanningTableRooms tbody td a {
    color: #2196f3;
}
.FrontOfficeContainer #PlanningTableRooms tbody td a[rel='tooltip'] {
    float:right;
    line-height: 15px;
    margin-top: 3px;
}
.FrontOfficeContainer #PlanningTableRooms tbody td .fa {
    margin-right:5px;
}
.FrontOfficeContainer #PlanningTableRooms tbody td,
.FrontOfficeContainer #PlanningTableRooms thead th,
.FrontOfficeContainer #PlanningTableRooms tfoot td {
    white-space: nowrap;
    padding: 6px 10px 6px 10px;
    width: 1px;
    line-height: 30px;
    height: 43px;
    box-sizing: border-box;
}
.FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(2) {
    white-space:normal;
}
.FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(2) > div {
    height:auto !important;
}
.firefox .FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(2) > div {
    height:28px !important;
}
.FrontOfficeContainer #PlanningTableRooms tbody .TRRoomNameSpace td {
    padding: 5px 10px;
    background:none;
}
.FrontOfficeContainer #PlanningTableRooms tbody .TRRoomNameSpace:last-child td {
    display:none;
}
.FrontOfficeContainer #PlanningTableRooms thead th,
.FrontOfficeContainer #PlanningTableRooms tfoot td {
    line-height: 16px;
    padding: 18px 10px;
}
.FrontOfficeContainer #PlanningTableRooms thead th:nth-child(1) div,
.FrontOfficeContainer #PlanningTableRooms tfoot td:nth-child(1) div {
    width: 230px;
    text-overflow: ellipsis;
    /*overflow:hidden;*/
    line-height: 16px;
    height: 16px;
}
.FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(2) > div {
    width:180px;
    text-overflow:ellipsis;
    overflow:hidden;
    line-height:22px;
    height: 28px;
}
.FrontOfficeContainer #PlanningTableRooms tbody tr:last-child td:nth-child(1) div {
    height: 29px;
}
.FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(2) > div b {
    width: calc(100% - 20px);
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(2) > div b.isLastChildren {
    width: calc(100% - 5px);
    font-weight:400;
}
.FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(2) > div,
.FrontOfficeContainer #PlanningTableRooms thead th:nth-child(2) > div,
.FrontOfficeContainer #PlanningTableRooms tfoot td:nth-child(2) > div {
    width: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(2) > div {
    line-height: 30px;
    height: 30px !important;
}
.FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(3) div,
.FrontOfficeContainer #PlanningTableRooms thead th:nth-child(3) div,
.FrontOfficeContainer #PlanningTableRooms tfoot td:nth-child(3) div {
    width: 45px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn div {
    overflow: visible;
}
.FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select {
    width: 100%;
    line-height: 22px;
    height: 24px;
    padding: 0;
    font-size: 11px;
    border: 0px;
    margin-top: 5px;
}
.FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select .list {
    z-index:805;
}
.FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select .list li[data-value='0'],
.FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select .current[data-value='0'] {
    color: #1a9d13;
    transition:color 1s;
}
.FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select .list li[data-value='2'],
.FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select .current[data-value='2'] {
    color: #ea3624;
    transition:color 1s;
}
.FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select .list li[data-value='1'],
.FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select .current[data-value='1'] {
    color: #f9ba25;
    transition:color 1s;
}
.FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select:after {
    right:0px;
    margin-top: -5px;
}
.FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select .current {
    width: calc(100% - 10px);
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
.FrontOfficeContainer #PlanningTableRooms tbody td div.hasOverflow {
    padding-right:15px;
    box-sizing: border-box;
}
.FrontOfficeContainer #PlanningTableRooms tbody td div.hasOverflow a[rel='tooltip'] {
    float:none;
    display:inline-block;
    width: auto;
    position:absolute;
    right:5px;
}
.FrontOfficeContainer #PlanningTableRooms tbody td div.hasOverflow .tooltip {
    overflow:visible;
    min-width:120px;
}
.FrontOfficeContainer #PlanningTableRooms tbody td div.hasOverflow .tooltip * {
    width:auto !important;
    margin-left: 0px;
    min-width:unset !important;
}
.FrontOfficeContainer #PlanningTableRooms tbody td div.hasOverflow .tooltip .tooltip-arrow {
    bottom:-5px;
    margin-left: -7px;
}
.FrontOfficeContainer #PlanningTableRooms tbody td div.hasOverflow .tooltip, .FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(2) > div.hasOverflow .tooltip .tooltip-inner {
    width:auto !important;
    margin-left: 0px;
}
.FrontOfficeContainer #PlanningTableRooms tbody td div.hasOverflow .tooltip .tooltip-inner {
    text-align:left;
}
.FrontOfficeContainer #PlanningTable .tooltip {
    position: fixed !important;
}
.FrontOfficeContainer #PlanningTable {
    overflow:hidden;
    border-left: 0px !important;
    position:relative;
    table-layout: fixed;
    width: auto;
    min-width: 100%;
}
.FrontOfficeContainer #PlanningTable .trDaysBackground {
    position: absolute;
    left: 0px;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    z-index: 0;
    flex-wrap: wrap;
    white-space: nowrap;
    font-size: 0;
}
.FrontOfficeContainer #PlanningTable .trDaysBackground,
.FrontOfficeContainer #PlanningTable .trDaysBackground * {
    pointer-events:none;
}
.FrontOfficeContainer #PlanningTable .trDaysBackground td {
    flex:1;
    height: 42px;
    border-bottom: 0 !important;
    background:#FFF;
    padding:0px;
    border-top: 0 !important;
    display:inline-block;
    position:relative;
    box-sizing: border-box;
    padding: 8px 10px;
}
.FrontOfficeContainer #PlanningTable .trDaysBackground td:before {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    border-bottom:1px solid #d4d6da;
    content: " ";    
}
.FrontOfficeContainer #PlanningTable .trDaysBackground td.tdWEnd {
    background: #EEEEF2;
}
.FrontOfficeContainer #PlanningTable .trDaysBackground td.tdWToday:after,
.FrontOfficeContainer #PlanningTable thead th.tdWToday:after,
.FrontOfficeContainer #PlanningTable tfoot td.tdWToday:after {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    content: " ";
    border-left:2px solid #2196f3;
}
.FrontOfficeContainer #PlanningTable thead th,
.FrontOfficeContainer #PlanningTable tfoot td{
    vertical-align: middle;
    min-width: 37px;
    border-left: 0px !important;
    padding: 10px 10px;
    line-height: 14px;
}
.firefox .FrontOfficeContainer #PlanningTable .trDaysBackground td {
    border-top: 0 !important;
}
.firefox .FrontOfficeContainer #PlanningTable .trDaysBackground td {
    border-top: 0 !important;
}
.firefox .FrontOfficeContainer #PlanningTable .trDaysBackground + tr {
    border-top: 0;
}
.FrontOfficeContainer #PlanningTable thead:last-child th:first-child,
.FrontOfficeContainer #PlanningTable tfoot:last-child td:first-child {
    padding-left: 9px;
    border-left: 0px !important;
}
.FrontOfficeContainer #PlanningTable.hasHighlight tbody:after {
    content: " ";
    position: absolute;
    top: 53px;
    left: 0;
    right: 0;
    bottom: 53px;
    background: rgba(0, 0, 0, 0.4);
    z-index: 799;
}
.FrontOfficeContainer #PlanningTable.hasHighlight tbody .highlightTemporarily {
    z-index:800;
}
.FrontOfficeContainer #PlanningTable thead th.tdWEnd,
.FrontOfficeContainer #PlanningTable thead th.tdWEnd * {
    
	background: #EEEEF2;
}
.FrontOfficeContainer #PlanningTable tbody td {
    padding: 8px 10px 9px 10px;
    border-left: 0px !important;
    max-height: 42px;
    box-sizing: border-box;
}
.FrontOfficeContainer #PlanningTable tbody td {
    color: #2196f3;
    position:relative;
}
.FrontOfficeContainer .PlanningTableFormContent .table > tbody > tr > td, .FrontOfficeContainer .PlanningTableFormContent .table > tbody > tr > th, .FrontOfficeContainer .PlanningTableFormContent .table > tfoot > tr > td, .FrontOfficeContainer .PlanningTableFormContent .table > tfoot > tr > th, .FrontOfficeContainer .PlanningTableFormContent .table > thead > tr > td, .FrontOfficeContainer .PlanningTableFormContent .table > thead > tr > th {
    font-size: 11px;
    line-height: 22px;
}
.FrontOfficeContainer #PlanningTable tbody tr {
    position:relative;
}
.FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(2) > div b i {
    display: none;
}
.FrontOfficeContainer #PlanningTable tbody td.highlightTemporarily,
.FrontOfficeContainer #PlanningTable tbody tr.highlightTemporarily,
.FrontOfficeContainer #PlanningTableRooms tbody td.highlightTemporarily,
.FrontOfficeContainer #PlanningTableRooms tbody tr.highlightTemporarily {
    /*background: #FFF7B6;*/
}
.FrontOfficeContainer .focus-reserve-remove .btn-group {
    max-width: 150px;
    width: 150px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.FrontOfficeContainer .focus-reserve-remove .btn-group>.btn:first-child {padding: 3px 12px 4px 12px;text-overflow: ellipsis;overflow: hidden;max-width: calc(100% - 30px);flex: 1;}

.FrontOfficeContainer .focus-reserve-remove .btn-group>.btn+.dropdown-toggle {
    padding: 3px 8px 4px 8px;
}
.FrontOfficeContainer .focus-reserve-remove {
    text-align: left;
    float: left;
    white-space: nowrap;
}
.FrontOfficeContainer .focus-reserve-remove label {
    margin-right: 10px;
    font-size: 14px;
    vertical-align: middle;
}
.FrontOfficeContainer #PlanningTable .trDaysBackground + tr td {
    max-height: 42px;
    height: 42px;
    padding: 8px 10px;
    border-bottom: 1px solid transparent !important;
    border-top: 1px solid transparent;
    border-right: 0 !important;
}
/*.FrontOfficeContainer #PlanningTable .trDaysBackground:first-child + tr td {
    height: 42px;
    max-height: 42px;
    border-right:0 !important;
}
.FrontOfficeContainer #PlanningTable .trDaysBackground + tr:last-child td {
    max-height: 42px;
    height:42px;
    padding: 8px 10px 8px 10px;
    border-right: 0px;
}*/

.FrontOfficeContainer .smart-form .fo-date-search {
    text-align:right;
    float:right;
}
.FrontOfficeContainer .smart-form div.fo-date-search .col:first-child {
    width: auto;
}
.FrontOfficeContainer .smart-form .fo-date-search:last-of-type {
    width: auto;
    float:right;
    white-space: nowrap;
}
.FrontOfficeContainer .smart-form div.fo-date-search {
    width:auto;
    float:left;
}
.FrontOfficeContainer .smart-form .fo-date-search .input {
    display:inline-block;
    margin-right:30px;
    vertical-align: middle;
    width:150px;
}
.FrontOfficeContainer .smart-form .fo-date-search .btn.btn-labeled {
    padding: 0 22px 0 11px;
    line-height: 25px;
    float:none;
    display:inline-block;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 400;
}
.FrontOfficeContainer .smart-form .fo-date-search .btn.btn-labeled.btn-info {
    padding: 0 11px;
}
.FrontOfficeContainer .smart-form div.fo-date-search.hasFocusToRemove + section.fo-date-search {
    float: right;
    text-align: left;
}
.FrontOfficeContainer .smart-form div.fo-date-search.hasFocusToRemove + section.fo-date-search .input {
    width:150px;
}
.FrontOfficeContainer #PlanningTable tbody td .fa {
    margin-right:5px;
}
.FrontOfficeContainer #PlanningTable tbody .TRRoomNameSpace td {
    padding: 5px 10px;
    background:none;
}
.FrontOfficeContainer #PlanningTable tbody .TRRoomNameSpace:last-child {
    display:none;
}
.FrontOfficeContainer .PlanningTableFormFooter {
    border-top: 1px solid rgba(0,0,0,.1);
    background: #f8f8f8;
    padding: 12px 15px;
    min-height: 24px;
}
.FrontOfficeContainer .PlanningTableFormFooter .smart-form {
    padding: 0px !important;
}
.FrontOfficeContainer .PlanningTableFormFooter .smart-form footer {
    padding: 0px 15px 15px 15px;
    border: 0;
}
.FrontOfficeContainer .PlanningTableFormFooter .smart-form footer a {
    margin-top: 0px;
}
.table-FrontOfficeCheckIn-StayInformation {
    margin-top:0px;
    border:0;
}
.table-FrontOfficeCheckIn-StayInformation thead tr {
    background: #F2F2F2;
}
.table-FrontOfficeCheckIn-StayInformation thead tr th {
    border:0;
}
.table-FrontOfficeCheckIn-StayInformation tbody tr:nth-child(even), .table-FrontOfficeCheckIn-StayInformation tbody tr:nth-child(odd) {
    background:#F8F8F8 !important;
}
.table-FrontOfficeCheckIn-StayInformation tbody tr td {
    border:0;
}
.FrontOfficeBody_CheckIn [data-toggle="collapse"][aria-expanded="false"] i {
    margin-bottom: 0;
}
.FrontOfficeBody_CheckIn [data-toggle="collapse"][aria-expanded="false"] i.fa-plus-circle {
    display: inline-block;
}

.FrontOfficeBody_CheckIn [data-toggle="collapse"][aria-expanded="false"] i.fa-minus-circle {
    display: none;
}

.FrontOfficeBody_CheckIn [data-toggle="collapse"][aria-expanded="true"] i.fa-plus-circle {
    display: none;
}

.FrontOfficeBody_CheckIn [data-toggle="collapse"][aria-expanded="true"] i.fa-minus-circle {
    display: inline-block;
}
.FrontOfficeBody_CheckIn .rpRatesContainer {
    background: #F8F8F8;
    padding: 0px;
    margin-top: 15px;
}
.FrontOfficeBody_CheckIn .rpRatesContainer .rpRatesTotalPrice {
    padding:0px 10px 10px 10px;
}
.FrontOfficeBody_CheckIn .rpRatesContainer .rpRatesContent {
    margin-bottom: 0px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #E8E9EC;
}
.FrontOfficeBody_CheckIn .widget-icon {
    display:inline-block;
    vertical-align:middle;
}
.FrontOfficeBody_CheckIn .widget-icon img {
    height: 10px;
    width: auto;
    display:inline-block;
    vertical-align:middle;
    margin-bottom:3px;
}

.FrontOfficeBody_CheckIn .Equal > [class*='col-'] .jarviswidget {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.FrontOfficeBody_CheckIn .Equal > [class*='col-'] .jarviswidget > div {
    flex: 1;
    display: flex;
}

.FrontOfficeBody_CheckIn .Equal > [class*='col-'] .jarviswidget > div .widget-body {
    flex: 1;
    display: flex;
}

.FrontOfficeBody_CheckIn .Equal > [class*='col-'] .jarviswidget > div .widget-body > .smart-form {
    flex: 1;
}
/*.LogsHeader {
    border: 1px solid #E8E9EC;
    border-bottom: 0;
    display: inline-block !important;
    padding:10px 20px;
    background: #FFF;
    position:relative;
}
.LogsHeader:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    border-bottom: 1px solid #FFF;
    z-index: 1;
}
.LogsNumber {
    background: #A4D5FF;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    margin-right: 5px;
    color:#fff;
}
.LogsContent {
    padding:15px;
    border: 1px solid #E8E9EC;
}
.LogsRow {
    margin-top:15px !important;
    margin-bottom:15px !important;
}*/
/* [LegendModal] */
.FrontOfficeContainer #LegendModal.modal {
    z-index:1050 !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 750px;
}
.FrontOfficeContainer #LegendModal .modal-title {
    float: left;
}
.FrontOfficeContainer .LegendItems {
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
   /* float: left;
    margin-bottom:15px;*/
}
.FrontOfficeContainer .LegendItems li {
    list-style-type:none;
    width:auto;
    margin-left:5px;
    margin-right:10px;
    display:inline-block;
    margin-top:5px;
    margin-bottom:5px;
}

.FrontOfficeContainer .modal-body .LegendItems li {
    width:33.3%;
    margin-left:0;
    margin-right:0;
}

.FrontOfficeContainer .planningOutOfService_Label {background:rgba(255, 0, 0, 0.616);}
.FrontOfficeContainer .planningBlockedDates_Label {background:rgba(83, 83, 83, 0.616);}
.FrontOfficeContainer .planningReservationInHouse_Label {background:rgb(23, 138, 23);}
.FrontOfficeContainer .planningReservationConfirmed_Label {background:rgb(43, 103, 182);}
.FrontOfficeContainer .planningReservationConfirmationPending_Label {background:rgb(105, 167, 248);}
.FrontOfficeContainer .planningReservationCheckedOut_Label {background:rgb(189, 189, 189);}
.FrontOfficeContainer .planningReservationCourtesyHold_Label {background:rgb(140, 42, 197);}
.FrontOfficeContainer .planningReservationNoShow_Label {background:rgb(197, 86, 42);}
.FrontOfficeContainer .planningReservationPartialDisplay_Label {background:#2196f3;border-top:1px dashed #fff;border-bottom:1px dashed #fff;}
.FrontOfficeContainer .MoreRoomTypes_Label {background:none;color: #2196f3;}
.FrontOfficeContainer .LegendItem_Label {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 10px;
    line-height: 10px;
    margin-right: 0;
    vertical-align: middle;
    margin-bottom: 3px;
    text-align: center;
}
.FrontOfficeContainer .LegendItem_Label.NoBorder {
    width: auto;
}
.FrontOfficeContainer .modal-body .LegendItem_Label.NoBorder {
    color: #ffa600;
    width: 12px;
    height: 12px;
    background: #ffa600;
    border-radius: 50%;
    margin-left: 9px;
    margin-right: 14px;
    margin-bottom: 1px;
}
.FrontOfficeContainer .LegendItem_Label:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: #fff transparent transparent transparent;
    content: " ";
    position: absolute;
    left: 0;
    top: -1px;
}

.FrontOfficeContainer .LegendItem_Label:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent #fff transparent;
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
}
.FrontOfficeContainer .modal-body .LegendItem_Label:before {
    border-color: #FFF transparent transparent transparent;
}
.FrontOfficeContainer .modal .LegendItem_Label:after {
    border-color: transparent transparent #FFF transparent;
}
.FrontOfficeContainer .LegendModalLink, .FrontOfficeContainer .LegendModalLink:hover, .FrontOfficeContainer .LegendModalLink:focus {
    cursor:pointer;
    text-decoration:none;
    color: #000;
}
.FrontOfficeContainer .LegendModalLink span {
    text-decoration:underline;
    cursor:pointer;
}
.FrontOfficeContainer .LegendModalLink:hover span, .FrontOfficeContainer .LegendModalLink:focus span {
    text-decoration:none;
}
.FrontOfficeContainer .LegendItem_Label.NoBorder:before, .FrontOfficeContainer .LegendItem_Label.NoBorder:after {
    display:none;
}
.FrontOfficeBody #divMiniIcons {
    display:none;
}
.FrontOfficeBody #left-panel {
    z-index: 800 !important;
}

.FrontOfficeContainer #PlanningTableRooms thead th:nth-child(1) div.MobileOnly {
    margin-top: 0px;
    margin-bottom: 0px;
    overflow:visible;
    margin-right: 0;
    width: 100%;
}

.FrontOfficeContainer #PlanningTableRooms thead th:nth-child(1) div.MobileOnly .fa.fa-calendar {
    position:relative;
    top:-5px;
}
.FrontOfficeBody .tab-content .SetPropertyRoom {
/*    width: auto;
    display: inline-block;
    margin-right: 10px;
    vertical-align: bottom;
    margin-top: 10px;
    margin-bottom: 10px;*/
}
.FrontOfficeContainer .MobileActions {
    /*text-align: center;*/
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    background: #eee;
    margin-top: 15px;
    padding-top: 0;
    width: 100%;
    padding-top: 10px;
}
.FrontOfficeContainer .MobileActions b {
    display:inline-block;
}
.FrontOfficeContainer .MobileActions .dropdown-menu {
    width:auto;
}
.FrontOfficeContainer .MobileActions .dropdown-menu li {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
    box-sizing: border-box;
}
.FrontOfficeContainer .MobileActions .btn {
    padding: 6px 12px;
    float: right;
}
.FrontOfficeContainer .MobileActions .MobileActions_Options {
    width:100%;
    display: inline-flex;
    flex-direction: row;
}
.FrontOfficeContainer .MobileActions .row > div:first-child {
    /*padding-left:15px;*/
}
.FrontOfficeContainer .MobileActions .row > div {
    /*padding-right: 15px;*/
    box-sizing: border-box;
    /*padding-bottom: 10px;*/
}
.FrontOfficeContainer .MobileActions .btn-group .dropdown-menu {
    width: auto;
}
.FrontOfficeContainer .MobileActions .btn-group .btn.btn-default:first-child {
    color: #333 !important;
}
.FrontOfficeContainer .MobileActions .btn-group .btn.btn-default:first-child {
    padding: 6px;
}
.FrontOfficeContainer .MobileActions .MobileActions_Options.btn-group .btn.btn-default:first-child {
    padding: 6px;
    width: calc(100% - 40px);
    overflow:hidden;
    text-overflow:ellipsis;
}
.FrontOffice_NewReservation_ShowMoreRateplans_Container {
    text-align: right;
    border-top: dashed 1px #d4d4d4;
    padding-top: 10px;
    padding-bottom: 5px;
}
.FrontOfficeBody_NewReservation .repRooms .rowRoom .divRatePlans {
    display: none;
}
.FrontOfficeBody_NewReservation .repRooms .rowRoom.OpenRoom .divRatePlans {
    display: block;
}
.FrontOfficeContainer .ReservationsPanel {
    position:relative;
}
.FrontOfficeContainer .ReservationsPanel .LoadingDiv {
    position:absolute;
    bottom: 20px;
    height: unset;
    z-index: 25;
    opacity: 0.8;
}
.fuelux .repRooms, .step-content .table-FrontOfficeNR, .step-content .smart-formMt {margin-top: 0!important;}
.FONewReserveBox1 {
    border: solid 1px #DBDBDB;
    background: #FBFBFB;
    margin: 0 0 15px;
}
.FONewReserveBox1 header {
    border-color: #73B650;
    background: #73B650;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 32px;
    padding: 0 20px;
    margin: 0 0 15px;
}
.FONewReserveBox1 header img{
    float: left;
    margin: 7px 10px 0 0;
}
.FONewReserveBox1 fieldset{
    padding: 0 20px 15px;
}
.FONewReserveBox1 fieldset .PromoCode {
    background: none !important;
    border-bottom: dashed 1px #BDBDBD;
}
.FONewReserveBox1 fieldset .buttonFO {
    display: block;
}
.FONewReserveBox1 .SearchInfo {
    background: #F1F1F1;
    border-top: dashed 1px #E8E9EC;
    padding: 0 20px 15px;
    color: #CED2D1;
    font-style: italic;
    line-height: 22px;
}
.FONewReserveBox1 .SearchInfo h2{
    font-size: 12px;
    font-weight: 700;
    color: #707070;
    font-style:normal;
    letter-spacing: normal;
    margin: 10px 0;
}
.FONewReserveBox1 .SearchInfo span{
    color: #2196F3;
}
.FONewReserveBox2 {
    background: #99C781;
    color: #FFF;
    font-style: italic;
    padding: 10px 20px 15px;
    line-height: 22px;
}
.FONewReserveBox2 h2{
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
    font-style:normal;
    letter-spacing: normal;
    margin: 0 -20px 10px;
    padding: 0 20px 10px;
    border-bottom: dashed 1px #FFF;
}
.FONewReserveBox2 h2 img{
    float: left;
    margin: 1px 10px 0 0;
}
.FONewReserveBox2.FONewReserveBox3 {
    background: #6CBBFF;
    font-style:normal;
}
.FONewReserveBox2.FONewReserveBox3 a{
    cursor: pointer;
    color: #FFF;
    text-decoration: underline;
}
.FONewReserveBox2.FONewReserveBox4 {
    background: #2196F3;
    font-style:normal;
    padding: 10px 20px 0;
}
.FONewReserveBox2.FONewReserveBox4 .smart-form{
    color: #FFF !important;
}
.FONewReserveBox4 .rTotal {
    font-size: 12px;
    background: #4E89C3;
    margin: 0 -20px;
    padding: 7px 5px 2px;
}
.FONewReserveBox5 {
    margin-bottom: 10px;
}
.FONewReserveBox5 h2 {
    font-size: 12px;
    font-weight: 700;
    color: #707070;
    font-style: normal;
    letter-spacing: normal;
    margin: 10px 0 0;
}
.FONewReserveBox5 h2.FONewReserveBox5HeaderMarginBottom {
    margin-bottom:10px;
}
.FONewReserveBox5 h3 {
    font-size: 10px;
    font-weight: 400;
    color: #707070;
    font-style: normal;
    letter-spacing: normal;
    margin-top:10px;
}
.FONewReserveBox5 span {
    color: #CED2D1;
    font-style: italic;
}

.FONewReserveBox5Row .col:last-child {
    align-items:flex-end;
    justify-content:flex-end;
} 

/*Inicio [Correçoes apos alterar css geral]*/
.FrontOfficeBody body/*.smart-style-6*/ .table.FullCalendar.FullCalendarInventory>thead>tr>th {
    padding: 0;
    /*border-bottom: 0;*/
    font-size: 10px;
}
body/*.smart-style-6*/.FrontOfficeBody .table.FullCalendar.FullCalendarInventory>thead>tr:not(.trActions)>th {
    border-top: solid 1px #CCC;
}
body/*.smart-style-6*/.FrontOfficeBody .table.FullCalendar.FullCalendarInventory tr{
    background: none;
}
body/*.smart-style-6*/.FrontOfficeBody .table.FullCalendar.FullCalendarInventory .WeekDay, body/*.smart-style-6*/ .table.FullCalendar.FullCalendarInventory .MonthNumber {
    font-weight: 400;
}
body/*.smart-style-6*/.FrontOfficeBody .table.FullCalendar.FullCalendarInventory th.WEnd .WeekDay, body/*.smart-style-6*/ .table.FullCalendar.FullCalendarInventory th.WEnd .MonthNumber {
    font-weight: 700;
}
body/*.smart-style-6*/.FrontOfficeBody .table.FullCalendar.FullCalendarInventory .WeekDay{
    text-transform: uppercase;
}
body/*.smart-style-6*/.menu-on-top.FrontOfficeBody .table.FullCalendar.FullCalendarInventory>thead>tr>th {
    padding: 5px 5px;
    vertical-align: middle;
}
.FrontOfficeBody .HeaderDates
{
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #2196f3 !important;
    text-transform: uppercase;
}
.FrontOfficeBody .HeaderDates.HeaderDates2
{
    text-transform: capitalize;
    border-right: 1px solid #d4d6da;
    border-left: 1px solid #d4d6da;
}
.FrontOfficeBody .HeaderDates a
{
    display: inline-block !important;
    margin: 0 5px !important;
    color: #2196f3 !important;
    font-weight: 400;
}
.FrontOfficeBody .HeaderDates a.ChangeDays
{
    margin: 0 2px!important;
}
.FrontOfficeBody .HeaderDates a.ChangeDaysToday
{
    font-size: 12px;
}
.FrontOfficeBody .dt-toolbar {
    display:none;
}
.FrontOfficeBody .alert-block h4 {
    font-size:18px;
}
.FrontOfficeBody .alert-block {
    font-size:13px;
}
.FrontOfficeBody .alert-heading {
    font-weight: 600 !important;
}
.FrontOfficeBody .widget-body.no-padding .alert {
    border-left-width:5px !important;
}
.FrontOfficeBody .alert-block a.btn {
    float: right;
    font-size: 13px;
    padding: 6px 12px;
    height: auto;
}
.smart-form-icondarker .icon-prepend {top: 0!important;background-color: transparent!important;}
.btn-AbsoluteLeft, .btn-AbsoluteLeft:active{padding: 3px 17px;position: absolute;margin: 13px 0 0;left: 15px;font-size: 12px;top: auto;}
.FrontOfficeBody_CheckOut .step-content .jarviswidget>div {border:1px solid;border-top:0;}
.FrontOfficeBody_CheckOut .step-content .jarviswidget>div .smart-form {
    padding: 12px 0px !important;
}
.FrontOfficeBody_CheckOut .step-content .step-pane.step3 .jarviswidget>div .smart-form {
    padding: 12px 0px 0px !important;
}
.FrontOfficeBody_CheckOut .step-content .step-pane.step2 .jarviswidget>header {
    background:#6CBBFF;
}
.FrontOfficeBody_CheckOut .PaymentTypesList tr td {
    display:inline-block;
    margin-bottom:15px;
}
.FrontOfficeBody_CheckOut .smart-form .radio input:checked+i {
    border-color: #3276B1 !important;
}
.FrontOfficeBody_CheckOut .fuelux .wizard ul li.active:nth-child(1) {
    background: #73B650;
}
.FrontOfficeBody_CheckOut .fuelux .wizard ul li.active:nth-child(1) .chevron:before {
    border-left-color: #73B650;
}

.FrontOfficeBody_CheckOut .fuelux .wizard ul li.active:nth-child(2) {
    background: #6CBBFF;
}
.FrontOfficeBody_CheckOut .fuelux .wizard ul li.active:nth-child(2) .chevron:before {
    border-left-color: #6CBBFF;
}

.FrontOfficeBody_CheckOut .fuelux .wizard ul li.active:nth-child(3) {
    background: #2196f3;
}
.FrontOfficeBody_CheckOut .fuelux .wizard ul li.active:nth-child(3) .chevron:before {
    border-left-color: #2196f3;
}

.FrontOfficeBody_CheckIn footer:not(.page-footer) {
    background: none;
    border-top: 0;
}

.FrontOfficeBody_CheckIn .smart-form header,
.FrontOfficeBody_CheckOut .smart-form header {
    border-bottom-color: #E8E9EC;
    font-size: 12px;
    color: #707070;
    border-bottom: 0;
    margin-bottom: 20px;
}
.FrontOfficeBody_CheckIn .smart-form label,
.FrontOfficeBody_CheckOut .smart-form label {
    font-size:12px;
    /*color:#707070;*/
    margin-top: 0;
}
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer .rpRatesContainer .rpRatesTotalPrice label.label,
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer .rpRatesContainer .rpRatesTotalPrice label.input,
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer .rpRatesContainer .rpRatesTotalPrice label.textarea,
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer .rpRatesContainer .rpRatesTotalPrice label.select,
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer .rpRatesContainer .rpRatesTotalPrice .labelValues,
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer .rpRatesContainer .rpRatesTotalPrice label.label + div.note,
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer .rpRatesContainer .rpRatesTotalPrice label.input + div.note,
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer .rpRatesContainer .rpRatesTotalPrice label.textarea + div.note,
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer .rpRatesContainer .rpRatesTotalPrice label.select + div.note,
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer .rpRatesContainer .rpRatesTotalPrice .labelValues + div.note {
    margin-left: 0;
}
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer label.label,
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer label.input,
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer label.textarea,
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer label.select,
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer .labelValues,
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer label.label + div.note,
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer label.input + div.note,
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer label.textarea + div.note,
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer label.select + div.note,
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer .labelValues + div.note {
    /*margin-left: 10px;*/
}
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer .rpRatesContainer .rpRatesTotalPrice label.label,
.FrontOfficeBody_CheckIn .smart-form .BookingInformationContainer label.label {
    white-space:nowrap;
}
.FrontOfficeBody_CheckIn .smart-form span[class^="label label-"] {
    font-size: 11px !important;
    width: 20px !important;
    display: inline-block !important;
    padding: 0.3em 0.6em 0.3em !important;
    vertical-align: top;
    margin-top: 4px;
}
.FrontOfficeBody_CheckIn .rightAlignedFieldOnDesktop {
    text-align:right;
    padding-right:0 !important;
}
.FrontOfficeBody_CheckIn .smart-form span.labelValue,
.FrontOfficeBody_CheckOut .smart-form span.labelValue {
    font-size: 12px;
    /* color: #CED2D1; */
    margin-left: 10px;
    margin-top: 6px;
    display: block;
}
.FrontOfficeBody_CheckIn .MobileMoreInfo {
    overflow:hidden;
    padding:0 !important;
}
.FrontOfficeBody_CheckIn .MobileToggleMoreInfo {
    overflow: hidden;
    padding-left: 5px !important;
}
.FrontOfficeBody_CheckIn .BookingInformationContainer [class*='col-'] {
    margin-bottom: 20px;
}
.FrontOfficeBody_CheckIn .smart-form .radio i,
.FrontOfficeBody_CheckOut .smart-form .radio i {
    margin-top: 0;
}
.FrontOfficeBody_CheckIn .smart-form .checkboxXTablePadding table tr td, .FrontOfficeBody_CheckOut .smart-form .checkboxXTablePadding table tr td {
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: top;
}
.FrontOfficeBody_CheckIn .smart-form .radio input:checked + i,
.FrontOfficeBody_CheckOut .smart-form .radio input:checked + i {
    border-color: #3276B1 !important;
}
.FrontOfficeBody_CheckIn .panel-pms > header .widget-icon img {
    margin-top: 10px;
    margin-bottom: auto;
    display: inline-block;
    text-align: center;
    margin-right: 6px;
}

.FrontOfficeBody_CheckIn .panel-pms > header .widget-icon {
    text-align: center;
}
.FrontOfficeBody_CheckIn .jarviswidget header h2 {
    width:auto !important;
    max-width:100%;
}
.FrontOfficeBody_CheckIn .smart-form .table-FrontOfficeCheckIn-StayInformation span {
    font-size: 10px;
}
.FrontOfficeBody_CheckIn .ReserveView {
    padding: 15px;
    float: left;
    width: 100%;
}
.FrontOfficeBody_CheckIn .panel-group .panel-heading + .panel-collapse > .list-group, .FrontOfficeBody_CheckIn .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top:0 !important;
    border-bottom:0 !important;
}

.FrontOfficeBody_CheckIn .panel-group .panel-heading [data-toggle='collapse'] .fa {
    margin-bottom:0;
}

/*.FrontOfficeBody_CheckIn .ActionIcons {
    padding: 5px 10px 5px 15px !important;
}*/
/*.FrontOfficeBody_CheckIn .ActionIcons > .btn {
    font-size: 14px;
}*/
body/*.smart-style-6*/ .FrontOfficeBody_Configuration .nav-tabs.bordered + .tab-content {
    padding-top: 0 !important;
}
/*.FrontOfficeBody_CheckIn .panel {
    box-shadow: none;
    border: 0;
}*/
.FrontOfficeBody_CheckIn  .GuestIcon,
.FrontOfficeBody_Configuration .smart-form-heading i {
    font-size: 12px;
    vertical-align: middle;
}
.FrontOfficeBody_CheckIn .tableIndentedContainer,
.FrontOfficeBody_Configuration .tableIndentedContainer {
    padding-left: 30px;
    padding-right: 30px;
}
.FrontOfficeBody_Configuration .tabRoomsTopBtns {
    padding: 5px;
}
.FrontOfficeBody_Configuration .tableIndentedContainer {
    padding-top: 15px;
    padding-bottom: 15px;
}
    /*.FrontOfficeBody_CheckIn .table > thead > tr > th {
    vertical-align: top;
}*/

    .FrontOfficeBody_CheckIn .smart-form fieldset {
    margin-top: 0;
    margin-bottom: 0;
}
.FrontOfficeBody_Billing .smart-form fieldset {
    margin-top: 15px;
    margin-bottom: 15px;
}

.FrontOfficeBody_Configuration .MasterTable_Default tr th.GridHeader_Default_Moloni {
    background: #64B0F2 !important;
    color: #fff !important;
}

.FrontOfficeBody_CheckIn .smart-accordion-default .panel-default > .panel-heading {
    background-color: transparent;
}

.FrontOfficeBody_CheckIn .ReserveView .row.Equal [class*='col-'] {
    justify-content: flex-end;
}
.FrontOfficeBody_CheckIn .ReserveView div#bookingInfo > span {
    position: relative;
    margin-right: 10px;
}

.FrontOfficeBody_CheckIn .ReserveView div#bookingInfo > span:after {
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -4px;
    width: 1px;
    background: #000;
    content: " ";
}

.FrontOfficeBody_CheckIn .ReserveView div#bookingInfo > span:last-child:after {
    display: none;
}
.FrontOfficeBody_CheckIn .GuestIcon {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 5px;
}
.table-FrontOfficeCheckIn-StayInformation input {
    background: none;
    border: 1px solid #1E93EE;
}
.FrontOfficeBody_CheckIn .rpRatesContainer .rpRatesContent thead th {
    font-size: 12px;
    font-weight: 700;
    color: #707070;
}
.FrontOfficeBody_CheckIn .smart-form > footer {
    border-top: 1px dashed #E8E9EC;
    margin-top: 10px;
}
.FrontOfficeBody_CheckIn .sendInvoicePanel {

}
.FrontOfficeBody_CheckIn .smart-form.smartFormNoPaddingRight > footer {
    margin-right: -15px;
}
.FrontOfficeBody_CheckIn .smart-form fieldset footer {
    padding-right: 0;
}
.FrontOfficeBody_CheckIn .smart-form fieldset footer i.fa {
    margin-right:5px;
}
.FrontOfficeBody_CheckIn .smart-form > footer .btn {
    height: auto;
    font: 400 15px/29px 'Open Sans',Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.42857143;
    padding: 6px 12px !important;
}

.FrontOfficeBody_CheckIn .smart-form > footer .btn {
    margin-left: 10px;
}

.FrontOfficeBody_CheckIn .smart-form  i.fa-user
{
    margin-right:5px;
}
.FrontOfficeBody_CheckIn .btnCheckInContainer .btn {
    float:right;
    display:inline-block;
    width:auto;
}
.FrontOfficeBody_CheckIn .smart-form label.LogsContent, .FrontOfficeBody_CheckIn .smart-form label.LogsHeader {
    font-size: 11px;
}
.FrontOfficeBody_CheckIn .smart-form label.checkbox {
    display: inline;
    padding-left: 13px;
}
.FrontOfficeBody_CheckIn .totalWithAndWithoutTaxes {
    font-size:14px;
    line-height:1.4;
}
.FrontOfficeBody_CheckIn .totalWithAndWithoutTaxes > .row {
    margin-top: 5px;
    margin-bottom: 5px;
}
.FrontOfficeBody_CheckIn .smart-form label.checkbox > span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: 3px;
}
.FrontOfficeBody_CheckIn .alert, .FrontOfficeBody_CheckOut .alert {
    font-size: 12px;
}
.FrontOfficeBody_CheckOut .step2 fieldset .col {
    margin-bottom: 15px;
    margin-top: 15px;
}
.FrontOfficeBody_CheckIn #userDetails fieldset {
    padding-top: 20px;
    padding-bottom: 20px;
}
.FrontOfficeBody_CheckIn #userDetails fieldset + fieldset {
    border-top:0 !important;
}
.FrontOfficeBody_CheckIn .btn-AbsoluteLeft, .btn-AbsoluteLeft:active {
    margin-top: 22px;
}
.btnCheckInContainer .btn {
    margin-right: 0;
    /*width:120px !important;*/
    max-width:100%;
}
/*Fim [Correçoes apos alterar css geral]*/
/* INIT FRONTOFFICE FIXED HEADERS */
.FrontOfficePanel.FixedPanelHeader {
    padding-top:calc(49px + 53px);
}
.FrontOfficePanel:not(.FixedPanelHeader) .PlanningTableFormContent_FixedContent {
    display: none;
}
.FrontOfficePanel.FixedPanelHeader .PlanningTableFormContent_FixedContent {
    display: flex;
    position: fixed;
    top: calc(98px + 49px + 53px);
    /* background: #fff; */
    z-index: 799;
    margin-top: 0 !important;
    padding: 0;
    left: 41px;
    right: 41px;
    width: auto;
    border-top: .5rem solid #fff;
}
/*.FrontOfficePanel.FixedPanelHeader #PlanningTableRooms thead:first-child,
.FrontOfficePanel.FixedPanelHeader #PlanningTable thead:first-child {
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    height:0 !important;
    overflow:hidden;
}*/
.mod-skin-dark:not(.mod-skin-light) .FrontOfficePanel.FixedPanelHeader .PlanningTableFormContent_FixedContent {
    border-top: .5rem solid #303136;
}
.FrontOfficePanel.FixedPanelHeader .PlanningTableFormContent_FixedContent .PlanningTableRoomsContainer_FixedContent {
    flex-shrink: 0;
}
.FrontOfficePanel.FixedPanelHeader .PlanningTableFormContent_FixedContent .table {
    margin-bottom: 0 !important;
}
.FrontOfficeContainer #PlanningTableRoomsFixedContent tbody td, .FrontOfficeContainer #PlanningTableRoomsFixedContent thead th, .FrontOfficeContainer #PlanningTableRoomsFixedContent tfoot td {
    white-space: nowrap;
    padding: 6px 10px 6px 10px;
    width: 1px;
    line-height: 30px;
    height: 43px;
    box-sizing: border-box;
}
.FrontOfficeContainer #PlanningTableRoomsFixedContent thead th, .FrontOfficeContainer #PlanningTableRoomsFixedContent tfoot td {
    line-height: 16px;
    padding: 18px 10px;
}
.FrontOfficeContainer #PlanningTableRoomsFixedContent thead th:nth-child(1) div, .FrontOfficeContainer #PlanningTableRoomsFixedContent tfoot td:nth-child(1) div {
    width: 230px;
    text-overflow: ellipsis;
    /* overflow: hidden; */
    line-height: 16px;
    height: 16px;
}
.FrontOfficeContainer #PlanningTableRoomsFixedContent tbody td:nth-child(2) > div, .FrontOfficeContainer #PlanningTableRoomsFixedContent thead th:nth-child(2) > div, .FrontOfficeContainer #PlanningTableRoomsFixedContent tfoot td:nth-child(2) > div {
    width: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.FrontOfficeContainer #PlanningTableRoomsFixedContent tbody td:nth-child(3) div, .FrontOfficeContainer #PlanningTableRoomsFixedContent thead th:nth-child(3) div, .FrontOfficeContainer #PlanningTableRoomsFixedContent tfoot td:nth-child(3) div {
    width: 45px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.FrontOfficeContainer #PlanningTableFixedContent thead th, .FrontOfficeContainer #PlanningTableFixedContent tfoot td {
    vertical-align: middle;
    min-width: 37px;
    border-left: 0px !important;
    padding: 10px 10px;
    line-height: 14px;
}
.FrontOfficeBody .HeaderDates.HeaderDates2 {
    text-transform: capitalize;
    border-right: 1px solid #d4d6da;
    border-left: 1px solid #d4d6da;
}
.FrontOfficePanel.FixedPanelHeader .panel-hdr {
    position: fixed;
    left: 25px;
    right: 25px;
    top: 98px;
    /*background:#fff;*/
    z-index: 799;
}
.FrontOfficePanel.FixedPanelHeader .FrontOfficePanel_DatesFilter {
    position: fixed;
    left: 29px;
    right: 29px;
    top: calc(98px + 49px);
    background: #fff;
    z-index: 799;
    margin-left: 0;
    margin-right: 0;
    padding: .5rem 0;
}
.mod-skin-dark:not(.mod-skin-light) .FrontOfficePanel.FixedPanelHeader .FrontOfficePanel_DatesFilter {
    background: #303136;
}
body.BOV8_NewVersionMessage_Visible .FrontOfficePanel.FixedPanelHeader .panel-hdr {
    top: calc(98px + var(--BOV8_NewVersionMessage_Container_Height));
}
body.BOV8_NewVersionMessage_Visible .FrontOfficePanel.FixedPanelHeader .FrontOfficePanel_DatesFilter {
    top: calc(98px + var(--BOV8_NewVersionMessage_Container_Height) + 49px);
}
body.BOV8_NewVersionMessage_Visible .FrontOfficePanel.FixedPanelHeader .PlanningTableFormContent_FixedContent {
    top: calc(98px + var(--BOV8_NewVersionMessage_Container_Height) + 49px + 53px);
}
/*INIT COLORS*/
.fo-style .new-reserve {
    background-color: #428bca;
}
.fo-style .modified{ background-color: #a90329; }
.fo-style .checkin { background-color: rgb(23, 138, 23); }
.fo-style .checkout { background-color: #d9534f; }
.fo-style .no-show { background-color: #4c4f53; }
.fo-style .onhold { background-color: rgb(140, 42, 197); }

.fo-style.reservations-tab  li a.new-reserve:not(.active)  { background-color: rgb(43, 103, 182);color:white !important; }
.fo-style.reservations-tab  li a.modified:not(.active){ background-color: #a90329;color:white !important; }
.fo-style.reservations-tab li a.checkin:not(.active) { background-color: #739e73;color:white !important; }
.fo-style.reservations-tab li a.inHouse:not(.active) { background-color: rgb(23, 138, 23);color:white !important; }
.fo-style.reservations-tab  li a.checkout:not(.active){ background-color: #d9534f;color:white !important; }
.fo-style.reservations-tab li a.no-show:not(.active) { background-color: #4c4f53;color:white !important; }
.fo-style.reservations-tab li a.onhold:not(.active) { background-color: rgb(140, 42, 197);color:white !important; }
.fo-hidden{display:none;}
.fo-show{display:block;}  
.fo-style .fo-ddl-search > option:checked {background: rgb(92, 184, 92);}  
.fo-style .fo-current-date {background:#5CB85C;}   
.fo-style .btn.new-reserve {background-color: #428bca; color: white;}
.fo-style .btn.new-reserve:hover {background-color: white; color: #428bca; border-color:#428bca; font-weight:500;}
/*END COLORS*/
/* INIT Dark mode */
.mod-skin-dark:not(.mod-skin-light) .FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select {
    background: none;
}
.mod-skin-dark:not(.mod-skin-light) .nice-select .list {
    background-color: #303136;
}
.mod-skin-dark:not(.mod-skin-light) .nice-select .option.focus,
.mod-skin-dark:not(.mod-skin-light) .nice-select .option.selected.focus,
.mod-skin-dark:not(.mod-skin-light) .nice-select .option:hover {
    background-color: rgba(246,246,246,.2);
}
/* END Dark mode */
@media (min-width:1200px) and (max-width:1365px) {
    .FrontOfficeContainer .tab-pane > .telerikTable, .FrontOfficeContainer .tab-pane > table {
        overflow: auto;
    }

    .FrontOfficeContainer .smart-form .fo-date-search:last-of-type {
        text-align: left;
    }

    .FrontOfficeContainer .smart-form .fo-date-search.hasFocusToRemove + section.fo-date-search .input {
        width: calc(16.66% - 25px);
    }

    .FrontOfficeContainer .smart-form .fo-date-search .input {
        width: 150px;
    }

    .FrontOfficeContainer .smart-form div.fo-date-search.hasFocusToRemove + section.fo-date-search {
        width: 100%;
    }

    .FrontOfficeContainer .smart-form div.fo-date-search.hasFocusToRemove + section.fo-date-search .input {
        width: calc(16.66% - 25px);
    }
}

    @media (width:1200px) {
        .FrontOfficeBody_CheckIn .NewResponsiveTables td.highlight-column {
            background: #eee;
        }
    }

    @media (min-width:992px) and (max-width:1199px) {
        .FrontOfficeBody_CheckIn .NewResponsiveTables td.highlight-column {
            background: #eee;
            font-weight: 700;
        }

        .FrontOfficeContainer .tab-pane > .telerikTable, .FrontOfficeContainer .tab-pane > table {
            overflow: auto;
        }
        /*.FrontOfficeBody_CheckIn .ActionIcons {
        padding-left: 190px !important;
    }*/
        .FrontOfficeContainer .smart-form .col-6.fo-date-search {
            width: 50%;
            text-align: right;
            float: right;
        }

        .FrontOfficeContainer .smart-form .col-2 {
            width: 200px;
        }

        .FrontOfficeContainer .smart-form .fo-date-search .input {
            width: 130px;
            margin-right: 27px;
        }

        .FrontOfficeContainer .smart-form .fo-date-search.hasFocusToRemove + section.fo-date-search .input {
            width: 170px;
        }

        .FrontOfficeContainer .smart-form .fo-date-search {
            width: auto;
        }

            .FrontOfficeContainer .smart-form .fo-date-search:last-of-type {
                text-align: left;
            }

        .FrontOfficeContainer .smart-form div.fo-date-search.hasFocusToRemove + section.fo-date-search {
            float: left;
            width: 100%;
        }

            .FrontOfficeContainer .smart-form div.fo-date-search.hasFocusToRemove + section.fo-date-search .input {
                width: 170px;
            }

        .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) {
        }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > th:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > th:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > th:nth-child(6) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > td:nth-child(6) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > tbody > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > tbody > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > tbody > tr > td:nth-child(6) {
                display: none;
            }


        .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) {
        }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > th:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > th:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > th:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > tbody > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > tbody > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > tbody > tr > td:nth-child(7) {
                display: none;
            }



        .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) {
        }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > th:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > th:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > th:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > tbody > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > tbody > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > tbody > tr > td:nth-child(7) {
                display: none;
            }


        .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) {
        }


            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > th:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > th:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > th:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > tbody > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > tbody > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > tbody > tr > td:nth-child(7) {
                display: none;
            }


        .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) {
        }


            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > th:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > th:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > th:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > tbody > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > tbody > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > tbody > tr > td:nth-child(7) {
                display: none;
            }


        .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) {
        }


            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > th:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > th:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > th:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > tbody > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > tbody > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > tbody > tr > td:nth-child(7) {
                display: none;
            }
    }

    @media (min-width:768px) and (max-width:991px) {

        .FrontOfficeBody_CheckIn .NewResponsiveTables td.highlight-column {
            background: #eee;
        }
        /*.FrontOfficeBody_CheckIn .ActionIcons {
        padding-left: 190px !important;
    }*/
        .FrontOfficeContainer .PlanningTableFormContent {
            padding-top: 0px;
        }

        .FrontOfficeContainer #PlanningTable thead th {
            vertical-align: middle;
            min-width: 55px;
        }

        .FrontOfficeContainer .nav.nav-tabs > li > a {
            font-size: 11px;
        }

        .FrontOfficeContainer #PlanningTableRooms thead th:nth-child(1) div {
            width: 60px;
        }

        .FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(1) div {
            width: 90px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .FrontOfficeContainer #PlanningTableRooms tbody td .fa.fa-bed {
            display: none;
        }

        .FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(1) div b {
            width: 100%;
        }

        .FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select .current:first-letter {
            color: #FFF;
            padding-left: 7px;
        }

        .FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select .current[data-value='0'] {
            background: #1a9d13;
            transition: color 1s, background 1s;
            width: 100%;
        }

        .FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select .current[data-value='2'] {
            background: #ea3624;
            transition: color 1s, background 1s;
            width: 100%;
        }

        .FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select .current[data-value='1'] {
            background: #f9ba25;
            transition: color 1s, background 1s;
            width: 100%;
        }

        .FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select:after {
            right: 7px;
            border-color: #FFF;
        }

        .FrontOfficeContainer #PlanningTableRooms thead th:nth-child(2), .FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(2) {
            display: none; /* Esconder o Room Name em mobile? Confirmar com Sofia */
        }

            .FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(2) > div, .FrontOfficeContainer #PlanningTableRooms thead th:nth-child(2) div {
            }

        .FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(3) div, .FrontOfficeContainer #PlanningTableRooms thead th:nth-child(3) div {
            width: 35px;
        }

        .FrontOfficeContainer #PlanningTableRooms tbody td, .FrontOfficeContainer #PlanningTableRooms thead th {
            padding-left: 5px;
            padding-right: 5px;
        }

            .FrontOfficeContainer #PlanningTableRooms thead th:nth-child(1) div.MobileOnly {
                display: block !important
            }

            .FrontOfficeContainer #PlanningTableRooms thead th:nth-child(1) div.HideSmartphone {
                display: none;
            }

        .FrontOfficeContainer .tab-pane > .telerikTable, .FrontOfficeContainer .tab-pane > table {
            overflow: auto;
        }

        .FrontOfficeContainer .smart-form .col-6.fo-date-search {
            width: 50%;
            text-align: right;
            float: right;
        }

        .FrontOfficeContainer .smart-form .col-2 {
            width: 167px;
            padding-right: 0px;
        }

        .FrontOfficeContainer .smart-form .fo-date-search .input {
            width: 150px;
            margin-right: 15px;
        }

        .FrontOfficeContainer .smart-form .fo-date-search {
            width: auto;
        }

            .FrontOfficeContainer .smart-form .fo-date-search:last-of-type {
                text-align: left;
            }

        .FrontOfficeContainer .smart-form div.fo-date-search.hasFocusToRemove + section.fo-date-search {
            float: left;
            width: 100%;
        }

        .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) {
        }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > th:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > th:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > th:nth-child(6) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > td:nth-child(6) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > tbody > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > tbody > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > tbody > tr > td:nth-child(6) {
                display: none;
            }


        .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) {
        }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > th:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > th:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > th:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > tbody > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > tbody > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > tbody > tr > td:nth-child(7) {
                display: none;
            }



        .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) {
        }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > th:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > th:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > th:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > tbody > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > tbody > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > tbody > tr > td:nth-child(7) {
                display: none;
            }


        .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) {
        }


            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > th:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > th:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > th:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > tbody > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > tbody > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > tbody > tr > td:nth-child(7) {
                display: none;
            }


        .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) {
        }


            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > th:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > th:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > th:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > tbody > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > tbody > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > tbody > tr > td:nth-child(7) {
                display: none;
            }


        .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) {
        }


            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > th:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > th:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > th:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > tbody > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > tbody > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > tbody > tr > td:nth-child(7) {
                display: none;
            }
    }

    @media (max-width: 767px) {
        .FrontOfficeBody_CheckIn .NewResponsiveTables td.highlight-column {
            background: #eee;
        }
        /*.FrontOfficeBody_CheckIn .ActionIcons {
        padding-left: 190px !important;
    }*/
        .FrontOfficeBody_CheckIn .ReserveView div#bookingInfo > span {
            display: block;
            width: 100%;
        }

            .FrontOfficeBody_CheckIn .ReserveView div#bookingInfo > span:after {
                display: none;
            }

        .FrontOfficeContainer .MobileActions .row > div {
            padding-left: 15px;
        }

        .FrontOfficeContainer .jarviswidget .widget-body {
            min-height: 240px;
        }

        .FrontOfficeContainer .btn-group {
            display: inline-flex;
            width: 100%;
        }

            .FrontOfficeContainer .btn-group .dropdown-menu {
                width: 100%;
            }

        .FrontOfficeContainer .col.focus-reserve-remove {
            float: left !important;
            width: 100%;
            margin-bottom: 15px;
        }

        #content .FrontOfficeContainer .tab-mobile-tabs .dropdown-menu > li.active > a {
            background-color: unset !important;
            color: #000;
        }

            #content .FrontOfficeContainer .tab-mobile-tabs .dropdown-menu > li.active > a:hover, #content .FrontOfficeContainer .tab-mobile-tabs .dropdown-menu > li.active > a:focus {
                background-color: #1B1E24 !important;
                color: #FFF;
            }

        .FrontOfficeContainer .btn-group .btn.btn-default:first-child {
            flex: 1;
        }


        .FrontOfficeContainer .btn-group .btn.btn-tabscontainer[data-active-index='0']:first-child {
            background: rgb(43, 103, 182) !important;
            color: white !important;
        }

        .FrontOfficeContainer .btn-group .btn.btn-tabscontainer[data-active-index='1']:first-child {
            background: rgb(43, 103, 182) !important;
            color: white !important;
        }

        .FrontOfficeContainer .btn-group .btn.btn-tabscontainer[data-active-index='2']:first-child {
            background: rgb(23, 138, 23) !important;
            color: white !important;
        }

        .FrontOfficeContainer .btn-group .btn.btn-tabscontainer[data-active-index='3']:first-child {
            background: #d9534f !important;
            color: white !important;
        }

        .FrontOfficeContainer .btn-group .btn.btn-tabscontainer[data-active-index='4']:first-child {
            background: rgb(140, 42, 197) !important;
            color: white !important;
        }

        .FrontOfficeContainer .btn-group .btn.btn-tabscontainer[data-active-index='5']:first-child {
            background: #4c4f53 !important;
            color: white !important;
        }


        /*.fo-style.reservations-tab li a.new-reserve:not(.active) {
            background-color: rgb(43, 103, 182);
            color: white !important;
        }

        .fo-style.reservations-tab li a.modified:not(.active) {
            background-color: #a90329;
            color: white !important;
        }

        .fo-style.reservations-tab li a.checkin:not(.active) {
            background-color: #739e73;
            color: white !important;
        }

        .fo-style.reservations-tab li a.inHouse:not(.active) {
            background-color: rgb(23, 138, 23);
            color: white !important;
        }

        .fo-style.reservations-tab li a.checkout:not(.active) {
            background-color: #d9534f;
            color: white !important;
        }

        .fo-style.reservations-tab li a.no-show:not(.active) {
            background-color: #4c4f53;
            color: white !important;
        }

        .fo-style.reservations-tab li a.onhold:not(.active) {
            background-color: rgb(140, 42, 197);
            color: white !important;
        }*/

        .FrontOfficeContainer .PlanningTableFormContent {
            padding-top: 0px;
        }

        .FrontOfficeContainer #PlanningTable thead th {
            vertical-align: middle;
            min-width: 55px;
        }

        .FrontOfficeContainer .nav.nav-tabs > li > a {
            font-size: 11px;
        }

        .FrontOfficeContainer #PlanningTableRooms thead th:nth-child(1) div {
            width: 60px;
        }

        .FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(1) div {
            width: 90px;
            overflow: hidden;
        }

        .FrontOfficeContainer #PlanningTableRooms tbody td .fa.fa-bed {
            display: none;
        }

        .FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(1) div b {
            width: 100%;
        }

        .FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select .current:first-letter {
            color: #FFF;
            padding-left: 7px;
        }

        .FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select .current[data-value='0'] {
            background: #1a9d13;
            transition: color 1s, background 1s;
            width: 100%;
        }

        .FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select .current[data-value='2'] {
            background: #ea3624;
            transition: color 1s, background 1s;
            width: 100%;
        }

        .FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select .current[data-value='1'] {
            background: #f9ba25;
            transition: color 1s, background 1s;
            width: 100%;
        }

        .FrontOfficeContainer #PlanningTableRooms tbody td.RoomStatusColumn .nice-select:after {
            right: 7px;
            border-color: #FFF;
        }

        .FrontOfficeContainer #PlanningTableRooms thead th:nth-child(2), .FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(2) {
            display: none; /* Esconder o Room Name em mobile? Confirmar com Sofia */
        }

            .FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(2) > div, .FrontOfficeContainer #PlanningTableRooms thead th:nth-child(2) div {
            }

        .FrontOfficeContainer #PlanningTableRooms tbody td:nth-child(3) div, .FrontOfficeContainer #PlanningTableRooms thead th:nth-child(3) div {
            width: 35px;
        }

        .FrontOfficeContainer #PlanningTableRooms tbody td, .FrontOfficeContainer #PlanningTableRooms thead th {
            padding-left: 5px;
            padding-right: 5px;
        }

        .FrontOfficeContainer .smart-form .fo-date-search .input {
            width: 100%;
            margin: 0;
            margin-bottom: 15px;
        }

        .FrontOfficeContainer .smart-form .fo-date-search .btn.btn-labeled {
            margin-left: 0;
            margin-bottom: 15px;
            float: left;
            margin-right: 10px;
        }

        .FrontOfficeContainer .smart-form .fo-date-search.col-6 .btn.btn-labeled {
            float: left;
            margin-top: 15px;
        }

        .FrontOfficeContainer .nav-tabs {
            font-size: 0;
        }

            .FrontOfficeContainer .nav-tabs > li {
                width: 25%;
            }

                .FrontOfficeContainer .nav-tabs > li:nth-child(1),
                .FrontOfficeContainer .nav-tabs > li:nth-child(2) {
                    width: 50%;
                    margin-bottom: 2px;
                    vertical-align: bottom;
                }

            .FrontOfficeContainer .nav-tabs > li {
                display: inline-block;
                float: none;
                margin-bottom: 0px;
            }

        .FrontOfficeContainer .modal-body .LegendItems li {
            width: 50%;
        }

        .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) {
        }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > th:nth-child(1),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > th:nth-child(2),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > th:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > th:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > th:nth-child(6) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > td:nth-child(1),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > td:nth-child(2),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > thead > tr > td:nth-child(6) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > tbody > tr > td:nth-child(1),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > tbody > tr > td:nth-child(2),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > tbody > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > tbody > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > tbody > tr > td:nth-child(6) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(1) table > tbody > tr > td:last-child {
                width: 100%;
            }


        .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) {
        }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > th:nth-child(1),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > th:nth-child(2),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > th:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > th:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > th:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > td:nth-child(1),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > td:nth-child(2),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > thead > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > tbody > tr > td:nth-child(1),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > tbody > tr > td:nth-child(2),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > tbody > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > tbody > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > tbody > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(2) table > tbody > tr > td:last-child {
                width: 100%;
            }



        .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) {
        }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > th:nth-child(1),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > th:nth-child(2),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > th:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > th:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > th:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > td:nth-child(1),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > td:nth-child(2),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > thead > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > tbody > tr > td:nth-child(1),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > tbody > tr > td:nth-child(2),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > tbody > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > tbody > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > tbody > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(3) table > tbody > tr > td:last-child {
                width: 100%;
            }


        .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) {
        }


            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > th:nth-child(1),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > th:nth-child(2),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > th:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > th:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > th:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > td:nth-child(1),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > td:nth-child(2),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > thead > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > tbody > tr > td:nth-child(1),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > tbody > tr > td:nth-child(2),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > tbody > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > tbody > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > tbody > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(4) table > tbody > tr > td:last-child {
                width: 100%;
            }


        .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) {
        }


            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > th:nth-child(1),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > th:nth-child(2),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > th:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > th:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > th:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > td:nth-child(1),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > td:nth-child(2),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > thead > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > tbody > tr > td:nth-child(1),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > tbody > tr > td:nth-child(2),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > tbody > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > tbody > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > tbody > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(5) table > tbody > tr > td:last-child {
                width: 100%;
            }


        .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) {
        }


            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > th:nth-child(1),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > th:nth-child(2),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > th:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > th:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > th:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > td:nth-child(1),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > td:nth-child(2),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > thead > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > tbody > tr > td:nth-child(1),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > tbody > tr > td:nth-child(2),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > tbody > tr > td:nth-child(3),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > tbody > tr > td:nth-child(4),
            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > tbody > tr > td:nth-child(7) {
                display: none;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > tbody > tr > td:last-child {
                width: 100%;
            }

            .FrontOfficeContainer .tab-content .tab-pane:nth-child(6) table > tbody > tr > td {
                padding: 5px;
            }

        .FrontOfficeBody_CheckOut .fuelux .wizard .actions {
            display: flex !important;
            position: relative;
            background: #eee;
            width: 100%;
            border-top: 1px solid #d4d4d4;
            align-items: center;
            justify-content: flex-end;
        }

            .FrontOfficeBody_CheckOut .fuelux .wizard .actions a {
                float: right;
                margin-bottom: 10px;
                margin-top: 10px;
            }

        .FrontOfficeBody_CheckOut .fuelux .wizard ul li {
            font-size: 12px;
            padding-left: 20px;
            padding-right: 5px;
        }

        .FrontOfficeBody_CheckIn .rightAlignedFieldOnDesktop {
            text-align: left;
            padding-right: 15px !important;
        }
    }