/** 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: #ec008c;
    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 {
    padding: 0;
    width: 90px;
    height: 60px;
    background-color: #343434;
    float: left;
}

.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 {
    background-color: #e6007f;
    transition: .4s;
}

.navbar-brand:hover, .navbar-brand:focus {
    background-color: #e6007f !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: #ec008c;
}

.dropdown-menu > li > a {
    margin-top: 0 !important;
}

/* Sidebar */
.container-sidebar {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 60px;
    background-color: #e6007f;
    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: #e0007c;
    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;
    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 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;
    -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-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;
    font-weight: 500;
    font-size: 14px;
    color: #9d9d9d;
}

.container-profile-subnav a:hover {
    color: #ec008c;
    text-decoration: none;
}

.container-profile-subnav a.sub-active {
    color: #ec008c;
}

/* 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: #ec008c;
}

.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: #ec008c;
    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: #ec008c;
}

.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 {
    width: 195px;
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.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;
    padding-bottom: 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: #ec008c;
    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: #ec008c;
    border-bottom-color: #ec008c;
}

#new-service-form .nav a:focus .caret {
    border-top-color: #ec008c;
    border-bottom-color: #ec008c;
}

#new-service-form .nav a:focus {
    color: #ec008c;
}

#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: #ec008c;
}

.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: #e6007f;
}

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 .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-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: #e6007f !important;
}

.checkcontainer input:checked ~ span.radiobtn {
    border-color: #e6007f !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, .btn-submit.btn-grey {
    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;
}

.container-payment .icy-locations-and-devices {
    display: none;
}

.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 {
    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, .centered-modal .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

#userModal .vertical-align-center, .centered-modal .vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

#userModal .modal-content, .centered-modal .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: #e6007f;
    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 #e6007f;
}

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;
}

.email-input-for-payment .input-group, .pos-yacht-name .input-group {
    width: 100%;
}