/** Adjusting Bootstrap / Basic styles **/
body {
    font-family: 'Roboto', sans-serif;
    min-width: 1020px;
}
textarea { resize: none; }
h1,h2,h3,h4,h5,h6 { font-family: 'Roboto', sans-serif; }
input, select, textarea { border-radius: 0 !important; }
a, a:focus, a:hover, a:focus, a:visited { text-decoration: none; }
a.disabled { background-color: #C0C0C0 !important; }
input.disabled { background-color: #eeeeee !important; }
input.disabled:hover { cursor: not-allowed; }
.well { border-radius: 0; }
.nav-container {
    width: 100%;
    max-width: none;
    padding: 0;
}
.alert {
    margin-top: 0;
    margin-bottom: 15px;
}
.alert h4 { margin-bottom: 0 !important; }
.error { border: 1px solid red !important; }
label.error { display: none !important; }
.no-padding { padding: 0 !important; }
.no-margin { margin: 0 !important; }
.margin-top { margin-top: 15px; }
.margin-bottom { margin-bottom: 15px; }
.margin-right { margin-right: 15px; }
.margin-left { margin-left: 15px; }

/** General elements **/
.breadcrumb > .active a.toggle { color: #999; }
.breadcrumb .dropdown-menu {
    top: auto;
    left: auto;
}
.main-container { margin-bottom: 40px; }
.row-margin { margin-bottom: 20px; }
.page-header .app-icon {
    margin-right: 25px;
    margin-top: -5px;
}
.sub-container { padding: 0 15px; }
.container-pagewide-loading {
    display: none;
    position: absolute;
    min-width: 1020px;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background: url('/assets/bwc/img/bg-trans-black.png') repeat;
    z-index: 100;
}
.pagewide-loader {
    background: url('/assets/bwc/img/pagewide-loader.GIF') no-repeat;
    width: 128px;
    height: 128px;
    position: absolute;
    background-size: 40%;
    z-index: 1237618;
    top: 50%;
    left: 45%;
}
.container-content {
    bottom: 0;
    right: 0;
    left: 90px;
    top: 60px;
    position: absolute;
    min-width: 930px;
    min-height: 400px;
}
.textcolorlightgrey { color: #848484; }
.container-content ::-webkit-input-placeholder,
.container-content :-moz-placeholder,
.container-content ::-moz-placeholder,
.container-content :-ms-input-placeholder {
    color: #848484;
}
.placeholder-black ::-webkit-input-placeholder,
.placeholder-black :-moz-placeholder,
.placeholder-black ::-moz-placeholder,
.placeholder-black :-ms-input-placeholder {
    color: #000 !important;
}
.background-cover {
    background-size: cover;
    -ms-behavior: url('/assets/bwc/htc/background.size.min.htc');
    behavior: url('/assets/bwc/htc/background.size.min.htc');
}
.btn-submit,
.btn-reset {
    height: 38px;
    width: 100%;
    display: block;
    background-color: #7C00C4;
    border: 0;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 1px;
    text-shadow:         0px 1px 1px rgba(50, 50, 50, 0.24);
    -webkit-appearance: none;
    -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.24);
    -moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.24);
    box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.24);
}
.btn-submit:hover, .btn-submit:focus {
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
}
.btn-remove {
    line-height: 38px;
    text-align: center;
    display: block;
}
.btn-remove:hover {
    color: #ffffff;
    text-decoration: none;
}
.btn-reset{
    width: 60px;
    background: #C0C0C0;
}

/* Subnav */
.container-subnav {
    height: 60px;
    width: 100%;
    background-color: #585858;
    padding-left: 30px;
    padding-top: 18px;
}
.container-subnav a {
    margin-right: 70px;
    font-weight: 500;
    font-size: 14px;
    color: #9d9d9d;
}
.container-subnav a:hover {
    color: #68b6c9;
    text-decoration: none;
}
.styled-input {
    font-size: 14px;
    padding: 7px 0 7px 10px;
    border: 1px solid #dbdbdb;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);
    box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);
}

/** Icons **/
/* Sidenavigation */
.icon { width: 25px; height: 25px; background-repeat: no-repeat;}
.icon-calendar { background-image: url('/assets/bwc/img/icon-calendar.png'); }
.icon-map { background-image: url('/assets/bwc/img/icon-map.png'); width: 26px; height: 27px;}
.icon-profile { background-image: url('/assets/bwc/img/icon-profile.png'); }
.icon-settings { background-image: url('/assets/bwc/img/icon-settings.png'); }
.icon-spots { background-image: url('/assets/bwc/img/icon-spots.png'); }
.icon-fixed { background-image: url('/assets/bwc/img/icon-fixed.png'); }
.icon-cancelation { background-image: url('/assets/bwc/img/icon-cancelation.png'); }
.icon-review { background-image: url('/assets/bwc/img/icon-review.png'); }
.icon-search { background-image: url('/assets/bwc/img/icon-search.png'); }
.icon-dashboard { background-image: url('/assets/bwc/img/icon-dashboard.png'); }
.icon-accesses { background-image: url('/assets/bwc/img/icon-accesses.png'); }
.icon-arrow-left {
    background-image: url('/assets/bwc/img/arrow-white-left.png');
    height: 21px;
    width: 12px;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}
.subcontainer-sidebar { position: relative; }
.sb-icon-active { display: block; }

#sb-calendar .icon-arrow-left { top: 10px; }
#sb-map .icon-arrow-left { top: 10px; }
#sb-accesses .icon-arrow-left { top: 10px; }
#sb-spots .icon-arrow-left { top: 10px; }
#sb-fixedspots .icon-arrow-left { top: 10px; }
#sb-cancellations .icon-arrow-left { top: 22px; }
#sb-reviews .icon-arrow-left { top: 10px; }
#sb-profile .icon-arrow-left { top: 20px; }
#sb-dashboard .icon-arrow-left { top: 25px; }
#sb-dashboard .icon-arrow-left { top: 25px; }
#sb-payments .icon-arrow-left { top: 30px; }
#sb-payouts .icon-arrow-left { top: 30px; }
#sb-settings .icon-arrow-left { top: 30px; }
#sb-finances .icon-arrow-left { top: 10px; }

.reservations #sb-calendar .icon-arrow-left,
.map #sb-map .icon-arrow-left,
.settings #sb-settings .icon-arrow-left,
.cancellations #sb-cancellations .icon-arrow-left,
.fixedspots #sb-fixedspots .icon-arrow-left,
.spots #sb-spots .icon-arrow-left,
.accesses #sb-accesses .icon-arrow-left,
.reviews #sb-reviews .icon-arrow-left,
.dashboard #sb-finances .icon-sub-menu.icon-arrow-left,
.payments #sb-finances .icon-sub-menu.icon-arrow-left,
.payouts #sb-finances .icon-sub-menu.icon-arrow-left {
    display: block;
}

/** Customized bootstrap elements **/
/* Header Navbar */
.navbar {
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
    z-index: 99;
}
#navbar-nav-header {
    background: #424242;
    height: 60px;
}
#navbar-nav-header .navbar-brand {
    color: white;
    max-width: 100%;
}
#navbar-nav-header .navbar-nav > li > a {
    outline: none;
    color: #ccc;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    padding-left: 10px;
    padding-right: 10px;
}
#navbar-nav-header .navbar-nav > li > a:hover { color: white; }
#navbar-nav-header .navbar-toggle {
    border-radius: 15px;
    border: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#navbar-nav-header .navbar-toggle:hover, #navbar-nav-header .navbar-toggle:focus { background-color: white; }
#navbar-nav-header .navbar-toggle .icon-bar {
    background-color: white;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#navbar-nav-header .navbar-toggle:hover .icon-bar, #navbar-nav-header .navbar-toggle:focus .icon-bar { background-color: #428bca; }
#navbar-nav-header .navbar-nav > .active > a,
#navbar-nav-header .navbar-nav > .active > a:hover,
#navbar-nav-header .navbar-nav > .active > a:focus {
    background-color: #1f7bca;
    color: white;
}
#navbar-nav-header .navbar-nav > .dropdown > a .caret {
    border-top-color: #ccc;
    border-bottom-color: #ccc;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#navbar-nav-header .navbar-nav > .dropdown > a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus {
    background: transparent;
}
.navbar-nav img.app-icon { margin: 5px 10px 5px -10px; }
.navbar-brand {

}
.navbar-inner .sub-container {
    margin-left: 90px;
    text-align: center;
    height: 60px;
}
.navbar-inner .sub-container a {
    font-family: 'Myriad Pro', arial, sans-serif;
    font-size: 14px;
    color: #9d9d9d;
    margin-top: 20px;
}
.navbar-logo {
    height: 60px;
    width: 200px;
    position: absolute;
    left: 45%;
    right: 50%;
}
.navbar-logo img {
    margin-top: 10px;
    height: 40px;
}
.navbar-top {
    position: fixed;
    top: 0;
    width: 100%;
}
.navbar-brand img {
    margin-left: 15px;
    width: 60px;
    height: 60px;
}
.navbar-brand {
    padding: 0;
    width: 90px;
    height: 60px;
    float: left;
    background: #7C00C4;
    transition: .4s;
}
.navbar-brand:hover , .navbar-brand:focus{
    background-color: #7C00C4 !important;
}
.dropdown .dropdown-toggle {
    height: 60px;
    padding-top: 20px;
    margin-top: 0 !important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #7C00C4;
}
.dropdown-menu > li > a { margin-top: 0 !important; }

/* Sidebar */
.container-sidebar {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 60px;
    background-color: #7C00C4;
    width: 90px;
    min-height: 700px;
    transition: .4s;
}
body.layout-switch .container-sidebar {
    min-height: 255px;
}
.container-sb-sub,
.container-sub-menu-sub {
    text-align: center;
    margin-top: 20px;
}
.counter-res {
    text-align: center;
    position: absolute;
    background: url('/assets/bwc/img/bg-trans-black.png') repeat;
    border-radius: 5px;
    padding: 2px 4px 1px 5px;
    left: 46px;
    top: 16px;
    font-size: 10px;
    color: #e1e1e1;
    font-weight: 300;
    -webkit-box-shadow: inset 0 1px 5px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    inset 0 1px 5px rgba(50, 50, 50, 0.4);
    box-shadow:         inset 0 1px 5px rgba(50, 50, 50, 0.4);
}
.container-sb-sub .icon { margin: 0 auto; }
.container-sb-sub .icon-calendar { margin-bottom: 5px; }
.container-sb-sub span {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-size: 11px;
}
.subcontainer-sidebar a:hover { text-decoration: none; }
.container-sb-sub:hover { color: #ffffff; }
.container-sb-sub:hover { cursor: pointer; }
.subcontainer-sub-menu {
    position: relative;
}
.container-sub-menu {
    opacity: 0;
    display: none;
    position: absolute;
    width: 90px;
    left: 90px;
    top: -20px;
    z-index: 999;
    background: #7C00C4;
    padding-bottom: 15px;
}
#sb-finances:hover .container-sub-menu {
    -webkit-transition: opacity 0.3s ease-in;
    -moz-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
    display: block;
    opacity: 1;
}
.sb-bottom {
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
}
.btn-fullscreen {
    display: block;
    margin-top: 6px;
    float: left;
}
.btn-fullscreen .glyphicon { margin-right: 5px; }
.frame-map {
    border: 0;
    width: 100%;
    height: 100%;
}
.no-scroll { overflow: hidden; }

/** Dashboard **/
/* Reservations */
.container-listed {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 373px;
}
.container-res-viewport {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 365px;
    overflow: hidden;
    border: 1px solid #D4D4D4;
    /*background: #e0e0e0 url('/assets/bwc/img/filter-shadow.png') right repeat-y;*/
}
.btn-filter-res {
    height: 60px;
    z-index: 10;
    position: relative;
    overflow: hidden;
    background: #FFFFFF;
    /*background: #ffffff url('/assets/bwc/img/filter-shadow.png') right repeat-y;*/
    font-size: 20px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(50, 50, 50, 0.24);
    -moz-box-shadow:    inset 0 -1px 1px rgba(50, 50, 50, 0.24);
    box-shadow:         inset 0 -1px 1px rgba(50, 50, 50, 0.24);
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -0-transition: height 0.5s;
    transition: height 0.5s;
}
.btn-filter { margin-top: 5px; }
.btn-filter-active { height: 280px; }
.btn-filter-small.btn-filter-active { height: 200px; }
.btn-filter-small.fixed.btn-filter-active { height: 115px !important; }
.btn-filter-res-inner {
    padding: 0 15px;
    width: 100%;
    height: 100%;
}
.btn-filter-res input {
    float: left;
    width: 270px;
    border: 0;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Roboto', sans-serif;
    padding: 16px 18px 11px 0;
}
.btn-filter-res input:focus { outline: 0; }
.btn-up {
    background: url('/assets/bwc/img/arrow-magenta-up.png') center center no-repeat;
    width: 30px;
    height: 30px;
    margin-top: 24px;
}
.btn-up:hover { cursor: pointer; }
#filter-res-checkbox .col-xs-6 { height: 24px; }
#filter-res-checkbox input[type=checkbox] {
    width: 12px;
    height: 12px;
    padding: 0 10px 0 0;
    background: url('/assets/bwc/img/checkbox-magenta.png') top left no-repeat;
    display: block;
    float: left;
    -webkit-appearance: none;
}
#filter-res-checkbox input[type=checkbox]:checked {
    background-position: bottom left;
    outline: 0;
}
#filter-icon-search:hover, #filter-res-input-search:hover { cursor: pointer; }
#filter-res-radio input[type=radio] {
    width: 12px;
    height: 12px;
    padding: 0 10px 0 0;
    background: url('/assets/bwc/img/radio-blue.png') top left no-repeat;
    display: block;
    clear: left;
    float: left;
    -webkit-appearance: none;
}
#filter-res-radio input[type=radio]:checked {
    background-position: bottom left;
    outline: 0;
}
.filter-res label {
    font-size: 13px;
    font-weight: 300;
    float: left;
    margin: 0 0 0 5px;
}
.bootstrap-datetimepicker-widget ul { padding: 0; }
.filter-res label:hover { cursor: pointer; }
.filter-res-date {
    font-size: 16px;
    font-weight: 300;
    margin: 5px 6px 0;
}
#filter-res-datepicker input {
    border-radius: 0;
    height: 34px;
    font-size: 13px;
    font-weight: 400;
    padding: 0;
    letter-spacing: 0;
    width: 100px;
    border: 1px solid #d8d8d8;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.12);
    -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.12);
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.12);
}
.list-res {
    overflow: scroll;
    position: absolute;
    bottom: 0;
    top: 60px;
    left: 0;
    right: 0;
    width: 374px;
    z-index: 1;
    margin-bottom: -15px;
}
.visible-scrollbar .list-res { width: 390px; }
.list-res ul {
    padding: 0 8px 15px 0;
    margin: 0;
    position: relative;
}
.container-listed .icon-search {
    margin: 18px 0 0 0;
    -webkit-appearance: none;
    border: 0;
    background-color: transparent;
    padding: 0;
}
.container-listed .icon-search:focus { outline: 0; }
.li-res {
    display: block;
    height: 80px;
    width: 100%;
    background-color: #ededed;
    -webkit-box-shadow: inset 0 1px 4px rgba(50, 50, 50, 0.12);
    -moz-box-shadow:    inset 0 1px 4px rgba(50, 50, 50, 0.12);
    box-shadow:         inset 0 1px 4px rgba(50, 50, 50, 0.12);
}
.li-res:hover { background-color: #ffffff; }
#li-res-noresults {
    display: none;
    padding: 23px 15px;
    font-size: 12px;
    height: 80px;
    width: 365px;
    background: #fff url('/assets/bwc/img/filter-shadow.png') right repeat-y;
}
#li-noitems {
    display: none;
    padding: 23px 15px;
    font-size: 12px;
    width: 365px;
    background: #fff url('/assets/bwc/img/filter-shadow.png') right repeat-y;
}
.container-li-res {
    background-size: 20px 1px;
    display: block;
    color: #000000;
    padding: 10px 45px 14px 20px;
    height: 100%;
    background-repeat: repeat-y;
    background-position: right;
}
.container-li-res:hover {
    cursor: pointer;
    text-decoration: none;
    color: #000000;
}
.li-res-state-accepted { background-image: url('/assets/bwc/img/li-res-state-green.png'); }
.li-res-state-fail { background-image: url('/assets/bwc/img/li-res-state-red.png'); }
.li-res-state-onhold { background-image: url('/assets/bwc/img/li-res-state-blue.png'); }
.li-res-state-denied { background-image: url('/assets/bwc/img/li-res-state-yellow.png'); }
.li-res-loading,
.li-res-active {
    background-image: url('/assets/bwc/img/li-res-active.png');
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-position: 335px center;
}
.li-res-loading { background-image: url('/assets/bwc/img/loader.gif'); }
.row-li-res { width: 100%; }
.li-res-size {
    font-size: 12px;
    margin-top: 14px;
}
.row-li-right {
    font-size: 24px;
    font-weight: 300;
    margin-top: 13px;
}
.li-cnl .row-res-2 { margin-top: -15px; }
.li-res-name {
    font-size: 14px;
    float: left;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 250px;
}
#fixedspots .li-res-name,
#cancellations .li-res-name {
    width: 180px;
}
.li-res-name .fixed-res-name { margin-top: 20px !important; }
#fixed-res-name { margin-top: 20px !important; }
.li-res-id {
    font-size: 12px;
    float: right;
}
.row-res-2 { padding: 2px 0; }
.li-res-boat {
    float: left;
    color: #848484;
    font-size: 12px;
    max-width: 180px;
    max-height: 17px;
    overflow: hidden;
}
.li-res-date {
    font-size: 12px;
    float: right;
}
.li-res-status {
    font-size: 12px;
    font-weight: 700;
}
.container-res-detail {
    left: 365px;
    right: 0;
    height: 100%;
    position: absolute;
    overflow: auto;
    background-color: #e5e5e5;
}
.container-img-res-detail {
    height: 260px;
    border-bottom: 1px solid #D4D4D4;
    /*-webkit-box-shadow: 0 2px 3px rgba(50, 50, 50, 0.24);*/
    /*-moz-box-shadow:    0 2px 3px rgba(50, 50, 50, 0.24);*/
    /*box-shadow:         0 2px 3px rgba(50, 50, 50, 0.24);*/
}
.res-detail-image {
    height: 260px;
}
.res-detail-img {
    width: 100%;
    height: 100%;
    background-position: bottom center;
}
.sub-container-res-detail { padding: 30px; }
.sub-container-res-detail #facility-form label:hover { cursor: default !important; }
.res-detail-row-subtitle { padding-bottom: 10px; }
.sub-res-text {
    font-size: 12px;
    line-height: 22px;
}
.sub-res-link { color: #428bca; }
.sub-res-link:hover {
    text-decoration: underline;
    cursor: pointer;
}
#sub-res-yacht { margin-bottom: 20px; }
.sub-container-res-detail h4 {
    margin-bottom: 35px;
    margin-top: 0;
}
.sub-container-res-detail h2 { margin-top: 0; }
#sub-res-contact { margin-bottom: 26px; }
.res-detail-block {
    margin-bottom: 20px;
}
.sub-res-detail-label {
    font-weight: 700;
    font-size: 14px;
    color: #6d6d6d;
    line-height: 38px;
}
.sub-res-detail-title {
    font-size: 14px;
    font-weight: 700;
}
.res-styled-select {
    font-size: 12px;
    text-align: center;
    width: 100% !important;
    height: 34px;
    line-height: 33px;
    border: 1px solid #d8d8d8;
    background: #ffffff url('/assets/bwc/img/select-triangle.png') right center no-repeat;
    padding-right: 29px;
    padding-left: 10px;
    margin-bottom: 0;
    box-shadow: none;
    /*-webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.12);*/
    /*-moz-box-shadow:    0 1px 3px rgba(50, 50, 50, 0.12);*/
    /*box-shadow:         0 1px 3px rgba(50, 50, 50, 0.12);*/
}
.res-styled-select .customSelectInner {
    overflow: hidden;
    text-overflow: ellipsis;
}
.res-detail-subrow { padding-bottom: 15px; }

/* Add Reservation */
.add-new-yacht { display: none; }
.container-btn-add-res { padding-top: 20px; }
#select-add-res-yachttype { display: none; }
.addReservation-yacht,
.addReservation-spot {
    display: none;
}

/** Profile **/
/* Subnav */
#profile-form label { line-height: 35px; }
.container-profile-subnav {
    /*height: 60px;*/
    width: 100%;
    background-color: #585858;
    padding-left: 20px;
    padding-top: 18px;
}
.container-profile-subnav a {
    margin-right: 30px;
    margin-bottom: 18px;
    font-weight: 500;
    font-size: 14px;
    color: #9d9d9d;
    display: inline-block;
}
.container-profile-subnav a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.container-profile-subnav a.sub-active { color: #FFFFFF; }

/* Tab General */
.img-fullwidth {
    height: 260px;
    width: 100%;
}

/** Login **/
#container-login .form-control { border-radius: 0; }
#container-login a {
    color: #9d9d9d;
    display: block;
    font-weight: 300;
    margin-top: 10px;
    text-decoration: underline;
}

/** Settings **/
/* User */
#settings-user input { border-radius: 0; }
#edit-user-language { margin-bottom: 0; }

/* Page header buttons */
.page-header { margin: 0 0 20px; }
.page-header .btn {
    margin-left: 5px;
    margin-top: 8px;
    float: right;
}

/** Map **/
#subnav-map {
    position: absolute;
    height: 50px;
    padding-top: 9px;
    padding-right: 25px;
}
#subnav-map input[type="text"] { width: 100%; }
#subnav-map .filter-res-date { color: #ffffff; }
#container-map .container-listed { margin-top: 50px; }
.date-map-reset {
    margin-top: 0;
    height: 33px;
    margin-right: 25px;
    padding: 0 10px;
    width: auto;
}
.date-map-reset:focus { outline: 0; }

/** Listview **/
/* List */
#container-listview .li-res-name { font-size: 12px; }
#container-listview .btn-filter-active { height: 250px; }
#container-listview .row-li-right { margin-top: 0; }
#filter-dimensions input {
    width: 60px;
    height: 30px;
    border: 1px solid #e9e9e9;
    font-weight: 300;
    font-size: 14px;
    padding: 5px 5px;
    margin-right: 2px;
}
#filter-dimensions { margin-bottom: 10px; }
#filter-dimensions label { font-size: 13px; }

/* Highlight */
.success-highlight, .success-highlight * {
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}

/** Admins **/
/* Index */
.row-users .btn-bwa { margin-top: 2px; }
.row-users input[type="text"], .row-users input[type="email"] {
    margin-top: 1px;
    padding: 8px 0 7px 5px;
    border: 1px solid #d8d8d8;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.12);
    -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.12);
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.12);
    margin-left: -6px;
}
.row-category.well {
    margin: 0;
    padding: 4px 0;
}
.row-users.well {
    padding: 4px;
    margin-bottom: 0;
}
.row-users-title {
    font-size: 14px;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}
.inputLabel {
    line-height: 40px;
    margin-bottom: 3px;
}
.inputAdmin { display: none; }
.row-users .res-styled-select.disabledSelect {
    display: none;
    text-align: left;
    margin-bottom: 0;
    border: 1px solid transparent;
    background-color: transparent;
    background-image: none;
    padding-left: 0;
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0);
    -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0);
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0);
}
.row-users input[type="text"]:disabled {
    background-color: transparent;
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0);
    -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0);
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0);
    outline: 0;
    border: 1px solid transparent;
}
.col-users-title { border-right: 1px solid #e9e9e9; }
.styled-checkbox input[type="checkbox"] { display: none; }
.styled-checkbox input[type="checkbox"] + label {
    height: 24px;
    padding-left: 40px;
    margin-bottom: 15px;
    font-weight: 300;
    color: #9d9d9d;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background: url('/assets/bwc/img/sprite-checkbox.png') left top no-repeat;
    line-height: 26px;
}
.styled-checkbox input[type="checkbox"]:checked + label {
    color: #9d9d9d !important;
    background-position: left bottom;
}
.styled-checkbox input[type="checkbox"]:disabled + label {
    color: #000;
    background: url('/assets/bwc/img/checkbox-disabled.png') no-repeat;
}
.styled-checkbox input[type="checkbox"]:disabled + label:hover { cursor: default; }
#addEditAdmin .form-control[disabled], #addEditAdmin .input-group-addon:hover { cursor: default; }
#addEditAdmin input[type="checkbox"]:disabled+ #inputEditLabel:hover { cursor: default; }
#inputEditLabel span {
    position: absolute;
    margin-top: 3px;
}
#container-users .btn-reset {
    width: 100%;
    display: block;
    padding: 10px 24px;
}
.btn-bwa:hover, .btn-bwa:focus, .btn-bwa:active {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
}
.btn-bwa {
    margin-top: 2px;
    text-align: center;
    line-height: 38px;
    height: 38px;
    width: 100%;
    display: block;
    border: 0;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 1px;
    text-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);
    -webkit-appearance: none;
    -webkit-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);
    box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);
}
.btn-bwa-pay {
    background-color: #204393 !important;
}
.btn-bwa-reset {
    width: 45px;
    background-color: #C0C0C0;
}
.btn-disabled {
    background-color: #C0C0C0;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #3C3C3C;
}
.price_type { margin-top: 5px; }
.price_type:hover { cursor: default; }

/** Scrollbar width detection */
.scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}
.quick-add-link { margin-left: 10px; }
.container-quickadd-res { display: none; }
.container-img-res-detail {
    height: auto
}
.container-img-res-detail img {
    max-height: 260px;
    display: block;
    margin: 0 auto;
}

.table-white { background-color: #FFF; }
.tr-clickable:hover, .tr-click-print:hover { cursor: pointer; }
.btn-bwa-xs {
    height: 28px;
    line-height: 28px;
}
.current-loc-image img {
    max-width: 100%;
    max-height: 400px;
    display: block;
    margin: 0 auto;
}
.styled-input-group-addon { width: 50px; }
.styled-radio {
    float: left;
    width: 20px;
}
.res-detail-textrow { padding-bottom: 0; }
.input-Styled {
    width: 100%;
    margin-bottom: 15px;
    padding: 7px;
    font-size: 12px;
    border: 1px solid #dedddd;
    -webkit-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);
    box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);
}
.staffel-row, .row-prices {
    padding: 4px;
    margin-bottom: 0;
}
.staffel-row .glyphicon { line-height: 30px; }
.add-staffel-template-row {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    color: #333333;
}
.add-staffel-template-row:hover {
    cursor: pointer;
    color: #7C00C4;
}
.staffel-row .glyphicon-remove:hover { cursor: pointer; }
.inputEditLabel {
    margin-top: 5px;
    margin-bottom: 8px !important;
}
.row-price-type {
    font-size: 14px;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
}
.text-center .row-users-title {
    float: none;
    height: 30px;
    line-height: 30px;
}
.title-finances { margin-bottom: 13px !important; }
#btn-submit-finances { margin-top: 15px; }
.customSelectDisabled,
#filter-res-datepicker input[disabled],
textarea[disabled] { background-color: #eeeeee; }
select[disabled]:hover { cursor: not-allowed; }
#select-add-res-yachttype.visible { display: block !important; }
.pos-relative { position: relative; }
.row-to {
    display: block;
    text-align: center;
    margin-top: 7px;
}

/* Feedback popup ========================== */
.feedbackPopup {
    width: 400px;
    height: 290px;
    background-color: #FFF;
    border: 1px solid #dedddd;
    padding: 10px 15px 20px;
    z-index: 999;
}
.feedbackPopup textarea {
    padding-top: 10px;
    width: 100%;
}
.feedbackPopup h4 { margin-top: 0; }
#sb-wrapper-inner {
    border: 0;
    z-index: 999;
}
#sb-body, #sb-loading { background-color: transparent; }
#sb-info {
    position: absolute !important;
    top: 0;
    right: 0;
}
#sb-nav-close {
    float: right;
    height: 16px;
    width: 16px;
    margin-left: 3px;
    cursor: pointer;
    background-repeat: no-repeat;
}
.remove-em em { display: none !important; }
.dd-option-image, .dd-selected-image {
    width: 180px;
    max-width: 180px !important;
    display: block;
    margin: 0 auto !important;
    float: none !important;
}
.dd-select {
    border: 1px solid #d8d8d8 !important;
    background-color: #ffffff !important;
    background-image: url('/assets/bwc/img/select-triangle.png') !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}
.dd-pointer { display: none !important; }
.dd-options { z-index: 9 !important; }
.input_auth_secret { margin-bottom:15px; }
.keyLabel {
    color:black!important;
    word-break: break-word;
    font-size: 12px;
}
.noteLabel { word-break: break-word; }
.colKey { padding-right: 5px; }
#sb-nav-next,
#sb-nav-previous {
    position: absolute;
    top: 50%;
}
#sb-info,
#sb-nav {
    height: 100% !important;
    width: 100% !important;
}
#sb-nav-next {
    background-image: url('/assets/bwc/img/btn-arrow-next.png') !important;
    right: 10px;
    width: 17px !important;
    height: 26px !important;
    margin-top: -13px;
    -webkit-background-size: 100%;
    background-size: 100%;
}
#sb-nav-previous {
    background-image: url('/assets/bwc/img/btn-arrow-prev.png') !important;
    left: 20px;
    width: 17px !important;
    height: 26px !important;
    margin-top: -13px;
    -webkit-background-size: 100%;
    background-size: 100%;
}
#sb-body-inner { text-align: center; }
#sb-body-inner img {
    position: relative !important;
    width: auto !important;
    max-width: 700px;
}

/* Location */
.language-location {
    margin-left: 0;
    margin-bottom: 15px;
}
.map-right-side {
    position: relative;
    top: 28px;
}
.location-master-image {
    max-width: 100%;
    max-height: 59px;
}
.image-preview {
    max-width: 100%;
    max-height: 200px;
    overflow: hidden;
}
.image-preview img {
    max-width: 100%;
    max-height: 100px;
}

/* Partners and Advertisements */
.partner-logo-preview, .advertisement-logo-preview, .location-media, .location-master-image {
    max-width: 100%;
    max-height: 38px;
}
.btn-add-location { margin: 15px 0 15px 0; }

/* Quick reserve re-styling */
#quickAddReservation {
    margin-bottom: 15px;
}
.quick-add-button {
    color: #FFFFFF;
    background-color: #6D6D6D;
    display: inline-block;
    cursor: pointer;
    width: 40px;
    padding: 10px 0 10px 0;
    text-align: center;
}
.quick-add-value input {
    height: 40px;
    text-align: center;
}
.quick-add-value label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-align: center;
    color: #555555;
    font-weight: normal;
    font-size: 14px;
}
.quick-add-output {
    width: 100%;
    height: 100%;
    display: block;
    background: #EDEDED;
    position: relative;
}
.quick-add-no-spots {
    height: 100%;
    width: 100%;
    position: relative;
    font-style: italic;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.quick-add-no-spots span {
    margin: 0 auto;
    text-align: center;
}
.quick-add-spot { position: relative; }
.quick-add-spot.selected .panel {
    border: 1px solid #47A447;
    background-color: #DAECDA;
    -webkit-box-shadow: 1px 1px 1px 0 #D8D8D8;
    box-shadow: 1px 1px 1px 0 #D8D8D8;
}
.quick-add-spot .panel {
    cursor: pointer;
    width: 100%;
    height: 160px;
    max-height: 160px;
    display: inline-block;
    position: relative;
    border: 1px solid #EDEDED;
    -webkit-box-shadow: 1px 1px 1px 0 #D8D8D8;
    box-shadow: 1px 1px 1px 0 #D8D8D8;
}
.quick-add-stack-spot .panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.quick-add-stack-spot .panel-body {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}
.quick-add-spot .panel-heading {
    text-align: center;
    padding: 22px 15px;
    border-bottom: 1px solid #EDEDED;
}
.quick-add-spot .panel-heading .panel-title {
    font-size: 22px;
    font-weight: bold;
}
.quick-add-spot .selected {
    z-index: 999;
    height: 160px;
    width: 100%;
    border: 1px solid #47A447;
    background: #4BA34C;
    position: absolute;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 1px 1px 1px 0 #D8D8D8;
    box-shadow: 1px 1px 1px 0 #D8D8D8;
}
.quick-add-spot .selected .checkmark {
    color: #FFFFFF;
    text-align: center;
    margin: 0 auto;
    font-size: 22px;
}
.media-image, .media-youtube { display: none; }
.campaign-code, .campaign-codes { display: none; }
.remove-campaign-code {
    height: 34px;
    line-height: 34px;
    margin-top: 0;
}
.inputCodes {
    max-height: 34px;
    overflow: hidden;
}

/* Reviews */
.review-name {
    font-size: 24px;
    font-weight: 300;
    margin-top: 4px;
}
.review-note {
    min-height: 100px;
    min-width: 100%;
    max-width: 100%;
    resize: vertical;
}
.review-stars {
    display: inline-block;
    margin-right: 5px;
}
.review-detail-stars {
    display: inline-block;
    margin-bottom: 10px;
}
.icon-star {
    height: 16px;
    width: 16px;
    float: left;
}
.icon-star-gold {
    background: url('/assets/bwc/img/Star_sprite.png') 0 -16px no-repeat;
}
.icon-star-silver {
    background: url('/assets/bwc/img/Star_sprite.png') 0 0px no-repeat;
}
form .stars {
    background: url('/assets/bwc/img/stars.png') repeat-x 0 0;
    width: 150px;
}
form .stars input[type="radio"] {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}
form .stars input[type="radio"].star-5:checked ~ span {
    width: 100%;
}
form .stars input[type="radio"].star-4:checked ~ span {
    width: 80%;
}
form .stars input[type="radio"].star-3:checked ~ span {
    width: 60%;
}
form .stars input[type="radio"].star-2:checked ~ span {
    width: 40%;
}
form .stars input[type="radio"].star-1:checked ~ span {
    width: 20%;
}
form .stars label {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0!important;
    padding: 0!important;
    text-indent: -999em;
    float: left;
    position: relative;
    z-index: 10;
    background: transparent!important;
    cursor: pointer;
}
form .stars label:hover ~ span {
    background-position: 0 -30px;
}
form .stars label.star-5:hover ~ span {
    width: 100% !important;
}
form .stars label.star-4:hover ~ span {
    width: 80% !important;
}
form .stars label.star-3:hover ~ span {
    width: 60% !important;
}
form .stars label.star-2:hover ~ span {
    width: 40% !important;
}
form .stars label.star-1:hover ~ span {
    width: 20% !important;
}
form .stars span {
    display: block;
    width: 0;
    position: relative;
    top: 0;
    left: 0;
    height: 30px;
    background: url('/assets/bwc/img/stars.png') repeat-x 0 -60px;
    -webkit-transition: -webkit-width 0.5s;
    -moz-transition: -moz-width 0.5s;
    -ms-transition: -ms-width 0.5s;
    -o-transition: -o-width 0.5s;
    transition: width 0.5s;
}

/* Profile */
.loader {
    background: url('/assets/bwc/img/pagewide-loader-small.gif') center right no-repeat;
    height: 50px;
    width: 50px;
    margin-right: 20px;
    float: right;
}
.container-content {
    background-color: #e1e1e1;
    overflow: auto;
}
.change-location { margin-right: 20px; }
.profile-general-container {
    padding: 20px;
    background-color: #e1e1e1;
}
.profile-general-container h4 { font-size: 20px; }
.profile-general-container h5 { font-size: 18px; }
.profile-general-container .handling {
    margin-top: 15px;
    margin-bottom: 25px;
}
.profile-general-title {
    font-size: 14px;
    font-weight: 700;
}
.profile-general-description {
    margin-top: 10px;
    resize: none;
    height: 130px;
    width: 100%;
    margin-bottom: 15px;
    padding: 7px;
    font-size: 12px;
    border: 1px solid #dedddd;
    /*-webkit-appearance: none;*/
    /*-webkit-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);*/
    /*-moz-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);*/
    /*box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);*/
}
.profile-general-description-short {
    margin-top: 10px;
    resize: none;
    height: 100px;
    width: 100%;
    margin-bottom: 15px;
    padding: 7px;
    font-size: 12px;
    border: 1px solid #dedddd;
    /*-webkit-appearance: none;*/
    /*-webkit-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);*/
    /*-moz-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);*/
    /*box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);*/
}
#profile-form .res-styled-select { margin-top: 10px; }
.handling-right { margin-right: 15px; }
input[type="radio"].profile-radio {
    display: none;
    margin: 10px;
}
input[type="radio"].profile-radio + label {
    display: inline-block;
    margin-left: -2px;
    background-color: #ffffff;
    border-color: #ddd;
    color: #000;
    padding: 10px 15px 10px 15px;
    font-weight: 100;
    cursor: pointer;
    /*-webkit-appearance: none;*/
    /*-webkit-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);*/
    /*-moz-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);*/
    /*box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);*/
}
input[type="radio"].profile-radio:checked + label {
    background-color: #7C00C4;
    color: #fff;
}
.profile-img {
    margin-top: 25px;
    background: url('/assets/bwc/img/pink-profile-iphone.png') no-repeat;
    height: 550px;
    width: 325px;
}
.iphone-facilities {
    min-height: 110px;
}
.iphone-facilities h4 {
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    margin: 0;
}
.iphone-facilities h4.under-title {
    font-weight: 100;
    font-size: 10px;
    margin: 0;
}
.iphone-facilities h5 {
    text-transform: uppercase;
    color: #7C00C4;
}
.iphone-facilities ul {
    list-style: none;
    padding-left: 0;
    text-align: left;
    width: 200px;
    font-size: 9px;
    margin-bottom: 10px;
}
.iphone-facilities ul li {
    width: 95px;
    background: url('/assets/bwc/img/check_mark_small_pink.png') center right no-repeat;
}
.iphone-facilities ul li:nth-child(odd) { float: left; }
.iphone-facilities ul li:nth-child(even) {
    margin-left: 10px;
    float: right;
    padding-right: 10px;
}
.iphone-text {
    font-size: 9px;
    width: 200px;
    height: 130px;
    overflow: auto;
}
.visible-scrollbar .iphone-text { width: 220px; }
.iphone-content {
    position: absolute;
    margin-left: 62px;
    margin-top: 185px;
    width: 217px;
    overflow:hidden;
}
#facility-form input[type="checkbox"] { display: none; }
#facility-form input[type="checkbox"] + label {
    height: 24px;
    padding-left: 40px;
    margin-bottom: 15px;
    font-weight: 300;
    color: #9d9d9d;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background: url('/assets/bwc/img/sprite-checkbox.png') left top no-repeat;
    line-height: 26px;
}
#facility-form input[type="checkbox"]:checked + label {
    color: #000;
    background-position: left bottom;
}
.input-facility {
    height: 150px;
    width: 195px;
    margin-bottom: 15px;
    background: url('/assets/bwc/img/facility-input-bg.png') left top no-repeat;
}
.input-facility table { width: 100%; }
.input-facility table label { font-size: 12px; }
.input-facility tr.total { border-top: 1px solid #e0e0e0; }
.input-facility table td:nth-child(1) { padding-left: 10px; }
.input-facility table td.tax { padding-left: 10px; }
.input-facility table tr.total td { padding-top: 10px; }
.input-facility table tr.tax td {
    padding-top: 15px;
    padding-bottom: 15px;
}
.input-facility table tr.etmaal td { padding-top: 15px; }
.input-facility input {
    height: 25px;
    width: 50px;
    padding: 0 3px;
    border: 0;
    outline: none;
    color: #000;
    text-align: right;
    background: url('/assets/bwc/img/facility-input-field.png') left top no-repeat;
}
.input-facility input:focus {
    color: #fff;
    background: url('/assets/bwc/img/facility-input-field-focus.png') left top no-repeat;
}

/* SERVICES PAGE */
.service-nav {
    height: 55px;
    width: 100%;
    background: #d0d0d0;
    display: block;
}
.service-nav .service-nav-left {
    height: 55px;
    display: block;
}
.service-nav .service-nav-right select,
.service-nav .service-nav-right span {
    margin-top: 8px;
}
.service-nav .service-nav-right span.customSelectInner { margin-top: 0; }
.service-nav-left .btn-service { margin-right: 25px; }
.btn-service {
    padding: 10px 15px;
    height: 40px;
    border: 1px solid #d8d8d8;
    background-color: #7C00C4;
    margin-top: 7px;
    margin-bottom: 7px;
    position: relative;
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 1px;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);
    box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);
}
.btn-service:hover {
    color: #fff;
    text-decoration: none;
}
.nav .open > a,
.nav .open > a:hover {
    border-color: #d8d8d8;
}
.service-nav-right .service-caret {
    border-top: 8px solid #000000;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    margin-left: 20px;
    border-top-color: #b2b2b2;
    border-bottom-color: #b2b2b2;
}
.service-nav-right .nav a:hover .caret {
    border-top-color: #b2b2b2;
    border-bottom-color: #b2b2b2;
}
.services { margin-top: 30px; }
.service-info {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    background: white;
}
.service-info h4 {
    margin-top: 0;
    margin-bottom: 10px;
}
.service-info .service-img {
    height: 90px;
    width: 100px;
    border: 3px solid #585858;
    display: block;
    text-align: center;
}
p.no_image {
    margin-top: 68px;
    font-size: 10px;
}
.background-cover {
    background-size: cover;
    behavior: url('/assets/bwc/htc/background.size.min.htc');
    -ms-behavior: url('/assets/backgroundsize/backgroundsize.min.htc');
}
.service-info ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.service-info a {
    margin-top: 5px;
    display: block;
    height: 28px;
    width: 100px;
    color: #fff;
    font-size: 10px;
    padding-left: 40px;
    padding-top: 8px;
}
.service-info a:hover { text-decoration: none; }
.service-info a.edit { background: url('/assets/bwc/img/service-edit.png') left top no-repeat; }
.service-info a.delete { background: url('/assets/bwc/img/service-delete.png') left top no-repeat; }

/* NEW SERVICE PAGE */
#new-service-form span.customSelect { text-align: left; }
#new-service-form .new-service-category { width: 278px !important; }
#new-service-form .language-switch { width: 137px !important; }
#new-service-form { margin-top: 20px; }
#new-service-form table, #new-service-form input, #new-service-form textarea {
    width: 100%;
    outline: none;
}
#new-service-form input, textarea, select {
    font-size: 12px;
    padding-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #dbdbdb;
    /*-webkit-appearance: none;*/
    /*-webkit-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);*/
    /*-moz-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);*/
    /*box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);*/
}
.number-of-nights input {
    text-align: center;
    font-size: 12px;
}
#new-service-form input { height: 35px; }
#new-service-form textarea {
    height: 85px;
    padding-top: 5px;
}
#new-service-form table tr { margin-bottom: 10px; }
#new-service-form table td.language { padding-left: 20px; }
#new-service-form .service-caret {
    margin-top: 6px;
    border-top: 8px solid #6e6e6e;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom-color: #6e6e6e;
}
#new-service-form .nav a:hover .caret {
    border-top-color: #7C00C4;
    border-bottom-color: #7C00C4;
}
#new-service-form .nav a:focus .caret {
    border-top-color: #7C00C4;
    border-bottom-color: #7C00C4;
}
#new-service-form .nav a:focus { color: #7C00C4; }
#new-service-form .nav > li > a { padding: 10px; }
#new-service-form .language {
    margin-top: -2px;
    border-radius: 5px;
}
#new-service-form .res-styled-select { margin-bottom: 10px; }
#file-input { display:none; }
.add-picture {
    color: #ababab;
    font-size: 12px;
    padding: 5px 10px 5px 10px;
    height: 35px;
    width: 145px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: url('/assets/bwc/img/add-picture.png') left top no-repeat;
}
.add-picture img {
    padding-left: 5px;
    padding-top: 3px;
}
.add-picture span {
    padding-left: 10px;
    margin-top: 3px;
    position: absolute;
}
.add-picture:hover { color: #7C00C4; }
.container-subnav-stuck { padding-top: 60px; }
.container-subnav-stuck .container-profile-subnav {
    position: fixed;
    top: 60px;
    z-index: 10;
}
#filter-res-datepicker input {
    border-radius: 0;
    height: 34px;
    font-size: 13px;
    line-height: 34px;
    font-weight: 400;
    padding: 0;
    letter-spacing: 0;
    border: 1px solid #d8d8d8;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.12);
    -moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.12);
    box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.12);
}
.adult_input {
    width: 115px;
    padding-left: 15px;
}
.datetimepicker-input { width: 100% !important; }
.yacht-row { margin-bottom: 10px; }
.yacht-input { height: 38px !important; }
.iphone-content {
    margin-top: 120px;
    margin-left: 58px;
}
.iphone-haven-img {
    height: 96px;
    width: 208px;
    padding-top: 65px;
}
.iphone-facilities, .iphone-text, .iphone-haven-img { padding-left: 4px; }
.iphone-haven-img h4 {
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    margin: 0;
    margin-bottom: 4px;
    position: relative;
    z-index: 8;
}
.iphone-text {
    -ms-overflow-style: none;
    padding-right: 4px;
}
.iphone-haven-img h4.under-title {
    font-weight: 100;
    font-size: 10px;
    margin: 0;
    position: relative;
    z-index: 8;
}
.facilities-header {
    margin-top: 10px;
    margin-bottom: 4px;
    font-size: 12px;
}
.iphone-facilities { min-height: 87px; }
.textshadow {
    margin-top: -72px;
    margin-left: -4px;
    position: relative;
    z-index: 7;
}
#profile-form label { line-height: normal; }
.currency-symbol-span {
    box-shadow: rgba(50, 50, 50, 0.239216) 0 1px 1px 0;
    -webkit-box-shadow: rgba(50, 50, 50, 0.239216) 0 1px 1px 0;
    -moz-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.24);
}
.customSelectInner { height: 3em; }
.price-label-col { padding-top: 8px; }
.profile-general-span { font-weight: normal; }
.to-span {
    position: absolute;
    font-size: 16px;
    margin-left: -9px;
    padding-top: 7px;
    left: 50%;
}
.status-checkbox:hover { cursor: pointer; }
.reservation-detail-loading {
    left: 365px;
    right: 0;
    height: 100%;
    position: absolute;
    overflow: auto;
    background-color: #e5e5e5;
}
.map-detail-loading {
    left: 0;
    right: 0;
    height: 100%;
    position: absolute;
    overflow: auto;
    background-color: #e5e5e5;
    z-index: 100;
    display: none;
    opacity: 0.75;
}
.profile-language-switch { min-width: 105px; }

#stripe-connect label {
    display: block;
}
#stripe-connect .well {
    margin-bottom: 0;
    padding: 4px 4px 4px 15px;
}
#stripe-connect .additional-owners {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Layout switch */
#layout-switch .switch {
    position: relative;
    display: block;
    width: 42px;
    height: 22px;
    margin: 0 auto;
}

#layout-switch .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

#layout-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #152D65;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: inset -1px 1px 1px 0 rgba(0,0,0,0.48);
}

#layout-switch .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #D6D6D6;
    box-shadow: -1px 1px 1px 0 rgba(0,0,0,0.54);
}

#layout-switch input:checked + .slider {
    background-color: #15DF62;
    box-shadow: inset -1px 1px 1px 0 rgba(0,0,0,0.48);
}

#layout-switch input:focus + .slider {
    box-shadow: 0 0 1px #152D65;
    box-shadow: inset -1px 1px 1px 0 rgba(0,0,0,0.48);
}

#layout-switch input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.54);
}

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

#layout-switch .slider.round:before {
    border-radius: 50%;
    top: 2px;
}
#layout-switch {
    height: 90px;
    background-color: #204393;
    padding: 10px;
    bottom: 0px;
}
#layout-switch span.title {
    font-family: 'Roboto', sans-serif;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    display: block;
    margin-bottom: 10px;
}
#layout-switch span.text {
    display: block;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    opacity: .77;
    margin-top: 7px;
}
#layout-switch span.text.on {
    display: none;
}
#layout-switch input:checked ~ span.text.off {
    display: none;
}
#layout-switch input:checked ~ span.text.on {
    display: block;
}
#sb-settings.layout-switch--on {
    bottom: 100px;
}
body.layout-switch #layout-switch {
    background-color: #7C00C4;
}
body.layout-switch .container-sidebar,
body.layout-switch .navbar-brand,
body.layout-switch .navbar-brand:hover,
body.layout-switch .navbar-brand:focus {
    background-color: #204393!important;
}
body .navbar-brand img {
    transition: .4s;
}
#sb-pay, #sb-pay-export,
body .navbar-brand img.BWP {
    display: none;
}
body.layout-switch #sb-calendar,
body.layout-switch #sb-map,
body.layout-switch #sb-spots,
body.layout-switch #sb-fixedspots,
body.layout-switch #sb-cancellations,
body.layout-switch #sb-reviews,
body.layout-switch #sb-settings,
body.layout-switch #sb-profile,
body.layout-switch #sb-payments,
body.layout-switch #sb-dashboard,
body.layout-switch #sb-accesses,
body.layout-switch #sb-reviews,
body.layout-switch #sb-payouts,
body.layout-switch #sb-finances,
body.layout-switch #sb-addholder,
body.layout-switch .navbar-brand .BWA {
    display: none;
}
body.layout-switch #sb-pay,
body.layout-switch #sb-pay-export,
body.layout-switch .navbar-brand img.BWP {
    display: block;
}
.icon-pay {
    background-image: url(/assets/bwc/img/icon-pay.png);
}

body.layout-switch .checkcontainer input:checked ~ span.radiobtn,
body.layout-switch .checkcontainer input:checked + span.radiobtn {
    border-color: #204393 !important;
}
body.layout-switch .btn-submit,
body.layout-switch .btn-reset,
body.layout-switch .btn-search-yacht,
body.layout-switch .btn-search-lastname,
body.layout-switch .btn-search-email,
body.layout-switch .quick-add-button {
    background-color: #204393 !important;
}

/* Payment */
.payment-detail-loading {
    left: 0px;
}
.container-payment hr {
    border-color: #9D9D9D;
    margin-top: 19px;
    margin-bottom: 5px;
}
.container-payment h1 {
    font-size: 24px;
    border-bottom: 1px solid #979797;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.container-payment h2 {
    font-size: 18px;
    margin-top: 0px;
}
.container-payment input, select {
    height: 40px!important;
}
.container-payment label {
    font-size: 14px;
    color: #555;
    margin-top: 10px;
    font-weight: 500;
}
.container-payment input.add-on {
    text-align: left!important;
    padding-left: 10px!important;
}
.container-payment label.text-overlay {
    margin-top: 0px;
}
.container-payment .checkcontainer {
    height: 40px;
    width: 92px;
    margin: 0;
    margin-right: 10px;
    display: inline-block;
}
.container-payment .checkcontainer:hover { 
    cursor: pointer;
}
.container-payment .checkcontainer input { 
    display: none;
}
.container-payment .checkcontainer span.radiobtn {
    height: 100%;
    width: 100%;
    display: inline-block;
    background-color: #fff;
    margin: 0px;
    border: 1px solid #CCCCCC;
    text-align: center;
    font-size: 14px;
    padding: 10px;
    -webkit-transition : border 250ms ease-out;
    -moz-transition : border 250ms ease-out;
    -o-transition : border 250ms ease-out;
    transition : border 250ms ease-out;
}
.checkcontainer input:checked + span.radiobtn {
    border-color: #7C00C4 !important;
}
.checkcontainer input:checked ~ span.radiobtn {
    border-color: #7C00C4 !important;
}
.container-payment .pagewide-loader {
    top: 25%;
    left: 25%;
}
.container-payment .grey-block {
    background-color: #D8D8D8;
    padding: 20px;
}
.container-payment .grey-block b { 
    font-size: 15px;
}
.container-payment .grey-block b.services { 
    display: block;
    margin: 0px 0px 12px 0px;
}
.container-payment .grey-block .info { 
    font-size: 13px;
}
.container-payment .grey-block .price {
    font-size: 15px;
    color: #555;
    margin-top: 5px;
}
.container-payment .grey-block .price.total {
    margin-top: 0px;
}
.container-payment .grey-block .table-row {
    padding-bottom: 20px;
}
.container-payment .grey-block hr { 
    margin-top: 3px;
    margin-bottom: 20px;
}
.container-payment .btn-submit {
    font-size: 14px;
    margin-top: 20px;
    border-radius: 0px;
    padding: 0 15px;
    line-height: 40px;
}
.btn-submit.pin {
    background-color: #47A447;
}
.navbar .btn-submit.pin {
    width: 195px;
    display: inline-block;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 14px;
    border-radius: 0px;
    color: #fff;
    line-height: 40px;
    padding: 0 15px;
}
.container-payment .btn-submit.cash {
    background-color: #555555;
}
.container-payment .styled-checkbox label {
    margin-top: 0;
}
.container-payment .styled-checkbox label span {
    color: #555;
    font-size: 15px;
    font-weight: 500;
}
.container-payment .manual-discount {
    display: none;
}
.container-payment .manual-discount input[type=radio] {
    height: auto !important;
}
.container-payment .manual-discount textarea {
    height: 100px;
    margin-bottom: 0;
}

.quick-add-person input.form-control[readonly] {
    background-color: #fff;
}
.container-payment #filter-res-datepicker input {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    line-height: 40px!important;
}
.btn-izettle {
    height: 40px;
    color: #fff!important;
    font-size: 15px!important;
    line-height: 40px!important;
    font-weight: 500;
    border-radius: 0px;
    padding: 0 15px!important;
    background-color: #555!important;
    border: none;
    margin-top: 10px!important;
}
.nav-pin-btn {
    visibility: hidden;
}

/* POS updates */
.btn-search-email, .btn-search-yacht, .btn-search-lastname {
    background-color: #6D6D6D;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#userModal .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}
#userModal .vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}
#userModal .modal-content {
    width: inherit;
    max-width: inherit;
    height: inherit;
    margin: 0 auto;
    pointer-events: all;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#userModal .modal-header {
    padding: 25px;
}

#userModal h4 {
    color: #333333;
    font-size: 24px;
}

#userModal h5 {
    color: #7C00C4;
    font-size: 18px;
}

body.layout-switch #userModal h5 {
    color: #204393;
}

#userModal hr {
    border-top: 1px solid #dddddd;
}

#userModal .list-group-item {
    text-align: left;
    width: 100%;
    display: block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 15px;
    border: 1px solid #7C00C4;
}

body.layout-switch #userModal .list-group-item {
    border: 1px solid #204393;
}

#userModal .close {
    color: #333333;
    font-size: 40px;
    outline: none;
    opacity: 1;
}

#userModal .list-group {
    margin-bottom: 0;
}

#userModal .list-group-item hr {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
    #userModal .modal-dialog {
        width: 800px;
    }
}

.pos-license-plate,
.pos-yacht-length,
.pos-yacht-name {
    display: none;
}

.location-time-block-settings {
    display: none;
}

/* ========== START /fixedspots/add_holder/** ========== */
#add_holder-form {
    max-width: calc(100vw - 90px);    
}

#add_holder-form .row div[class^="col-"].padding-left-none {
    padding-left: 0;    
} 

#add_holder-form .row:not(:last-of-type) {
    margin-bottom: 16px;
}

#add_holder-form h1.col-heading {
    font-size: 20px;
}

#add_holder-form h2.col-heading {
    font-size: 15px;
}

#add_holder-form .radio-wrapper label,
#add_holder-form .checkbox-wrapper label {
    font-weight: 400;
    padding-left: 6px;
}

#add_holder-form input::placeholder {
    font-size: 12px;
}

#add_holder-form .btn-submit,
#add_holder-form .btn-submit {
    max-width: max-content;
    padding: 0 20px;
    float: right;
}

#add_holder-form .btn-submit.btn-back {
    float: left !important;
}

#add_holder-form .container.container-top-spacing {
    margin-top: 32px;
}

#add_holder-form textarea {
    resize: vertical;
    width: calc(100% - 15px);
}

#add_holder-form input[type='file']::-webkit-file-upload-button {
    height: 36px;
    width: 128px;
    background-color: #555555;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 14px;
    text-align: center;
    text-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
    margin-top: 20px;
}

#add_holder-form #file_upload_wrapper {
    width: 100%;
    min-height: 89px;
    padding: 16px 22px;
    background-color: #ffffff; 
    color: #939393;  
    border: 1px solid #cccccc;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#add_holder-form #file_upload_wrapper input {
    height: 77px;
}

#add_holder-form #file_upload_wrapper label {
    background-color: #555555;
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 14px;
    text-align: center;
    text-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
    padding: 10px 22px;
    margin: 0;
    display: none;
}

#add_holder-form .input-warning {
    color: #ff1010;
    font-size: 12px;    
}

#add_holder-form .input-with-icon {
    display: flex;
    align-items: center;
}

#add_holder-form .input-with-icon .input-icon-wrapper input {
    border: none;
}

#add_holder-form .input-with-icon .input-icon-wrapper {
    display: flex;
    align-items: center;
    margin-left: 10px; 
    border-radius: 2px;
    overflow: hidden;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16);   
}

#add_holder-form .input-with-icon .input-icon-wrapper .input-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 34px;
    width: 34px;
    background: #eeeeee; 
    border-right: 1px solid #cccccc;   
}

#add_holder-form .radios-wrapper {
    display: flex;
    align-items: center;
    column-gap: 17px;
}

#add_holder-form .radios-wrapper .radio-wrapper label {
    text-transform: uppercase;
}

#add_holder-form .btn-submit.btn-submit-disabled {
    cursor: not-allowed;
    opacity: .5;
}

#add_holder-form input[type='checkbox'],
#add_holder-form input[type='radio'] {
    accent-color: #7C00C4;
}

#add_holder-form .send-invoice-wrapper {
    display: flex;
    align-items: center;
    column-gap: 36px;
    justify-content: end;    
}

@media screen and (max-width: 991px) {
    .add-holder #add_holder-form #personal-business-details .btn-submit {
        float: left;
    }
}

.add-holder .d-flex {
    display: flex;
}

.add-holder .input-group-btn {
    width: fit-content;
}

.add-holder .input-group-btn button {
    max-height: 34px;
}
/* ========== END /fixedspots/add_holder/** ========== */