@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Work+Sans');

html, body {
    color: #000;
    /* font-family: BlinkMacSystemFont, Arial, "Helvetica Neue" ,Helvetica, sans-serif; */
    font-family: Arial, "Helvetica Neue" ,Helvetica, sans-serif;
    font-weight: 100;
    /*height: 100vh;*/
    margin: 0;
    background-color: #F5F5F5;
    font-size: 14px;
    user-select: none;
}

a {
    cursor: pointer !important;
}

*:focus {
    outline: none;
}

button, input, select, textarea {
    font-family: Arial, "Helvetica Neue" ,Helvetica, sans-serif !important;
}

/*.no-scroll {
    overflow: hidden !important;
}*/

.background-image {
  position: fixed;
  left: 0;
  right: 0;

  display: block;
  background-image: url(../images/OffBuilding.png);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;

  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.mb-6 {
    margin-bottom: 6em;
}

.app-gray {
    /* color: #77746B; */
    color: rgba(0,0,0,0.38);
}

.full-height .title,
.full-height .links > a {
    color: #fff;
}

.full-height {
    height: 100vh;
}

.flex-center {
    align-items: center;
    display: flex;
    justify-content: center;
}

.center {
    margin: 0 auto !important;
    display: block !important;
}

.position-ref {
    position: relative;
}

.top-right {
    position: absolute;
    right: 10px;
    top: 18px;
}

.content {
    text-align: center;
}

.title {
    font-size: 84px;
}

.links > a {
    color: #636b6f;
    padding: 0 25px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase;
}

.m-b-md {
    margin-bottom: 30px;
}

.navbar .container {
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 10px;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.08);
}

.navbar .navbar-toggler {
    margin-right: 10px;
    max-width: 10% !important;
}

.navbar-brand {
    padding: .3rem 0rem .5rem 0rem;
    margin: 0;
}

.navbar-brand img {
    height: 1em;
}

.navbar-brand p {
    display: inline;
}

.navbar .version {
    color: rgba(0, 0, 0, 0.7);
}

.navbar .version p {
    font-size: 0.5em;
    text-align: left;
    margin-left: -5px;
    line-height: 15px;
    text-decoration: underline;
}

.navbar-toggler {
    padding: 0;
    border: none;
}

.logged-user {
  font-size: 12px;
  margin: auto 10px auto 0;
  padding: 0;
  text-align: right;
  line-height: 12px;
  text-transform: capitalize;
  cursor: pointer;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,1.0);
}

.navbar-collapse {
    padding: 0.5em 1em 0em 1em;
}

.card {
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 10px;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.08);
}

.card .card-header {
    font-weight: bold;
    font-family: Arial, "Helvetica Neue" ,Helvetica, sans-serif;
    background-color: rgba(0, 0, 0, 0.1);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.dashboard .col-sm.special {
    text-align: center;
    border-radius: 10px;
    height: 17vh;
    background-color: #000;
    color: white;
    box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.3);
    margin: 0em 1em 1em 1em;
    background-size: cover;
    background-position: center top;
    font-size: 20px;
}

.dashboard .col-sm.special p {
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: Arial, "Helvetica Neue" ,Helvetica, sans-serif;
}

.apartment .col-md-10.body {
    background: white;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 1em;
    overflow: hidden;
    padding: 1em;
}

.apartment #map {
    margin-bottom: 0;
    border-radius: 0;
}

.apartment h4 {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 0.8em;
    margin-top: 5px;
}

.apartment .amenity {
    background: white;
    padding-right: 0;
}

.apartment .amenity img {
    width: 1em;
    display: inline-block;
}

.apartment .amenity p {
    display: inline-flex;
    /*max-width: 43px;*/
    padding-left: 5px;
    overflow: hidden;
    font-size: 11px;
    text-overflow: ellipsis;
    margin-bottom: 1px;
}

.apartment .amenity p.red {
    color: #D80027;
}

.apartment .pictures {
    margin-top: 1em;
}

.apartment .media img {
    height: 52px;
    object-fit: cover;
}

.apartment .flexslider .slides img {
    height: 30vh;
    object-fit: cover;
}

.carousel-control-next, .carousel-control-next, .carousel-control-prev, .carousel-control-prev {
    opacity: 1 !important;
}

.font-weight-600 {
    font-weight: 600;
}

.somebody-else span{
    /*border-bottom: solid 1px #000;*/
    background-image: url(../images/black.jpg);
    background-size: 100% 1px;
    background-position: bottom;
    background-repeat: no-repeat;
}

.border-bottom {
    border-bottom: 1px solid rgba(222, 226, 230, 0.6)!important;
}

.datepicker-days .day.disabled:hover,
.datepicker-days .day.disabled,
.facility-day.not-working,
.facility-day.not-possible,
.caleran-disabled.caleran-disabled-range.on-month {
    background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 11px, rgb(143, 143, 143) 13px, rgb(143, 143, 143) 13px) !important;
    /*background: repeating-linear-gradient(-45deg, rgb(255, 255, 255), rgb(255, 255, 255) 3px, rgb(143, 143, 143) 3px, rgb(143, 143, 143) 4px);*/
    cursor: not-allowed !important;
    opacity: 0.8;
}

.caleran-disabled.caleran-disabled-range.on-month span {
    border: none !important;
}

.facilities .unavailable-day {
    background: #fc2e22;
    color: #fff;
}

.apartment .unavailable-day {
    background: repeating-linear-gradient(-45deg, rgb(255, 255, 255), rgb(255, 255, 255) 3px, rgb(171, 171, 171) 3px, rgb(125, 125, 125) 4px);
}

.available {
    background: #fff;
}

.shared-day {
    border-bottom: solid 4px #000 !important;
}

.caleran-disabled.caleran-disabled-range.on-month.userReserved.somebody-else {
    background: rgba(145, 211, 236, 0.2);
    /*background: repeating-linear-gradient(-45deg, rgb(255, 255, 255), rgb(255, 255, 255) 3px, rgba(145, 211, 236, 0.8) 3px, rgba(145, 211, 236, 0.8) 4px);*/
    font-weight: 100 !important;
}

.caleran-disabled.caleran-disabled-range.on-month.userReserved {
    background: rgba(145, 211, 236, 0.2);
    /*background: repeating-linear-gradient(-45deg, rgb(255, 255, 255), rgb(255, 255, 255) 3px, rgba(1, 151, 208, 0.8) 3px, rgb(2, 138, 189) 4px);*/
    font-weight: 100 !important;
    color: #a2a2a2 !important;
}

.caleran-disabled.caleran-disabled-range.caleran-not-in-month {
    background: none;
}

.caleran-disabled.caleran-disabled-range.on-month span,
.caleran-disabled.caleran-disabled-range.on-month.userReserved.somebody-else span,
.caleran-disabled.caleran-disabled-range.caleran-not-in-month span,
.caleran-disabled.caleran-disabled-range.on-month.userReserved span {
    background-image: none;
}

.caleran-container-mobile .caleran-input .caleran-calendars {
    overflow: hidden;
}

.md-select-menu-container.md-active {
    z-index: 2000 !important;
    position: sticky;
    position: -webkit-sticky;
    bottom: 5px;
}

/*Facilities*/

.bar.available {
  background-color: #aefe66;
}

.caleran-day.caleran-selected.caleran-start.caleran-end.partial,
.partial {
  background-color: #fefc00 !important;
}

div.facilities .card-body,
div.facilities .card-body .snapshot .col-4,
div.facilities .card-body .snapshot .col-6,
div.facilities .card-body .snapshot .col-2 {
    padding: 0;
}

div.facilities .card-body .snapshot {
    background-color: transparent;
    margin-bottom: 1em;
    height: 130px;
    overflow: hidden;
    padding-left: 0;
}

div.facilities .card-body .snapshot .col-4 .flexslider .slides img {
    height: 130px;
    object-fit: cover;
}

div.facilities .card-body .snapshot .body {
    padding-left: 10px;
    padding-top: 8px;
    background-color: white;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    min-height: 100%;
    height: auto;
}

div.facilities .snapshot .body .statusLabel {
    font-size: 10px;
    color: #000;
    margin-bottom: 6px;
}

div.facilities .card-body .snapshot .body h3.title {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin-top: .3em;
}

div.facilities .card-body .snapshot .body h3.title a {
    color: #000;
}

div.facilities .card-body .snapshot .row.amenitites {
    margin-left: 0px;
    width: 82%;
}

div.facilities .card-body .snapshot .col.amenity {
    padding: 0px 5px 5px 5px;
}

div.facilities .card-body .snapshot .col.amenity img {
    width: 20px;
    margin: 0 auto;
    display: block;
}

div.facilities .snapshot .body .phone {
    font-size: 12px;
    margin-bottom: 10px;
    text-align: right;
    padding-right: 11px;
}

div.facilities .snapshot .body .notes {
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%;
    position: absolute;
    margin-top: .5em;
}

div.facilities .snapshot .body .rooms .room {
    border-radius: 3px;
    height: 15px;
    width: 15px;
    padding: 0;
    margin-right: 5px;
    flex: inherit;
    border: 1px solid lightgray;
}

.reserved {
    background-color: #77746B;
}

.unavailable {
    background-color: #FFDA44 !important;
}

.out-of-service {
    background-color: #6684a3 !important;
    color: #fff;
}

.out-of-order {
    background-color: #004a98 !important;
    color: #fff;
}

.room.available {
    background-color: #aefe66;
    /* background-color: #fff; */
}

div.facilities .card-body .snapshot .col-2 {
    padding-right: 5px;
}

div.facilities .card-body .snapshot .col-2 hr {
    margin-top: 2em;
    margin-bottom: 4px;
}

div.facilities .card-body .snapshot .body .mapAction {
    font-size: 11px;
    color: #000;
    display: block;
    line-height: 12px;
    position: absolute;
    bottom: 0px;
}

div.facilities .card-body .snapshot .body .timeDistance {
    font-size: 11px;
    color: #919191;
    line-height: 12px;
    margin-top: 5px;
}

div.facilities .card-body .snapshot .availability .col-6 {
    padding-top: 0;
    padding-left: 15px;
}

#map {
    height: 15em;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 1em;
}

.col-md-10.filters-bar {
    margin-bottom: 1em;
    margin-left: 15px;
    margin-right: 15px;
    padding: 0;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}

.filters-bar .btn-dark {
    width: 48% !important;
}

.btn-primary.filter {
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    padding: 13px 10px 12px 16px !important;
}

.btn-primary.filter img {
    width: 28px
}

.daterangepicker {
    font-family: Arial, "Helvetica Neue" ,Helvetica, sans-serif;
    width: 345px;
}

.daterangepicker .drp-calendar {
    max-width: 100%;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    font-size: 14px;
    height: 35px;
}

.bedroom-incrementer {
    margin-top: -16px;
    margin-left: 15px;
    margin-right: 15px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.bdrs-subtitle {
    line-height: 34px;
}

button.minus {
    border-radius: 28px;
    font-size: 16px;
    padding: 0px 9.4px;
    margin-top: 4px;
}

button.plus {
    border-radius: 28px;
    font-size: 16px;
    padding: 0px 7.3px;
    margin-top: 4px;
}

.filters-button {
    width: 20%
}

#clearFilters,
#datePicker {
    line-height: 20px;
}

.dates-button {
    color: #fff !important;
    background-color: #20c997;
    border-color: #20c997;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle,
.rooms-button {
    color: #fff !important;
    background-color: #20c997 !important;
    border-color: #20c997 !important;
}

.rooms-button button {
    color: white !important;
    border-color: white !important;
}

.bdrmsIncrementer {
    font-size: 1rem;
    margin: 0px 13px;
    line-height: 34px;
}

.book-action-container {
    position: fixed !important;
    bottom: 0px !important;
    left: 0px !important;
    right: 0px !important;
    background: white;
}

.selected-hours {
    line-height: 20px;
    margin: 0;
    font-size: 1rem;
    display: inline-block;
    margin-left: .7em;
}

.selected-bds {
    line-height: 20px;
    margin: 0;
    font-size: 1rem;
    display: inline-block;
    margin-left: .7em;
}

.apartment #map {
    margin: 0;
}

.container.apartment {
    margin-bottom: 4em;
}

.book-web {
    display: none;
}

.navbar-nav .nav-item {
    border-bottom: 1px solid #c5c5c5;
    padding: .5em 1em .5em 1em;
}

.desktop.navbar-nav .nav-item {
  display: none;
}

.btn-success {
    background-color: #20c997;
        border-color: #20c997;
}

.flexslider {
  margin: 0;
  border: none;
}

.flexslider:hover .flex-direction-nav a {
  opacity: 1;
}

.snapshot .flex-direction-nav a {
  top: 54%;
}

.flex-direction-nav a:before {
  color: #fff;
  font-size: 25px;
}

.fixed-filters {
    position: fixed;
    z-index: 1000;
    background: white;
    padding: 1em !important;
    margin: 0 !important;
    top: 0;
}

.book-desktop {
    display: none;
}

#datePicker span {
    font-size: 10px;
    text-align: left;
}

.invalid-input input,
.invalid-input select {
    border-color: #dc3545;
}

.invalid-input .invalid-feedback {
    display: block;
}

.active-filter {
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d;
}

.outlined-filter-button {
    color: #6c757d !important;
    background-color: transparent  !important;
    background-image: none  !important;
    border-color: #6c757d  !important;
}

.outlined-filter {
    color: #17a2b8 !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #17a2b8 !important;
}

.booking .dateTime {
    /*padding-top: 5px !important;*/
    line-height: 29px;
}

.md-select-value .md-select-icon {
  width: 10px;
}

.userReserved {
    background-color: rgba(145, 211, 236, 0.4) !important;
}

.all-bookings .userReserved {
    background-color: rgba(145, 211, 236, 0.4) !important;
}

.has-book {
    background-color: rgba(255, 109, 13, 0.2);
}

.occupied-by-you {
    background: repeating-linear-gradient(-45deg, rgb(255, 255, 255), rgb(255, 255, 255) 3px, rgba(1, 151, 208, 0.8) 3px, rgb(2, 138, 189) 4px);
}

.btn-outline-secondary:hover {
    background-color: #20c997;
    border-color: #20c997;
    color: white;
}

.btn-outline-secondary:hover  button {
    border-color: #fff;
    color: white;
}

.legends .legend div {
    width: 1em;
    height: 1em;
    display: inline-block;
    border: 1px solid lightgray;
    border-radius: 3px;
}

.apartment .legends .legend div {
  border: 1px solid #c5c5c5;
}

.legends .legend p {
    display: inline-block;
    margin: 0;
    font-size: 11px;
    margin-top: -5px;
    color: #000 !important;
}

.all-bookings .twelve-months .caleran-selected,
.all-bookings .twelve-months .caleran-selected span {
    background-color: transparent !important;
    color: #000 !important;
}

.all-bookings .twelve-months .col-4 {
    zoom: 26%;
    height: auto;
    margin-top: -25px;
    padding: 0px 3px 0px 3px;
}

.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container {
    padding: 1px;
}

.selectdemoSelectHeader {
  /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */ }
  .selectdemoSelectHeader .demo-header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0; }
  .selectdemoSelectHeader .demo-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto; }
  .selectdemoSelectHeader md-content._md {
    max-height: 240px; }

.btn-success.disabled, .btn:disabled {
    background: white;
    color: darkgray;
    border: 1px solid darkgray;
}

.btn-outline-secondary {
        border-color: #20c997;
    color: #20c997
}

.btn-primary {
    color: #fff;
    background-color: #20c997;
    border-color: #20c997;
}

.btn-primary:hover {
    color: #fff;
    background-color: #20c997;
    border-color: #20c997;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
        color: #fff;
    background-color: #20c997;
    border-color: #20c997;
}

.md-column {
    font-weight: bold !important;
    color: #000 !important;
}

table.md-table thead.md-head>tr.md-row {
    height: 30px !important;
}

table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
        padding: 0 10px 0 11px;
}

table.md-table td.md-cell {
    height: 58px;
}

.fixed-header-column {
    position: absolute;
    left: 15px;
    height: 31px;
    background-color: #ffc107!important;
    max-width: 15em;
    max-height: 58px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 13em;
    line-height: 30px;
    text-align: center;
}

.fixed-column {
    position: absolute;
    left: 15px;
    height: 58px;
    background-color: #fff;
    max-width: 12em;
    max-height: 58px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.isOnBehalf {
  background: rgba(221, 239, 221, 1) !important;
}

#filtersBar {
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 0;
  background-color: #F5F5F5;
  z-index: 11;
  padding-top: 1em;
}

.all-bookings .caleran-input {
    margin: 0.5em 0em;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    /*width: 9rem !important;*/
}

.all-bookings .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 14rem !important;
}


.bootstrap-datetimepicker-widget a[data-action] {
    padding: 0px !important;
}

.bootstrap-datetimepicker-widget table td {
    height: 30px;
    line-height: 30px;
    width: 30px;
}

.bootstrap-datetimepicker-widget table td.separator {
    width: 1px;
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 30px;
    font-weight: bold;
    font-size: 1em;
    margin: 0;
}

.all-bookings .twelve-months .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-title {
  font-size: .7em !important;
  font-weight: bold !important;
  padding: 0 18px !important;
}

.all-bookings .twelve-months .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-title span {
    display: none;
}


.all-bookings .twelve-months .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-dayofweek,
.all-bookings .twelve-months .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day,
.all-bookings .twelve-months .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled {
  font-size: 8px !important;
}

.all-bookings .twelve-months .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-title .caleran-prev,
.all-bookings .twelve-months .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-title .caleran-next {
    display: none;
}

.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-dayofweek {
    font-weight: bold !important;
}

.sticky-calendar {
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 0;
    background-color: white;
    z-index: 2000;
}

.md-sort-icon {
    min-height: 12px;
    min-width: 12px;
    width: 12px !important;
    height: 11px !important;
}

.edit .facility-name {
    line-height: 20px;
    height: 86px;
    margin: 0px;
    display: table-cell;
    padding: 10px;
    font-size: 0.9rem;
}

table.md-table:not(.md-row-select) td.md-cell:first-child {
    padding-left: 4px !important;
}

.all-bookings table.md-table:not(.md-row-select) td.md-cell:first-child {
    /*display: -webkit-box;*/
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sticky-header {
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 0;
    z-index: 50;
    padding-top: 1em;
}

.md-checkbox-enabled.md-default-theme[selected] .md-icon, .md-checkbox-enabled[selected] .md-icon {
  background-color: #20c997;
}

md-select-menu.md-default-theme md-content md-option[selected]:focus, md-select-menu md-content md-option[selected]:focus,
md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected] {
  color: #20c997;
}

.booking md-select.md-default-theme .md-select-value,
.booking md-select .md-select-value {
  border: none;
}

.form-group.md-input-has-value label {
  margin: 0;
}

.disabled .md-input-has-value label {
  display: none;
}

.booking .disabled .float-right p {
  color: rgba(0,0,0,0.38);
}

md-select.md-default-theme .md-select-value.md-select-placeholder,
md-select .md-select-value.md-select-placeholder {
  color: black;
}

md-input-container:not(.md-input-has-value) md-select.ng-required:not(.md-no-asterisk) .md-select-value span:first-child:after,
md-input-container:not(.md-input-has-value) md-select[required]:not(.md-no-asterisk) .md-select-value span:first-child:after {
  color: red;
  font-size: 15px;
}

md-select.md-default-theme[disabled] .md-select-value, md-select[disabled] .md-select-value {
  background-image: none;
}

.caleran-day.caleran-selected.caleran-disabled.caleran-not-in-month {
    min-height: 40px !important;
    padding: 3px !important;
    color: white !important;
}

.apartment .caleran-disabled-range.caleran-disabled.caleran-not-in-month,
.apartment .caleran-disabled-range.on-month.caleran-disabled.caleran-not-in-month,
.apartment .caleran-day.caleran-not-in-month {
  font-weight: bold !important;
  color: rgba(0, 0, 0, 0.0) !important;
  min-height: 0px !important;
  padding: 0px !important;
  height: 0;
}

/*.all-bookings .caleran-disabled-range.caleran-disabled.caleran-not-in-month,
.all-bookings .caleran-disabled-range.on-month.caleran-disabled.caleran-not-in-month,
.all-bookings .caleran-day.caleran-not-in-month {
  color: rgba(0, 0, 0, 0.0) !important;
}*/

.all-bookings .caleran-disabled-range.caleran-disabled.caleran-not-in-month,
.all-bookings .caleran-disabled-range.on-month.caleran-disabled.caleran-not-in-month,
.all-bookings .caleran-day.caleran-not-in-month {
  color: rgba(0, 0, 0, 0.0) !important;
  background-color: transparent !important;
}

.caleran-disabled.caleran-disabled-range {
    color: #6f6f6f !important;
}

.caleran-day.caleran-disabled.caleran-not-in-month:hover {
    background-color: transparent !important;
    border-radius: 0px;
}

.green-text {
  color: #20c997;
}

.my-bookings table.md-table:not(.md-row-select) th.md-column:nth-child(3) {
    padding: 0 10px !important;
}

/*.my-bookings table.md-table:not(.md-row-select) td.md-cell:first-child,
.my-bookings table.md-table:not(.md-row-select) th.md-column:first-child {
    padding: 0 17px;
}*/

/*.all-bookings table.md-table:not(.md-row-select) th.md-column:nth-child(3) {
    padding: 0 18px 0 0 !important;
}*/

/*.all-bookings table.md-table:not(.md-row-select) th.md-column:nth-child(5) {
    padding: 0 10px 0 0 !important;
}*/

.apartment table.md-table:not(.md-row-select) th.md-column:first-child {
    padding: 0px 40px 0px 4px !important;
}

.apartment table.md-table:not(.md-row-select) th.md-column:nth-child(2) {
    padding: 0 18px 0 0 !important;
}

.all-bookings .twelve-months,
.gantt-chart .twelve-months {
    margin: 0px auto;
    max-width: 89%;
    min-width: 315px;
}

md-input-container label {
  display: none;
}

/*md-checkbox .md-label {
  font-size: 14px;
  line-height: 27px;
}*/

md-checkbox.md-checked.green .md-icon {
 background-color: #20c997;
}

.md-errors-spacer {
  display: none
}

md-input-container .md-input {
    border-color: black;
    font-style: italic;
    font-size: 12px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 28px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #20c997;
}

input:focus + .slider {
  box-shadow: 0 0 1px #20c997;
}

input:checked + .slider:before {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

md-switch {
    margin: 0;
}

md-switch .md-container {
    margin-right: 0;
}

md-switch.md-default-theme.md-checked .md-thumb,
md-switch.md-checked .md-thumb {
  background-color: #20c997;
  color: #20c997;
}

md-switch.md-default-theme.md-checked .md-bar, md-switch.md-checked .md-bar {
    background-color: rgba(32, 201, 151, 0.5);
}

md-dialog {
    max-width: 95%;
    width: 100%;
    height: auto;
    bottom: 10px;
    /*position: absolute;*/
    background-color: #f3f2b1 !important;

}

md-backdrop.md-dialog-backdrop {
    z-index: 2999;
}

.md-dialog-container {
    z-index: 3000
}

md-select-menu .list-email {
    font-size: 12px;
    text-align: right;
    right: 33px;
    position: absolute;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 40%;
    text-transform: lowercase;
}

md-select-menu .list-book {
    font-size: 12px;
    text-align: right;
    right: 33px;
    position: absolute;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 40%;
    /*text-transform: lowercase;*/
}

.chart-box {
    right: 33px;
    position: absolute;
    top: 14px;
}

.chart-box .chart-email {
    font-size: 12px;
    text-align: right;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 40%;
    text-transform: lowercase;
    display: none;
}

.chart-box .chart-book {
    font-size: 12px;
    text-align: right;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 40%;
    /*text-transform: lowercase;*/
}

md-input-container.md-input-focused:not([md-no-float]) .md-select-placeholder span:first-child {
    /*display: none;*/
    transform: none !important;
    -webkit-transform: none !important;
}

.vertical-middle-flex {
    align-items: center;
    display: flex;
}

.md-button.md-icon-button {
    min-height: auto;
    height: auto;
}

md-checkbox .md-label {
    margin-left: 21px;
    font-size: 11px;
    /*font-size: 12px;*/
    line-height: 16px;
}

md-checkbox .md-container,
md-checkbox .md-icon {
    width: 15px;
    height: 15px;
}

md-checkbox.md-checked .md-icon:after {
    left: 2.66667px;
    top: -0.77778px;
    width: 5.66667px;
    height: 10.33333px;
}

md-select-value .list-email {
    display: none;
}

md-select.blue md-select-value .md-text,
.blue {
    color: #0ca0dd !important;
}

.twelve-months {
    margin: 0px auto;
    max-width: 60em;
}

.one-month-cal {
    margin: 0px auto;
    max-width: 315px;
}

.md-select-value>span:not(.md-select-icon) {
    color: #18926e;
    /*font-weight: bold;*/
}

.md-select-value>span:not(.md-select-icon) .md-text {
    color: #000;
}

md-select[disabled] .md-select-value>span:not(.md-select-icon) .md-text {
    color: rgba(0,0,0,0.38) !important;
}

.all-bookings tbody tr:nth-child(even) {
    background-color: #f2f2f2
}

.edit-booking md-input-container .md-input[disabled] {
    color: rgba(0, 0, 0, 0.7) !important;
    opacity: 1;
}

.alpha-black-overlay {
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 10px;
    z-index: 3;
}

.dashboard .flexslider {
    width: 100%;
    height: 100%;
    position: absolute;
    border: none;
    border-radius: 10px;
    background: #000;
    /*overflow: hidden;*/
}

.dashboard .flex-viewport,
.dashboard .flexslider .slides,
.dashboard .flexslider .slides > li {
    height: 100%;
    opacity: 0.5;
}

.dashboard .slides img {
    height: 100% !important;
    object-fit: cover;
    border-radius: 10px;
}

div.facilities .card-body .snapshot .col-4 .flexslider .slides img.opacity {
    opacity: 0.5
}

.dashboard .flex-control-nav {
    bottom: -48px;
    max-height: 30px;
    overflow: hidden;
}

.dashboard .flex-control-nav li {
    margin: 0 4.5px;
}

.dashboard .flex-control-paging li a {
    width: 6px;
    height: 6px;
    background: rgba(27, 127, 189, 0.5);
    box-shadow: inset 0 0 3px rgba(27, 127, 189, 0.5);
}

.dashboard .flex-control-paging li a.flex-active {
    background: rgb(27, 127, 189);
}

table.md-table:not(.md-row-select) th.md-column:first-child {
    padding: 0px 20px 0px 4px;
}

table.md-table th.md-column.md-numeric {
    text-align: center !important;
        padding: 0px 14px 0px 0px !important;
}

table.md-table td.md-cell.md-numeric {
    text-align: center;
    padding: 0 !important;
}

.spinner-modal {
    padding: 1em;
    width: auto;
    display: block;
    margin: 0 auto;
}

.navbar .container .navbar-collapse .error-notification,
.navbar .container .navbar-collapse .user-name {
    display: none;
}

.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-selected.caleran-disabled,
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-start.caleran-disabled,
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end.caleran-disabled,
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-selected.caleran-disabled,
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-start.caleran-disabled,
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end.caleran-disabled {
  min-height: 0px !important;
  padding: 0px !important;
  height: 0;
}

.occupancy-denotation {
  margin-top: 2px;
}

.occupancy-denotation p {
  float: left;
  display: inline-block;
  margin: 0;
  font-size: 11px;
  margin-top: -1px;
  color: #000;
  margin-left: 3px;
}

.occupancy-denotation .box {
  width: 14px;
  height: 1em;
  display: inline-block;
  border: 1px solid lightgray;
  border-radius: 3px;
  float: left;
}

.caleran-day.caleran-selected.caleran-start.caleran-end.mr-available,
.mr-available {
  background-color: #aefe66 !important;
}

.mr-available-med {
    background-color: rgba(174, 254, 102, 0.6) !important;
}

.mr-available-low {
    background-color: rgba(174, 254, 102, 0.2) !important;
}

.caleran-day.caleran-selected.caleran-start.caleran-end.mr-almost-full,
.mr-almost-full {
  background-color: #ff9644 !important;
}

.caleran-day.caleran-selected.caleran-start.caleran-end.mr-full,
.facility-day.mr-full,
.mr-full {
  background-color: #fc2e22 !important;
}

.facility-day.mr-full.highlighted-day {
    /*border: 2px dashed #7d1119 !important;*/
    background-color: #fc2e22 !important;
}

.facility-day.partial.dashed.book-checkout,
.facility-day.partial.dashed.book-between,
.facility-day.partial.highlighted-day {
    /*border: 2px dashed #abaa02 !important;*/
    background-color: #fefc00 !important;
}

.facility-day.partial.dashed.book-checkin,
.facility-day.partial.dashed.book-checkout,
.facility-day.partial.dashed.book-between,
.facility-day.partial.highlighted-day.dashed {
    border: 2px dashed #abaa02 !important;
}


.facility-day.highlightMe {
    background: #20c997 !important;
}

/*
#monthlyView .facility-day.has-changed.highlighted-day {
    border: 2px dashed #0e8662 !important;
}
*/
.gantt-chart .md-datepicker-input-container {
  width: 100%;
}

.md-datepicker-input {
  padding-bottom: 1px;
  width: 100%;
  min-width: 80%;
  max-width: 84%;
  font-size: 13px;
}

.md-datepicker-triangle-button.md-button.md-icon-button {
  height: 27px;
}

.large-denotation {
  max-width: 30%;
  flex: 0 0 22%;
}

.large-denotation p {
  margin-left: 5px;
}

.gantt-chart md-select.md-default-theme .md-select-value,
.gantt-chart md-select .md-select-value,
.gantt-chart .md-datepicker-input-container {
    /*border-bottom-color: transparent!important;*/

    border: 1px solid rgba(128, 128, 128, 0.25);
    padding-left: 3px;
}

.gantt-chart .md-select-value>span:not(.md-select-icon) {
  color: #000;
}

.gantt-chart ::placeholder {
  color: black !important;
  font-family: Arial, "Helvetica Neue" ,Helvetica, sans-serif;
}

.gantt-chart .spacer {
  height: 41px;
}

.gantt-chart .facility p {
  font-size: 13px;
  margin: 0;
  max-height: 30px;
  min-height: 30px;
  line-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /*text-decoration: underline*/
}

.gantt-chart .time {
    min-height: 25px;
    max-height: 25px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.25);
    cursor: pointer;
}

.gantt-chart .right-panel .facility-row .facility-day:nth-child(odd),
.gantt-chart.facilities .left-panel .time:nth-child(even) {
    background-color: #f8f8f8;
}

.gantt-chart .time p {
  font-size: 13px;
  margin: 0;
  max-height: 25px;
  min-height: 25px;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /*text-decoration: underline*/
}

.gantt-chart .facility p.no-childs {
  padding-left: 22px;
  padding-right: 12px;
}

.gantt-chart .facility ul {
  list-style-type: none;
  padding-left: 2.3em;
  /*background-color: #fff;*/
}

.gantt-chart .facility .sub-facilities li {
  font-size: 13px;
  margin: 0;
  max-height: 30px;
  min-height: 30px;
  line-height: 32px;
  text-align: right;
  padding-right: 5px;
}

md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-icon,
md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
  background-color: rgb(14, 131, 195);
}

.gantt-chart .right-panel.facilities-chart {
 height: auto;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.gantt-chart .right-panel .header {
    height: 41px;
  /* height: auto;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap; */
}

/*.gantt-chart .right-panel.users-chart .body {
   margin-top: -2px;
}*/

#monthlyView .facility-day.partial p {
    color: #000;
}

#monthlyView .facility-day p {
    width: 49px;
    margin-left: 2px;
}

#monthlyView .facility-day.mr-full.dashed {
    border: 2px dashed #7d1119 !important;
    line-height: 28px;
}

#monthlyView .facility-day.has-changed {
    background: #20c997 !important;
}

#monthlyView .facility-day.has-changed.dashed {
    border: 2px dashed #0e8662 !important;
    line-height: 28px;
}

#monthlyView .facility-day.dashed.book-checkin {
    border-right: none !important;
}

#monthlyView .facility-day.dashed.book-checkout {
    border-left: none !important;
}

#monthlyView .facility-day.dashed.book-between {
    border-left: none !important;
    border-right: none !important;
}

/*#monthlyView .large-denotation {*/
    /*flex: 0 0 18%;*/
/*}*/

.occupancy-view .gantt-chart .right-panel .header .day,
.occupancy-view .gantt-chart .right-panel .day-header {
    font-size: 10px;
}

.day-row,
.gantt-chart .right-panel .facility-row,
.gantt-chart .right-panel .day-row {
  display: inline-block;
}

.gantt-chart .right-panel .header .day,
.gantt-chart .right-panel .day-header {
  display: inline-block;
  padding-top: 3px;
  font-size: 12px;
  text-align: center;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-right: none;
  min-width: 16px;
  max-width: 16px;
  background-color: rgba(253, 227, 198, 0.4);
}

.gantt-chart .left-panel .facility:nth-child(odd),
.gantt-chart .right-panel .body .user-row:nth-child(even),
.gantt-chart .right-panel .day-row .facility-day:nth-child(odd) {
    background-color: #f8f8f8;
}

.occupancy-view .gantt-chart .right-panel .day-row .facility-day:nth-child(odd) {
    background-color: #f8f8f8;
}

.occupancy-view .gantt-chart .right-panel .day-row .facility-day:nth-child(even) {
    background-color: #fff;
}

.occupancy-view .gantt-chart .left-panel .facility:nth-child(even) {
    background-color: #f8f8f8;
}

.occupancy-view .gantt-chart .left-panel .facility:nth-child(odd) {
    background-color: #fff;
}

.gantt-chart.facilities .left-panel .facility:nth-child(even) {
    background-color: #f8f8f8;
}
.gantt-chart.facilities .left-panel .facility:nth-child(odd) {
    background-color: #fff;
}

.gantt-chart .right-panel .body .user-row .user-day.weekend,
.gantt-chart .right-panel .day-total.weekend,
.gantt-chart .right-panel .day-row .facility-day.weekend,
.occupancy-view .gantt-chart .right-panel .day-row .facility-day.weekend,
.gantt-chart .right-panel .header .day.weekend,
.gantt-chart .right-panel .day-header.weekend,
.occupancy-view .gantt-chart .right-panel .day-header.weekend {
    background-color: #fde3c6;
}

.gantt-chart.extended .right-panel .day-total,
.gantt-chart.extended .right-panel .body .day-row .facility-day,
.gantt-chart.extended .right-panel .day-row .facility-day,
.gantt-chart.extended .right-panel .day-row .facility-day,
.gantt-chart.extended .right-panel .body .user-row .user-day,
.gantt-chart.extended .right-panel .header .day,
.gantt-chart.extended .right-panel .day-header {
  min-width: 55px;
  max-width: 55px;
}

.gantt-chart.yacht.extended .right-panel .day-total,
.gantt-chart.yacht.extended .right-panel .body .day-row .facility-day,
.gantt-chart.yacht.extended .right-panel .day-row .facility-day,
.gantt-chart.yacht.extended .right-panel .body .user-row .user-day,
.gantt-chart.yacht.extended .right-panel .header .day,
.gantt-chart.yacht.extended .right-panel .day-header {
  min-width: 82px;
  max-width: 82px;
}

.gantt-chart .right-panel .body .user-row .user-day.new-month,
.gantt-chart .right-panel .header .day.new-month,
.gantt-chart .right-panel .day-header.new-month,
.gantt-chart .right-panel .day-row .facility-day.new-month,
.gantt-chart .right-panel .day-total.new-month {
    border-left: 2px solid #f6911f !important;
}

.gantt-chart .right-panel .day-row .facility-day.new-month .background {
    margin: 5px 0px 0px 2px;
}

.gantt-chart .right-panel.users-chart .month-container:first-child .body .user-row .user-day.new-month,
.gantt-chart .right-panel.users-chart .month-container:first-child .header .day.new-month,
.gantt-chart .right-panel.facilities-chart .day-header.new-month:first-child,
.gantt-chart .right-panel.facilities-chart .day-total.new-month:first-child,
.gantt-chart .right-panel.facilities-chart .day-row:first-child .facility-day.new-month {
    border-left: 1px solid rgba(128, 128, 128, 0.25);
}

.my-home.gantt-chart .right-panel .day-row .facility-day.same-as-to
.gantt-chart .right-panel .day-header.same-as-to,
.facility-day.same-as-to
{
    border-right: 3px solid #20c997 !important;
}

.gantt-chart .right-panel .day-row:first-child .facility-day.new-month .background {
    margin: 5px 0px 0px 3px;
}

.gantt-chart .right-panel .day-row .facility-day {
  font-size: 10px;
  text-align: center;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-top: none;
  border-right: none;
  min-width: 16px;
  max-width: 16px;
  max-height: 30px;
  min-height: 30px;
  line-height: 30px;
  color: #fff;
  cursor: pointer;
  overflow: hidden;
}

.container-fluid.home-yacht.crew-view .form-control:disabled {
    background-color: #e9ecef !important;
    cursor: not-allowed;
    opacity: 1;
}

.gantt-chart.extended.yacht .right-panel .day-row .facility-day p {
  text-align: center;
  width: 78px;
  padding: 0;
  margin-left: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  position: relative;
  z-index: 5;
  cursor: pointer;
}

.gantt-chart .right-panel .body .user-row .user-day p,
.gantt-chart.extended .right-panel .day-row .facility-day p {
  text-align: center;
  width: 45px;
  padding: 0;
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  position: relative;
  z-index: 5;
  cursor: pointer;
}

.gantt-chart .right-panel .body .user-row .user-day .background,
.gantt-chart .right-panel .day-row .facility-day .background {
  position: absolute;
  width: 9px;
  height: 19px;
  margin: 5px 0px 0px 3px;
  z-index: 4;
}

.gantt-chart.extended .right-panel .body .user-row .user-day .background,
.gantt-chart.extended .right-panel .day-row .facility-day .background {
  position: absolute;
  width: 45px;
  height: 19px;
  margin: 5px 0px 0px 5px;
  z-index: 4;
}

.gantt-chart .left-panel .facility {
    min-height: 30px;
    max-height: 30px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.25);
    cursor: pointer;
}

.gantt-chart .right-panel .body .user-row .user-day.today,
.gantt-chart .right-panel .header .day.today,
.gantt-chart .right-panel .day-header.today {
    color: blue !important;
    font-weight: bold;
}

.gantt-chart .right-panel .day-total.today,
.facility-day.today {
    /*background: rgba(3, 169, 244, 0.22) !important;*/
}

.gantt-chart .right-panel .header .day.active-row,
.gantt-chart .right-panel .day-header.active-row,
.gantt-chart .right-panel .body .user-row .user-day.active-row,
.gantt-chart .left-panel .facility.active-row {
    background: rgba(175, 255, 100, 0.3) !important;
}

.gantt-chart .left-panel .facility.showing-childs-2 {
    min-height: 90px;
    max-height: 90px;
}

.gantt-chart .left-panel .facility.showing-childs-3 {
    min-height: 120px;
    max-height: 120px;
}

.gantt-chart .right-panel .body .user-row {
    max-height: 30px;
    min-height: 30px;
    line-height: 30px;
    width: fit-content;
}

.gantt-chart .right-panel .body .user-row .user-day {
    display: inline-block;
    font-size: 10px;
    text-align: center;
    border: 1px solid rgba(128, 128, 128, 0.25);
    border-top: none;
    border-right: none;
    min-width: 16px;
    max-width: 16px;
    max-height: 30px;
    min-height: 30px;
    line-height: 30px;
    color: #fff;
}

.gantt-chart .right-panel .month-container {
    display: inline-table;
}

.home-yacht.crew-view md-chips-wrap,
.gantt-chart.yacht md-chips-wrap {
    padding-bottom: 0px;
    box-shadow: none;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
}

.home-yacht.crew-view md-chips-wrap md-chip,
.gantt-chart.yacht md-chips-wrap md-chip {
    margin-top: 0px;
    display: inline-block !important;
    float: none !important;
    cursor: pointer !important;
    height: 38px;
    line-height: 14px;
    margin: 0px 12px 0 0;
    border-radius: 12px;
    text-align: center;
}

.delete-chip md-icon,
.delete-chip md-icon svg,
.delete-chip {
    width: 15px !important;
    height: 15px !important;
}

md-edit-dialog>.md-actions {
    margin: 0 10px 0px;
}

md-edit-dialog>.md-actions .md-button {
    line-height: 12px;
    font-size: 12px;
    height: 26px;
    min-height: 26px;
}

md-edit-dialog>.md-content .md-title {
    font-size: 14px;
    margin: 0;
}

md-edit-dialog>.md-content {
    padding: 7px 10px 0;
}

.twelve-months .calendar .month {
    /*width: 98px;*/
    width: 29.21%;
    margin-left: 11px;
    max-width: 100px;
}

.twelve-months .calendar .month .title p {
    font-size: 14px;
    text-align: left;
    font-weight: bold;
}

.twelve-months .calendar .month .weekdays div {
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 9px;
    text-align: center;
    font-weight: 600;
}

.twelve-months .calendar .month .day {
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 9px;
    text-align: center;
}

.one-month-cal .month .title p {
  font-size: 23px;
  text-align: left;
  font-weight: bold;
  max-width: 74%;
}

.one-month-cal .month .title span {
    font-size: 15px;
}

.one-month-cal .month .weekdays div {
  width: 45px;
  height: 25px;
  line-height: 25px;
  font-size: 16px;
  text-align: center;
  font-weight: 600;
}

.one-month-cal .month .day {
  width: 45px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  outline: none;
}

.one-month-cal .month .day.active {
  border: 1px solid;
  line-height: 39px;
  border-radius: 5px;
}

.gantt-chart md-select.md-default-theme:not([disabled]):focus .md-select-value,
.gantt-chart md-select:not([disabled]):focus .md-select-value {
   border-bottom-width: 1px !important;
   border-bottom-color: rgba(128, 128, 128, 0.25);
}

.gantt-chart .right-panel .day-total {
    font-size: 10px;
    text-align: center;
    border: 1px solid rgba(128, 128, 128, 0.25);
    border-top: none;
    border-right: none;
    min-width: 16px;
    max-width: 16px;
    max-height: 20px;
    min-height: 20px;
    line-height: 20px;
    display: inline-block;
    height: 20px;
    /* padding-right: 1px; */
    font-weight: bold;
}

.gantt-chart .right-panel .month-average {
    font-size: 10px;
    text-align: center;
    border: 1px solid rgba(128, 128, 128, 0.25);
    border-top: none;
    border-right: none;
    max-height: 20px;
    min-height: 20px;
    line-height: 20px;
    display: inline-block;
    height: 20px;
    padding-right: 1px;
    font-weight: bold;
    border-left: 2px solid #f6911f;
}

.gantt-chart .right-panel .month-average:first-child
{
  border-left: 1px solid rgba(128, 128, 128, 0.25);
}

.gantt-chart .left-panel .total-title {
    font-size: 10.5px;
    text-align: center;
    border-bottom: 1px solid rgba(128, 128, 128, 0.25);
    max-height: 19px;
    min-height: 19px;
    line-height: 18px;
    height: 19px;
    overflow: hidden;
}

md-radio-button .md-label {
    margin-left: 25px;
    font-size: 12px;
    line-height: 22px;
}

md-radio-button.multiline .md-label {
    line-height: 11px;
}

.low-occupancy {
    background-color: rgba(252, 46, 34, 0.2) !important;
}

.med-occupancy {
    background-color: rgba(252, 46, 34, 0.6) !important;
    color: #fff
}

.high-occupancy {
    background-color: rgba(252, 46, 34, 1) !important;
    color: #fff;
}


.md-tooltip.md-origin-top {
    margin-top: -5px;
}

.md-panel.md-tooltip.md-default-theme, .md-panel.md-tooltip {
    color: #000;
    background-color: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 0, 0, 0.25);
    line-height: 24px;
    font-size: 12px;
    height: auto;
}

.md-tooltip {
    opacity: .99;
    max-width: 95vw;
    white-space: inherit;
    background-color: #f3f2b1 !important;
}

md-radio-button:not([disabled]).md-primary.md-checked .md-off,
md-radio-group:not([disabled]) .md-primary.md-checked .md-off{
    border-color: rgb(14, 131, 195);
}

md-radio-button:not([disabled]).md-primary .md-on,
md-radio-group:not([disabled]) .md-primary .md-on{
    background-color: rgb(14, 131, 195);
}

.text-black {
    color: black !important;
}

md-list-item.md-2-line .md-list-item-text h3, md-list-item.md-2-line>.md-no-style .md-list-item-text h3 {
    font-size: 14px;
    line-height: 18px;
}

md-list-item.md-2-line .md-list-item-text p, md-list-item.md-2-line>.md-no-style .md-list-item-text p {
    font-size: 12px;
    line-height: 18px;
}

md-list-item._md-button-wrap>div.md-button:first-child>.md-button:first-child,
md-list-item._md-button-wrap>div.md-button:first-child,
md-list-item, md-list-item .md-list-item-inner {
    min-height: 45px !important;
    height: 45px !important;
}

md-list.users-list{
    max-height: 115px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

button.shortcut-left {
    padding: 0;
    float: left;
    margin-top: 3px;
    position: relative;
    z-index: 5;
}

.gantt-chart button.shortcut-left img {
    width: 12px;
}

.gantt-chart.extended button.shortcut-left img {
    width: 1.2em;
}

button.shortcut-left span {
    color: black;
    font-size: 10px;
}

/*.modal-body {
    text-align: justify;
}*/

.today-shortcut {
  margin: 0 auto;
display: block;
text-align: center;
font-size: 12px;
line-height: 17px;
}

#twoWeeksNotice md-progress-circular path { stroke: white !important; }

md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
    background-color: rgb(14, 131, 195);
}

.navbar-nav .nav-link {
    color: #000;
}

.fixed-bottom {
    z-index: 59;
}

.btn-outline-dark {
    border-color: #c5c5c5;
}

.section-name {
  line-height: 46px;
  margin-left: 82px;
  margin-bottom: 0;
  font-size: 12px;
  height: 37px;
}

.container.apartment .caleran-container, .container.apartment .caleran-container-mobile {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.caleran-today {
    color: blue !important;
}

.guests-box .md-select-value {
    min-width: auto;
    max-width: 35px !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 6px;
    padding: 0px 3px 0px 5px;
}

.input-group [data-toggle="datetimepicker"]::placeholder{
  text-align: center;
}

.facilities ::placeholder{
  text-align: left;
  font-style: italic;
  color: #c5c5c5;
}

.facilities .input-group [data-toggle="datetimepicker"]::placeholder{
  text-align: left;
  font-style: italic;
}

md-input-container:not(.md-input-focused):not(.md-input-invalid)
md-select.md-default-theme .md-select-value span:first-child:after,
md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select .md-select-value span:first-child:after {
    color: red;
}

.md-tooltip.md-origin-top.comment {
  /* margin-top: 10px; */
  height: auto !important;
    max-width: 200px !important;
    font-size: 13px !important;
    overflow: visible !important;
    white-space: normal !important;
}

.mobile-yacht-options .trip-actions {
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    top: 60px;
    line-height: 30px;
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
}

.mobile-yacht-options .trip-actions md-icon {
    width: 18px;
    height: 18px;
    margin: 0 auto;
}

.mobile-yacht-options .trip-actions md-icon svg {
    width: 18px;
    height: 18px;
    margin: 0 auto;
    margin-top: 5px;
}

/*.md-input-has-value md-select.vip-level-input .md-text::before {
    content: 'VIP: ';
}*/

.caleran-container.caleran-inline .caleran-input  {
    margin: 0px;
    border: none;
    border-radius: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-selected,
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-start,
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end,
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-selected,
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-start,
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end {
    background: #20c997 !important;
    color: white !important;
}

.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-hovered,
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-hovered {
    background: #e2f7f0 !important;
    color: black !important;
}

.border-bottom-guest {
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.opacity05 {
    opacity: 0.5 !important;
}

.opacity07 {
    opacity: 0.7;
}

.yacht .md-select-menu-container.md-active,
.md-select-menu-container.md-active.location-select {
    position: fixed;
}

.profile .md-button.md-default-theme.md-accent:not([disabled]) md-icon,
.profile .md-button.md-accent:not([disabled]) md-icon {
    fill: rgb(255,64,129) !important;
    stroke: rgb(255,64,129) !important;
}

.profile .md-nav-item button.md-unselected {
    background-color: rgba(0, 0, 0, 0.027);
}

.profile .md-nav-item button {
    overflow: visible;
}

.profile ._md-nav-button.md-accent.md-button.md-active {
    background-color: rgba(0, 0, 0, 0.08);
    padding-top: 12px;
    padding-bottom: 10px;

}

.apartment .nav-tabs .nav-link.active,
.apartment .md-button.md-default-theme.md-accent,
.apartment .md-button.md-accent ,
.profile .md-button.md-default-theme.md-accent,
.profile .md-button.md-accent {
    color: rgb(22, 116, 180);
}

.apartment md-nav-bar.md-default-theme md-nav-ink-bar,
.apartment md-nav-bar md-nav-ink-bar,
.profile md-nav-bar.md-default-theme md-nav-ink-bar,
.profile md-nav-bar md-nav-ink-bar {
    color: rgb(22, 116, 180);
    background: rgb(22, 116, 180);
}

.profile nav {
    overflow: visible;
}

.profile .btn.btn-link.delete-nav {
    position: absolute;
    top: -13px;
    right: -6px;
    width: 21px;
}

.md-datepicker-button.md-icon-button.md-button {
    display: none;
}

.md-icon-button+.md-datepicker-input-container {
    margin: 0px;
    border: none;
    width: 100%;
}

.profile ::-webkit-input-placeholder { /* Edge */
  color: #c5c5c5;
  font-style: italic;
}

.profile :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #c5c5c5;
  font-style: italic;
}

.profile ::placeholder {
  color: #c5c5c5;
  font-style: italic;
}

.bar.big-title {
    width: 3.4em !important;
    height: 2.034em !important;
    border-radius: 3px !important;
    line-height: 18px !important;
    font-size: 9px !important;
}


.form-control.datetimepicker-input:focus {
    outline: none !important;
    border: 1px solid #18926e;
    box-shadow: 0 0 5px #18926e;
}

.yacht md-autocomplete {
    min-width: auto;
    height: 30px;
}

.yacht .md-whiteframe-1dp, .md-whiteframe-z1 {
    box-shadow: .0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 1px -1px rgba(0, 0, 0, 0.05);
    height: 30px;
}

.yacht md-autocomplete input:not(.md-input) {
    padding: 0 0px 0px 5px;
    font-size: 13px;
    line-height: 31px;
    height: 31px;
}

.yacht input::placeholder{
    color: gray !important;
    font-style: italic;
}

.yacht md-autocomplete .md-show-clear-button button {
    width: 20px;
    margin: auto 3px;
}

.users-picker-modal .md-datepicker-button.md-icon-button.md-button,
.yacht .md-datepicker-button.md-icon-button.md-button {
    display: none;
}

.yacht .md-datepicker-triangle-button.md-button.md-icon-button {
    height: 35px;
    right: 7px;
}

.yacht .md-datepicker-input-container {
    border: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 1px 0px, rgba(0, 0, 0, 0.05) 0px 2px 1px -1px;
    height: 31px;
    line-height: 31px;
    margin-top: .7em;
    margin-left: 0px;
}

.can-be-moved-here:hover {
    background: rgba(32, 201, 151, 0.5) !important;
}

md-content.yacht tr:nth-child(odd)
{
    background: #f2f2f2;
}

.facilities .range-start,
.yacht .range-start {
    background: rgba(32, 201, 151, 0.4) !important;
    /*background: #e2f7f0 !important;*/
    /*background: #20c997 !important;*/
    color: white !important;
}

.yacht .charter-start {
    background: #6c757d !important;
    border-left: 2px solid black !important;
    /*opacity: 1;*/
}

.yacht .charter {
    background: #6c757d !important;
    /*opacity: 1;*/
}

.yacht .charter-end {
    background: #6c757d !important;
    border-right: 2px solid black !important;
    /*opacity: 1;*/
}

p.banner,
.yacht .charter-end.banner p.non-banner {
    display: none;
}

.yacht .charter-end.banner p.banner {
    display: block;
    height: 352px !important;
    margin-top: -294px !important;
    position: absolute !important;
    line-height: 352px !important;
}

.yacht .between-range {
    background: rgba(32, 201, 151, 0.7) !important;
    color: white !important;
}

.facilities .between-range,
.facility-day.has-unsaved-destination,
.yacht .range-defined,
.facilities .range-defined {
    background: #20c997 !important;
}

.facility-day.has-unsaved-destination p {
    color: #fff !important;
}

.yacht .red-range-defined {
    background: #f03a47 !important;
}

.yacht .red-between-range {
    background: rgba(240, 58, 71, 0.7) !important;
    color: white !important;
}

.active-db-range {
    background: rgba(255, 0, 0, 0.1) !important;
    border: 1px double red;
}

.yacht.gantt-chart.extended .right-panel.day-row .facility-day p {
    line-height: 29px;
}

.crew-view md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default,
.crew-view md-toolbar.md-table-toolbar .md-toolbar-tools,
.yacht md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default,
.yacht md-toolbar.md-table-toolbar .md-toolbar-tools {
    height: 35px;
    min-height: 35px;
    z-index: 1;
}

.crew-view md-toolbar.md-table-toolbar .md-toolbar-tools,
.yacht md-toolbar.md-table-toolbar .md-toolbar-tools {
    height: 35px;
    min-height: 35px;
    background-color: rgba(197, 197, 197, 0.5) !important;
    padding-left: 5px;
    font-size: 15px;
    padding-left: 5px !important;
}

.yacht table.md-table:not(.md-row-select) th.md-column:first-child,
.yacht table.md-table:not(.md-row-select) td.md-cell:first-child {
    max-width: 250px;
    display: table-cell;
}

.yacht.gantt-chart .spacer {
    height: 41px;
}

.facility-day.huge-border-top,
.facility.huge-border-top,
.yacht.gantt-chart .right-panel .day-row .facility-day.huge-border-top {
    border-top: solid 3px gray !important;
    max-height: 31px !important;
    min-height: 31px !important;
}

.facility-day.huge-border-bottom,
.facility.huge-border-bottom,
.yacht.gantt-chart .right-panel .day-row .facility-day.huge-border-bottom {
    border-bottom: solid 3px gray !important;
    max-height: 31px;
    min-height: 31px;
}

.facility.huge-border {
    border: solid 3px gray !important;
    max-height: 31px !important;
    min-height: 31px !important;
    border-right: none !important;
    border-left: none !important;
}

.facility.huge-border p {
    line-height: 24px !important;
}

.gantt-chart.extended .right-panel .day-header.same-as-from,
.my-home.gantt-chart .right-panel .day-row .facility-day.same-as-from,
.yacht.gantt-chart .right-panel .day-row .facility-day.same-as-from {
    border-left: 3px solid #20c997 !important;
}

.facility-day.red-border {
    border: 2px #7d1119 !important;
}

.facility-day.green-border {
    border: 2px #0e8662 !important;
}

.facility-day.double {
    border-style: double !important;
}

.facility-day.dashed {
    border-style: dashed !important;
}

.yacht.gantt-chart .right-panel .day-row .facility-day.from-on-movement {
    border-right: none !important;
}

.yacht.gantt-chart .right-panel .day-row .facility-day.on-movement {
    border-left: none !important;
    border-right: none !important;
}

.yacht.gantt-chart .right-panel .day-row .facility-day.to-on-movement {
    border-left: none !important;
}

.yacht.gantt-chart .right-panel .day-row .facility-day.red-border p,
.yacht.gantt-chart .right-panel .day-row .facility-day.green-border p {
    line-height: 27px;
}

.yacht md-toolbar.md-table-toolbar.alternate {
  color: #1e88e5;
  background-color: #e3f2fd;
}

.yacht md-toolbar.md-table-toolbar.alternate .md-toolbar-tools {
  font-size: 16px;
}

.crew-view md-table-container,
.yacht md-table-container {
  max-height: 300px;
}

.yacht table.clone thead tr:last-child th {
  border-bottom: 1px rgba(0, 0, 0, 0.12) solid;
}

.yacht table.clone + md-table-container table tbody tr:first-child td {
  border-top: none;
}

.comment-cell {
    min-width: 170px !important;
    width: 170px !important;
    max-width: 170px !important;
    word-wrap: break-word;
}

.yacht .actions-cell {
    min-width: 78px !important;
    max-width: 78px !important;
    overflow: hidden;
}
.yacht .md-row.active-range {
    background: rgba(32, 201, 151, 0.1) !important;
    border: 1px double rgb(32, 201, 151);
}
.yacht .md-row.new-range {
    background: rgba(32, 201, 151, 0.4) !important;
    border: 1px double rgb(32, 201, 151);
}

.form-check-input::before {
    background-color: #20c997 !important;
}

.trip-selector md-select-value {
    border: none !important;
    font-size: 13px;
    text-align: right;
}

.trip-selector md-select-value span{
    padding-right: 10px;
}

.huge-border-top p {
    line-height: 27px !important;
}

.users-picker-modal {
    background-color: #fff !important;
    /*max-height: 85vh;*/
}

.users-picker-modal md-list.users-list {
        height: 50vh;
    overflow-y: auto;
    max-height: 50vh;
}

#manageDayActivitiesModal .form-control:disabled, .form-control[readonly] {
    background-color: #fff !important;
}

 #stopOverToDate:disabled,
 #charterToDate:disabled {
    background-color: #e9ecef !important;
}

.custom-checkbox.users-list.green .custom-control-input:checked~.custom-control-label::before,
.md-dialog-content .custom-checkbox .custom-control-input:checked~.custom-control-label::before,
md-checkbox.md-default-theme.md-checked .md-icon,
md-checkbox.md-checked .md-icon {
    background-color: #20c997 !important;
        border-color: transparent;
}

/*.custom-control.users-list {
    line-height: 33px;
}
*/
.custom-control.users-list label {
    line-height: 24px;
}

.custom-checkbox.users-list .custom-control-label::after,
.custom-checkbox.users-list .custom-control-label::before,
.custom-checkbox.users-list .custom-control-input:checked~.custom-control-label::after,
.custom-checkbox.users-list .custom-control-input:checked~.custom-control-label::before {
    width: 1.2rem;
    height: 1.2rem;
}

.users-picker-modal .md-toolbar-tools {
    background-color: #fff;
    color: #000;
    border-bottom: 1px solid rgba(128, 128, 128, 0.3);
}

.custom-control-label::before {
    border: 2px solid rgba(0,0,0,0.54);
    background-color: transparent;
}

.chips-container::-webkit-scrollbar {
    display: none;
}

.users-picker-modal md-chip md-icon {
    min-height: 14px;
     min-width: 14px;
        height: 14px;
         width: 14px;
}

.users-picker-modal .md-chips md-chip {
    max-width: 36%;
}

.users-picker-modal md-checkbox.md-align-top-left>div.md-container {
    top: 18px;
}

.users-picker-modal .meal-title,
.users-picker-modal md-checkbox .md-label {
    line-height: 38px;
}

.users-picker-modal .md-whiteframe-z1,
.users-picker-modal md-autocomplete input:not(.md-input) {
    height: 35px;
    padding-right: 0;
    padding-left: 3px;
}

.users-picker-modal md-autocomplete {
    min-width: unset;
}

.users-picker-modal ::placeholder {
    color: #c5c5c5;
    font-style: italic;
    font-size: 12px;
}

.md-autocomplete-suggestions li {
    font-size: 13px;
    line-height: 35px;
    height: 35px;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    z-index: 1000000;
}

.md-button.md-raised.md-info,
.md-button.md-raised.md-info:hover {
    color: #fff !important;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.md-button.md-raised.md-danger,
.md-button.md-raised.md-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.yacht table.md-table td.md-cell {
    height: 45px;
    max-height: 45px;
    overflow-y: hidden;
}
.names-container{
    /*height: 45px;*/
    max-height: 45px;
    overflow-y: scroll;
}

.names-container::-webkit-scrollbar {
    display: none;
}

.yacht .md-icon-button.collapse-bt {
    width: 20px;
    height: 20px;
}

.md-icon-button.collapse-bt md-icon,
.md-icon-button.collapse-bt md-icon svg {
   fill: #000;
   width: 20px;
   height: 20px;
}

.yacht-section-container {
  -webkit-transition: all linear 0.3s;
  transition: all 0.3s linear;
  height: auto;
  overflow: hidden;
}

.yacht-section-container.ng-hide {
    height: 0.0em;
}

.yacht-accomodation-container {
  -webkit-transition: all linear 0.3s;
  transition: all 0.3s linear;
  height: 410px;
  overflow: hidden;
}

.yacht-accomodation-container.ng-hide {
    height: 0.0em;
}

 md-chips md-chip.active {
    background: #1c86c2;
    color: #fff;
 }

.yacht-guest-list-container {
  -webkit-transition: all linear 0.3s;
  transition: all 0.3s linear;
  height: auto;
  overflow: hidden;
}

.yacht-guest-list-container.ng-hide {
    height: 0.0em;
}
.yacht-lunch-container {
  -webkit-transition: all linear 0.3s;
  transition: all 0.3s linear;
  height: auto;
  overflow: hidden;
}

.yacht-lunch-container.ng-hide {
    height: 0.0em;
}

.yacht .chips-container {
    max-height: inherit;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.profile .md-icon-button.collapse-bt {
    width: 20px;
    height: 20px;
    margin-top: 4px;
}

.profile .md-icon-button.collapse-bt md-icon,
.profile .md-icon-button.collapse-bt md-icon svg {
   fill: #000;
   width: 20px;
   height: 20px;
}

.profile .md-subheader-content .custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.profile .md-subheader-content .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  top: 0;
}

.profile .md-subheader-content .custom-checkbox .custom-control-input:checked~.custom-control-label.restriction::before {
  background-color: #da7822 !important;
  border-color: transparent;
}

.profile .md-subheader-content .custom-checkbox .custom-control-input:checked~.custom-control-label.allergy::before {
  background-color: #fc2e22 !important;
  border-color: transparent;
}

table.md-table td.md-cell.date-row {
  min-width: 139px;
  max-width: 139px;
  width: 139px;
}

table.md-table td.md-cell.md-placeholder {
  font-style: italic;
}

.size-guide table {
  width: 100%;
}

#sizeGuide td {
  border: 1px solid #c5c5c5;
  text-align: center;
}

#sizeGuide th {
  border: 1px solid #c5c5c5;
  background: #000;
  color: #fff;
  text-align: center;
}

.users-picker-modal .md-datepicker-input-container {
  border: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 1px 0px, rgba(0, 0, 0, 0.05) 0px 2px 1px -1px;
  height: 30px;
  line-height: 30px;
  margin-left: 0px;
  width: 100%;
  padding-left: 5px;
}

.users-picker-modal .md-datepicker-triangle-button.md-button.md-icon-button {
  height: 36px;
  width: 30px;
  margin-right: 1em;
}

.md-datepicker-calendar-pane.md-pane-open {
  z-index: 100000;
}

.yacht-options {
    display: contents;
}

.mobile-yacht-options {
    display: block;
}

.mobile-yacht-options .dropdown-menu {
    text-align: right;
    min-width: 6rem;
}

.trip-selector {
    max-width: 145px;
}

.contextMenuMobile.display-none {
    display: none !important;
}

tr.past {
    opacity: 0.3;
}

.btn.disabled {
    background: transparent;
    color: darkgray;
    border: 1px solid darkgray;
}

.user-list md-table-container {
    max-height: 69vh;
}

.crew-view-activities-container {
  -webkit-transition: all linear 0.3s;
  transition: all 0.3s linear;
  height: auto;
  overflow: hidden;
}

.crew-view-activities-container.ng-hide {
    height: 0.0em;
}

.crew-view md-autocomplete {
    padding-top: 2px;
    height: 33.5px;
}

.crew-view md-autocomplete md-autocomplete-wrap {
    box-shadow: none;
}

.crew-view md-autocomplete md-autocomplete-wrap input {
    padding: 0;
    height: auto;
    line-height: 28px;
}

.facility-day.has-port-destination {
    background-color: #d7d709 !important;
    color: black !important;
}

.facility-day.has-destination {
    background-color: #589cc2 !important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    border: none;
}

.list-group-flush:last-child .list-group-item:first-child,
.list-group-flush:last-child .list-group-item:last-child {
    background: transparent;
}

.md-virtual-repeat-container.occupancy-chart.yacht {
    position: unset;
    height: 360px;
}


.md-virtual-repeat-container.occupancy-chart.facilities {
    position: unset;
    height: auto;
}

.md-virtual-repeat-container .md-virtual-repeat-scroller {
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    /*height: 360px;*/
}

/*.bootstrap-datetimepicker-widget .picker-switch {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 24px;
}*/

.list-group-item {
  background-color: transparent !important;
}

.btn-link {
  cursor: pointer !important;
}

.md-cell.btn-link {
    color: #007bff !important;
}

.btn-outline-info.disabled:hover md-icon,
.btn-outline-info.disabled md-icon {
    fill: darkgray;
}
.btn-outline-dark:hover md-icon,
.btn-outline-info:hover md-icon {
    fill: #fff;
}

.btn-outline-info md-icon {
    fill: #17a2b8;
}

.btn-outline-dark md-icon {
    fill: #343a40;
}

.btn-outline-danger md-icon {
    fill: #dc3545;
}

.btn-outline-danger:hover md-icon {
    fill: #fff;
}

stepover-data span {
  display: block;
  line-height: 11px;
  /* float: left; */
  text-align: center;
  /* color: #000; */
  max-width: 71px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.facility-day.huge-border-bottom.stepover-cell,
.yacht.gantt-chart .right-panel .day-row .facility-day.huge-border-bottom.stepover-cell {
  max-height: 52px !important;
  min-height: 52px !important;
  display: table;
  padding: 2px 5px;
  /*cursor: unset !important;*/
}

.gantt-chart .left-panel .facility.stepover-title {
  min-height: 82px !important;
  max-height: 82px !important;
}

.gantt-chart .left-panel .facility.stepover-title p {
    overflow: visible;
    line-height: 82px !important;
    min-height: 76px;
    max-height: 76px;
}

.ellipsis-text {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}

.border-none {
    border: none !important;
    padding: 3px 5px !important;
}

.facilities md-checkbox .md-label {
    min-width: 76px;
}

.book-banner.from_30.db-range-defined {
    max-height: 12.5px;
    min-height: 12.5px;
    position: absolute;
    width: 81px;
    margin-top: 12.5px;
    float: left;
}

.book-banner.db-between-range {
    width: 81px;
    height: 25px;
}

.book-banner.to_45.db-range-defined {
    max-height: 16.7px;
    min-height: 16.7px;
    line-height: 16.7px;
}

.facilities .checkboxes-header md-checkbox .md-label {
    display: none;
}

.facilities md-icon {
    height: 20px;
    width: 20px;
    min-height: 20px;
    min-width: 20px;
}

.gantt-chart .right-panel .facility-row .facility-day p {
    text-align: center;
    width: 78px;
    padding: 0;
    margin-left: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    z-index: 5;
    cursor: pointer;
    white-space: pre-wrap;
    line-height: 13px;
    display: table-cell;
    vertical-align: middle;
}

.gantt-chart.facilities.extended.hourly .right-panel .day-total,
.gantt-chart.facilities.extended.hourly .right-panel .body .day-row .facility-day,
.gantt-chart.facilities.extended.hourly .right-panel .day-row .facility-day,
.gantt-chart.facilities.extended.hourly .right-panel .body .user-row .user-day,
.gantt-chart.facilities.extended.hourly .right-panel .header .day,
.gantt-chart.facilities.extended.hourly .right-panel .facility-header {
  min-width: 82px;
  max-width: 82px;
}

.gantt-chart.facilities.extended.hourly .right-panel .facility-header {
    display: inline-block;
    padding-top: 3px;
    font-size: 12px;
    text-align: center;
    border: 1px solid rgba(128, 128, 128, 0.25);
    border-right: none;
    background-color: rgba(242, 242, 242, 0.5);
}

.gantt-chart .left-panel .all-day-title {
    font-size: 10.5px;
    text-align: center;
    border-bottom: 1px solid rgba(128, 128, 128, 0.25);
    max-height: 25px;
    min-height: 25px;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
}
.gantt-chart .right-panel .facility-row .facility-day {
  font-size: 10px;
  text-align: center;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-top: none;
  border-right: none;
  min-width: 82px;
  max-width: 82px;
  max-height: 25px;
  min-height: 25px;
  line-height: 25px;
  color: #fff;
  cursor: pointer;
}

.gantt-chart.hourly .right-panel .facility-row .facility-day {
    min-width: 100%;
}

.book-square {
    width: 8px;
    height: 8px;
    background: #20c997;
    margin: 3px 0px 0px 3px;
    float: left;
}

.book-square.all-day {
    width: 55px;
    margin: 0;
    height: 30px;
}

.small-time-select {
    width: auto;
    padding: 0;
    display: inline-block;
    height: 24px !important;
}

.small-timepicker {
    width: 64px;
    padding: 0;
    display: inline-block;
    height: 24px !important;
}

.small-datetimepicker {
    padding: 0px 0px 0px 5px;
    display: inline-block;
    height: 27px !important;
}

.fixed_header{
    /*width: 100%;*/
    table-layout: fixed;
    border-collapse: collapse;
}

.fixed_header tbody{
    display:block;
    /*width: 100%;*/
    /*overflow-x: auto;*/
    max-height: 200px;
}

.fixed_header thead tr {
    display: block;
}

.fixed_header thead {
    background: rgb(253, 227, 198);
    color: rgba(0,0,0,0.87);
}

.fixed_header th {
    background: rgb(253, 227, 198);
}

.fixed_header th:nth-child(1),
.fixed_header td:nth-child(1) {
    padding: 5px;
    text-align: center;
    min-width: 5em;
}

.fixed_header th:nth-child(2),
.fixed_header td:nth-child(2) {
    padding: 5px;
    text-align: left;
    min-width: 10em;
}

.fixed_header th:nth-child(3),
.fixed_header td:nth-child(3) {
    padding: 5px;
    text-align: left;
    min-width: 6em;
}

.fixed_header th:nth-child(4),
.fixed_header td:nth-child(4) {
    padding: 5px;
    text-align: left;
    min-width: 12em;
}

body.modal-open {
    overflow: visible;
}

.book-slot.highlighted-range.double,
.occupancy-chart.facilities .facility-day.from.to.db-range-defined.highlighted-range.double {
    border: 2px double #7d1119 !important;
}

.occupancy-chart.facilities .facility-day.to.db-between-range.highlighted-range.double {
    border-bottom: 2px double #7d1119 !important;
}

.facilities .facility-day.db-between-range.highlighted-range {
    border: 2px double #631800 !important;
}

.facilities .facility-day.between-range.highlighted-range {
    border: 2px double #0e8662 !important;
}

.facilities .facility-day.from.range-defined.highlighted-range,
.facilities .facility-day.to.range-defined.highlighted-range {
    border: 2px #0e8662;
}

.facilities .facility-day.to.db-between-range.highlighted-range.double,
.facilities .facility-day.YT.highlighted-range.double,
.facilities .facility-day.from.db-range-defined.highlighted-range,
.facilities .facility-day.to.db-range-defined.highlighted-range {
    border: 2px #000;
    /*border: 2px #7d1119;*/
}

.facilities .facility-day.highlighted-range,
.facilities .facility-day.on-movement {
    line-height: 24px !important;
}

.facilities .facility-day.between-range.highlighted-range,
.facilities .facility-day.from.range-defined.highlighted-range,
.facilities .facility-day.db-between-range.highlighted-range,
.facilities .facility-day.from.db-range-defined.highlighted-range,
.facilities .facility-day.db-between-range.on-movement,
.facilities .facility-day.between-range.on-movement,
.facilities .facility-day.from.on-movement {
    border-bottom: none !important;
}

.facilities .facility-day.to.db-between-range.highlighted-range.double,
.facilities .facility-day.between-range.highlighted-range,
.facilities .facility-day.to.range-defined.highlighted-range,
.facilities .facility-day.db-between-range.highlighted-range,
.facilities .facility-day.to.db-range-defined.highlighted-range,
.facilities .facility-day.db-between-range.on-movement,
.facilities .facility-day.between-range.on-movement,
.facilities .facility-day.to.on-movement {
    border-top: none !important;
}

.facilities .facility-day.YT.highlighted-range.double.middle,
.facilities .facility-day.YT.highlighted-range.double.from {
    border-right: none !important;
}

.facilities .facility-day.YT.highlighted-range.double.middle,
.facilities .facility-day.YT.highlighted-range.double.to {
    border-left: none !important;
}

.facilities .facility-day.YT.highlighted-range.double.to.from {
    border-left: 2px double #7d1119 !important;
    border-right: 2px double #7d1119 !important;
}

.facility-row.highlighted .facility-header,
/*.facility-row.highlighted .facility-day,*/
.facility-header.highlighted,
.facility.highlighted,
.facility-day.highlighted-day,
.highlighted-day {
    background: rgba(32, 201, 151, 0.2) !important;
}
.facility-row.highlighted .facility-day{
   /* border-left: 2px solid  rgba(0, 128, 0, 0.5) !important;
    border-right: 2px solid  rgba(0, 128, 0, 0.5) !important;*/
}

.gantt-chart .right-panel .day-row .facility-day.new-month.highlighted-cell,
.highlighted-cell {
    border: 2px solid green !important;
}

.not-possible,
.facility-day.not-possible {
    background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 11px, rgb(143, 143, 143) 13px, rgb(143, 143, 143) 13px) !important;
    /*background: repeating-linear-gradient(-45deg, rgb(255, 255, 255), rgb(255, 255, 255) 3px, rgb(143, 143, 143) 3px, rgb(143, 143, 143) 4px) !important;*/
}

.outside-working-hours {
    background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 11px, rgba(252, 46, 34, 0.6) 13px, rgba(252, 46, 34, 0.6) 13px) !important;
}

.box.not-possible {
    background: repeating-linear-gradient(-45deg, rgb(255, 255, 255), rgb(255, 255, 255) 3px, rgb(143, 143, 143) 3px, rgb(143, 143, 143) 4px) !important;
}

.PR .db-range-defined,
.PR .book-square.db,
.PR .db-between-range,
.custom-checkbox.PR md-checkbox.md-checked .md-icon {
    background: #f03a47;
}

.YT .db-range-defined,
.YT .book-square.db,
.YT .db-between-range,
.custom-checkbox.YT md-checkbox.md-checked .md-icon {
    background: #f03a47;
}

.ER .db-range-defined,
.ER .book-square.db,
.ER .db-between-range,
.custom-checkbox.ER md-checkbox.md-checked .md-icon {
    background: #f03a47;
}

.GM .db-range-defined,
.GM .book-square.db,
.GM .db-between-range,
.custom-checkbox.GM md-checkbox.md-checked .md-icon {
    background: #f03a47;
}

.CM .book-square.db,
.CM .db-range-defined,
.CM .db-between-range,
.custom-checkbox.CM md-checkbox.md-checked .md-icon {
    background: #f03a47;
}

.TC .db-range-defined,
.TC .book-square.db,
.TC .db-between-range,
.custom-checkbox.TC md-checkbox.md-checked .md-icon {
    background: #f03a47;
}

.SP .book-square.db,
.SP .db-range-defined,
.SP .db-between-range,
.custom-checkbox.SP md-checkbox.md-checked .md-icon {
    background: #f03a47;
}

.SD .book-square.db,
.SD .db-range-defined,
.SD .db-between-range,
.custom-checkbox.SD md-checkbox.md-checked .md-icon {
    background: #f03a47;
}

.JS .book-square.db,
.JS .db-range-defined,
.JS .db-between-range,
.custom-checkbox.JS md-checkbox.md-checked .md-icon {
    background: #f03a47;
}

.KY .book-square.db,
.KY .db-range-defined,
.KY .db-between-range,
.custom-checkbox.KY md-checkbox.md-checked .md-icon {
    background: #f03a47;
}

.PB .book-square.db,
.PB .db-range-defined,
.PB .db-between-range,
.custom-checkbox.PB md-checkbox.md-checked .md-icon {
    background: #f03a47;
}

.EB .book-square.db,
.EB .db-range-defined,
.EB .db-between-range,
.custom-checkbox.EB md-checkbox.md-checked .md-icon {
    background: #f03a47;
}

.EF .book-square.db,
.EF .db-range-defined,
.EF .db-between-range,
.custom-checkbox.EF md-checkbox.md-checked .md-icon {
    background: #f03a47;
}

.FB .book-square.db,
.FB .db-range-defined,
.FB .db-between-range,
.custom-checkbox.FB md-checkbox.md-checked .md-icon {
    background: #f03a47;
}

.BT .book-square.db,
.BT .db-range-defined,
.BT .db-between-range,
.custom-checkbox.BT md-checkbox.md-checked .md-icon {
    background: #f03a47;
}

.CR .book-square.db,
.CR .db-range-defined,
.CR .db-between-range,
.custom-checkbox.CR md-checkbox.md-checked .md-icon {
    background: #f03a47;
}

.TP .book-square.db,
.TP .db-range-defined,
.TP .db-between-range,
.custom-checkbox.TP md-checkbox.md-checked .md-icon {
    background: #f03a47;
}

.book-square.ng-scope.db.own {
    background: #039be5;
}

.book-square.ng-scope.db.is-request {
    background: rgb(255, 152, 0);
}

.info-icon {
    float: right;
    position: absolute;
    right: 3em;
    padding-top: 4px;
    z-index: 60;
    top: 5px;
}

.md-dialog-content h2 {
    font-weight: bold !important;
}
tr.is-host {
    background-color: #e8f4ff !important;
}

.facility-day.highlighted-cell p {
    line-height: 26px;
}

.facility p.text-right.EB,
.facility p.text-right.ER,
.facility p.text-right.GM,
.facility p.text-right.TC,
.facility p.text-right.SP,
.facility p.text-right.PR,
.facility p.text-right.JS,
.facility p.text-right.BT,
.facility p.text-right.KY,
.facility p.text-right.EF,
.facility p.text-right.PB,
.facility p.text-right.SD,
.facility p.text-right.CM {
    text-decoration: underline;
    /*color: #007bff;*/
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container.mobile {
    position: inherit;
    width: 14em !important;
}

#bookYachtModal .datepicker-days .picker-switch,
#bookYachtModal .datepicker-days .prev {
    border: none;
}

#bookYachtModal .datepicker-days .next {
    position: absolute;
    right: 4px;
    border: none;
    height: 26px;
}

#bookYachtModal .fa-clock-o:before {
    content: "Edit Time";
}

#bookFacilityModal md-table-container {
    max-height: 150px;
}

#bookFacilityModal .actions-cell {
    min-width: 35px !important;
    max-width: 35px !important;
    overflow: hidden;
}

.table-responsive .actions-cell {
    min-width: 48px !important;
    max-width: 48px !important;
    overflow: hidden;
}

.gantt-chart.facilities .facility-row .facility-day {
    max-height: 48px;
    min-height: 48px;
    /*line-height: 48px !important;*/
    height: 48px;
    display: table;
}

.gantt-chart.facilities .time,
.gantt-chart.facilities .left-panel .all-day-title {
    max-height: 48px;
    min-height: 48px;
    overflow: visible;
}

.gantt-chart.facilities .left-panel .all-day-title p {
    max-height: 55px;
    min-height: 51px;
    line-height: 0px;
    background-color: #fff;
    padding-right: 6px;
    overflow: visible;
}

.gantt-chart.facilities .time {
    background: #fff !important;
}

.gantt-chart.facilities .time p {
    max-height: 55px;
    min-height: 55px;
    line-height: 0px;
    background-color: #fff;
    padding-right: 6px;
    overflow: visible;
}

.gantt-chart.facilities.vehicles .left-panel {
    width: 150px !important;
}

.gantt-chart.facilities.water .left-panel {
    width: 116px !important;
}

.vehicle-color {
    width: 10px;
    height: 10px;

    border-radius: 9px;
    float: left;
    margin: 10px 0px 0px 7px;
}

.vehicle-color.Black {
    background-color: #000;
}

.vehicle-color.Gray {
    background-color: gray;
}

.vehicle-color.Charcoal {
    background-color: #36454f ;
}

.vehicle-color.Silver {
    background-color: silver ;
}

.vehicle-color.Gold {
    background-color: gold ;
}

.fixed-date {
    height: auto;
    overflow: hidden;
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 0;
    /*background-color: rgba(197, 197, 197, 0.5) !important;*/
    z-index: 13;
}

.fixed-header {
    /*height: auto;*/
    height: 41px;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 35px;
    background-color: #fff;
    z-index: 13;
    margin-left: 76px;
    -webkit-overflow-scrolling: touch;
}

.fixed-header .facility-header {
    display: inline-block;
    padding-top: 3px;
    font-size: 12px;
    text-align: center;
    border: 1px solid rgba(128, 128, 128, 0.25);
    border-right: none;
    background-color: rgba(242, 242, 242, 0.5);
    min-width: 82px;
    height: 41px;
    line-height: 35px;
    /*max-width: 82px;*/
}

.bookings-container {
    position: absolute;
    z-index: 11;
}

.bookings-container .book-slot {
    text-align: center;
    width: 81px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    position: absolute;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    padding-top: 4px;
    z-index: 10;
    line-height: 13px;
    white-space: normal;
}

.facilities-form-label-multiline {
    line-height: 34px;
}

.list-group-item:first-child {
    border-top: none;
}

.md-subheader.small .md-subheader-inner {
    padding: 5px;
}

.md-subheader.small, .md-subheader {
    color: rgba(0,0,0,0.84);
    background-color: rgb(236, 234, 234);
}

.booking-guest-list md-table-container .md-table.ng-isolate-scope {
    margin-top: -30px !important;
}

.modal-dialog .modal-header {
    padding: 10px;
}

.modal-dialog .modal-header .modal-title {
    line-height: 18px;
}

.booking-guest-list table.md-table tbody.md-body>tr.md-row,
.booking-guest-list table.md-table tfoot.md-foot>tr.md-row,
.booking-guest-list table.md-table td.md-cell {
    height: 36px;
}

.relatives-border-bottom {
    border-bottom: 1px solid rgba(0,0,0,.18);
}

.modal.terms .modal-body {
    padding-top: 20px;
    padding-bottom: 4px;
    height: 86vh;
    overflow-y: scroll;
}

td.multiline-row {
    line-height: 12px;
}

.facility-header.highlighted,
.facility-row.highlighted {
    border-left: 1px solid green;
    border-right: 1px solid green;
}

.fixed-header .facility-header {
    min-width: 80px;
    max-width: 80px;
    overflow-x: hidden;
}

.gantt-chart.hourly .right-panel .facility-row {
  display: inline-block;
  width: 7.79vw;
  min-width: 80px;
}

.fa.fa-question-circle {
    color: gray;
}

.md-tooltip {
    line-height: 16px !important;
    padding: 6px;
}

.custom-file.small {
    width: 49.5px;
    overflow: hidden;
    display: -webkit-inline-box;
    color: transparent;
    height: 24px;
}

.custom-file.small .custom-file-input {
    height: 24px;
}

.custom-file.small .custom-file-label::after {
    line-height: 12px;
    padding: 5px 5px;
    height: 22px;
}

.small-rounded-button:focus,
.small-rounded-button:hover,
.small-rounded-button {
    padding: 0px 4px;
    height: 21px;
    font-size: 12px;
    border-radius: 10px;
    width: 21px;
    background: transparent;
    color: #6c757d;
}

#recurrenceDatePicker .bootstrap-datetimepicker-widget.dropdown-menu.bottom {
    top: 30.5px !important;
}

#recurrenceDatePicker .bootstrap-datetimepicker-widget.bottom .fa.fa-clock-o {
    display: none !important;
}

.header-gray {
    background-color: #e2e2e2 !important;
}

.nav-item.active {
    border-bottom: 2px solid #2e75b5 !important;
}

.nav-item.active a {
    color: #2e75b5 !important;
}

.logged-user {
    text-decoration: underline;
}

.logged-user.active {
    color: #2e75b5 !important;
}

.recurrenceOptions {
  margin-left: 1.5em;
}

.recurrenceOptions .btn.small-rounded-button.active {
  background-color: #20c997;
  border-color: #20c997;
}

#recurrentBookingModal .custom-control-input:checked~.custom-control-label::before {
  border-color: #20c997;
  background-color: #20c997;
}

/* .custom-control-label:before{
  background-color:red !important;
} */

.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
  background-color: #20c997 !important;
}

input[type=checkbox]:before {
  background-color: #20c997 !important;
}

#bookFacilityModal ul {
    list-style: none;
}

#bookFacilityModal ul li.recurrence::before {
  content: "\2022";
  color: red;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.tooltipCustom span.tooltipCustomContent{
    display: none;
}

.tooltipCustom:hover {
    cursor:pointer;
}

.tooltipCustom:hover span.tooltipCustomContent {

    display: block;
    font-weight: normal;
    border-radius: 4px;
    float: right;
    overflow: visible;
    text-align: left;
    padding: 5px;
    white-space: pre-wrap;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.25);
    line-height: 14px;
    font-size: 12px;
    height: fit-content;
    background-color: #f3f2b1 !important;
}

.blocked-ranges.not-possible {
    position: absolute !important;
}

/*#bookFacilityModal .nav.nav-pills {
    border-bottom: 2px solid #2e75b5;
}
*/
#bookFacilityModal .nav-pills .nav-link.active,
#bookFacilityModal .nav-pills .show>.nav-link {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.event {
    background: #9C27B0;
}

.allocate-event md-icon {
    fill: #9C27B0 !important;
}

.allocate-event .md-icon-button {
    border-right: 1px solid #9C27B0 !important;
}

/*.allocate-event p {
    color: #9C27B0 !important;
}*/

.nash-manual.alert-info {
    color: #fff;
    background-color: #1c86c2;
    border-color: #007bc1;
}

.nash-manual.alert-info .alert-link {
    color: #fff;
    text-decoration: underline;
}

.gantt-chart.facilities.extended.hourly h4 {
    line-height: 13px;
    padding-top: 5px;
    font-size: 1rem;
}

.admin-form .card {
    background: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}

.admin-form .section-name {
    display: none;
}

.admin-form .btn.btn-link
{
    font-size: 1.25rem;
    padding: 0;
    color: black;
}

.admin-form .input-group-text
{
    min-width: 7em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.admin-form .custom-control {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}

.admin-form .restrictions-container .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #da7822 !important;
    border-color: transparent;
}

.admin-form .restrictions-container .custom-checkbox .custom-control-input:checked~.custom-control-label {
    color: #da7822;
}

.admin-form .restrictions-container .custom-checkbox .custom-control-input:checked~.custom-control-label.allergy::before {
    background-color: #fc2e22 !important;
    border-color: transparent;
}

.admin-form .restrictions-container .custom-checkbox .custom-control-input:checked~.custom-control-label.allergy {
    color: #fc2e22;
}

.admin-form ins.restriction {
    color: #da7822;
}

.admin-form ins.allergy {
    color: #fc2e22;
}

.admin-form ins {
    text-decoration: none;
}

md-dialog[aria-label="coronavirusMsg"] {
    width: 614px;
}
.nash-con-sign {
    padding-top: 12px;
}

.md-subheader.section-title .md-subheader-inner {
    font-weight: bold;

}

.md-subheader.text .md-subheader-inner {
    font-size: 12px;
    padding-top: 0;
}

.disabled-label {
    color: #6c757d;
}

#monthlyViewContainer {
    margin-bottom: 8em;
}

p.multiline {
    line-height: 9px;
    text-align: left;
    font-size: 10px;
}

.facility-day.highlighted-day.has-deleted-booking,
.has-deleted-booking {
    background-image: url(../images/patterns/white-dot-on-red.jpg) !important;
    background-size: 4px !important;
    color: #fff;
}

.private-event {
    background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 11px, rgba(156, 39, 176, 0.6) 13px, rgba(156, 39, 176, 0.6) 13px) !important;
}

.private-event p,
.private-event infobox {
    display: none;
}

.apartment .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled {
    font-weight: bold !important;
}

.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled,
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled {
    opacity: 0.7;
}

.facilitiesV2 .left-panel .facility {
    min-height: 80px;
    max-height: 80px;
}

.facilitiesV2 .book-slot,
.facilitiesV2 .right-panel .day-row .facility-day {
    max-height: 80px;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    /* now centers things in X,Y axis */
    align-items: center;
    justify-content: center;
    /*line-height: 76px;*/
}

.facilitiesV2 .book-slot p {
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    z-index: 5;
    cursor: pointer;
    width: auto;
    white-space: pre-wrap;
    max-height: 65px;
    max-width: 100%;
}

.facilitiesV2 .left-panel .facility p {
    max-height: 80px;
    min-height: 80px;
    line-height: 82px;
}

.facilitiesV2 .highlighted-book {
    border: 2px solid darkblue;
    /*line-height: 72px;*/
}

.facilitiesV2 .moving-book {
    border: 2px dashed darkblue;
    /*line-height: 72px;*/
}

.prohibited-cursor,
.facilitiesV2 .prohibited-cursor {
    cursor: not-allowed !important;
}

.facilitiesV2 .table.centered-td td {
    cursor: pointer;
}

.facilitiesV2 .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-scroller {
    max-height: 138px;
}

.one-line-guest {
    line-height: 32px;
}

.tooltipCustomMiniMe span.tooltipCustomContent {
    display: none;
    visibility: hidden;
}

.tooltipCustomMiniMe:hover {
    cursor:pointer;
}

.tooltipCustomMiniMe:hover span.tooltipCustomContent {
    display: block;
    font-weight: normal;
    border-radius: 4px;
    float: right;
    overflow: visible;
    text-align: left;
    padding: 5px;
    white-space: pre-wrap;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.25);
    line-height: 14px;
    font-size: 12px;
    height: fit-content;
    background-color: #f3f2b1 !important;
    position: absolute;
    z-index: 10000;
    visibility: hidden;
}

.facilitiesV2.gantt-chart.extended .right-panel .day-total,
.facilitiesV2.gantt-chart.extended .right-panel .body .day-row .facility-day,
.facilitiesV2.gantt-chart.extended .right-panel .day-row .facility-day,
.facilitiesV2.gantt-chart.extended .right-panel .body .user-row .user-day,
.facilitiesV2.gantt-chart.extended .right-panel .header .day,
.facilitiesV2.gantt-chart.extended .right-panel .day-header {
  min-width: 82px;
  max-width: 82px;
}

.facilitiesV2 .twelve-months .month {
    cursor: pointer;
    user-select: none;
}

.facilitiesV2 .twelve-months .not-possible {
    background: repeating-linear-gradient(-45deg, rgb(255, 255, 255), rgb(255, 255, 255) 3px, rgb(143, 143, 143) 3px, rgb(143, 143, 143) 4px) !important;
}

.home-yacht .circled-today,
.facilitiesV2 .circled-today {
    border: 1px solid blue;
    border-radius: 10px;
    line-height: 13px !important;
}

.facilitiesV2 .custom-checkbox.charter md-checkbox.md-checked .md-icon,
.facilitiesV2 .day.charter {
    background-color: #6c757d !important;
    color: #fff;
}

.facilitiesV2 .day.complimentary,
.facilitiesV2 .custom-checkbox.complimentary md-checkbox.md-checked .md-icon {
    /* background-color: #0078b3 !important; */
    background-color: #52b043 !important;
    color: #fff;
}

.facilitiesV2 .day.hmp,
.facilitiesV2 .custom-checkbox.hmp md-checkbox.md-checked .md-icon {
    background-color: #1c86c2 !important;
    /* background-color: #f8a735 !important; */
    color: #fff;
}

.facilitiesV2 .unavailable-filter .md-icon {
    background: repeating-linear-gradient(-45deg, rgb(255, 255, 255), rgb(255, 255, 255) 3px, rgb(143, 143, 143) 3px, rgb(143, 143, 143) 4px) !important;
    border: 1px solid gray !important;
}

.facilitiesV2 .unavailable-filter .md-label {
    color: #000
}

.home-yacht .month {
    cursor: pointer;
}
.home-yacht .day.hmp,
.home-yacht .custom-checkbox.hmp md-checkbox.md-checked .md-icon {
    background: #1c86c2 !important;
    color: #fff;
}

.home-yacht .day.charter,
.home-yacht .custom-checkbox.charter md-checkbox.md-checked .md-icon {
    background: #6c757d !important;
    color: #fff;
}

.home-yacht .day.edited {
    background: #20c997 !important;
    color: #fff; 
}

.feedback-form .form-check-label {
    line-height: 24px;
}

.gantt-chart.extended.my-home .right-panel .day-row .facility-day, 
.gantt-chart.extended.my-home .right-panel .day-row .facility-day,
.gantt-chart.extended.my-home .right-panel .day-header {
    min-width: 82px;
    max-width: 82px;
}

.occupancy-view .highlighted-record,
.my-home .highlighted-record {
    border: 2px double;
}

.occupancy-view .highlighted-record,
.my-home .highlighted-record {
    border-color: #0e8662;
}

.occupancy-view .highlighted-record.saved,
.my-home .highlighted-record.saved {
    border-color: #7d1119;
}

.occupancy-view .highlighted-record.on-move,
.my-home .highlighted-record.on-move,
.my-home .highlighted-record.saved.on-move {
    border-style: dashed !important;
}

.stopOver-slot {
    max-height: 79px;
    min-height: 79px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    text-align: center;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    position: absolute;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    padding-top: 4px;
    z-index: 10;
    line-height: 13px;
    white-space: normal;
}

.cabinBooking-slot {
    max-height: 28px;
    min-height: 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    text-align: center;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    position: absolute;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    padding-top: 4px;
    z-index: 10;
    line-height: 13px;
    white-space: normal;
}

.charterBooking-slot {
    max-height: 353px;
    min-height: 353px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    position: absolute;
    color: #fff;
    font-size: 3em;
    padding-top: 4px;
    z-index: 10;
    line-height: 13px;
    white-space: normal;
    border-left: 2px solid black;
    border-right: 2px solid black;
}

.activity-name {
    line-height: 30px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80px;
    min-width: 80px;
    margin: 0;
    padding: 0px 4px;
    height: 30px;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #20c997;
    background-color: #20c997;
}

.green-placeholder select {
    color:black !important;
}

.green-black-placeholder select:disabled,
.green-placeholder select:disabled {
    background-color: transparent;
    color: rgba(0,0,0,0.38) !important;
}

.green-black-placeholder select:invalid,
.green-placeholder select:invalid {
  color: #18926e !important;
}

.green-placeholder select {
  color: black;
}

.green-black-placeholder option:first-of-type,
.green-placeholder option:first-of-type {
  color: #18926e;
}

.green-black-placeholder select {
    color: #0ca0dd !important;
}

.green-black-placeholder select {
    color: #0ca0dd !important;
}

md-checkbox.vip .md-label {
    margin-left: 5px;
}

.custom-select {
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .25rem center/8px 10px;
}

.room-cell .btn.btn-link.blue {
    color: #0ca0dd;
}

.room-cell .btn.btn-link.green {
    color: #18926e;
}

.table-centered {
    display: table;
    margin: 0 auto;
}

.user-picker:disabled,
.room-cell .btn.btn-link.blue:disabled {
    color: #6c757d !important;
    border: none;
}

.delete-img {
    position: absolute;
    right: 11px;
    top: 4px;
    color: #d80027;
    opacity: 1;
    text-shadow: 0 1px 0 #310009;
    font-size: 2.5em;
    outline: none !important;
}

.admin.dashboard .card.col-sm
{
    min-height: 10.5em;
} 

.admin.dashboard .card.col-sm .card-body
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 7em;
} 

.admin.dashboard .card.col-sm .card-body img
{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
} 

/* Dark Theme*/

html.dark, body.dark {
    color: #fff;
    margin: 0;
    background-color: #2d2d2d;
    font-size: 14px;
}

@supports (-ms-ime-align: auto) {
  .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-dayofweek,
  .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day,
  .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled,
  .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-weeknumber,
  .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-dayofweek,
  .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day,
  .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled,
  .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-weeknumber {
    width: calc(14%) !important;
  }
}

_:-ms-lang(x), .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-dayofweek,
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day,
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled,
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-weeknumber,
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-dayofweek,
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day,
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled,
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-weeknumber {
  width: calc(14%) !important;
}

.hmp-cell {
    background-image: url(../images/icons/hmp-icon.jpg);
}

.list-group-item .destination {
    font-size: 11px;
    text-align: left;
    text-transform: capitalize;
}

@media (max-width: 320px) {

    div.facilities .card-body .snapshot .col.amenity img {
        width: 14px;
    }

    #map {
        height: 10em;
    }

    .filters-bar .btn {
        font-size: 12px;
    }

    .btn-primary.filter img {
        width: 24px;
    }

    div.facilities .card-body .snapshot {
        height: 130px;
    }

    div.facilities .snapshot .col-6 .notes {
        margin-bottom: 15px;
    }

    .booking .dateTime {
        font-size: 13px;
        padding-top: 6px !important;
    }
}

@media (max-width: 456px) {

    .modal-body .bootstrap-datetimepicker-widget {
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: auto !important;
        /*margin-top: 30px !important;*/
        position: fixed !important;
        bottom: auto !important;
    }

    md-sidenav {
        width: calc(100% - 156px);
        min-width: calc(100% - 156px);
        max-width: calc(100% - 156px);
    }

    .dashboard .big-tile.apts .flex-control-nav {
        width: auto;
        margin-left: 15%;
    }

    .facilities-form-label-multiline {
        line-height: 17px;
    }

    .modal.terms .modal-body {
        height: 73vh;
    }

    .md-autocomplete-suggestions-container.md-virtual-repeat-container.md-orient-vertical.list-group-flush.destinations {
        position: absolute !important;
        max-width: 100%;

    }

    .user-book-modal {
        width: 1px;
        text-align: center;
    }

    .action-book-modal {
        text-align: center;
    }

    .fixed-date.navigator {
        width: 91% !important;
    }

    .fixed-date.navigator {
        width: 91% !important;
    }

    .fixed-monthly-date-navigator {
        width: 96% !important;
    }
}


@media (min-width: 375px) {

    div.facilities .card-body .snapshot .col.amenity img {
        width: 14px;
    }

    #map {
        height: 12em;
    }
}

@media (max-width: 400px) {
    .all-bookings.ios .twelve-months .caleran-input {
         height: 6.9em !important;
    }
}

@media (min-width: 576px)
{

    .table-responsive .actions-cell {
        min-width: 20px !important;
        max-width: 20px !important;
        overflow: hidden;
    }

    /*.yacht-options {
        display: contents;
    }*/

    .trip-selector {
        max-width: none;
    }

    /*.mobile-yacht-options {
        display: none;
    }*/

    .chart-box .chart-email {
        display: inline;
    }

    .gantt-chart.facilities.extended.hourly h4 {
        line-height: 30px;
    }

    div.facilities .card-body .snapshot .body .mapAction {
        margin-bottom: 0px !important;
        bottom: 8px;
    }

    div.facilities .snapshot .body .notes {
        margin-top: 3px;
    }

    .dashboard .col-sm.special {
        text-align: center;
        border-radius: 10px;
        height: 180px;
        background-color: #000;
        color: white;
        box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.3);
        margin: 1em;
        background-size: cover;
        background-position: center top;
        font-size: 20px;
    }

    div.facilities .snapshot .body .rooms .room {
        height: 13px;
    }

    div.facilities .snapshot .body .statusLabel {
        line-height: 9px;
    }

    div.facilities .card-body .snapshot {

        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    div.facilities .card-body .snapshot .body h3.title a {
        font-size: 13px;
    }

    div.facilities .snapshot .body .phone {
        font-size: 11px;
        line-height: 11px;
    }

    .flex-direction-nav a {
        color: transparent;
    }

    .flex-direction-nav a:before {
        font-size: 19px;
        margin-top: 7px;
    }

    .apartment .col-md-10.body {
        margin-left: 0;
        margin-right: 0;
    }

    .apartment .col-md-10.slide {
        padding: 0;
    }

    .apartment .p-body {
        padding-right: 0!important;
    }

    .caleran-container-mobile.caleran-inline .caleran-input .caleran-calendars {
        width: 100% !important;
        border: none;
    }

    .book-mobile {
        /*display: none;*/
    }

    .edit-booking .edit-fal-img {
        width: 36% !important;
    }

    .edit-booking .facility-name {
        line-height: 17px;
    }

    .book-desktop {
        display: block;
    }

    .legends .col-6,
    .legends .col-4 {
        padding-right: 0;
    }

    .legends .legend p {
        font-size: 11px;
    }

    .apartment .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-title {
        padding-top: 0;
        height: 32px;
    }

    .apartment .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-dayofweek {
        min-height: 30px;
    }

    .apartment .flexslider .slides img {
        height: 45vh;
    }

    .apartment .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day,
    .apartment .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled {
        min-height: 35px;
    }

    .apartment .book-desktop .caleran-input {
        margin: 0 auto !important;
        display: block !important;
    }

    .container.apartment {
        margin-bottom: 0em;
    }

    .book-web {
        display: block;
    }

    .navbar-collapse {
        padding: 0em 0em 0em 1em;
    }

    .logged-user {
        margin-right: 20px;
    }

    .logged-user.active {
        color: #2e75b5 !important;
        border-bottom: 2px solid #2e75b5 !important;
        line-height: 31px;
        padding-top: 5px;
        text-decoration: none;
    }

    .solar-chart.container,
    .gantt-chart.container,
    .all-bookings.container,
    .my-bookings.container {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .first-table {
        flex: 0 0 26.666667%;
        max-width: 26.666667%;
    }

    .second-table {
        flex: 0 0 73.333333%;
        max-width: 73.333333%;
    }

    .all-bookings .twelve-months .caleran-input {
        margin: 0.5em 0em;
        height: 11em !important;
    }

    .all-bookings.ios .twelve-months .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-dayofweek,
    .all-bookings.ios .twelve-months .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day,
    .all-bookings.ios .twelve-months .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled {
        min-height: 2.5em;
    }

    .edit .facility-name {
        height: auto;
    }

    .dashboard .col-sm.special {
        height: 12em !important;
        flex: auto;
    }

    .dashboard .col-sm.big-tile {
        width: 40em !important;
    }

    .dashboard .col-sm.small-tile {
        width: 16em !important;
    }

    .dashboard .video-action {
        /*display: none;*/
        margin-top: 5px !important;
    }
    .all-bookings .twelve-months,
    .gantt-chart .twelve-months {
        margin: 0px auto;
        max-width: 425px;
    }

 }

 @media (max-width: 991px)
{
    .checkout-table-centered {
        display: table;
        margin: 0 auto;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px)
{

  .section-name {
    display: none;
  }

  .navbar-expand-md .navbar-nav {
        width: 62%;
    }

  .desktop.navbar-nav .nav-item {
    display: block;
    border-bottom: none;
    padding: 0 1em;
    line-height: 23px;
  }

  .nav-item.mobile
  {
    display: none;
  }

  .navbar .container .navbar-collapse .error-notification,
  .navbar .container .navbar-collapse .user-name {
      display: block !important;
  }

  .navbar .container .col-sm-12 {
      max-width: 12em;
  }

  .navbar .container .col-sm-12 .logged-user {
      display: none;
  }

  div.facilities .card-body .snapshot,
  div.facilities .card-body .snapshot .col-4 .flexslider .slides img {
      height: 200px;
  }

  div.facilities .snapshot .col-6 .statusLabel {
    font-size: 13px;
    line-height: 13px;
  }

  div.facilities .snapshot .col-6 .rooms .room {
      height: 20px;
      width: 20px;
  }

  div.facilities .card-body .snapshot .col-6 h3.title {
      font-size: 18px;
  }

  div.facilities .snapshot .col-6 .phone {
      font-size: 17px;
      margin-bottom: 15px;
  }

  div.facilities .card-body .snapshot .col.amenity img {
      width: 23px;
  }

  div.facilities .snapshot .col-6 .notes {
      font-size: 14px;
  }

  div.facilities .card-body .snapshot .col-2 .mapAction {
      font-size: 12px;
  }

  div.facilities .card-body .snapshot .col-2 .timeDistance {
      font-size: 14px;
  }

  .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled.caleran-disabled-range,
  .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled.caleran-disabled-range {
      min-height: 28px;
  }

  .all-bookings .twelve-months .col-4 {
      zoom: normal;
      margin-top: 0px;
  }

  .all-bookings .twelve-months .col-4 .caleran-container {
      margin-top: -25px;
  }

  .all-bookings .twelve-months .caleran-input {
      margin: 3em 0em 0em 0em;
      height: auto !important;
      width: 100% !important;
  }

  .twelve-months {
      margin-bottom: 2em !important;
  }

    .facilitiesV2 .twelve-months {
        margin-bottom: 0em !important;
    }

  .gantt-chart .twelve-months h4 {
      max-width: 100%;
  }
  .all-bookings .twelve-months,
  .gantt-chart .twelve-months {
      margin: 0px auto;
      max-width: 650px;
  }
  .dashboard .col-sm.big-tile {
      width: 24em !important;
  }

  .recurrenceOptions {
    margin-left: 6.5em;
  }
}

@media (max-width: 1200px) {
    .navbar-expand-md .container {
        max-width: 100%;
    }
}

@media (max-width: 880px) and (min-width: 450px)  {

    .navbar-expand-md .navbar-nav {
        margin-left: 2em;
    }

    .desktop.navbar-nav .nav-item {
        padding: 0
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

    .container-fluid.gantt-chart.facilities.extended.hourly .md-virtual-repeat-offsetter {
        width: 100%
    }

    .vehicles-h .bookings-container .book-slot {
        width: 15.5vw;
    }
    .bookings-container .book-slot {
        width: 7.7vw;
    }

    .vehicles-h .fixed-header .facility-header {
        min-width: 15.58vw;
        max-width: 15.58vw;
    }

    .vehicles-h.gantt-chart.hourly .right-panel .facility-row {
      display: inline-block;
      width: 15.58vw;
    }

    .all-bookings .one-month-cal .caleran-input {
        margin: 0 auto;
        zoom: 1.5;
        margin-bottom: 1em;
    }

    .all-bookings .caleran-input .caleran-title {
        padding: 8px 8px 2px 8px !important;
    }

    div.facilities .card-body .snapshot,
    div.facilities .card-body .snapshot .col-4 .flexslider .slides img {
        height: 165px;
    }

    div.facilities .snapshot .col-6 .phone {
        font-size: 17px;
        margin-bottom: 20px;
    }

    div.facilities .card-body .snapshot .body h3.title {
        font-size: 18px;
    }

    div.facilities .snapshot .col-6 .rooms .room {
        height: 22px;
        width: 22px;
    }

    div.facilities .card-body .snapshot .col-2 .mapAction {
        font-size: 16px;
    }

    div.facilities .card-body .snapshot .col-2 .timeDistance {
        font-size: 17px;
    }

    #map {
        height: 25em;
    }
 }

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}

@media (max-width: 959px) {
    md-dialog.md-dialog-fullscreen {
        min-height: inherit;
        /*min-width: 100vw;*/
        border-radius: 0;
        top: 0;
    }
    .yacht .md-select-menu-container.md-active,
    .md-select-menu-container.md-active.location-select {
      position: sticky;
      position: -webkit-sticky;
    }
}

@media screen and (min-width: 414px) and (max-width: 415px) {
  .user-columm {
    width: 73px;
  }
}