/*IMPORTING GOOGLE FONTS*/
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Thasadith:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@100;200;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Calistoga&family=Francois+One&family=Lilita+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Calistoga&family=Pacifico&family=Special+Gothic+Condensed+One&family=Thasadith:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&family=Silkscreen:wght@400;700&display=swap');



@view-transition {
    navigation: auto;
}

/*IMPORTING GOOGLE FONTS*/

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/****DEBUGGING CSS****/

/*div {border:1px solid black;}*/
div {border:none;}
/****DEBUGGING CSS****/


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


/*********************UNIVERSAL STYLINGS**********************************/
 
/********ROOT STUFFS*********/
:root{nav
    --color-blue-600: #00a1f1;
    --color-boaturblue: #00a1f1;
    /*--color-focus: var(--color-boaturblue);*/
    --color-focus: #00a1f100;
    --color-absolutezero: #fff0;
    --base-border-radius: 10px;
}

::selection {
  background: #ffffff00;
}

input,
textarea,
summary,
button,
select,
a {
    -webkit-tap-highlight-color: transparent;
}


body {
  -webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;
    word-wrap: unset !important;
    -webkit-hyphens: auto !important;
    hyphens: unset !important;
    
}

.draggable.drag-previous {
    background-color: #f19e00;
}

.draggable.drag, .draggable.drag:focus {
    background-color: #ffc65b;
}
/*****************************/

html {
    max-width: 1700px;
}

#edit-guest-signature {
        max-width: 500px;
    overflow: hidden;
}

#edit-host-signature{
        max-width: 500px;
    overflow: hidden;
}

html, body {
  overflow-x:clip;
  /*overflow-x:hidden*/;
    margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
 overscroll-behavior: none;
 
}

.slick-dots li button:before {font-size: .75rem !important;}

.slick__arrow {
display:none;
}

.content-header {
        background-color: #00a1f1;
}

h1 {
  font-size: 3.236em;
  color: #3b3b3b;
  font-family:'Calistoga', cursive, 'Bebas Neue', cursive;
}

body {
  background:none;
  overflow-x:clip;
  /*overflow-x:hidden*/;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

.page-wrapper *:focus, .ui-dialog *:focus {
    outline: none;
    box-shadow: none;
}

/********************TRIMMING INVISIBLE BLOCKS********************/
/*#block-block20enablejavascript-2 {height:0;}
#block-claro-block86sitenavigationprofiletab2 {height:0;} 
#block-claro-block83desktopmessagesbutton {height:0;}
*/
 

/********************TRIMMING INVISIBLE BLOCKS********************/


/***OFFLINE CONTENT***/

.view-offline #counter {
    font-family: "Silkscreen" !important;
    font-style: normal;
    letter-spacing: 0px;
    display: none;
    
}

.view-offline #record {
    font-family: "Silkscreen" !important;
    font-style: normal;
    letter-spacing: 0px;
    display: none;
    font-size: 70%;
    width: 100%;    
    
    
}


/***OFFLINE CONTENT***/


.content-header {
    position: relative;
    z-index: 9;
    width: 100%;
    top: 0;
}


#content h2 {
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 1.4;
    font-family: 'THASADITH';
}

body,
#site-slogan,
.ui-widget,
.comment-form label {
  font-family: 'THASADITH', Georgia, "Times New Roman", Times, serif;
  font-size:25px;
}

a, .link {
    color: #00a1f1;
}

#header,
#footer-wrapper,
#skip-link,
ul.contextual-links,
ul.links,
ul.primary,
.item-list .pager,
div.field-type-taxonomy-term-reference,
div.messages,
div.meta,
p.comment-time,
table,
.breadcrumb {
  font-family: 'THASADITH', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input,
textarea,
select,
a.button {
  font-family: 'THASADITH', "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}





.link {
    display: inline;
    padding: 0;
    cursor: pointer;
    text-decoration: none;
    border: 0;
    background: none;
    -webkit-appearance: none;
    appearance: none;
    color: #00a1f1;
    font-weight: bold;
}

li {
font-size:20px;
}

.button {
    display: inline-block;
    margin: var(--space-m) var(--space-s) var(--space-m) 0;
    padding: calc(var(--space-m) - 1px) calc(var(--space-l) - 1px);
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #f1fbff;
    border-radius: var(--button-border-radius-size);
    background-color: #00a1f1;
    font-size: var(--font-size-base);
    font-weight: 700;
    line-height: 1rem;
    -webkit-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased;
}

.button:hover {
    background-color: #008bd0;
}

.button--primary {
    color: var(--button-fg-color--primary);
    background-color: #00a1f1;
    border-radius: 10px;
    padding: 20px;
}

.button--primary:hover {
    color: var(--button-fg-color--primary);
    background-color: #008bd0;
}

.button--primary:active {
    color: var(--button-fg-color--primary);
    background-color: #008bd0;
}

.button--primary:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #00a1f1;
}

.button:focus {
    text-decoration: none;
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #00a1f1;
}

.button:not(:focus) {
 
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

a.button:hover, a.button:active {
    color: var(--button-fg-color);
}

a.button:focus{
     box-shadow: 0 0 0 2px #fff, 0 0 0 5px #00a1f1;
}   

.form-element:focus { 
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #00a1f1;
}

.form-element:hover:focus {
    box-shadow: 0 0 0 2px var(--color-white),0 0 0 5px #00a1f1,inset 0 0 0 var(--input-border-size) #246786;
}

.form-item__label.form-required::after, .fieldset__label.form-required::after {
    display: inline-block;
    margin-right: 0.15em;
    margin-left: 0.15em;
    content: "*";
    color: var(--color-maximumred);
    font-size: 1.5rem;
}

.tablesort--asc, [dir="rtl"] .tablesort--asc {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M5 .44L.719 4.718 1.78 5.78 4.25 3.313v7.937h1.5V3.312l2.469 2.47L9.28 4.718 5 .439z' fill='%23f1fbff'/%3e%3c/svg%3e");
} 

.tablesort--desc, [dir="rtl"] .tablesort--desc {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M4.25.75v7.938l-2.469-2.47L.72 7.282 5 11.561l4.281-4.28L8.22 6.22 5.75 8.687V.75h-1.5z' fill='%23f1fbff'/%3e%3c/svg%3e");
}


.sortable-heading > a::after {
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 0.875rem;
    height: 1rem;
    margin-top: -0.5rem;
    content: "";
    opacity: 0.5;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23f1fbff'/%3e%3c/svg%3e") no-repeat 50% 50%;
    background-size: contain;
}




.claro-details__summary {
    position: relative;
    box-sizing: border-box;
    padding: var(--space-m) var(--space-m) var(--space-m) var(--details-desktop-wrapper-padding-start);
    list-style: none;
    cursor: pointer;
    transition: background-color var(--details-bg-color-transition-duration) ease-in-out;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: var(--color-gray-800);
    border-radius: var(--size-summary-border-radius);
    background-color: transparent;
    background: #f1fbff;
    color: #246786;
    /***ADDED 8/21***/
    /*line-height: var(--space-m);*/
    line-height: 1.35rem;
/*    border: 2px solid #919297;*/
    border: 1px solid #b7cfdc;
    border-radius: 10px;


}



.claro-details__summary:hover {
    color: #246786;
    background-color: #f1fbff;
}

.claro-details[open] > .claro-details__summary:focus {
    color: #246786;
}
 
.claro-details {
    display: block;
    margin-top: var(--space-m);
    margin-bottom: var(--space-m);
    color: var(--color-text);
    border: var(--details-border-size) solid var(--details-border-color);
    background-color: var(--color-white);
    width: 50%;
    /***ADDED 8/21***/
    /*box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);*/
    border-radius: 10px;
    border: none;
    box-shadow: none;
    /***^ADDED 8/21^***/
}

.claro-details[open] > .claro-details__summary:focus {
    color: #246786;
    box-shadow: none;
    /***ADDED 8/21***/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
/*    border: 2px solid #919297;*/
    border: 1px solid #b7cfdc;
    /***^ADDED 8/21^***/    
}

.claro-details__summary:focus {
    box-shadow:none;
}
.claro-details__summary:active {
    box-shadow:none;
}

/***ADDED 8/21***/
.claro-details__wrapper {
    border: 1px solid #ededed;
    padding: 10px;
    margin: -2px 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
/*    border: 2px solid #919297;*/
    border: 1px solid #b7cfdc;
}



.claro-details[open] > .claro-details__summary {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}    


.form-element--type-select:focus {
    background-image: url('/drop_arrow.svg');
    background-repeat: no-repeat;
    background-position: 95%;
    background-size: 30px;
}

    .claro-details__wrapper .file-widget-multiple__table-wrapper {
        margin-inline: 10px;
    }

/***^ADDED 8/21^***/
    

.form-boolean--type-checkbox:checked{
    border-color: #00a1f1;
    background-color: #00a1f1;

}

.form-boolean--type-checkbox:hover{
     box-shadow: 0 0 0 2px #fff, 0 0 0 5px #00a1f1;   
}

#toolbar-administration, #toolbar-administration * {
    box-sizing: border-box;
    font-size: 13px;
}

#blocks tbody {
    font-size: 15px;
    font-weight:bold;
}

.tabs {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 0 var(--space-l) 0;
    border:none;
    box-shadow: var(--tabs-base-shadow);
}

.tabs__link {
    position: relative;
    display: flex;
    overflow: hidden;
    flex-grow: 1;
    align-items: center;
    box-sizing: border-box;
    min-height: var(--tabs-link-height);
    padding: var(--space-s) var(--space-l);
    text-decoration: none;
    line-height: 1.2rem;
    font-size: 1.5em;
    font-family: 'Calistoga';
    font-weight: normal;
    background: #00a1f1;
    color:#fff;
    border-radius: 10px;
}

.tabs__link.is-active {
    z-index: 1;
    flex-grow: 1;
    color: #3d3d3d;
    background: #f1fbff;
    font-family: 'Calistoga';
    font-weight: normal;
    font-size: 1.5em;
    border-radius: 10px;
    color: #246786;
 
}

.is-horizontal .tabs {
    margin-bottom:  -7px;
}    

.is-horizontal .tabs__link {
    padding-right: 2rem;
    padding-left: 2rem;
    margin-left: 0.15rem;
    margin-right: 0.15rem;
    border-radius:10px;
}

.is-horizontal .tabs__link:hover {
    color: #3d3d3d;
    background: #cef0ff;
}

.is-horizontal .tabs--primary .tabs__link:focus {
    margin-left: 0.15rem;
    margin-right: 0.15rem;
    box-shadow: 0px 1px 4px 0 #000;
    border-radius:10px;
}

.tabs-wrapper {
    display: flex;
    justify-content: flex-end;
}

.tabs__tab {
    position: relative;
    border-bottom: var(--tabs-base-border);
    background-color: var(--color-gray-025);
    font-size: var(--font-size-s);
    font-weight: bold;
    border-radius: 10px;
}

.tabs__tab.is-active {
    display: flex;
    justify-content: space-between;
    background-color: var(--color-white);
    box-shadow: var(--tabs-base-shadow);
    border-radius: 10px;
}

.form-item__label {
    display: table;
    margin-top: calc(var(--space-xs) / 2);
    margin-bottom: calc(var(--space-xs) / 2);
    font-size: var(--font-size-s);
    font-weight: bold;
    line-height: var(--line-height-form-label);
    font-size: 25px;
    padding-bottom: 10px;
    padding-top: 20px;
}
 
.form-element {
    box-sizing: border-box;
    max-width: 100%;
    min-height: calc(((var(--input-padding-vertical) + var(--input-border-size)) * 2) + var(--input-line-height));
    padding: var(--input-padding-vertical) var(--input-padding-horizontal);
    color: var(--input-fg-color);
    border: var(--input-border-size) solid var(--input-border-color);
    border-radius: var(--input-border-radius-size);
    /*background: var(--input-bg-color);*/
    /*font-size: var(--input-font-size);*/
    line-height: var(--input-line-height);
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-radius: 10px;
    font-size: 25px;
    /***ADDED 8/21***/
    /*box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);*/    
/*    border: 2px solid #919297;*/
    border: 1px solid #b7cfdc;
    background: #fff;
    color: #000;
    /***^ADDED 8/21^***/    
}

.form-actions .button, .form-actions .action-link {
    margin-top: 90px;
    margin-bottom: var(--space-m);
    width: fit-content;
    font-size: 1.75rem;
    padding: 25px;
    margin-right: auto;
}

.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {
    z-index: 3;
    color: #008bd0;
    border-color: var(--vertical-tabs-border-color) transparent;
    background-color: var(--color-white);
    box-shadow: var(--vertical-tabs-shadow);
}

.vertical-tabs__menu-link:hover {
    text-decoration: none;
    color: #008bd0;
}


/*div.fivestar-rating-wrapper > div > label, div.fivestar-rating-wrapper > div > label.empty {
    color: #FFC107;
}*/

div.fivestar-rating-wrapper > div > div.rating-option-result {
    width: 100%;
    display: flex;
    margin-right: 25px;
    text-align: center;
    padding: 14px 22px;
    background-image: url(https://boatur.com/rating.svg);
    background-repeat: no-repeat;
    background-position: /*45px 0px*/ 48px 50%;
    background-size: 25px;
    padding-right: 40px !important;
    padding-left: 10px !important;

}

.rating-table-tr {
    background: #fff0;
}

.rating-table-tr:focus{
    background:none;
}

.rating-table-tr:hover{
    background:none;
}

.rating-table{
    border-collapse: inherit;
}


     #block-views-block-vessel-info-2-block-1 .views-table tr:focus{
    background:none;
} 

     #block-views-block-vessel-info-2-block-1 .views-table tr:hover{
    background:none;
}
     #block-views-block-vessel-info-2-block-1 p { margin-top: -15px;/* margin-bottom: 20px;*/}

.tip {
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    padding: 183px 30px 10px 30px;
    border-radius: 10px;
    position: relative;
    width: 80vw;
    background-color: #f1fbff;
    background-image: url(/Ahoy.svg);
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: 50% 5%;
    text-align: center;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30% /*-20%*/;
}

.tip h4 {
    font-family: 'Thasadith';
    font-size: 1.5rem;
    color: #236685;
    font-weight: bold;
}

.tip-3 {
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    padding: 183px 30px 42px 30px;
    border-radius: 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 30%;
    left: 0%;
    background-color: #dbf1ff;
    background-image: url(Ahoy.svg);
    background-size: 180px;
    background-repeat: no-repeat;
    background-position: 50% 5%;
    text-align: center;
}

.tip-3 h4 {
    font-family: 'Calistoga', cursive,'Francois One', sans-serif, 'Pacifico';
    font-size: 45px;
    margin-top: 70px;
    color: #236685;    
}

.tip-5 {
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    padding: 183px 30px 8px 30px;
    border-radius: 10px;
    position: relative;
    width: 80vw;
    background-color: #f1fbff;
    background-image: url(/Ahoy.svg);
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: 50% 5%;
    text-align: center;
    margin-top: -125px;
    margin-left: auto;
    margin-right: auto;
}

.tip-5 h4 {
    font-family: 'Thasadith';
    font-size: 1.5rem;
    color: #236685;
    font-weight: bold;
}


#block-views-block-vessel-ratings-block-1 div.fivestar-rating-wrapper > div > div.rating-option-result {
display:none;
}
#block-views-block-vessel-ratings-block-1 div.fivestar-rating-wrapper > div > label::before {
font-size:.75em;
}



.node--unpublished {    
    
    background-color: #f1a60047;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    border-radius: 10px;
    padding: 5px 10px;
}


.node--unpublished #vessel_pending {
    
    text-align: center;
    padding: 20px;
    font-size: 120%;
    font-family: 'calistoga';
}

.node--unpublished  #vessel_pending_2 {
    
    font-size: 100%;
    padding: 20px;
}


/******************LISTING PAGE************************/

 #block-block79stripemobile {display:none;}  

#edit-field-listing-slide-wrapper .no-touchevents .form-element--type-select.form-element--extrasmall, .no-touchevents .form-element--type-select[name$="][_weight]"] {
    display:none;

}


#edit-field-listing-slide-wrapper .form-element--type-select[name$="][_weight]"] {
    display:none;

}


#edit-field-listing-slide-table .form-managed-file__meta-items{
    display:none;
}
#edit-field-display-image-wrapper .form-managed-file__meta-items{
    display:none;
}






#edit-field-listing-slide-wrapper  .tabledrag-toggle-weight {display:none;}


#edit-stripe-payment-gateway {
    position: relative;
    /*margin-top: 33%;*/
}


.form-item--stripe-payment-gateway {
    background: #00ffc045;
    padding: 0 5% 5% 5%;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    /*margin-top:-155px;*/
    display:none;
}



.form-item--stripe-payment-gateway label {
    position: relative;
    /*margin-top: 33%;
    margin-bottom: -33%;*/
    display: block;
    text-align: center;
    padding: 7%;
}

.form-item--stripe-payment-gateway .StripeElement {
    border:none;

}    

#edit-field-vessel-state-registration-wrapper .claro-details {
 
    width: 100%;
    max-width: 630px;
}
#edit-field-listing-slide-wrapper .claro-details {
 
    width: 100%;
    max-width: 630px;
}


#edit-field-display-image-wrapper .claro-details {
 
    width: 100%;
    max-width: 630px;
}


/***********************PRIMARY TABS MENU*************************/


#block-views-block-primary-tabs-block-1 {
    position: relative;
    margin-top: 2rem;
    margin-bottom: 5rem;
    display: block;
    left: 0;
    text-align: center;
}


#block-views-block-primary-tabs-block-1 .views-field-view-node {
    font-size: 1.5rem;
    font-family: 'calistoga';
    text-decoration: none;
    background: #00a1f1;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    margin: .3rem;
}
#block-views-block-primary-tabs-block-1 .views-field-view-node:hover {
    background: #008bd0;
}

#block-views-block-primary-tabs-block-1 .views-field-view-node a{
   text-decoration: none;
   color: #fff;
   padding:10px; 
}

#block-views-block-primary-tabs-block-1 .views-field-edit-node {
    font-size: 1.5rem;
    font-family: 'calistoga';
    text-decoration: none;
    background: #00a1f1;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    margin: .3rem;
}
#block-views-block-primary-tabs-block-1 .views-field-edit-node:hover {
    background: #008bd0;
}

#block-views-block-primary-tabs-block-1 .views-field-edit-node a{
   text-decoration: none;
   color: #fff;
   padding:10px; 
}
 
 /****************************************/
 
#block-views-block-duplicate-of-bio-block-1 {
    position: relative;
    margin-top: 5rem;
    margin-bottom: 10rem;
    display: block;
    left: 0;
    text-align: center;
}


#block-views-block-duplicate-of-bio-block-1 .views-field-view-user {
    font-size: 1.5rem;
    font-family: 'calistoga';
    text-decoration: none;
    background: #00a1f1;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    margin: .3rem;
}
#block-views-block-duplicate-of-bio-block-1 .views-field-view-user:hover {
    background: #008bd0;
}

#block-views-block-duplicate-of-bio-block-1 .views-field-view-user a{
   text-decoration: none;
   color: #fff;
   padding:10px; 
}

#block-views-block-duplicate-of-bio-block-1 .views-field-edit-user {
    font-size: 1.5rem;
    font-family: 'calistoga';
    text-decoration: none;
    background: #00a1f1;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    margin: .3rem;
}
#block-views-block-duplicate-of-bio-block-1 .views-field-edit-user:hover {
    background: #008bd0;
}

#block-views-block-duplicate-of-bio-block-1 .views-field-edit-user a{
   text-decoration: none;
   color: #fff;
   padding:10px; 
}
 
 
 
 

/***********************PRIMARY TABS MENU*************************/
 
 
 
 
 
 
    
/***REVIEW SECTION***/

.comment__meta a:nth-child(3)  {display:none;}
.permalink {display:none;}


/*
#node-listing-field-review-section .comment-form__title {display:none;}
#node-listing-field-review-section .comment__submitted  {display:none;}
#node-listing-field-review-section .content  {display:none;}


#node-listing-field-review-section .comment-wrapper article {
    background: #f1fbff;
    border-radius: 10px;
     box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    padding: 5px 20px;
    margin: 50px 0;
    display:none;
}

#node-listing-field-review-section .comment-wrapper article .profile {display:none;}

#node-listing-field-review-section .comment-wrapper article mark {
 background: red;
    font-size: 0;
    position: absolute;
    height: 1rem;
    width: 1rem;
    border-radius: 10px;

display:none;
}

#node-listing-field-review-section {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #f1fbff;
    padding:20px;
}

#node-listing-field-review-section h2 {
    font-weight: normal;
    text-align: center;
    font-size: 2rem;
    font-family: 'calistoga';
    width: 100%;
    display: grid;
}


#node-listing-field-review-section label {
    font-size:1.25rem;
    color:#246786;
}

#node-listing-field-review-section .form-submit {
    margin-top: 20px;
    padding:15px;
    
}

#node-listing-field-review-section textarea {
    font-size: 1.1rem;
    text-align: justify;
}

*/


.field--name-field-review-section .comment-form__title {display:none;}
.field--name-field-review-section .comment__submitted  {display:none;}
.field--name-field-review-section .content  {display:none;}


.field--name-field-review-section .comment-wrapper article {
    background: #f1fbff;
    border-radius: 10px;
    /* box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); */
    padding: 5px 20px;
    margin: 50px 0;
    display:none;
}

.field--name-field-review-section .comment-wrapper article .profile {display:none;}

.field--name-field-review-section article mark {
/*    background: red;
    font-size: 0;
    position: absolute;
    height: 1rem;
    width: 1rem;
    border-radius: 10px;
*/
display:none;
}

.field--name-field-review-section {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #f1fbff;
    padding: 20px;
    position: relative;
    margin-top: -150px;
    width: 110%;
    position: relative;
    left: -5%;
}

.field--name-field-review-section h2 {
    font-weight: normal;
    text-align: center;
    font-size: 2rem;
    font-family: 'calistoga';
    width: 100%;
    display: grid;
}


.field--name-field-review-section label {
    font-size:1.25rem;
    color:#246786;
}

#comment-form .form-submit {
    margin-top: 15px;
    padding:15px;
    
}

.field--name-field-review-section textarea {
    font-size: 1.1rem;
    text-align: left;
}





#block-views-block-vessel-comments-block-1 {
    background: #f1fbff;
    padding: 25px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: -30px;
    width: 110%;
    position: relative;
    left: -5%;
}

#block-views-block-vessel-comments-block-1 .views-view-responsive-grid__item {
    padding: 10px;
    margin: 30px 0;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    background:#fff;
}



#block-views-block-vessel-comments-block-1 .review-review {
    font-size: 1.1rem;
    font-weight: bold;
    color: #3d3d3d;
    border-bottom: 2px solid #adadad;
    text-align: left;
    padding: 5px 5px 30px 5px;
    letter-spacing: 0.2px;
}



#block-views-block-vessel-comments-block-1 .review-author a {
    font-size: 1.2rem;
    font-weight: bold;
    text-decoration: none;
}

#block-views-block-vessel-comments-block-1 .review-date {
    font-size: .8rem;
    font-weight: bold;
    position: relative;
    display: flex;
}

#block-views-block-vessel-comments-block-1 .verified-booking-tag {
    position: relative;
    font-size: 65%;
    padding: 1px 10px 3px 30px;
    color: white;
    background: #00a1f1;
    text-align: left;
    border-radius: 50px;
    font-weight: bold;
    background-image: url(https://boatur.com/check-bullet_tc.svg);
    background-repeat: no-repeat;
    background-size: 11.5%;
    background-position: 4% 50%;
}

/*#block-views-block-vessel-comments-block-1 .vessel-host-tag {
    position: relative;
    font-size: 1rem;
    color: white;
    background: #06cc89ff;
    background-image: url(https://doc3.trinota.com/BOATUR/DARK-check-bullet.svg);
    text-align: left;
    border-radius: 50px;
    font-weight: bold;
    background-repeat: no-repeat;
    padding: 1px 10px 3px 30px;
    background-size: 17px;
    background-position: 5px 4px;
    
}
*/

#block-views-block-vessel-comments-block-1 .vessel-host-tag {
    position: relative;
    font-size: 65%;
    color: white;
    background: #246786;
    background-image: url(https://boatur.com/DARK-check-bullet_d10.svg);
    text-align: left;
    border-radius: 50px;
    font-weight: bold;
    background-repeat: no-repeat;
    padding: 1px 10px 3px 30px;
    background-size: 14.5%;
    background-position: 6% 50%;
}


#block-views-block-vessel-comments-block-1 .user-id{
    display:none;
}


#edit-field-add-new-review-wrapper .form-item__label.form-required::after, .fieldset__label.form-required::after {
    display: none;
}


.page-node-type-listing .field--name-field-bookable-status {
    position: fixed;
    z-index: 9999;
    top: 15rem;
    background: #ff9a007a;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    text-align: right;
    backdrop-filter: blur(5px);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

/***REVIEW SECTION***/


/**********CREATE / EDIT LISTING PAGE**********/

/***QR CODE GENERATOR***/

#block-views-block-qr-info-block-1 {
    position: relative;
    margin-top: -10rem;
    margin-bottom: 5rem;
    z-index:1;
} 
 
#block-views-block-qr-info-block-1 #qrcode {
    position: relative;
    transform: scale(1);
    left: 0;
    width: 100%;
    display: block;
    margin-bottom: 4%;
    text-align: center;
}

#block-views-block-qr-info-block-1 #qr-label h1 {
    text-align: center;
    font-size: 1.5rem;
}

#block-views-block-qr-info-block-1 #qr-label p {
    text-align: justify;
    font-size: 1.2rem;
    margin-top: 2rem;
    font-weight: bold;
    color: #3d3d3d;
    background: #eee8a9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

#block-views-block-qr-info-block-1 #qr-label p .tooltip {
    position: relative;
    display: block;
    text-align: center;
    font-weight: bold;
    color: #246786;
    margin-top: -10px;
    text-decoration: overline;
    margin-bottom: 15px;
}

#block-views-block-qr-info-block-1 #qr-label p .tooltip .tooltiptext {
/*    visibility: hidden;
    background-color: #3d3d3d;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    /*left: 0;*/
/*    opacity: 0;
    transition: opacity 0.3s;
    padding: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-size: 1.1rem;
    margin-left: -242px;
    width: 500px;
*/
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    padding: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-size: 1.1rem;
    width: 500px;
    background-color: #555;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -250px;

    
}

#block-views-block-qr-info-block-1 .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    margin-left: 48%;
    border-width: 5px;
    border-style: solid;
    border-color: #3d3d3d transparent transparent transparent;
}

#block-views-block-qr-info-block-1 #qr-label p .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}



/********************************/

.ls_apprv_tooltip {
    background: #00a1f1;
    position: relative;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.37) 0px 1px 4px 0px;
    border-radius: 10px;
    font-size: 20px;
    padding: 10px 20px;
    color: #fff;
    line-height: 30px;
}

.ls_apprv_tooltip .ls_apprv_tooltiptext {
    visibility: hidden;
    width: 120%;
    background-color: #555;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60%;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 17px;
    padding: 15px;
    line-height: 22px;
}
.ls_apprv_tooltip .ls_apprv_tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.ls_apprv_tooltip:hover .ls_apprv_tooltiptext {
  visibility: visible;
  opacity: 1;
}

#block-block58userqrcreator {
/*    position: relative;
    margin-top: -700px;
    margin-bottom: 540px;
    
*/  position: relative;
    top: -135px;
    margin-top: -720px;
    margin-bottom: 350px;
    height: 300px;    
    visibility:hidden;
    z-index:0;
    
}


/***QR CODE GENERATOR***/

/**********CREATE / EDIT LISTING PAGE**********/

.form-item--stripe-payment-gateway .form-item__label {
    line-height: 32px;

}

/******************LISTING PAGE************************/


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/



/*****************MESSAGING PAGE***********************/
    
  #privatemsg-messages #edit-table  {/*font-size:1.25rem;*/}
  #privatemsg-messages #edit-table .msgs td:nth-child(1) a {
    text-decoration:none; 
    font-weight:bold; 
    font-size:75%;}
  #privatemsg-messages #edit-table .msgs td:nth-child(2) {
    font-size: 75%;
    font-weight: bold;
    color: #7d7d7d;}
  
  #privatemsg-messages #edit-table th:nth-child(1) {
    border-top-left-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    background: #246786;
    color: white;
    font-family: 'calistoga';
    font-weight: normal;
    font-size: 100%;
}

  #privatemsg-messages #edit-table th:nth-child(2) {
    border-top-right-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    background: #246786;
    color: white;
    font-family: 'calistoga';
    font-weight: normal;
    font-size: 100%;
}

#privatemsg-messages .marker {
/*    font-size:0;
    color:#fff0;
*/

    color: #fff0;
    background: red;
    border-radius: 100px;
    height: 10px;
    display: inline-grid;
    width: 10px;
    align-items: stretch;
    align-content: space-evenly;

}

#btr_msgng {
        font-family: 'calistoga';
}

#btr_ntfy .privatemsg-unread-thread {
    font-size: 0;
    height: 1rem;
    width: 1rem;
    border-radius: 30px;
    background: red;
    position: absolute;
    top: 18%;
    right: 30%;
    margin-bottom: -.9rem;
    border: 3px solid #00a1f1;
}

#btr_ntfy .privatemsg-unread-thread td { display:none;}
#btr_ntfy2 .privatemsg-unread-thread td { display:none;}


.privatemsg-view-message #edit-messages{
    box-shadow: none;
    border: none;
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: 0;
}


.privatemsg-view-message .fieldset__label {
    border-bottom: 1px solid #C5C5C5;
    font-size: .9rem;
    padding: 5px 7px;
}

.privatemsg-message-column {
    background: rgb(238, 238, 238);
    margin-right: -10px;
    float: right;
    overflow: visible;
    width: 100%;
    margin-bottom: 2rem;
    font-size: 1rem;
    font-weight: bold;
    padding: 15px;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}


.privatemsg-author-name a {
    color: #246786;
    text-decoration: none;
    font-size: 1rem;
    font-weight: bold;
 
}


.privatemsg-message-date{
    color: #246786;
    font-size: 0.75rem;
    float: right;
    position: relative;
    top: -5px;
    font-weight: bold;
    padding: 0 5px;
    border-radius: 10px;
}


.privatemsg-message-body {
    margin-bottom: 10px;
    color: #3d3d3d;
    font-size: 1.2rem;
    letter-spacing: .02rem;
}

.privatemsg-message-information {
    width: 100%;
}

#privatemsg-view-message {
    max-width: 400px;
    margin-left:auto;
    margin-right:auto;
    
}

#privatemsg-view-message #edit-submit {
    margin-top:20px;
    padding:15px;
    margin-bottom: -300px;
}


.privatemsg-message-new {
    display:none;
}


/*****************MESSAGING PAGE***********************/




/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/



/*****************VOYAGE PORTAL***********************/

#block-views-block-guest-voyages-block-1 {
    margin-right: auto;
    position: relative;
    left: 0;
    display: block;
    margin-left: auto;
    width: 100%;
    margin-bottom: 12%;
}

#myvoyages caption {
    text-align: center;
    font-size: 128%;
    font-family: 'calistoga';
    border-top: 1px solid #adadad;
    color: #3d3d3d;
    margin-bottom: 5%;
    margin-top: 5%;
    padding-top: 5%;

}


#block-views-block-guest-voyages-block-1 .voyages-itinerary-title {
    font-size: 70%;
    text-align: center;
    background: #246786;
    color: #fff;
    font-family: 'Calistoga';
    font-weight: normal;
}

#block-views-block-guest-voyages-block-1 .voyages-depart-title {
    border-top-left-radius:10px;
    
} 

#block-views-block-guest-voyages-block-1 .voyages-info-title {
    border-top-right-radius:10px;
    
} 

#block-views-block-guest-voyages-block-1 .voyages-depart {
    font-size: .9rem;
    font-weight: bold;
    text-align:center;
}


#block-views-block-guest-voyages-block-1 .voyages-arrival {
    font-size: .9rem;
    font-weight: bold;
    text-align:center;
}

#block-views-block-guest-voyages-block-1 .voyages-info {
    text-align:center;
}


#block-views-block-guest-voyages-block-1 .voyages-info a {
    font-size: .75rem;
    font-weight: bold;
     
    /*background: #00a1f1;*/
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    text-align:center;
}


#block-views-block-guest-voyages-block-1 .voyages-info .cntct_btn:hover {
    background: #99e500;    
}


#upcoming_voyage {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    position: fixed;
    top: 82%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12rem;
    background: #7d7d7d;
    color: #fff;
    padding: 5px 20px;
    font-weight: bold;
    font-size: 1.2rem;
    border-radius: 40px;
    z-index:999;
}


#block-views-block-vessel-ratings-block-1 {
/*    margin-top: -100px;
    margin-bottom: -150px;*/
    margin-top: 100px;
}


#block-views-block-vessel-ratings-block-1 .views-view-responsive-grid__item {
    margin-top:-7rem;
    margin-bottom: 50px; 
}

#block-views-block-vessel-ratings-block-1 .field-content img {
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

#block-views-block-vessel-ratings-block-1 .booked-vessel-title {
    font-size: 0;
    font-weight: bold;
    color: #246786;
}
#block-views-block-vessel-ratings-block-1 .views-field-title {
    margin-bottom: 20px;
    line-height: 1.15rem;
}
#block-views-block-vessel-ratings-block-1 .views-field-webform-submission-rate-widget-field{
    margin-top: -85px;
}


#block-views-block-vessel-ratings-block-1 div.fivestar-rating-wrapper > div > label.average {
    color: #dddddd;

}

#rt_vs_titl {
    font-size:1.15rem;
    font-family: 'calistoga';
    color:#3d3d3d;
}


.booked-vessel-uid {
   font-size:  0;
}


/****BOATUR STATUS MESSAGES****/
/*
.path-voyage-portal .messages-list {
    margin-top: 0;
    margin-bottom: 0;
}

*/

.messages-list {
    bottom: 10%;
    padding: 0;
    list-style: none;
    animation: msg_ntfy 3s 1 linear forwards;
    position: fixed;
    z-index: 999999;
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
    margin-bottom: 30px;
}

 @keyframes msg_ntfy {
  0% {opacity:0;}
  25% {opacity:1;}
  40% {opacity:1;}
  50% {opacity:1;}
  75% {opacity:.95;}
  100% {opacity:0; visibility:hidden;}
}

.messages--status {
    border-color: #00a1f1;
}



.page-node-type-listing .messages-list {
    bottom: 10%;
    padding: 0;
    list-style: none;
    animation: msg_ntfy 3s 1 linear forwards;
    position: fixed;
    z-index: 999999;
    width: 81%;
    max-width: 635px;
    margin-right: auto;
    font-size: 1rem;
    margin-bottom: 30px;
}

.messages-list .messages-list__wrapper {
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

.messages-list .messages {
    border-width: 0 0 0 7px;
}


.messages-list .messages--error .messages__header {
    display:none; 

}

.messages-list .messages--error .messages__content {
    font-weight: bold;
    font-size: 150%;
}



.messages-list .messages--status .messages__header {
    display:none; 

}

.messages-list .messages--status .messages__content {
    font-weight: bold;
    font-size: 150%;
}

.messages--warning {
    border-color: #f19e00;
    border-width: 0 0 0 7px;
    font-size: 100%;
    font-weight: bold;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
} 

#edit-field-listing-slide-ajax-wrapper .claro-details__wrapper .file-widget-multiple__table-wrapper > :not(table) {
    margin-right: unset;
    margin-left: unset;
}

 


/****BOATUR STATUS MESSAGES****/



/**********ARCHIVED VOYAGES**********/

.path-voyage-archives .archived-voyage-itinerary-title {
    font-size: 14px;
    text-align: center;
    background: #246786;
    color: #fff;
    font-family: 'Calistoga';
    font-weight: normal;

}

.path-voyage-archives .archived-voyage-booked-title {
    border-top-left-radius: 10px;
}

.path-voyage-archives .archived-voyage-status-title {
    border-top-right-radius: 10px;
}

.path-voyage-archives .archived-voyage-booked {
    /*font-size: .8rem;*/
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.path-voyage-archives .archived-voyage-bkngn {
    font-size: .14px;
    font-weight: bold;
    text-align: center;
}

.path-voyage-archives .archived-voyage-status {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.path-voyage-archives .view-display-id-attachment_1 { 
    /*box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    padding: 5px 20px;
    background: #f1fbff;
    border-radius: 10px;
    */
}

.path-voyage-archives #slick-views-voyage-archives-attachment-attachment-1-1 img {
    border-radius: 10px;
    /*box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);*/
}

.path-voyage-archives #slick-views-voyage-archives-attachment-attachment-1-1 a {
    font-size: 1.25rem;
    text-decoration: none;
    font-weight: bold;
}

.path-voyage-archives .voyages-info {
    text-align:center;
}


.path-voyage-archives .voyages-info a {
    font-size: 14px;
    font-weight: bold;
    color: white;
    background: #00a1f1;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    text-align:center;
}

.path-voyage-archives .voyages-info a:hover {
    background:#008bd0;
}    

/**********ARCHIVED VOYAGES**********/


/**********VOYAGE/BOOKING SUBMISSIONS**********/

/*#bkng_num{
    background: #eee8a9;
    color: #246786;
    font-weight: bold;
    font-size: 100%;
    width: fit-content;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    margin-bottom:5%;
}*/

#bkng_num{
background: #eee8a9;
    color: #246786;
    font-weight: bold;
    font-size: 100%;
    max-width: 230px;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    margin-bottom: 5%;
    word-break: break-all;
    display: table;
}

/*#vessel_link{
    background: #00a1f1;
    color: #fff;
    border-radius: 10px;
    font-weight: bold;
    font-size: 80%;
    text-decoration: none;
    padding: 5px;
}*/
#vessel_link {
background: #00a1f1;
    color: #fff;
    border-radius: 10px;
    font-weight: bold;
    font-size: 80%;
    text-decoration: none;
    padding: 5px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    display: inline-flex;
    max-width: 100%;
    justify-content: space-evenly;
    word-break: break-word;
}

#vessel_link:hover{
 background: #008bd0;
 text-decoration:none;
 box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    
}



/**********VOYAGE/BOOKING SUBMISSIONS**********/





/*****************VOYAGE PORTAL***********************/


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/



/*****************HOST PORTAL***********************/


#block-views-block-duplicate-of-guest-voyages-block-1 {
    margin-right: auto;
    position: relative;
    left: 0;
    display: block;
    margin-left: auto;
    width: 100%;
    margin-top: -7rem;
}

#myvoyages caption {
    text-align: center;
    font-size: 2rem;
    font-family: 'calistoga';
    border-top: 1px solid #adadad;
    color: #3d3d3d;
    margin-bottom: 1rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
}


#block-views-block-duplicate-of-guest-voyages-block-1 .voyages-itinerary-title {
    font-size: 1.1rem;
    text-align: center;
    background: #246786;
    color: #fff;
    font-family: 'Calistoga';
    font-weight: normal;
}

#block-views-block-duplicate-of-guest-voyages-block-1 .voyages-depart-title {
    border-top-left-radius:10px;
    
} 

#block-views-block-duplicate-of-guest-voyages-block-1 .voyages-info-title {
    border-top-right-radius:10px;
    
} 

#block-views-block-duplicate-of-guest-voyages-block-1 .voyages-depart {
    font-size: .9rem;
    font-weight: bold;
    text-align:center;
}


#block-views-block-duplicate-of-guest-voyages-block-1 .voyages-arrival {
    font-size: .9rem;
    font-weight: bold;
    text-align:center;
}

#block-views-block-duplicate-of-guest-voyages-block-1 .voyages-info {
    text-align:center;
}


#block-views-block-duplicate-of-guest-voyages-block-1 .voyages-info a {
    font-size: .9rem;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    text-align:center;
}

#block-views-block-duplicate-of-guest-voyages-block-1 .voyages-info .remind_btn {
    background:#a1f100
}

#block-views-block-duplicate-of-guest-voyages-block-1 .voyages-info .remind_btn:hover {
    background: #99e500;
}

#upcoming_voyage {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    position: fixed;
    top: 82%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12rem;
    background: #7d7d7d;
    color: #fff;
    padding: 5px 20px;
    font-weight: bold;
    font-size: 1.2rem;
    border-radius: 40px;
    z-index:999;
}

 
#block-block34addnewlisting #create_listing {
    background: #00a1f1;
    color: white;
    text-decoration: none;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    padding: 5px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 75%;
    position: absolute;
    top: 250px;
    right: 6%;
}

#block-block34addnewlisting #create_listing:hover {
background: #008bd0;
text-decoration:none;



}
 




/**********HOST FLEET**********/


#block-views-block-fleet-hostportal-block-1 { 
    position: relative;
    margin-top: 200px;
    margin-bottom: 150px;
    max-width: 80%;
    left: 50%;
    margin-left: -40%;
}

#block-views-block-fleet-hostportal-block-1 h2{
    text-align: center;
    font-size: 2rem;
    font-family: 'calistoga';
    border-top: 1px solid #adadad;
    color: #3d3d3d;
    margin-bottom: 1rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    font-weight: normal;
}


#block-views-block-fleet-hostportal-block-1 img{
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

#block-views-block-fleet-hostportal-block-1 .views-field-title {
    text-align: center;
    margin-top:0;
     z-index:1;
    font-weight:bold;
    color: #246786;
    
}

#block-views-block-fleet-hostportal-block-1 .views-field-title a{
    font-weight: bold;
    text-decoration: none;
    color: #246786;
    text-align: center;
    font-size: 75%;
}

#block-views-block-fleet-hostportal-block-1 .views-field-title:hover{ 
    box-shadow: inset 0px -1px 1px 1px rgba(0,0,0,.37);
    border-radius: 10px;
    transform: scale(.98);
    background: #eeeeee7a;
    padding:5px;
    transition-duration: .25s;
}

#block-views-block-fleet-hostportal-block-1 .views-field-edit-node {
    text-align: center;
    margin-top: 0;
    z-index:1;
 
}



#block-views-block-fleet-hostportal-block-1 .views-field-edit-node a {
    font-size: 75%;
    font-weight: bold;
    color: white;
    background: #00a1f1;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    text-align: center;
}

#block-views-block-fleet-hostportal-block-1 .views-field-edit-node a:hover {
    background: #008bd0;
}    


#block-views-block-fleet-hostportal-block-1 .stripe-link {
    width: fit-content;
    background: #00a1f1;
    position: relative;
    display: block;
    margin-top: 10%;
    font-size: 81%;
    text-align: center;
    margin-bottom: 10%;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    padding: 5px 10px;
    
}


#block-views-block-fleet-hostportal-block-1 .stripe-link a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    
}

#block-views-block-fleet-hostportal-block-1 .stripe-link:hover {
    background: #008bd0;
}    



#block-views-block-fleet-hostportal-block-1 .views-field-field-bookable-status-1 {
    margin-top: -12%;
    text-align: center;
}

#block-views-block-fleet-hostportal-block-1 .views-field-field-bookable-status-1 .bookable-status {
    font-size: 100%;
    background: #f10000;
    margin-left: auto;
    margin-right: auto;
    padding: 2px 5px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    margin-top: 15%;
    z-index: 9999;
    display: block;
    position: relative;
    
}




#block-views-block-fleet-hostportal-block-1 .views-field-field-bookable {
    margin-top: -10%;
    text-align: center;
}

#block-views-block-fleet-hostportal-block-1 .views-field-field-bookable .bookable-status {
    font-size: 100%;
    background: #f10000;
    margin-left: auto;
    margin-right: auto;
    padding: 2px 5px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    margin-top: 15%;
    z-index: 9999;
    display: block;
    position: relative;
    
}


#block-views-block-fleet-hostportal-block-1 .vessel-status {
    margin-top: 3%;
    text-align: center;
}

#block-views-block-fleet-hostportal-block-1 .vessel-pending {
    color: #000;
    background: #f1a600;
    z-index: 9999;
    font-size: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 2px 5px;
    border-radius: 10px;
    font-weight: bold;
    display: block;
    position: relative;
}



#block-views-block-fleet-hostportal-block-1 .views-view-responsive-grid__item {
 
    display: grid;
    align-content: space-around;
    height: fit-content;
    margin-top: 0px;
    margin-bottom: 0px;
}

#block-views-block-fleet-hostportal-block-1 .views-view-responsive-grid__item-inner {
    display: grid;
    align-content: normal;
    justify-content: start;
    grid-auto-rows: unset;
    align-items: center;
    grid-template-rows: unset;
    margin-bottom:40px;
}

#block-views-block-fleet-hostportal-block-1 .pager {
    
    margin-top:-3rem;
    margin-bottom: 3rem;
}

#block-views-block-fleet-hostportal-block-1 .pager .pager__link--action-link {
    background:#f1fbff;   
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}


#block-views-block-fleet-hostportal-block-1 #host-portal_stripe_setup {
    background: #eee8a9;
    padding: 1px 20px 20px 20px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    margin-bottom: 100px;
}



#block-views-block-fleet-hostportal-block-1 #host-portal_stripe_setup_site {
    font-size: 75%;
    font-weight: bold;
}

#block-views-block-fleet-hostportal-block-1 #host_link {
    background: #7d7d7d;
    color: #fff;
    padding: 0 10px;
    border-radius: 50px;
    margin: 0;
}

#block-views-block-fleet-hostportal-block-1 #stripe_link_cont {
    text-align: right;
    font-size: 80%;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 5px;
}

#block-views-block-fleet-hostportal-block-1 #stripe {
    color: #fff;
    text-decoration: none;
    background: #00a1f1;
    padding: 0 10px;
    border-radius: 50px;
    font-weight: bold;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

#block-views-block-fleet-hostportal-block-1 #nSCIDid {
    color: #fff;
    text-decoration: none;
    background: #00a1f1;
    padding: 0 10px;
    border-radius: 50px;
    font-weight: bold;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-size:20px;
}

#block-views-block-fleet-hostportal-block-1 #stripe:hover {
background: #008bd0;
}

#block-views-block-fleet-hostportal-block-1 #nSCIDid:hover {
background: #008bd0;
}


#stripe_field_id {
    font-size: 75%;
    font-weight: bold;
}

#stripe_field_id #stripe_cnct_id {
    background: #7d7d7d;
    color: #fff;
    padding: 0 10px;
    border-radius: 50px;    
}


#stripe_field_id #no_stripe_id {
    color: #fff;
    background: #00a1f1;
    padding: 0 10px;
    border-radius: 10px;
    text-decoration: none;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

/**********HOST FLEET**********/



/**********HOST FLEET PROFILE PAGE**********/

 
#block-views-block-fleet-profile-block-1 {
    position: relative;
    margin-top: 100px;
    margin-bottom: 100px;
    max-width: 80%;
    left: 50%;
    margin-left: -40%;
    
}

#block-views-block-fleet-profile-block-1 h2 {
    text-align: center;
    font-size: 125%;
    font-family: 'calistoga';
    border-bottom: 1px solid #adadad;
    color: #3d3d3d;
    padding: 10px;
    margin-bottom: 30px;
    font-weight: normal;
}


#block-views-block-fleet-profile-block-1 img{
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

#block-views-block-fleet-profile-block-1 .views-field-title {
    text-align: center;
    margin-top: 0;
    line-height: 25px;
    margin-bottom:15px;
    font-weight: bold;
    text-decoration: none;
    color: #246786;
    text-align: center;
    font-size: 25px;
}

#block-views-block-fleet-profile-block-1 .views-field-title a{
    font-weight: bold;
    text-decoration: none;
    color: #246786;
    text-align: center;
    font-size: 75%;
}


#block-views-block-fleet-profile-block-1 .views-field-edit-node {
    text-align: center;
    margin-bottom: -7.5rem;
    margin-top: -22rem;
}

#block-views-block-fleet-profile-block-1 .views-field-edit-node a {
    font-size: .75rem;
    font-weight: bold;
    color: white;
    background: #00a1f1;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    text-align: center;
}


#block-views-block-fleet-profile-block-1 .vessel-status {
    margin-top: -11rem;
    text-align: center;
    font-size: .9rem;
    margin-bottom: 1rem;
}

#block-views-block-fleet-profile-block-1 .vessel-pending {
    color: #000;
    background: #f1a600;
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 50px;
}



#block-views-block-fleet-profile-block-1 .views-view-responsive-grid__item {
    display: grid;
    align-content: space-around;
    height: fit-content;
}

#block-views-block-fleet-profile-block-1 .views-view-responsive-grid__item-inner {
    display: grid;
    align-content: space-around;
    justify-content: start;
    flex-wrap: wrap;
    grid-auto-rows: initial;
    align-items: unset;
    grid-template-rows: unset;
}

#block-views-block-fleet-profile-block-1 .pager {
    
    margin-top:0;
    margin-bottom: 0;
}

#block-views-block-fleet-profile-block-1 .pager .pager__link--action-link {
    background:#f1fbff;   
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}


#block-views-block-fleet-profile-block-1 #host-portal_stripe_setup {
    background: #eee8a9;
    padding: 1px 20px 20px 20px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    margin-bottom: -7rem;
}



/**********HOST FLEET PROFILE PAGE**********/




/**********ARCHIVED BOOKINGS**********/

.path-booking-archives .archived-voyage-itinerary-title {
    font-size: .9rem;
    text-align: center;
    background: #246786;
    color: #fff;
    font-family: 'Calistoga';
    font-weight: normal;

}

.path-booking-archives .archived-voyage-booked-title {
    border-top-left-radius: 10px;
}

.path-booking-archives .archived-voyage-status-title {
    border-top-right-radius: 10px;
}

.path-booking-archives .archived-voyage-booked {
    /*font-size: .8rem;*/
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.path-booking-archives .archived-voyage-bkngn {
    font-size: .8rem;
    font-weight: bold;
    text-align: center;
}

.path-booking-archives .archived-voyage-status {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.path-booking-archives .view-display-id-attachment_1 { 
    /*box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    padding: 5px 20px;
    background: #f1fbff;
    border-radius: 10px;
    */
}



.path-booking-archives .voyages-info {
    text-align:center;
}


.path-booking-archives .voyages-info a {
    font-size: .9rem;
    font-weight: bold;
    color: white;
    background: #00a1f1;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    text-align:center;
}

.path-booking-archives .voyages-info a:hover {
    background:#008bd0;
}

/**********ARCHIVED BOOKINGS**********/




/**********DAILY RATE ESTIMATOR**********/

#block-block56dailyrateestimator #calc {
/*  
    border: 2px solid #246786;
    border-radius: 10px;
    text-align: center;
    position: relative;
    left: 0%;
    margin-top: -100px;
    padding: 20px 0px 0px 0px;
    width: 100%;
    background: white;
    z-index: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -200px;
*/
    border: 2px solid #246786;
    border-radius: 10px;
    text-align: center;
    position: relative;
    left: 0%;
    margin-top: 50px;
    padding: 20px 0px 0px 0px;
    width: 100%;
    background: white;
    z-index: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;

}

#block-block56dailyrateestimator #calc h1{ 
    font-weight: normal;
    text-align: center;
    margin-top: 8px;
    font-size: 1.8rem;
    width: 100%;
    margin-left: 0px;
}

#block-block56dailyrateestimator #calc #label {
    font-size: 1.2rem;
    margin-bottom: -.55rem;
    text-align: center;
    margin-top: 1rem;
    font-weight: bold;
    
}

#block-block56dailyrateestimator #calc #tier {
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    border-radius: 10px;
    border: none;
    left: 0%;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    padding: 5px 10px;
    margin-top: 0.5rem;
}

#block-block56dailyrateestimator #calc #num1 {
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    border-radius: 10px;
    border: none;
    left: 0%;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    padding: 5px 10px;
    margin-top: 0.5rem;
}



#block-block56dailyrateestimator #calc input {
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    border-radius: 10px;
    border: none;
    left: 0%;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    padding: 5px 10px;
    margin-top: 0.5rem;
}


#block-block56dailyrateestimator #calc #notice {
    font-size: 1.1rem;
    background: #eee8a9;
    text-align: center;
    font-weight: bold;
    padding: 5px 12px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    position: relative;
    width: 250px;
    left: 50%;
    margin-left: -125px;
}

#block-block56dailyrateestimator #calc #result {
    display:none;
 /*
    margin-right: 50px;
    margin-left: 50px;
 */
    color: #246786;
    background: #f1fbff;
    text-align: center;
    font-size: 2rem;
    margin-top: 1rem;
    padding: 4px 0px 5px 0px;
    margin-bottom: 18px;
    font-weight: bold;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    border-radius: 10px;
    width: 250px;
    left: 50%;
    position: relative;
    margin-left: -125px;
}


/**********DAILY RATE ESTIMATOR**********/

 




/*****************HOST PORTAL***********************/


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/



/*****************PROFILE PAGE (EDIT)***********************/



#edit-user-picture-wrapper .form-item__description{
    font-size: 50%;
    padding: 10px;
    background: #eee8a9;
    border-radius: 10px;
    font-weight: bold;
    color: #3D3D3D;
    WIDTH: FIT-CONTENT;
}

#edit-field-bio-0-value--description{
    font-size: 50%;
    padding: 10px;
    background: #eee8a9;
    border-radius: 10px;
    font-weight: bold;
    color: #3d3d3d;
    text-align: center;
    WIDTH: FIT-CONTENT;
}

#edit-field-clrn-0-value--description{
    font-size: 50%;
    padding: 10px;
    background: #eee8a9;
    border-radius: 10px;
    font-weight: bold;
    color: #3d3d3d;
    WIDTH: FIT-CONTENT;
}

#edit-field-stripe-connected-id-0-value--description{
    font-size: 50%;
    padding: 10px;
    background: #eee8a9;
    border-radius: 10px;
    font-weight: bold;
    color: #3d3d3d;
    text-align: left;
    WIDTH: FIT-CONTENT;
}

#edit-timezone--2--description{
    font-size: 50%;
    padding: 10px;
    background: #eee8a9;
    border-radius: 10px;
    font-weight: bold;
    color: #3d3d3d;
    text-align: center;
    WIDTH: FIT-CONTENT;
}

/*#edit-field-boater-safety-id-0--description {*/

.field--name-field-boater-safety-id .form-item__description {
    font-weight: bold;
    font-size: 50%;
    line-height: 20px;
    background: #eee8a9;
    padding: 1px 20px 20px 20px;
    border-radius: 10px;
    color: #3d3d3d;   
}



.form-item--field-upload-proof-of-insurance-0 .form-item__description {
    font-weight: bold;
    font-size: 50%;
    line-height: 20px;
    background: #eee8a9;
    padding: 1px 20px 20px 20px;
    border-radius: 10px;
    color: #3d3d3d;   
}

.form-item--field-upload-proof-of-insurance-0 .form-item__description #POI_req {
    font-size: 22px;
}

.form-item--field-upload-proof-of-insurance-0 .form-item__description ul {
    font-size: 15px;
}


.form-item--field-upload-proof-of-insurance-0 .form-item__description li {
    font-size: 15px;
}

label[for="edit-field-my-policy-covers-commercia-value"] {
   font-size: 22px !important;
   font-weight: bold !important;

} 


/*****************PROFILE PAGE (EDIT)***********************/


/**********UNIVERSAL STYLINGS*************************************************************************/

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


/**********MAKING ADJUSTMENTS TO DEFAULT STYLING OF THEME ********************************************
.social-bar{
 background:#fff;
} 

.mobile-buttons{
  display:none;
}

.site-header__fixable{
  width:100%;
  margin-top: 0px;
  position:relative;
}
   .site-header__fixable.is-fixed {
     width:100%; 
    position: initial;
 
}
.site-header__inner__container {
    display: contents;
}

body:not(.is-always-mobile-nav) .site-footer{
  border:none;
}


#block-block1logo{
	background: #00a1f1;
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: center;
}

 
  .mobile-buttons{
    display:none;
}
.site-header__initial{
  display:none;
}

.site-header__inner{
  width:100%;
    background:#00a1f1;
}

.site-footer {
  width:100%;
  background: #fff;
 
}  
/**********MAKING ADJUSTMENTS TO DEFAULT STYLING OF THEME*********************************************/

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/**********FRONT PAGE STYLING*************************************************************************/

.hidden_sp{
    opacity:0;
    /*filter:blur(5px);*/
    transition: all 3s;
}

.feats_sp{
    transform:translateX(-100%);
    transition: all 1s;
}


.hidden_sp:nth-child(2) {
    transition-delay:200ms;
}

.hidden_sp:nth-child(3) {
    transition-delay:400ms;    
}
.hidden_sp:nth-child(4) {
    transition-delay:600ms;    
}
.hidden_sp:nth-child(5) {
    transition-delay:800ms;    
}

.hidden_sp:nth-child(6) {
    transition-delay:1000ms;    
}



.feats_sp:nth-child(2) {
    transition-delay:200ms;
}

.feats_sp:nth-child(3) {
    transition-delay:400ms;    
}
.feats_sp:nth-child(4) {
    transition-delay:600ms;    
}
.feats_sp:nth-child(5) {
    transition-delay:800ms;    
}

.feats_sp:nth-child(6) {
    transition-delay:1000ms;    
}


.show_sp {
    opacity:1;
    filter:blur(0);
    transform:translateX(0);
}

/**********FRONT PAGE STYLING*************************************************************************/


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


/**********LOGIN PAGE STYLING*************************************************************************/
body.gin-login .user-form-page__user-form img {
    max-height: 165px;
    margin-left: auto;
    margin-right: auto;
}

body.gin-login .user-login-form .button--primary {
    margin-top: 0;
    font-size: 1em;
}
 
 
body.gin-login .user-form-page .register-button {
    width: 100%;
    margin-right: 0;
    background: #f1fbff;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    color: #246786;
    font-size: 1em;
}
body.gin-login .user-form-page .register-button:hover {
    background: #cde9f4;
}

body.gin-login .user-form-page .forgot-password-link {
    display: inline-block;
    margin-top: 2rem;
    text-decoration: none;
}

body.gin-login .user-form-page .forgot-password-link:hover {
    color: #008bd0;
}

body.gin-login .user-form-page .forgot-password-link:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #00a1f1;
    border-radius: 10px;
}

/**********LOGIN PAGE STYLING*************************************************************************/


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


/***********SITE NAV MENU SECTION**********************************************************************/
/************Navigation TAB MENU***************************************************************************/

#block-block38sitenavigationnavigationtab body {
  margin: 0;
}
    
    
#block-block38sitenavigationnavigationtab #mySidenavs a {
	position: fixed;
    left: -42px;
    top:1px;
    transition: 0.2s;
    padding: 62px 15px 0px 15px;
    width: 86px;
    height: 220px;
    text-decoration: none;
    cursor: pointer;
    font-size: 60px;
    color: white;
    border-radius: 0 5px 5px 0;
    background: #246786;
    z-index: 9999999999;
}

#block-block38sitenavigationnavigationtab #mySidenavs a:hover {
  left: 0;
}

#block-block38sitenavigationnavigationtab #about {
  top: 20px;
  background-color: #04AA6D;
}

#block-block38sitenavigationnavigationtab #sidemenu {
  top: 20px;
  background-color: #04AA6D;
}

#block-block38sitenavigationnavigationtab .sidmen {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #f1fbff;
  overflow-x: hidden;
  overflow-y: hidden;  
  transition: 0.5s;
  padding-top: 60px;
  z-index: 9999999999;
}

#block-block38sitenavigationnavigationtab .sidmen a {
    padding: 0px 8px 0px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #246786;
    display: block;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold;
    margin: 20px 0 40px 0;  
}

#block-block38sitenavigationnavigationtab .sidmen a:hover {
  color: #57bef1;
  transform: scale(1.1); 
}

#block-block38sitenavigationnavigationtab .sidmen .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}






/*#block-block-4.main {
/*  margin-left: 160px; /* Same as the width of the sidenav */
/*  font-size: 28px; /* Increased text to enable scrolling */
/*  padding: 0px 10px;
/*}*/
* {box-sizing: border-box}


#block-block38sitenavigationnavigationtab .footbar {
    overflow: hidden;
    background-color: #00a1f1;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    display:none;
}

#block-block38sitenavigationnavigationtab .footbar a {
  float: left;
  color: white;
  text-decoration: none;
  width: 25%; /* Four links of equal widths */
  text-align: center;
  font-family: 'THASADITH', Arial;
}

#block-block38sitenavigationnavigationtab .footbar a:hover {
  /*background-color: #48a9e4;*/
  border-top: 3px solid #246786;
}

#block-block38sitenavigationnavigationtab .footbar a.active {
  background-color: #246786;
}
#block-block38sitenavigationnavigationtab .footbar a.active:hover {
    border-top: 0px solid #246786;
}
/*TESTING THE FOOTER MENU*/
#block-block38sitenavigationnavigationtab .dropbtn {
position: fixed;
background-color: #246786;
color: white;
padding: 16px;
font-size: 16px;
border: none;
right: 10px;
top: 10px;
}

#block-block38sitenavigationnavigationtab .dropdown {


}

#block-block38sitenavigationnavigationtab .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  bottom: 50px;
  z-index: 1;
}

#block-block38sitenavigationnavigationtab .dropdown-content a {
  
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

#block-block38sitenavigationnavigationtab #piling {
    
    
}



#block-block38sitenavigationnavigationtab .subnav {
    transition: 0.2s;
    text-decoration: none;
    cursor: pointer;
    font-size: 60px;
    border-radius: 0 5px 5px 0;
    z-index: 999999;
    font-family: 'Thasadith';
    font-weight: bold;
    color: #246786;
    margin-top: -45px;        
}

#block-block38sitenavigationnavigationtab .subnav .subnavbtn {

    padding: 0 8px 30px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #246786;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold;
    background: inherit;
    border: none;
    
}

#block-block38sitenavigationnavigationtab .subnav .subnavbtn:hover {
    color: #57bef1;
 
}

#block-block38sitenavigationnavigationtab .subnav .subnavbtn:hover {
    color: #57bef1;
    border-bottom: 5px solid #246786;
}

#block-block38sitenavigationnavigationtab .navbar a:hover, .subnav:hover .subnavbtn {
color: #f1fbff;
}

#block-block38sitenavigationnavigationtab .subnav-content {
 
    display: none;
    padding: 10px 8px 0px 20px;
    text-decoration: none;
    font-size: 30px;
    color: #246786;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold;
    width: 100%;
    position: relative;
    background: #c0ddef;
    margin-bottom: 20px;
/*    height: 150px;*/
    height: 185px;
}

#block-block38sitenavigationnavigationtab .subnav-content a {
    padding: 0px 8px 0px 0px;
    text-decoration: none;
    font-size: 20px;
    color: #246786;
    display: block;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold;
    height: 0;
    margin: 5px 0 40px 0;
}

#block-block38sitenavigationnavigationtab .subnav-content a:hover {
color: #f1fbff;
}

#block-block38sitenavigationnavigationtab .subnav:hover .subnav-content {
  display: block;
  transition: 0.5s;  
}




/************Navigation TAB MENU***************************************************************************/





/************VOYAGE TAB MENU***************************************************************************/

#block-block29sitenavigationvoyagestab body {
  margin: 0;
}
    
    
#block-block29sitenavigationvoyagestab #mySidenavs a {
	position: fixed;
    left: -42px;
    top:1px;
    transition: 0.2s;
    padding: 62px 15px 0px 15px;
    width: 86px;
    height: 220px;
    text-decoration: none;
    cursor: pointer;
    font-size: 60px;
    color: white;
    border-radius: 0 5px 5px 0;
    background: #246786;
    z-index: 9999999999;
}

#block-block29sitenavigationvoyagestab #mySidenavs a:hover {
  left: 0;
}

#block-block29sitenavigationvoyagestab #about {
  top: 20px;
  background-color: #04AA6D;
}

#block-block29sitenavigationvoyagestab #sidemenu {
  top: 20px;
  background-color: #04AA6D;
}

#block-block29sitenavigationvoyagestab .sidmen {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #f1fbff;
  overflow-x: hidden;
  overflow-y: hidden;  
  transition: 0.5s;
  padding-top: 60px;
  z-index: 9999999999;
}

#block-block29sitenavigationvoyagestab .sidmen a {
    padding: 0px 8px 0px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #246786;
    display: block;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold; 
    margin: 20px 0 40px 0;  
}

#block-block29sitenavigationvoyagestab .sidmen a:hover {
  color: #57bef1;
  transform: scale(1.1); 
}

#block-block29sitenavigationvoyagestab .sidmen .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}






/*#block-block-4.main {
/*  margin-left: 160px; /* Same as the width of the sidenav */
/*  font-size: 28px; /* Increased text to enable scrolling */
/*  padding: 0px 10px;
/*}*/
* {box-sizing: border-box}


#block-block29sitenavigationvoyagestab .footbar {
    overflow: hidden;
    background-color: #00a1f1;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    display:none;
}

#block-block29sitenavigationvoyagestab .footbar a {
  float: left;
  color: white;
  text-decoration: none;
  width: 25%; /* Four links of equal widths */
  text-align: center;
  font-family: 'THASADITH', Arial;
}

#block-block29sitenavigationvoyagestab .footbar a:hover {
  /*background-color: #48a9e4;*/
  border-top: 3px solid #246786;
}

#block-block29sitenavigationvoyagestab .footbar a.active {
  background-color: #246786;
}

#block-block29sitenavigationvoyagestab .footbar a.active:hover {
    border-top: 0px solid #246786; 
}

/*TESTING THE FOOTER MENU*/
#block-block29sitenavigationvoyagestab .dropbtn {
position: fixed;
background-color: #246786;
color: white;
padding: 16px;
font-size: 16px;
border: none;
right: 10px;
top: 10px;
}

#block-block29sitenavigationvoyagestab .dropdown {


}

#block-block29sitenavigationvoyagestab .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  bottom: 50px;
  z-index: 1;
}

#block-block29sitenavigationvoyagestab .dropdown-content a {
  
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

#block-block29sitenavigationvoyagestab #piling {
    
    
}



#block-block29sitenavigationvoyagestab .subnav {
    transition: 0.2s;
    text-decoration: none;
    cursor: pointer;
    font-size: 60px;
    border-radius: 0 5px 5px 0;
    z-index: 999999;
    font-family: 'Thasadith';
    font-weight: bold;
    color: #246786;
    margin-top: -45px;        
}

#block-block29sitenavigationvoyagestab .subnav .subnavbtn {

    padding: 0 8px 30px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #246786;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold;
    background: inherit;
    border: none;
    
}

#block-block29sitenavigationvoyagestab .subnav .subnavbtn:hover {
color:#57bef1;
}

#block-block29sitenavigationvoyagestab .subnav .subnavbtn:hover {
    color: #57bef1;
    border-bottom: 5px solid #246786;
}


#block-block29sitenavigationvoyagestab .navbar a:hover, .subnav:hover .subnavbtn {
color: #f1fbff;
}

#block-block29sitenavigationvoyagestab .subnav-content {
 
    display: none;
    padding: 10px 8px 0px 20px;
    text-decoration: none;
    font-size: 30px;
    color: #246786;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold;
    width: 100%;
    position: relative;
    background: #c0ddef;
    margin-bottom: 20px;
/*    height: 150px;*/
    height: 185px;
}

#block-block29sitenavigationvoyagestab .subnav-content a {
    padding: 0px 8px 0px 0px;
    text-decoration: none;
    font-size: 20px;
    color: #246786;
    display: block;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold;
    /*height: 20px;*/
    height: 0;
    margin: 5px 0 40px 0;
}

#block-block29sitenavigationvoyagestab .subnav-content a:hover {
color: #f1fbff;
}

#block-block29sitenavigationvoyagestab .subnav:hover .subnav-content {
  display: block;
  transition: 0.5s;  
}




/************VOYAGE TAB MENU***************************************************************************/


/************Messages TAB MENU***************************************************************************/

#block-block39sitenavigationmessagingtab body {
  margin: 0;
}
    
    
#block-block39sitenavigationmessagingtab #mySidenavs a {
	position: fixed;
    left: -42px;
    top:1px;
    transition: 0.2s;
    padding: 62px 15px 0px 15px;
    width: 86px;
    height: 220px;
    text-decoration: none;
    cursor: pointer;
    font-size: 60px;
    color: white;
    border-radius: 0 5px 5px 0;
    background: #246786;
    z-index: 9999999999;
}

#block-block39sitenavigationmessagingtab #mySidenavs a:hover {
  left: 0;
}

#block-block39sitenavigationmessagingtab #about {
  top: 20px;
  background-color: #04AA6D;
}

#block-block39sitenavigationmessagingtab #sidemenu {
  top: 20px;
  background-color: #04AA6D;
}

#block-block39sitenavigationmessagingtab .sidmen {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #f1fbff;
  overflow-x: hidden;
  overflow-y: hidden;  
  transition: 0.5s;
  padding-top: 60px;
  z-index: 9999999999;
}

#block-block39sitenavigationmessagingtab .sidmen a {
    padding: 0px 8px 0px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #246786;
    display: block;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold; 
    margin: 20px 0 40px 0;      
}

#block-block39sitenavigationmessagingtab .sidmen a:hover {
  color: #57bef1;
  transform: scale(1.1); 
}

#block-block39sitenavigationmessagingtab .sidmen .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}






/*#block-block-4.main {
/*  margin-left: 160px; /* Same as the width of the sidenav */
/*  font-size: 28px; /* Increased text to enable scrolling */
/*  padding: 0px 10px;
/*}*/
* {box-sizing: border-box}


#block-block39sitenavigationmessagingtab .footbar {
    overflow: hidden;
    background-color: #00a1f1;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    display:none;
}

#block-block39sitenavigationmessagingtab .footbar a {
  float: left;
  color: white;
  text-decoration: none;
  width: 25%; /* Four links of equal widths */
  text-align: center;
  font-family: 'THASADITH', Arial;
}

#block-block39sitenavigationmessagingtab .footbar a:hover {
  /*background-color: #48a9e4;*/
  border-top: 3px solid #246786;
}

#block-block39sitenavigationmessagingtab .footbar a.active {
  background-color: #246786;
}

#block-block39sitenavigationmessagingtab .footbar a.active:hover {
    border-top: 0px solid #246786;
}

/*TESTING THE FOOTER MENU*/
#block-block39sitenavigationmessagingtab .dropbtn {
position: fixed;
background-color: #246786;
color: white;
padding: 16px;
font-size: 16px;
border: none;
right: 10px;
top: 10px;
}

#block-block39sitenavigationmessagingtab .dropdown {


}

#block-block39sitenavigationmessagingtab .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  bottom: 50px;
  z-index: 1;
}

#block-block39sitenavigationmessagingtab .dropdown-content a {
  
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

#block-block39sitenavigationmessagingtab #piling {
    
    
}



#block-block39sitenavigationmessagingtab .subnav {
    transition: 0.2s;
    text-decoration: none;
    cursor: pointer;
    font-size: 60px;
    border-radius: 0 5px 5px 0;
    z-index: 999999;
    font-family: 'Thasadith';
    font-weight: bold;
    color: #246786;
    margin-top: -45px;
    
}

#block-block39sitenavigationmessagingtab .subnav .subnavbtn {

    padding: 0 8px 30px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #246786;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold;
    background: inherit;
    border: none;
    
}

#block-block39sitenavigationmessagingtab .subnav .subnavbtn:hover {
color:#57bef1;
}

#block-block39sitenavigationmessagingtab .subnav .subnavbtn:hover {
    color: #57bef1;
    border-bottom: 5px solid #246786;
}


#block-block39sitenavigationmessagingtab .navbar a:hover, .subnav:hover .subnavbtn {
color: #f1fbff;
}

#block-block39sitenavigationmessagingtab .subnav-content {
 
    display: none;
    padding: 10px 8px 0px 20px;
    text-decoration: none;
    font-size: 30px;
    color: #246786;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold;
    width: 100%;
    position: relative;
    background: #c0ddef;
    margin-bottom: 20px;
/*    height: 150px;*/
    height: 185px;
}

#block-block39sitenavigationmessagingtab .subnav-content a {
    padding: 0px 8px 0px 0px;
    text-decoration: none;
    font-size: 20px;
    color: #246786;
    display: block;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold;
    height: 0;
    margin: 5px 0 40px 0;
}

#block-block39sitenavigationmessagingtab .subnav-content a:hover {
color: #f1fbff;
}

#block-block39sitenavigationmessagingtab .subnav:hover .subnav-content {
  display: block;
  transition: 0.5s;  
}

 

/************Messages TAB MENU***************************************************************************/



/************Message **VIEW** TAB MENU***************************************************************************/

#block-claro-block106sitenavigationmessageviewtab body {
  margin: 0;
}
    
    
#block-claro-block106sitenavigationmessageviewtab #mySidenavs a {
	position: fixed;
    left: -42px;
    top:1px;
    transition: 0.2s;
    padding: 62px 15px 0px 15px;
    width: 86px;
    height: 220px;
    text-decoration: none;
    cursor: pointer;
    font-size: 60px;
    color: white;
    border-radius: 0 5px 5px 0;
    background: #246786;
    z-index: 9999999999;
}

#block-claro-block106sitenavigationmessageviewtab #mySidenavs a:hover {
  left: 0;
}

#block-claro-block106sitenavigationmessageviewtab #about {
  top: 20px;
  background-color: #04AA6D;
}

#block-claro-block106sitenavigationmessageviewtab #sidemenu {
  top: 20px;
  background-color: #04AA6D;
}

#block-claro-block106sitenavigationmessageviewtab .sidmen {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #f1fbff;
  overflow-x: hidden;
  overflow-y: hidden;  
  transition: 0.5s;
  padding-top: 60px;
  z-index: 9999999999;
}

#block-claro-block106sitenavigationmessageviewtab .sidmen a {
    padding: 0px 8px 0px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #246786;
    display: block;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold; 
    margin: 20px 0 40px 0;      
}

#block-claro-block106sitenavigationmessageviewtab .sidmen a:hover {
  color: #57bef1;
  transform: scale(1.1); 
}

#block-claro-block106sitenavigationmessageviewtab .sidmen .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}






/*#block-block-4.main {
/*  margin-left: 160px; /* Same as the width of the sidenav */
/*  font-size: 28px; /* Increased text to enable scrolling */
/*  padding: 0px 10px;
/*}*/
* {box-sizing: border-box}


#block-claro-block106sitenavigationmessageviewtab .footbar {
    overflow: hidden;
    background-color: #00a1f1;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    display:none;
}

#block-claro-block106sitenavigationmessageviewtab .footbar a {
  float: left;
  color: white;
  text-decoration: none;
  width: 25%; /* Four links of equal widths */
  text-align: center;
  font-family: 'THASADITH', Arial;
}

#block-claro-block106sitenavigationmessageviewtab .footbar a:hover {
  /*background-color: #48a9e4;*/
  border-top: 3px solid #246786;
}

#block-claro-block106sitenavigationmessageviewtab .footbar a.active {
  background-color: #246786;
}

#block-claro-block106sitenavigationmessageviewtab .footbar a.active:hover {
    border-top: 0px solid #246786;
}

/*TESTING THE FOOTER MENU*/
#block-claro-block106sitenavigationmessageviewtab .dropbtn {
position: fixed;
background-color: #246786;
color: white;
padding: 16px;
font-size: 16px;
border: none;
right: 10px;
top: 10px;
}

#block-claro-block106sitenavigationmessageviewtab .dropdown {


}

#block-claro-block106sitenavigationmessageviewtab .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  bottom: 50px;
  z-index: 1;
}

#block-claro-block106sitenavigationmessageviewtab .dropdown-content a {
  
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

#block-claro-block106sitenavigationmessageviewtab #piling {
    
    
}



#block-claro-block106sitenavigationmessageviewtab .subnav {
    transition: 0.2s;
    text-decoration: none;
    cursor: pointer;
    font-size: 60px;
    border-radius: 0 5px 5px 0;
    z-index: 999999;
    font-family: 'Thasadith';
    font-weight: bold;
    color: #246786;
    margin-top: -45px;    
}

#block-claro-block106sitenavigationmessageviewtab .subnav .subnavbtn {

    padding: 0 8px 30px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #246786;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold;
    background: inherit;
    border: none;
    
}

#block-claro-block106sitenavigationmessageviewtab .subnav .subnavbtn:hover {
color:#57bef1;
}

#block-claro-block106sitenavigationmessageviewtab .subnav .subnavbtn:hover {
    color: #57bef1;
    border-bottom: 5px solid #246786;
}


#block-claro-block106sitenavigationmessageviewtab .navbar a:hover, .subnav:hover .subnavbtn {
color: #f1fbff;
}

#block-claro-block106sitenavigationmessageviewtab .subnav-content {
 
    display: none;
    padding: 10px 8px 0px 20px;
    text-decoration: none;
    font-size: 30px;
    color: #246786;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold;
    width: 100%;
    position: relative;
    background: #c0ddef;
    margin-bottom: 20px;
/*    height: 150px;*/
    height: 185px;
}

#block-claro-block106sitenavigationmessageviewtab .subnav-content a {
    padding: 0px 8px 0px 0px;
    text-decoration: none;
    font-size: 20px;
    color: #246786;
    display: block;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold;
    height: 0;
    margin: 5px 0 40px 0;
}


#block-claro-block106sitenavigationmessageviewtab .subnav-content a:hover {
color: #f1fbff;
}

#block-claro-block106sitenavigationmessageviewtab .subnav:hover .subnav-content {
  display: block;
  transition: 0.5s;  
}

 

/************Message **VIEW** TAB MENU***************************************************************************/












/************Profile TAB MENU***************************************************************************/

#block-block43sitenavigationprofiletab body {
  margin: 0;
}
    
    
#block-block43sitenavigationprofiletab #mySidenavs a {
	position: fixed;
    left: -42px;
    top:1px;
    transition: 0.2s;
    padding: 62px 15px 0px 15px;
    width: 86px;
    height: 220px;
    text-decoration: none;
    cursor: pointer;
    font-size: 60px;
    color: white;
    border-radius: 0 5px 5px 0;
    background: #246786;
    z-index: 9999999999;
}

#block-block43sitenavigationprofiletab #mySidenavs a:hover {
  left: 0;
}

#block-block43sitenavigationprofiletab #about {
  top: 20px;
  background-color: #04AA6D;
}

#block-block43sitenavigationprofiletab #sidemenu {
  top: 20px;
  background-color: #04AA6D;
}

#block-block43sitenavigationprofiletab .sidmen {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #f1fbff;
  overflow-x: hidden;
  overflow-y: hidden;  
  transition: 0.5s;
  padding-top: 60px;
  z-index: 9999999999;
}

#block-block43sitenavigationprofiletab .sidmen a {
    padding: 0px 8px 0px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #246786;
    display: block;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold; 
    margin: 20px 0 40px 0;      
}

#block-block43sitenavigationprofiletab .sidmen a:hover {
  color: #57bef1;
  transform: scale(1.1); 
}

#block-block43sitenavigationprofiletab .sidmen .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}






/*#block-block-4.main {
/*  margin-left: 160px; /* Same as the width of the sidenav */
/*  font-size: 28px; /* Increased text to enable scrolling */
/*  padding: 0px 10px;
/*}*/
* {box-sizing: border-box}


#block-block43sitenavigationprofiletab .footbar {
    overflow: hidden;
    background-color: #00a1f1;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    display:none;
}

#block-block43sitenavigationprofiletab .footbar a {
  float: left;
  color: white;
  text-decoration: none;
  width: 25%; /* Four links of equal widths */
  text-align: center;
  font-family: 'THASADITH', Arial;
}

#block-block43sitenavigationprofiletab .footbar a:hover {
  /*background-color: #48a9e4;*/
  border-top: 3px solid #246786;
}

/*#block-block43sitenavigationprofiletab .footbar a.active {
  background-color: #246786;
}
*/

#block-block43sitenavigationprofiletab .footbar #vyg_men_n {
  background-color: #246786;
}

#block-block43sitenavigationprofiletab .footbar a.active:hover {
    border-top: 0px solid #246786;
}


/*TESTING THE FOOTER MENU*/
#block-block43sitenavigationprofiletab .dropbtn {
position: fixed;
background-color: #246786;
color: white;
padding: 16px;
font-size: 16px;
border: none;
right: 10px;
top: 10px;
}

#block-block43sitenavigationprofiletab .dropdown {


}

#block-block43sitenavigationprofiletab .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  bottom: 50px;
  z-index: 1;
}

#block-block43sitenavigationprofiletab .dropdown-content a {
  
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

#block-block43sitenavigationprofiletab #piling {
    
    
}



#block-block43sitenavigationprofiletab .subnav {
    transition: 0.2s;
    text-decoration: none;
    cursor: pointer;
    font-size: 60px;
    border-radius: 0 5px 5px 0;
    z-index: 999999;
    font-family: 'Thasadith';
    font-weight: bold;
    color: #246786;
    margin-top: -45px;
    
}

#block-block43sitenavigationprofiletab .subnav .subnavbtn {

    padding: 0 8px 30px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #246786;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold;
    background: inherit;
    border: none;
    
}

#block-block43sitenavigationprofiletab .subnav .subnavbtn:hover {
color:#57bef1;
}

#block-block43sitenavigationprofiletab .subnav .subnavbtn:hover {
    color: #57bef1;
    border-bottom: 5px solid #246786;
}


#block-block43sitenavigationprofiletab .navbar a:hover, .subnav:hover .subnavbtn {
color: #f1fbff;
}

#block-block43sitenavigationprofiletab .subnav-content {
 
    display: none;
    padding: 10px 8px 0px 20px;
    text-decoration: none;
    font-size: 30px;
    color: #246786;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold;
    width: 100%;
    position: relative;
    background: #c0ddef;
    margin-bottom: 20px;
/*    height: 150px;*/
    height: 185px;
}

#block-block43sitenavigationprofiletab .subnav-content a {
    padding: 0px 8px 0px 0px;
    text-decoration: none;
    font-size: 20px;
    color: #246786;
    display: block;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold;
    height: 0;
    margin: 5px 0 40px 0;
}

#block-block43sitenavigationprofiletab .subnav-content a:hover {
color: #f1fbff;
}

#block-block43sitenavigationprofiletab .subnav:hover .subnav-content {
  display: block;
  transition: 0.5s;  
}




/************Profile TAB MENU***************************************************************************/


/************Profile TAB  2 MENU***************************************************************************/

#block-claro-block86sitenavigationprofiletab2 body {
  margin: 0;
}
    
    
#block-claro-block86sitenavigationprofiletab2 #mySidenavs a {
	position: fixed;
    left: -42px;
    top:1px;
    transition: 0.2s;
    padding: 62px 15px 0px 15px;
    width: 86px;
    height: 220px;
    text-decoration: none;
    cursor: pointer;
    font-size: 60px;
    color: white;
    border-radius: 0 5px 5px 0;
    background: #246786;
    z-index: 9999999999;
}

#block-claro-block86sitenavigationprofiletab2 #mySidenavs a:hover {
  left: 0;
}

#block-claro-block86sitenavigationprofiletab2 #about {
  top: 20px;
  background-color: #04AA6D;
}

#block-claro-block86sitenavigationprofiletab2 #sidemenu {
  top: 20px;
  background-color: #04AA6D;
}

#block-claro-block86sitenavigationprofiletab2 .sidmen {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #f1fbff;
  overflow-x: hidden;
  overflow-y: hidden;  
  transition: 0.5s;
  padding-top: 60px;
  z-index: 9999999999;
}

#block-claro-block86sitenavigationprofiletab2 .sidmen a {
    padding: 0px 8px 0px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #246786;
    display: block;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold; 
    margin: 20px 0 40px 0;      
}

#block-claro-block86sitenavigationprofiletab2 .sidmen a:hover {
  color: #57bef1;
  transform: scale(1.1); 
}

#block-claro-block86sitenavigationprofiletab2 .sidmen .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}






/*#block-block-4.main {
/*  margin-left: 160px; /* Same as the width of the sidenav */
/*  font-size: 28px; /* Increased text to enable scrolling */
/*  padding: 0px 10px;
/*}*/
* {box-sizing: border-box}


#block-claro-block86sitenavigationprofiletab2 .footbar {
    overflow: hidden;
    background-color: #00a1f1;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    display:none;
}

#block-claro-block86sitenavigationprofiletab2 .footbar a {
  float: left;
  color: white;
  text-decoration: none;
  width: 25%; /* Four links of equal widths */
  text-align: center;
  font-family: 'THASADITH', Arial;
}

#block-claro-block86sitenavigationprofiletab2 .footbar a:hover {
  /*background-color: #48a9e4;*/
  border-top: 3px solid #246786;
}

#block-claro-block86sitenavigationprofiletab2 .footbar a.active {
  background-color: #246786;
}

/*#block-claro-block86sitenavigationprofiletab2 .footbar a.active:hover {
  border-top: 0px solid #246786;
}*/

/*TESTING THE FOOTER MENU*/
#block-claro-block86sitenavigationprofiletab2 .dropbtn {
position: fixed;
background-color: #246786;
color: white;
padding: 16px;
font-size: 16px;
border: none;
right: 10px;
top: 10px;
}

#block-claro-block86sitenavigationprofiletab2 .dropdown {


}

#block-claro-block86sitenavigationprofiletab2 .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  bottom: 50px;
  z-index: 1;
}

#block-claro-block86sitenavigationprofiletab2 .dropdown-content a {
  
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

#block-claro-block86sitenavigationprofiletab2 #piling {
    
    
}



#block-claro-block86sitenavigationprofiletab2 .subnav {
    transition: 0.2s;
    text-decoration: none;
    cursor: pointer;
    font-size: 60px;
    border-radius: 0 5px 5px 0;
    z-index: 999999;
    font-family: 'Thasadith';
    font-weight: bold;
    color: #246786;
    margin-top: -45px;
    
}

#block-claro-block86sitenavigationprofiletab2 .subnav .subnavbtn {

    padding: 0 8px 30px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #246786;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold;
    background: inherit;
    border: none;
    
}

#block-claro-block86sitenavigationprofiletab2 .subnav .subnavbtn:hover {
color:#57bef1;
}

#block-claro-block86sitenavigationprofiletab2 .subnav .subnavbtn:hover {
    color: #57bef1;
    border-bottom: 5px solid #246786;
}


#block-claro-block86sitenavigationprofiletab2 .navbar a:hover, .subnav:hover .subnavbtn {
color: #f1fbff;
}

#block-claro-block86sitenavigationprofiletab2 .subnav-content {
 
    display: none;
    padding: 10px 8px 0px 20px;
    text-decoration: none;
    font-size: 30px;
    color: #246786;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold;
    width: 100%;
    position: relative;
    background: #c0ddef;
    margin-bottom: 20px;
/*    height: 150px;*/
    height: 185px;
}

#block-claro-block86sitenavigationprofiletab2 .subnav-content a {
    padding: 0px 8px 0px 0px;
    text-decoration: none;
    font-size: 20px;
    color: #246786;
    display: block;
    font-family: 'Thasadith';
    transition: all .2s ease-in-out;
    font-weight: bold;
    height: 0;
    margin: 5px 0 40px 0;
}

#block-claro-block86sitenavigationprofiletab2 .subnav-content a:hover {
color: #f1fbff;
}

#block-claro-block86sitenavigationprofiletab2 .subnav:hover .subnav-content {
  display: block;
  transition: 0.5s;  
}




/************Profile TAB 2 MENU***************************************************************************/





/************MOBILE OPTIONS *****************************************************************************/

#block-block40mobileoptions .dropbtn {
    position: absolute;
    background-color: #fff;
    color: white;
    padding: 5px;
    font-size: 0;
    border: none;
    /*top: -272px;
    right: -18px;*/
    border-radius: 10px;
    z-index: 99999;
}

#block-block40mobileoptions .dropdown {
position:relative;

}

#block-block40mobileoptions .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1fbff;
    width: 200px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    z-index: 9;
    right: 56px;
    top: 70px;
    padding: 20px 5px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#block-block40mobileoptions .dropdown-content a {
  color: black;
  text-decoration: none;
  display: block;
  font-weight:bold;
}



#block-block40mobileoptions .dropdown-content a:hover {background-color: #57bef1;}

#block-block40mobileoptions .dropbtn:hover .dropdown-content {display: block;}

#block-block40mobileoptions .dropbtn:hover {background-color: #dedede;}


/********FRONT PAGE MOBILE OPTIONS***********/

#block-block42navscreenmobilemenu  .dropbtn {
    position: fixed;
    background-color: #fff;
    color: white;
    padding: 5px;
    font-size: 0;
    border: none;
    top: -272px;
    right: -18px;
    border-radius: 10px;
    z-index: 99991;
}

#block-block42navscreenmobilemenu  .dropdown {
position:relative;

}

#block-block42navscreenmobilemenu  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1fbff;
    width: 200px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    z-index: 9;
    right: 56px;
    top: 70px;
    padding: 20px 5px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#block-block42navscreenmobilemenu  .dropdown-content a {
  color: black;
  text-decoration: none;
  display: block;
  font-weight:bold;
}



#block-block42navscreenmobilemenu  .dropdown-content a:hover {background-color: #57bef1;}

#block-block42navscreenmobilemenu  .dropdown:hover .dropdown-content {display: block;}

#block-block42navscreenmobilemenu  .dropdown:hover .dropbtn {background-color: #246786;}



/********FRONT PAGE MOBILE OPTIONS***********/



/************MOBILE OPTIONS *****************************************************************************/



/***********SITE NAV MENU SECTION**********************************************************************/



/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/



/*********CUSTOM BLOCK DISPLAYS***********************************************************************/

#nav_load {
/*    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
*    z-index: 99991;*
    z-index: 100000;
    background: #f1fbff;*/
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999;
    background: #f1fbff;
    width: 100%;
    height: 100%;
}

#nav_load_container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 400px;
    text-align: center;
}

#nav_load_txt {
    position: fixed;
    margin-top: 500px;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 50px;
    font-family: "Pacifico";
    text-align: center;
    z-index: 1;
    color: #246786;
    font-size: 30px;
}

#nav_load_container img {
    position: relative;
    text-align: center;
    width: 100px;
    animation: load_wheel 4s infinite linear;
}



#nav_load_2 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9991;
    background: #f1fbff;
}

#nav_load_container_2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 400px;
    text-align: center;
}

#nav_load_txt_2 {
    position: fixed;
    margin-top: 500px;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 50px;
    font-family: "Pacifico";
    text-align: center;
    z-index: 1;
    color: #246786;
    font-size: 30px;
}

#nav_load_container_2 img {
    position: relative;
    text-align: center;
    width: 100px;
    animation: load_wheel 4s infinite linear;
}



#views-exposed-form-vessel-finder-page-1 {
    display:none;
    align-content: space-evenly;
    justify-content: start;
    align-items: baseline;
    justify-items: stretch;
    
}

#close_filter {
    display:block;
    
}

.is-b-loading.is-b-visible::before {display:none !important;}

.ajax-throbber .sk-bounce-dot {
    background:#246786;
}    
 

.ajax-throbber .sk-bounce-dot:nth-child(2){
    background:#00a1f1;
    
}
/*********CUSTOM BLOCK DISPLAYS***********************************************************************/

/*********REFUND REQUEST FORM**************************************************************************/
    #block-claro-content .node--type-webform .node__meta {
        display:none;
    }
    
    #webform-submission-request-refund-node-64-add-form #refund_disclaimer {
    font-size: 68%;
    text-align: justify;
    background: #eee8a9;
    font-weight: bold;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    }
    
    #webform-submission-request-refund-node-64-add-form #ref_fee_tit {
    font-size: 75%;
    font-weight: bold;
    background: #f1fbff;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);    
    }
    
    #webform-submission-request-refund-node-64-add-form #ref_fee {
    font-size: 250%;
    }
    
    #webform-submission-request-refund-node-64-add-form #ref_fee_discl {
    font-size: 70%;    
    }
    
.webform-submission--webform-refund-records .webform-submission-information {display:none;}

/*********REFUND REQUEST FORM**************************************************************************/

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


/*********REPORT VESSEL FORM**************************************************************************/

#webform-submission-report-vessel-node-65-add-form {margin-top: -100px;}

/*********REPORT VESSEL FORM**************************************************************************/

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


/*********SAVE VESSEL PAGE**************************************************************************/

   .view-saved-vessels-page .view-content { background: #fff; width: 110%; position: relative; padding: 5px; margin-left: -5%; }
    .view-saved-vessels-page .views-view-responsive-grid__item {margin-bottom:20px;}
    .view-saved-vessels-page .image-style-slick-media { border-radius: 10px;}    
    .view-saved-vessels-page .saved-vessel-title { text-align: left; font-size: 70%; margin-bottom:-12px; }
    .view-saved-vessels-page .views-view-responsive-grid__item a {text-decoration: none; font-weight: bold;}
    
    .view-saved-vessels-page .views-field-field-rate-day- {font-size: 65%; font-weight:bold; color:#246786;}
    .view-saved-vessels-page #mid_dot {font-size:70%; font-weight:bold; color:#246786;}
    /*.view-saved-vessels-page .vessel-rating { font-size: 46%; background-image: url(https://boatur.com/rating.svg); background-color: #246786; background-repeat: no-repeat; padding: 0 20px 0 4px; border-radius: 5px; color: white; background-position: 80% 1px; background-size: 12px; font-weight: bold; }*/
    .view-saved-vessels-page .vessel-rating { font-size: 60%; background-image: url(https://boatur.com/rating.svg); background-color: #246786; background-repeat: no-repeat; padding: 0 20px 0 4px; border-radius: 5px; color: white; background-position: 90% 1px; background-size: 15px; font-weight: bold; }
/*********SAVE VESSEL PAGE**************************************************************************/

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


/*********TERMS OF SERVICE PAGE**************************************************************************/


#tos_header {font-family: 'Calistoga'; position: relative; margin-bottom: 50px; text-align: center; margin-left: auto; margin-right: auto; left: 0; width: 100%; }
#tos_sub_header {text-align: center; font-size: 80%;}
#tos_text { text-align: justify; font-size: 50%; margin-bottom: 30px; }

/*********TERMS OF SERVICE PAGE**************************************************************************/

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/




 #nav_load_container {top:0;}
 #nav_load_txt {top:0;} 


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/********HOST REFUND RECORDS**************************************************************************/


.view-refunds-host-portal .refund-header-amount {
    
    font-size: 70%;
    text-align: center;
    background: #246786;
    color: #fff;
    font-family: 'Calistoga';
    font-weight: normal;
    border-top-left-radius: 10px;
    
}


.view-refunds-host-portal .refund-header-processed {
    
    font-size: 70%;
    text-align: center;
    background: #246786;
    color: #fff;
    font-family: 'Calistoga';
    font-weight: normal;
    
} 


.view-refunds-host-portal .refund-header-view {
    
    font-size: 70%;
    text-align: center;
    background: #246786;
    color: #fff;
    font-family: 'Calistoga';
    font-weight: normal;
    border-top-right-radius: 10px;
    
}


.view-refunds-host-portal .voyage-itinerary .refund-amount {
 
    font-size: 70%;
    text-align: center;
    font-weight: bold;

}


.view-refunds-host-portal .voyage-itinerary .refund-processed {
 
    font-size: 70%;
    text-align: center;
    font-weight: bold;

}


.view-refunds-host-portal .voyage-itinerary .refund-view a {
     
    font-size: 70%;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #00a1f1;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

.view-refunds-host-portal .voyage-itinerary .refund-view a:hover {
    background: #008bd0;
}

/********HOST REFUND RECORDS**************************************************************************/

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/********GUEST REFUND RECORDS**************************************************************************/


.view-refunds-voyage-portal .refund-header-amount {
    
    font-size: 70%;
    text-align: center;
    background: #246786;
    color: #fff;
    font-family: 'Calistoga';
    font-weight: normal;
    border-top-left-radius: 10px;
    
}


.view-refunds-voyage-portal .refund-header-processed {
    
    font-size: 70%;
    text-align: center;
    background: #246786;
    color: #fff;
    font-family: 'Calistoga';
    font-weight: normal;
    
} 


.view-refunds-voyage-portal .refund-header-view {
    
    font-size: 70%;
    text-align: center;
    background: #246786;
    color: #fff;
    font-family: 'Calistoga';
    font-weight: normal;
    border-top-right-radius: 10px;
    
}


.view-refunds-voyage-portal .voyage-itinerary .refund-amount {
 
    font-size: 70%;
    text-align: center;
    font-weight: bold;

}


.view-refunds-voyage-portal .voyage-itinerary .refund-processed {
 
    font-size: 70%;
    text-align: center;
    font-weight: bold;

}


.view-refunds-voyage-portal .voyage-itinerary .refund-view a {
     
    font-size: 70%;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #00a1f1;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

.view-refunds-voyage-portal .voyage-itinerary .refund-view a:hover {
    background: #008bd0;
}

/********GUEST REFUND RECORDS**************************************************************************/




/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


#msg_btn {
 
    position: fixed;
    bottom: 5%;
    font-family: 'Calistoga';
    border-radius: 100px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    z-index: 99999;
    height: 80px;
    width: 80px;
    background-image: url(https://boatur.com/flags.svg);
    background-size: 55px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #246786;
    left: 2%;
    text-decoration:none;
}
#msg_btn:hover {
    box-shadow: inset 0px 1px 6px 2px rgba(0,0,0,.37);
    text-decoration:none;
}

#btr_ntfy2 .marker{
    font-size: 0;
    height: 15px;
    width: 15px;
    border-radius: 30px;
    background: red;
    position: absolute;
    bottom: 35px;
    right: 5px;
    border: 3px solid #246786;
}


#enable_loc {
    display: none;
    width: 280px;
    font-size: 100%;
    position: fixed;
    left: 50%;
    margin-left: -140px;
    background: #ffffff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-weight: bold;
    color: #9f9f9f;
    z-index: 9999;
    height: 180px;
    background-image: url(https://boatur.com/report_vessel__lt_gry.svg);
    background-repeat: no-repeat;
    text-align: center;
    background-position: 50% 75%;
    top: 50%;
    margin-top: -90px; 

}

#enabale_loc_hlp {
    font-size: 15px;
    background: #00a1f1;
    color: #fff;
    width: 85px;
    border-radius: 10px;
    padding: 5px 10px;
    position: relative;
    display:flex;
    left: 50%;
    margin-left: 47px;
    margin-top: 50px;
    text-decoration:none;
    justify-content: center;
}

#enabale_loc_hlp:hover {
    background: #008bd0;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    text-decoration:none;
    
}    

.js-flag-message {
    position: relative;
    color: #fff;
    background: #3d3d3ded;
    font-size: .75rem;
    border-radius: 50px;
    padding: 5px;
}

.js-flag-message {
    display: grid !important;
    z-index: 9999999999999999999999999999999 !important;
    animation: flag-flashs 300s ease-out 1 !important;
    position: fixed !important;
    bottom: 50px !important;
    font-size: 15px !important;
    justify-content: space-around !important;
    justify-items: stretch !important;
    text-align: center !important;
    width: 140px !important;
    margin-right: auto !important;
    left: 50% !important;
    margin-left: -70px !important;
}


 
 #edit-field-listing-location-proximity-value{
 
  border:2px #00a1f1 solid;
  animation: pulse 2s infinite;
}

#edit-field-registered-state-value{
 
  border:2px #00a1f1 solid;
  animation: pulse 2s infinite;
}



#host_link a {
text-decoration: none;
color: #fff;
}

#host_link a:hover {
text-decoration: none;
color:#fff;
}
/*

#block-block20enablejavascript-2 {height:0;}

#block-block19justforfirefox-2 {height:0;}

#block-block22splashscreenjs-2 {height:0;}

#block-block23oldapplespjs-2 {height:0;}
*/

.path-referrer-portal .messages-list {display:none !important;}

#vyg_dtls_wrapper {
    position: relative;
    top: 15px;
    float: right;
    right: 0;
    overflow-x:hidden;
    -webkit-animation-name: fromRight;
    -webkit-animation-duration: 1s;
    animation-name: fromRight;
    animation-duration: 1s;
}
#voyage_details {
    display: block;
    background: #00a1f1;
    width: fit-content;
    color: white;
    text-decoration: none;
    font-weight: bold;
    padding: 5px 20px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    margin-bottom: 50px;


}
#voyage_details:hover {
    background: #008bd0;
} 



/****COMMON QUESTION SECTION****/

#block-claro-views-block-common-questions-block-1 ol {
background: #f1fbff;
padding: 10px 30px;
border-radius: 10px;
border: 1px solid #ededed;
}

#block-claro-views-block-common-questions-block-1 ul {
background: #f1fbff;
padding: 10px 30px;
border-radius: 10px;
border: 1px solid #ededed;
}


#block-claro-views-block-common-questions-block-1 .main {
    max-width: 100%;
    left: 50%;
    position: relative;
    margin-left: -50%;
}

#block-claro-views-block-common-questions-block-1 ol .sub {
    list-style-type: lower-alpha;
    margin: 10px -10px;
    padding: 5px;
    font-size: 15px;
    font-family: calistoga;
    font-weight: normal;
    /*background: #daf3fc;*/
    border-radius: 10px;
    /*border: 1px solid #d3d3d3;*/
    border:none;
}

#block-claro-views-block-common-questions-block-1 ul .sub {
    list-style-type: lower-alpha;
    margin: 10px -10px;
    padding: 5px;
    font-size: 15px;
    font-family: calistoga;
    font-weight: normal;
    /*background: #daf3fc;*/
    border-radius: 10px;
    /*border: 1px solid #d3d3d3;*/
    border:none;
}

#block-claro-views-block-common-questions-block-1 .sub li {
    line-height: 30px;
    margin: 10px 25px;
    font-family: thasadith;
    font-weight: bold;
}

#block-claro-views-block-common-questions-block-1 li {
line-height: 40px;
font-size:.95rem;
}

#block-claro-views-block-common-questions-block-1 h4 {
font-weight: normal;
font-family: 'Calistoga';
font-size: 90%;
}

#block-claro-views-block-common-questions-block-1 p { 
    text-align: left;
    font-size: 18px;
    line-height: 1.75;
    color: #3d3d3d;
    letter-spacing: .25px;
}

#block-claro-views-block-common-questions-block-1 h3 {
font-family: 'Calistoga';
font-weight: normal;
margin-left: 0;
}

#block-claro-views-block-common-questions-block-1 a {
    text-decoration:none;
    color: #00a1f1;
}

#block-claro-views-block-common-questions-block-1 a:hover {
    text-decoration:none;
    color: #008bd0;
}

#block-claro-views-block-common-questions-block-1 .menu_item {
padding: 0 5px;
background: #3d3d3d;
color: #fff;
border-radius: 2px;
}



/****COMMON QUESTION SECTION****/



@-webkit-keyframes pulse {
0% {
    -webkit-box-shadow: 0 0 0 0 #00a1f1;
}
 
70% {
    -webkit-box-shadow: 0 0 0 5px #ffffff00;
}
 
100% {
    -webkit-box-shadow: 0 0 0 0 #ffffff00;
}
}


@keyframes flag-flashs {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes  fromRight{
  0% { transform: translateX(100%); opacity: 0; }
  100% { transform: translateX(0); opacity: 1;}
}

   



/*------------------------------------------------------------------------------RESPONSIVE SECTION------------------------------------------------------------------------------*/




/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/



  /*FOR DESKTOPS*/

  
@media only screen and (max-width: 6000px) {
    
    
    #block-views-block-vessel-slideshow-block-1 .slick-dots { position: absolute; bottom: 25px;} 
    
    

    #block-block1logo-2{ align-items: center; display: flex; justify-content: center; margin-top: -12px; margin-bottom: 20px; max-width: 75%; height: auto; margin-left: 12%;}
    
    #block-block9desktopdownloadappbanner-2 {position:relative; margin-top:100px;}
    #block-block9desktopdownloadappbanner-2 #change{ font-size: 30px; background: #eee8a9; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); text-align: center; color: #3d3d3d; border-radius: 10px; font-family: 'Calistoga'; position: relative; width: fit-content; margin-left: auto; margin-right: auto; padding: 20px; top: -92px;}
    #block-block9desktopdownloadappbanner-2 #mess_cont{padding: 20px; font-family: 'Thasadith'; font-size: 25px; text-align: left; font-weight: bold; background-color: #f1fbff; position: relative; top: -50px; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); width: fit-content; margin-left: auto; margin-right: auto; overflow: hidden;}
    #block-block9desktopdownloadappbanner-2 #win-chrome-desc {font-family: 'Thasadith'; font-size: 25px; font-weight: bold;} 
    #block-block9desktopdownloadappbanner-2 #win-chrome-app {    border-radius: 10px; color: white; background: #00a1f1; font-size: 25px; text-decoration: none; font-family: 'Thasadith';    padding: 5px 20px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); width: fit-content; float: right; margin-top: 20px; min-width: 100px; font-weight: bold;z-index: 9999; position: relative;}
    #block-block9desktopdownloadappbanner-2 #win-chrome-app:hover { background: #008bd0; text-decoration: none; color: white;}

    #block-block7mobilebrowserinstallappbanner #apple_WAcont {/*padding: 20px;*/ font-family: 'Thasadith'; font-size: 25px;/* text-align: left;*/ font-weight: bold; background-color: #f1fbff; position: relative; top: 25px; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); width: fit-content; margin-left: auto; margin-right: auto; overflow: hidden;}
    
    /* #block-block4installappbutton-2 #buttonload { color:white; background:#3697c4; text-decoration:none; text-align:center; position:absolute; font-family:'Thasadith'; BORDER: 2PX SOLID #246787; box-shadow: 2px 4px #246787; z-index:999; top:165px; right:30px; border:none;  font-size:32px; padding: 0 22px 40px 25px; display:none; width: 280px; }
    #block-block4installappbutton-2 .fa { margin-left: -8px; margin-right: 8px; }
    #block-block4installappbutton-2 .add-button {visibility: hidden;display:none; z-index: 998; color: white; background: #42b7ed; text-decoration: none; text-align: center; padding: 12px 32px 12px 32px; right: 350px; top: 230px; position: absolute; font-family: 'Thasadith'; BORDER: 2PX SOLID #246787; box-shadow: 2px 4px #246787; }
    #block-block4installappbutton-2 .add-button:hover{ background:#8fceeb; text-decoration:none; color:white; }
    #block-block4installappbutton-2 .collapsible { background-color: #777; color: white; cursor: pointer; width: fit-content; border: none; text-align: center; outline: none; font-size: 20px; padding:12px; position:absolute; top:138.05%; left:72%; }
    #block-block4installappbutton-2 .active, .collapsible:hover { background-color: #555; position:absolute; top:138.05%; left:72%; }
    #block-block4installappbutton-2 .discussion:after { content: '\2807'; width: 20px; height: 10px; border-radius: 100px; color:black; margin-top:80px; }
    #block-block4installappbutton-2 .help-text { position:absolute; top: 20px; left:5px; display:none; overflow: hidden; background-color: #f1f1f1; box-shadow:4px 10px; border:4px solid black; z-index:999999999999999999999999999; width:70%; }        
    #block-block4installappbutton-2 #popup{ padding: 19px 15px 21px 45px; position: absolute; top: 180px; right: 28px; border-radius: 50px; font-family: "Thasadith"; text-align: right; z-index: 2; background: #effffa; border: 2px solid #06cc89; background-image: url(https://boatur.com/check-bullet-40.svg); background-repeat: no-repeat; background-attachment: initial; background-position: 13px 19px; font-size: 30px; font-weight: bold; animation: loaded 10s ease-out 0s forwards; width: 280px; display:none; }
    #block-block4installappbutton-2 #loader{ padding: 14px 16px 15px 16px; position: absolute; top: 183px; right: 30px; border-radius: 50px; font-family: "Thasadith"; text-align: right; z-index: 1; background: #effcff; border: 2px solid #06c0cc; font-size: 30px; width: 256px; float: right; display:none; }
    #block-block4installappbutton-2 #loader img { width: 20%; margin-right: 9px; margin-top:-25px; animation: wheel 4s infinite linear; position:relative; top:16px; }
    #block-block4installappbutton-2 #tester{ padding: 19px 15px 21px 45px; position: absolute; top: 280px; right: 28px; border-radius: 50px; font-family: "Thasadith"; text-align: right; z-index: 2; background: #effffa; border: 2px solid #06cc89; background-repeat: no-repeat; background-attachment: initial; background-position: 13px 19px; font-size: 30px; font-weight: bold; width: 280px; }
    #block-block4installappbutton-2 #open-app { color:white; background:#42b7ed; text-decoration:none; text-align:center; padding:12px 32px 12px 32px; right:15px; top:15px; position:absolute; font-family:'Thasadith'; BORDER: 2PX SOLID #246787; box-shadow: 2px 4px #246787; z-index:1; top:182px; font-size:50px; height:90px; }
    #block-block4installappbutton-2 #open-app:hover{ background:#8fceeb; text-decoration:none; color:white; }
    */
    
    #block-block11kb2-2 #col-2 {margin-left: 0px; margin-top: -120px;}
    #block-block11kb2-2 #set_sail {font-weight:normal; animation: background-pan 3s cubic-bezier(0.4, 0, 1, 1) infinite; background-image: linear-gradient(to right,#246786,#00a1f1,#6dcdff,#00a1f1, #246786); -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space: nowrap; background-size: 200%; /*margin-left:120px;*/}
    #block-block11kb2-2 #kb_2-bc{/*margin-left:120px;*/ margin-top:10px;  font-family: 'thasadith'; font-weight:normal; font-size: 40px;}
    #block-block11kb2-2 {position: relative; margin-bottom: 200px; width: 80%; margin-left:auto; margin-right:auto; z-index:1002;}  
    #block-block11kb2-2 h1 {font-size:60px;}
    #block-block11kb2-2 h2 {margin-top: -28px}
    #block-block11kb2-2 li {font-size: 26px;font-weight:100;}
    #block-block11kb2-2 ul {list-style-image: url(/check-bullet_tc.svg); margin-left: 80px; margin-top: 125px;}
    
    #block-block12step1installapp-2 * { box-sizing: border-box;}
    #block-block12step1installapp-2 { width: 80%; margin-left: auto; margin-right: auto; position:relative; margin-top:0px; margin-bottom:200px;}  
    #block-block12step1installapp-2 .row:after { content: ""; display: table; clear: both; }
    #block-block12step1installapp-2 h1 {font-size: 30px; Font-family: 'Thasadith'; margin-top: -180px; font-weight: bold; color: #00a1f1;}
    #block-block12step1installapp-2 h2 { Font-family: 'Thasadith'; margin-top: -15px; font-size: 55px; font-weight: bold;}
    #block-block12step1installapp-2 p {font-weight: bold; color: #3d3d3d;font-size: 25px; word-wrap: break-word;}
    #block-block12step1installapp-2 ul {list-style-image: url(/check-bullet_tc.svg);}
    #block-block12step1installapp-2 li {font-size: 26px; Font-family: 'Thasadith';}
    #block-block12step1installapp-2 .column{ float: left; width: 50%; padding: 10px; }
    
    #block-block13step2createaccount-2 * { box-sizing: border-box;}
    #block-block13step2createaccount-2{ width: 80%; margin-left: auto; margin-right: auto; position:relative; margin-top: 0px; margin-bottom:200px;}
    #block-block13step2createaccount-2.row:after { content: ""; display: table; clear: both; }
    #block-block13step2createaccount-2 h1 {font-size: 30px; Font-family: 'Thasadith'; margin-top: -180px; font-weight: bold; color: #00a1f1;}
    #block-block13step2createaccount-2 h2 { Font-family: 'Thasadith'; margin-top: -15px; font-size: 55px; font-weight: bold;}
    #block-block13step2createaccount-2 p {font-weight: bold; color: #3d3d3d;font-size: 25px; word-wrap: break-word;}
    #block-block13step2createaccount-2 ul {list-style-image: url(/check-bullet_tc.svg);}
    #block-block13step2createaccount-2 li {font-size: 26px; Font-family: 'Thasadith';}
    #block-block13step2createaccount-2 .column{ float: left; width: 50%; padding: 10px; }
    
    #block-block14step3browselistings-2 * { box-sizing: border-box;}
    #block-block14step3browselistings-2 { width: 80%; margin-left: auto; margin-right: auto; position:relative; margin-top: 0px; margin-bottom: 200px;}
    #block-block14step3browselistings-2 .row:after { content: ""; display: table; clear: both; }
    #block-block14step3browselistings-2 h1 {font-size: 30px; Font-family: 'Thasadith'; margin-top: -180px; font-weight: bold; color: #00a1f1;}
    #block-block14step3browselistings-2 h2 { Font-family: 'Thasadith'; margin-top: -15px; font-size: 55px; font-weight: bold;}
    #block-block14step3browselistings-2 p {font-weight: bold; color: #3d3d3d;font-size: 25px; word-wrap: break-word;}
    #block-block14step3browselistings-2 ul {list-style-image: url(/check-bullet_tc.svg);}
    #block-block14step3browselistings-2 li {font-size: 26px; Font-family: 'Thasadith';}
    #block-block14step3browselistings-2 .column{ float: left; width: 50%; padding: 10px; }
    #block-block14step3browselistings-2 .btr_flt_smple{ float: left; width: 50%; padding: 10px; }
    #block-block14step3browselistings-2 .slick-track {overflow-x:hidden;}
    
    #block-block15step4bookvessel-2 * { box-sizing: border-box;}
    #block-block15step4bookvessel-2 { width: 80%; margin-left: auto; margin-right: auto; position:relative; margin-top: 0px; margin-bottom:/*200px*/ 50px;}
    #block-block15step4bookvessel-2 .row:after { content: ""; display: table; clear: both; }
    #block-block15step4bookvessel-2 h1 {font-size: 30px; Font-family: 'Thasadith'; margin-top: -180px; font-weight: bold; color: #00a1f1;}
    #block-block15step4bookvessel-2 h2 { Font-family: 'Thasadith'; margin-top: -15px; font-size: 55px; font-weight: bold;}
    #block-block15step4bookvessel-2 p {font-weight: bold; color: #3d3d3d;font-size: 25px; word-wrap: break-word;}
    #block-block15step4bookvessel-2 ul {list-style-image: url(/check-bullet_tc.svg);}
    #block-block15step4bookvessel-2 li {font-size: 26px; Font-family: 'Thasadith';}
    #block-block15step4bookvessel-2 .column{ float: left; width: 50%; padding: 10px; }
    
    #block-block16step5boaturhost-2 * { box-sizing: border-box;}
/*    #block-block16step5boaturhost-2 { width: 80%; margin-left: auto; margin-right: auto; margin-top:-300px; position: relative; margin-bottom:30px;}*/
    #block-block16step5boaturhost-2 { width: 114%; margin-left: -57%; margin-top: /*-300px*/ 0; position: relative; /*margin-bottom: 30px;*/margin-bottom: -2px; overflow-x: hidden; left: 50%; padding-left: 10%;}
    #block-block16step5boaturhost-2 .outer {overflow: hidden; position: relative; background-image: url("/host_d10.svg"); background-size: cover; /*height: 1350px;height:990px;*/ height: 1250px; margin-left: -400px; background-color: #f1fbff;/*margin-right: -214px; margin-bottom:20px;*/}
    #block-block16step5boaturhost-2 .inner { position: absolute; margin-left: 500px;/* width: 100%;*/padding-left: 5%; padding-top: 5%;}
/*    #block-block16step5boaturhost-2 h2 { margin-top: 30px; font-size: 50px; font-weight: bold; position: relative; margin-bottom: 69px; margin-right: auto; width: fit-content; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); padding: 20px; background: #fff8db; border-radius: 10px; }*/
    #block-block16step5boaturhost-2 h2 { margin-top: 30px; font-size: 35px; font-weight: bold; position: relative; margin-bottom: 69px; margin-right: auto; width: 280px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); padding: 20px; background: #fff8db; border-radius: 10px; text-align:center;}
    #block-block16step5boaturhost-2 .row:after { content: ""; display: table; clear: both; }
    #block-block16step5boaturhost-2 .column1 {/*width: 60%;*/ margin-left: 0%; margin-right: auto;}
    /*#block-block16step5boaturhost-2 li {font-size: 32px;}*/
    #block-block16step5boaturhost-2 li {font-size: 26px;}    
    /*#block-block16step5boaturhost-2 ul { list-style-image: url(/check-bullet_tc.svg); margin-left: -200px; margin-top: 20px;}*/
    #block-block16step5boaturhost-2 ul { list-style-image: url(/check-bullet_tc.svg); margin-left: -15%; margin-top: 20px;}
    
    /*#block-block16step5boaturhost-2 p { font-weight: bold; color: #3D3D3D; margin-left: -200px; font-size: 40px;}*/
    #block-block16step5boaturhost-2 p { font-weight: bold; color: #3D3D3D; margin-left: -15%; font-size: 25px; width:70%;}
    
    /*#block-block17installapp2-2 {background: #00a1f1; margin-left: -164px; margin-right: -164px; position: relative; overflow: hidden; margin-top:-180px; margin-bottom: -1125px;}*/
    #block-block17installapp2-2 { background: #00a1f1; position: relative; overflow: hidden; margin-top: 0px; margin-bottom: -115%; width: 114%; left: 50%; margin-left: -57%; }
    #block-block17installapp2-2 #mess_cont {font-family: 'Thasadith'; font-size: 25px; font-weight: bold; width: fit-content; margin-left: auto; margin-right: auto;/* margin-top: 50px;*/ margin-bottom: 50px;/* background: #246786;*/ }
    #block-block17installapp2-2 #win-chrome-desc { font-family: 'Thasadith'; font-size: 40px; font-weight: bold; color: white; text-align: center;}
    #block-block17installapp2-2 #myBtn{ border-radius: 10px; color: white; background: #00a1f1; font-size: 40px; text-decoration: none; font-family: 'Thasadith'; padding: 20px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); width: fit-content; min-width: 100px; font-weight: bold; position: relative; display: grid; margin-left: auto; margin-right: auto;}
    #block-block17installapp2-2 #myBtn:hover   { background: #008bd0; text-decoration: none; color: white;}
    
    #block-block21copyrightfront-2{ background: #3d3d3d; margin-left: -164px; margin-right: -164px; position: relative; /*overflow: hidden;*/ text-align: right; /*padding-right: 130px;*/padding-right:150px; color: white; /*top: 1010px;*/top: 1525px; height: 40px; margin-bottom: -400px;}
    #block-block21copyrightfront-2 div {    height: 40px;}     
    #block-block7mobilebrowserinstallappbanner {display:none;}
    #block-block6androidchromefrontpageinstallappbackground {display:none;}
    #block-block4installappbutton-2 {display:none;}
    
    
    
    #block-block26termsofservice #overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 99999; cursor: pointer; }
    #block-block26termsofservice #text { position: absolute; border: 2px solid black; padding: 20px; top: 50%; left: 50%; font-size: 15px; color: black; background: white; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); overflow-y: scroll; height: 500px; width: 90%; font-family: thasadith; text-align: justify; }
    #block-block26termsofservice #terms { position: relative; top: -253px; left: 89px; font-size: var(--font-size-s); background: white; cursor: pointer;}
    
    #edit-field-clrn-wrapper #capt_apply {text-decoration:none; position: relative; color: #ffffff; width: fit-content; margin-right: auto; border-radius: 10px; background: #00a1f1; border: none; padding: 5px; font-size: 15px; font-weight: bold; top:-25px; margin-bottom: 30px;}
    #edit-field-clrn-wrapper #capt_apply:hover { background: #008bd0; }   
    
    #edit-field-stripe-connected-id-wrapper #change { position: relative; color: #ffffff; width: fit-content; margin-right: auto; border-radius: 10px; background: #00a1f1; border: none; padding: 5px; font-size: 15px; font-weight: bold; margin-top:50px;}
    #edit-field-stripe-connected-id-wrapper #change:hover { background: #008bd0; }    
    
    #edit-field-stripe-connected-id-wrapper #discl { display: none; color: white; background-image: url(https://boatur.com/stripe_id_warn.svg); background-repeat: no-repeat; background-position: 10px center; width: fit-content; margin-right: auto; position: relative; padding: 38px 10px 0px 65px; background-color: #cc0606; border-radius: 10px; }
    #edit-field-stripe-connected-id-wrapper #cancel_scid { background-image: url(https://boatur.com/cancel_stripe.svg); background-repeat: no-repeat; /*background-position: 450px 5px*/background-position: 100% 10%; padding: 5px; color: #cc0606; width: 100%; background-size: 20px; margin-top: -72px; height: 110px; }
    #edit-field-stripe-connected-id-wrapper #cancel_scid:hover { background-image: url(https://boatur.com/cancel_stripe_hover.svg); background-repeat: no-repeat; /*background-position: 450px 5px*/background-position: 100% 10%; padding: 5px; color: #cc0606; width: 100%; background-size: 20px; }
    
    #block-views-block-test1-block-1 {background: #f1fbff; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, .37); position: relative; /*margin-top: -170px; */ left:0; max-width:300px; height:360px; max-height:360px; min-height:263px; /*margin-bottom: -25%;*/ /*margin-top:-10%*/margin-top: 0; overflow: hidden; border-radius: 10px; display: grid; /*justify-content: start;*/ justify-content: center; align-items: center;}
    #block-views-block-test1-block-1 .view-content .views-row {display:flex;}
/*    #block-views-block-test1-block-1 img {border-radius: 10px; margin-top: 0 !important; max-width: 100%; padding: 15px; height: auto; /*aspect-ratio: 16 / 9;}*/
    #block-views-block-test1-block-1 img {border-radius: 10px; margin-top: 0 !important; max-width: 240px; height: auto; max-height: 360px;}
/*    #block-views-block-test1-block-1 svg {border-radius: 10px; margin-top: 0 !important; max-width: 100%; padding: 22px; height: auto; /*aspect-ratio: 16 / 9;}*/
    #block-views-block-test1-block-1 svg {border-radius: 10px; margin-top: 0 !important; max-width: 240px; height: auto; max-height: 360px;}


    #block-views-block-full-name-block-1 { position: relative; margin-left: auto; width:60%; margin-top: -340px; /*margin-top: -22%;*/ font-size: 45px; font-family: 'Calistoga';}
    #block-claro-views-block-full-name-anon-block-1 { position: relative; margin-left: auto; width:60%; margin-top: -340px; /*margin-top: -22%;*/ font-size: 45px; font-family: 'Calistoga';}
    
    #block-views-block-city-state-block-1 { position: relative; margin-left: auto; width:60%; margin-top: /*-15px*/ -7px; font-size: /*37px*/ 30px; }
    #block-views-block-bio-block-1 { position: relative; margin-left: auto; margin-top: 16px; width: 60%; font-size: 23px; text-align:justify;}
    
    #block-views-block-profile-cards-block-1 { position: relative; margin-left: auto; width: 60%; margin-top: 50px; margin-bottom: 50px; border-bottom: 1px solid #adadad;}
    #block-views-block-profile-cards-block-1 .member-for-date #member_for {background-image: url('/calendar.svg'); background-repeat: no-repeat; background-size: 20px; background-position: 6px 1px; font-size: 1rem; padding-left: 2rem;}
    #block-views-block-profile-cards-block-1 .member-forcard{background: #f1fbff; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); border-radius: 10px; text-align: center; padding: 2px;}
    #block-views-block-profile-cards-block-1 .member-for-tit{ font-size: 20px; color: #246786; font-weight: bold; }
    #block-views-block-profile-cards-block-1 .member-for-date{ font-size: 30px; margin-top: -5px; }
    
    #block-claro-views-block-profile-cards-anon-block-1 { position: relative; margin-left: auto; width: 60%; margin-top: 50px; margin-bottom: 50px; border-bottom: 1px solid #adadad;}
    #block-claro-views-block-profile-cards-anon-block-1 .member-for-date #member_for {background-image: url('/calendar.svg'); background-repeat: no-repeat; background-size: 20px; background-position: 6px 1px; font-size: 1rem; padding-left: 2rem;}
    #block-claro-views-block-profile-cards-anon-block-1 .member-forcard{background: #f1fbff; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); border-radius: 10px; text-align: center; padding: 2px;}
    #block-claro-views-block-profile-cards-anon-block-1 .member-for-tit{ font-size: 20px; color: #246786; font-weight: bold; }
    #block-claro-views-block-profile-cards-anon-block-1 .member-for-date{ font-size: 30px; margin-top: -5px; }
    
    #block-block29sitenavigationvoyagestab .footbar {display:none;}
    #block-block29sitenavigationvoyagestab .sidenav {display:block;}

    #views-exposed-form-vessel-finder-page-1{z-index: 9999; position: absolute; }
    
/*    #block-claro-content .view-id-vessel_finder .attachment .geofield-google-map {height: inherit; width: inherit; position: absolute; overflow: hidden; top: 275px; left: 50px; right: 50px; bottom: 50px; z-index:2;}*/
    
    #geofield-map-view-vessel-finder-attachment-1{height: inherit; width: inherit; position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index:2;}
    #block-claro-content .view-id-vessel_finder .attachment .geofield-google-map { position: absolute; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; }        
    
 /************CHANGED 10/18***********/   
    #edit-field-listing-location-proximity-wrapper {border:none; box-shadow: none; margin-bottom: -50px/*-150px*/; height: 20%;}
    #edit-field-listing-location-proximity-wrapper .form-item--field-listing-location__proximity-value {display: flex; flex-direction: row-reverse;}
    #edit-field-listing-location-proximity-value { width: 70px; margin-right: 10px; text-align:center;}
 /************CHANGED 10/18***********/
 
 
    .view-vessel-finder .pager {position: fixed; z-index: 9; bottom: 10px; margin-left: auto; margin-right: auto; width: 100%; left: 0; display: flex; justify-content: space-around; }
    .view-vessel-finder .pager .pager__items {background: #808080c9; padding: 5px 0; border-radius: 50px; }
    
    .geofield-google-map .gm-style-iw .views-field-title {font-size:25px;}
    
/*    .geofield-google-map .gm-style-iw .views-field-field-display-image { width: fit-content; margin-left: auto; margin-right: auto;}*/
    .geofield-google-map .gm-style-iw .views-field-field-display-image a {display: grid; justify-content: center;}
    .geofield-google-map .gm-style-iw .views-field-field-display-image img{ border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); max-width: 50vh;}
    .geofield-google-map .gm-style .gm-style-iw {max-width:fit-content !important;}
   /* .geofield-google-map .gm-style .gm-style-iw .gm-ui-hover-effect {width: 34px !important; height: 40px !important; transform: scale(1.5) !important;}*/
    .geofield-google-map .gm-style .gm-style-iw .gm-ui-hover-effect {width: 100% !important; display: grid !important; justify-content: end; align-items: center; justify-items: center; align-content: center;}
    .geofield-google-map .gm-style-iw .views-field-field-rate-day- {font-size:30px;}
    .geofield-google-map .gm-style-iw .views-field-nothing-1 {font-size:30px;}
    .geofield-google-map .gm-style-iw .views-field-nothing {font-size:20px;}
    .geofield-google-map .gm-style-iw .views-field-field-listing-location__proximity { font-size: 20px; color: #6c6a6a;}

/*    
#open_filter { display: block; position: absolute; top: 240px; left: 50px; background: #fff; color: #00a1f1; border-radius: 50px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); font-size: 2rem; padding: 20px 20px; z-index: 9999; background-image: url(/vessel_filter_menu_icon.svg); width: 80px; background-repeat: no-repeat; background-size: 50px; background-position: 13px 21px; height: 80px; }
#open_filter:hover { background: #f1fbff; background-image: url(/vessel_filter_menu_icon.svg); background-repeat: no-repeat; background-size: 50px; background-position: 13px 21px; }
#close_filter { display: none; position: absolute; top: 285px; left: 82px; color: #00a1f1; border-radius: 50px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); font-size: 2rem; z-index: 99999; background-image: url(/vessel_filter_menu_icon_close.svg); width: 32px; background-repeat: no-repeat; background-size: 32px; background-position: 0px 0px; height: 32px; }
#close_filter:hover { background-image: url(/vessel_filter_menu_icon_close_hover.svg); background-repeat: no-repeat; background-position: 0px 0px; }
    


 #views-exposed-form-vessel-finder-page-1 { z-index: 99999; position: fixed; left:0; width: 90%; margin-left: 5%; margin-top:-5%; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); height: auto;} 

.view-vessel-finder .attachment-before .view-vessel-finder .view-header   {font-size: 15px; position: fixed; z-index: 99999999; top: 125px; right: 12px; background: grey; color: white; font-weight: bold; padding: 5px 10px; border-radius: 54px; }

    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-state-value{ position: relative; top: 50px; margin: 0; left: 28px; width: 75px; }
    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-city-value{ margin: 0; width: 143px; position: relative; top: 50px; margin-left: 35px; z-index:9999999;}    
    #views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value{ position: relative; width: 136px; margin: 0; margin-left: 115px; margin-top:20px;}
    #views-exposed-form-vessel-finder-page-1 .bef--secondary{margin-bottom:-22px;}
    
    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-state-value .form-select { font-size: 15px;}
    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-city-value .form-text {font-size: 15px;}
    #views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value .form-select { font-size: 15px;}
    
    .views-exposed-form__item .form-item__label { font-size: 15px; position: relative; top: 42px; left: -94px; }
    
    #views-exposed-form-vessel-finder-page-1 #edit-secondary {position:relative; top:0px;border-radius:10px;}
    #views-exposed-form-vessel-finder-page-1 #edit-secondary .claro-details__summary {background: #f1fbff; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); border-radius: 10px; }
    #views-exposed-form-vessel-finder-page-1 #edit-secondary #edit-field-listing-location-proximity-value { position: relative; top: -40px; width: 110px; }
    #views-exposed-form-vessel-finder-page-1 #edit-secondary .form-item--field-listing-location__proximity-value .form-item__label{ position: relative; left: 125px; }
*/

    #geofield-map-view-vessel-finder-attachment-1{height: inherit; width: inherit; position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index:3;}
    #block-claro-content .view-id-vessel_finder .attachment .geofield-google-map { position: absolute; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; z-index: 3; }    
    
    
    #views-exposed-form-vessel-finder-page-1 { z-index: 9999; position: fixed; left: 0;/* max-width: 700px; min-width: 300px; */margin-left: 5%; margin-top:0 /* 230px*/ /*140px*/; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); height: auto; margin-right: 20px; padding: 20px; overflow-y: auto; max-height: 400px; }

    .view-vessel-finder .attachment-before .view-vessel-finder .view-header { font-size: 15px; position: fixed; /*z-index: 9990*/ z-index:9999; top: 125px; right: 12px; background: grey; color: white; font-weight: bold; padding: 5px 10px; border-radius: 54px; margin-top: 144px; margin-right: 4.5%; }

    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-state-value{ position: relative; top: 0; margin: 0; left: 0; width: 75px; }
    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-city-value{ margin: 0; width: 143px; position: relative; top: -48px; margin-left: 95px; z-index: 9999999; margin-bottom: -50px; }  
    
 /************CHANGED 10/18***********/    
    #views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value{position: relative; /*width: 125px; *//*margin-left: 22px*/;/* margin-top: 0;*/ margin-top: -10px;}
  /************CHANGED 10/18***********/   
    
    #views-exposed-form-vessel-finder-page-1 .bef--secondary { margin-bottom: 40px; margin-left: 20px; margin-right: 20px; margin-top: 47px; }
    
    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-state-value .form-select { font-size: 15px;}
    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-city-value .form-text {font-size: 15px;}
    #views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value .form-select { font-size: 15px;}
    
    .views-exposed-form__item .form-item__label { font-size: 17px; position: relative;}
    
    #views-exposed-form-vessel-finder-page-1 #edit-secondary {position:relative; top:0px;border-radius:10px; min-width:300px; margin-top: 50px;}
    #views-exposed-form-vessel-finder-page-1 #edit-secondary .claro-details__summary {background: #f1fbff; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); border-radius: 10px; }
    #views-exposed-form-vessel-finder-page-1 #edit-secondary #edit-field-listing-location-proximity-value { position: relative; top: -40px; width: 110px; }
    #views-exposed-form-vessel-finder-page-1 #edit-secondary .form-item--field-listing-location__proximity-value .form-item__label{ position: relative; left: 125px; }
    
    #open_filter { display: none; position: fixed; top: 295px; left: 125px; background: #fff; color: #00a1f1; border-radius: 50px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); font-size: 2rem; padding: 20px 20px; z-index: 999; background-image: url(/vessel_filter_menu_icon.svg); width: 80px; background-repeat: no-repeat; background-size: 50px; background-position: 13px 21px; height: 80px; }
    #open_filter:hover { background: #f1fbff; background-image: url(/vessel_filter_menu_icon.svg); background-repeat: no-repeat; background-size: 50px; background-position: 13px 21px; }
    
    /*#close_filter {position: fixed; /*top: 240px/*275px; margin-top: 7px; color: #00a1f1; border-radius: 50px; /*box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); font-size: 2rem; z-index: 99999; background-image: url(/vessel_filter_menu_icon_close.svg); width: 32px; background-repeat: no-repeat; background-size: 32px; background-position: 0px 0px; height: 32px; left: 0; width: 32px; margin-left: 6%;}*/
    
    /*#close_filter {position: relative; color: #00a1f1; border-radius: 50px; font-size: 2rem; z-index: 99999; background-image: url(/vessel_filter_menu_icon_close.svg); background-repeat: no-repeat; background-size: 32px; background-position: 0px 0px; height: 32px; left: 0; width: 32px;}*/
    #close_filter {position: relative; color: #00a1f1; border-radius: 50px; font-size: 2rem; z-index: 99999; background-image: url(/vessel_filter_menu_icon_close.svg); background-repeat: no-repeat; background-size: 25px; background-position: 0px 0px; height: 25px; width: 25px; left: -12px; top:-12px;}
    #close_filter:hover { background-image: url(/vessel_filter_menu_icon_close_hover.svg); background-repeat: no-repeat; background-size: 25px; background-position: 0px 0px; }
    
    #lst_rslts {position: fixed; top: 400px; left: 125px; z-index: 999; /*background: #5d5d5d;*/ background: #246786; color: #fff; padding: 5px 5px 5px 29px; border-radius: 10px; background-image: url(/Nav_screen_list_results.svg); background-size: 15px; background-position: 7px 50%; background-repeat: no-repeat; font-weight: bold; font-size: 15px; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, .37);}
    #lst_rslts:hover {/*background: #7d7d7d;*/ background: #568499; background-image: url(/Nav_screen_list_results.svg); background-size: 15px; background-position: 7px 50%; background-repeat: no-repeat;}
        
    #shw_mp {display: block; position: relative;  margin-bottom: 50px; font-size: 18px; font-weight: bold; background: #246786;/* width: 127px;*/ width: fit-content; color: #fff; padding: 10px 10px 10px 37px; background-image: url(/Nav_screen_map_2.svg); background-size: 25px; background-position: 7px 50%; background-repeat: no-repeat; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, .37);}    
    #shw_mp:hover{ background: #568499; background-image: url(/Nav_screen_map_2.svg); background-size: 25px; background-position: 7px 50%; background-repeat: no-repeat;}
    
            
/*    #vf_nr { top: 85%; position: fixed; z-index: 2; font-size: 80%; background: grey; color: white; padding: 0; border-radius: 50px; font-weight: bold; width: 400px; min-width: 175px; text-align: center; margin-left: -200px; margin-right: 0; left: 50%; }*/
    
    #vf_nr { font-size: 15px; position: fixed; /*z-index: 9990*/ z-index:9999; top: 125px; right: 12px; background: grey; color: white; font-weight: bold; padding: 5px 10px; border-radius: 54px; margin-top: 144px; margin-right: 4.5%; }
    
    #gmap_footer img {display:none;}
    #btr_cpyrt { font-size: 15px; font-weight: bold; color: #828388; background: #effffa36; padding: 0 5px; z-index: 9990; display: block; position: fixed; bottom: 13px; right: 15PX; }
    
    #block-block40mobileoptions  .dropdown {display:none;}
    #block-block42navscreenmobilemenu  .dropdown {display:none;} 
    
    #webform-submission-request-refund-node-64-add-form #edit-processed-text {position: relative; margin-top: -50px;max-width: fit-content;}
    #block-block71webformdetailsedit .grid-item {    position: fixed; right: -165px; margin-top: 100px; width: 100%; max-width: 300px;}
    

/*--------------LISTING PAGE--------------*/

/*#block-views-block-vessel-slideshow-block-1 {
    position: absolute;
    z-index: 999;
    width: 200%;
    left: -50%;
    top: -550px;
    overflow-y: clip;
    min-width:1500px;

}
*/

#block-views-block-vessel-slideshow-block-1 {
    position: absolute;
    z-index: 999;
    width: 200%;
    left: -50%; 
    top: -425px;
    overflow-y: clip;
      overflow-y:hidden;
        overflow-x: clip;
  overflow-x:hidden;        
    min-width: 200%;
    max-height: 700px;
/*    min-height: 1500px;
    height: 1500px;*/
}

#block-views-block-vessel-slideshow-block-1 .slick-dots {
    position: absolute;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    background: #fff;
}

#avail_cal {

    position: absolute;
    background: #00a1f1;
    color: white;
    font-family: 'Calistoga';
    padding: 5px;
    font-size: 52%;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    width: fit-content;
    /*top: -227px;*/
    margin-top: -225px;
    z-index: 99999;
    right: -5%;
    float: right;
}

#avail_cal:hover {
    background:#008bd0;
}

.vessel-rate {
    padding: 2px 5px;
    position: relative;
    z-index: 9999;
    color: white;
    font-weight: bold;
    float: right;
    /* top: 0;
    right: 0; */
    top: 20px;
    right: -71px;
    margin-left: 100%;
    background: #246786;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 110%;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    backdrop-filter: blur(10px);
}


.make-model{    
    position: relative;
    top: 0;
    left: 0;
    margin-top: 250px;
    margin-right: 35px;
/*    margin-top: 200px;*/
    font-family: 'Calistoga';
    font-size: 150%;
    color: #00a1f1;  
    word-break: break-word;
 
    max-width:80%;
}    

.vessel-name {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 0%;
    font-family: 'Calistoga';
    font-size: 127%;
    word-break: break-word;
 
    max-width:80%;
}

.listing-info {
    position: relative;
    font-size: 75%;
    font-weight: bold;
    max-width: 75%;
    word-break: break-all;
    margin-bottom: 10px;
}

.views-field-field-registered-state {
    position: relative;
    top: -2px;
    font-size: 75%;
    background: #246786;
    padding: 2px 4px;
    color: white;
    font-weight: bold;
    border-radius: 5px;
}

.views-field-field-vessel-type {
    position: relative;
    top: -2px;
    font-size:75%;
    background: #246786;
    padding: 2px 4px;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    margin-left: 5px;
}

.views-field-field-mode-year {
    position: relative;
    top: -2px;
    font-size:75%;
    background: #246786;
    padding: 2px 4px;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    margin-left: 5px;
}

.views-field-field-length-of-vessel {
    position: relative;
    top: -2px;
    font-size:75%;
    background: #246786;
    padding: 2px 4px;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    margin-left: 5px;    
}


.views-field-node-rate-widget-field {
    position: relative;
    top: -50px;
    /*left: -65px;*/
    left: -50px;
    font-weight: bold;
}

div.fivestar-rating-wrapper > div > div.rating-option-result {
    width: 100%;
    display: flex;
    margin-right: 25px;
    text-align: center;
    padding: 14px 22px;
    background-image: url(https://boatur.com/rating.svg);
    background-repeat: no-repeat;
    background-position: /*45px 0px*/ 48px 50%;
    background-size: 25px;
    padding-right: 40px !important;
    padding-left: 10px !important;

}    

.views-field-node-rate-widget-field-1 {
    position: relative;
    top: -133px;
/*    left: 75px;*/
/*    left: 58px;*/
    left: 70px;
    font-weight: bold;
    font-size: 70%;
    overflow-x: hidden;
    width:80%;
}


#block-views-block-vessel-info-2-block-1 {
    position: relative;
/*    margin-top: -15%;*/
    margin-top: -22%;
    /*margin-bottom: 0%;*/
    width:108%;
    left:50%;
    margin-left:-54%;
    
}

#block-views-block-vessel-info-2-block-1 .views-table {
    font-size: .65rem;
    font-weight: bold;
    border-top: 2px solid #888888;
    /*width: 105%;
    margin-left: -10px;
    width: 108%;
    left: 50%;
    position: relative;
    margin-left: -54%;*/
}

#block-views-block-vessel-info-2-block-1 .views-table tr {
    border-bottom: 2px solid #888888;
    height: 80px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: stretch;
}

#block-views-block-vessel-info-2-block-1 .views-field-field-how-many-people-does-this- {
    background-image: url(/guest_tot-gry.svg);
    background-repeat: no-repeat;
    color: #888888;
    background-position: 50% 12%;
    padding: 42px 0 9px 0;
    text-align: center;
    width: 25%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: stretch;
    font-size: 180%;
    line-height: 8px;
    flex-direction: column;
}

#block-views-block-vessel-info-2-block-1 .views-field-field-available-captain {
    background-image: url(/captain-gry.svg);
    background-repeat: no-repeat;
    color: #888888;
    background-position: 50% 12%;
    padding: 30px 0 5px 0;
    text-align: center;
    width: 25%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-end;
    align-content: stretch;
    font-size: 150%;
    line-height: 15px;
}

#block-views-block-vessel-info-2-block-1 .views-field-field-fishing {
    background-image: url(/fishing-gry.svg);
    background-repeat: no-repeat;
    color: #888888;
    background-position: 50% 12%;
    padding: 30px 0 5px 0;
    text-align: center;
    width: 25%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-end;
    align-content: stretch;
    font-size: 150%;
    line-height: 15px;
}

#block-views-block-vessel-info-2-block-1 .views-field-field-do-you-allow-pets- {
    background-image: url(/pets-gry.svg);
    background-repeat: no-repeat;
    color: #888888;
    background-position: 50% 12%;
    padding: 30px 0 5px 0;
    text-align: center;
    width: 25%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-end;
    align-content: stretch;
    font-size: 150%;
    line-height: 15px;
}


#block-views-block-vessel-info-2-block-1 .views-field-body {
    font-size: 90%;
    line-height: 175%;
    text-align: justify;
    position: relative;
    margin-top: 10%;
   /* margin-bottom:30%;*/
    display:flex;
    width:92%;
    left:50%;
    margin-left:-46%;
    font-weight:bold;
}


#ask_host {
    display: block;
    background: #00a1f1;
    width: fit-content;
    color: white;
    text-decoration: none;
    font-weight: bold;
    padding: 5px 20px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    position: relative;
    top: 15px;
    float: left;
    left: 0;
} 

#ask_host:hover {
    background:#008bd0;
}    




#views-exposed-form-vessel-finder-page-1 .form-item--field-is-a-captain-required__value {position: relative; /*width: 155px;*/ margin: 0; margin-left: 20px/*60px/*70px*/; margin-top: 10px; /*65px/*60px*/ /*margin-bottom: 10px;*/}    
#views-exposed-form-vessel-finder-page-1 .form-item--field-is-a-captain-required__value label {top: -3px; left: 0; font-size: 17px; font-weight: bold; display: initial;}

#views-exposed-form-vessel-finder-page-1 .form-item--field-available-captain-value {position: relative; /*width: 155px;*/ margin: 0; margin-left: 20px/*60px/*70px*/; margin-top: 10px; /*65px/*60px*/ /*margin-bottom: 10px;*/}    
#views-exposed-form-vessel-finder-page-1 .form-item--field-available-captain-value label {top: -3px; left: 0; font-size: 17px; font-weight: bold; display: initial;}

#views-exposed-form-vessel-finder-page-1 .form-item--field-available-captain-value-2 {position: relative; /*width: 155px;*/ margin: 0; margin-left: 20px/*60px/*70px*/; margin-top: 10px; /*65px/*60px*/ /*margin-bottom: 10px;*/}    
#views-exposed-form-vessel-finder-page-1 .form-item--field-available-captain-value-2 label {top: -3px; left: 0; font-size: 17px; font-weight: bold; display: initial;}

#views-exposed-form-vessel-finder-page-1 .form-item--field-is-this-a-guide-chartered__value {position: relative; /*width: 155px;*/ margin: 0; margin-left: 20px/*60px/*70px*/; margin-top: 10px; /*65px/*60px*/ /*margin-bottom: 10px;*/}    
#views-exposed-form-vessel-finder-page-1 .form-item--field-is-this-a-guide-chartered__value label {top: -3px; left: 0; font-size: 17px; font-weight: bold; display: initial;}

#views-exposed-form-vessel-finder-page-1 .form-item--field-fishing-value {position: relative; /*width: 155px;*/ margin: 0; margin-left: 20px/*60px/*70px*/; margin-top: 10px; margin-bottom: 20px; /*65px/*60px*/ /*margin-bottom: 10px;*/}

#views-exposed-form-vessel-finder-page-1 .form-item--field-is-this-a-guide-chartered__value-1 { display:none;}

#edit-booking-information #checkout_form {display:none; background: #f1fbff; padding: 10px 22px; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); position: relative; /*margin-top: /*175px  -100px 0;*/}

#edit-booking-information #checkout_form #checkout_title {
    text-align: center;
    font-size: 35px;
    font-family: 'calistoga';
    width: 100%;
    display: grid;
    margin-bottom: 5px;
    letter-spacing: .8px;
    color: #000;
}

#edit-booking-information #checkout_form #voyage_info {
    position: relative;
    line-height: 1.618;
}

#edit-booking-information #checkout_form #depart_d_f {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 20px;
    letter-spacing: .3px;
    color: #000;    
}

#edit-booking-information #checkout_form #arrive_d_f {
    text-align: right;
    font-size: 1.2rem;
    font-weight: bold;
}

#edit-booking-information #checkout_form #duration_f {
    text-align: right;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 5px;
    letter-spacing: .8px;
    color: #000;    
}

#edit-booking-information #checkout_form #refuel_f {
    text-align: right;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: .8px;
    color: #464646;
}

#edit-booking-information #checkout_form #cleaning_f {
    text-align: right;
    font-size: 15px;
    font-weight: bold;
    margin-bottom:5px;
    letter-spacing: .8px;
    color: #464646;
}

#edit-booking-information #checkout_form #fee_f {
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: .8px;
    color: #000;
}

#edit-booking-information #checkout_form #state_tax_f {
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: .8px;
    color: #000;    
}

#edit-booking-information #checkout_form #total_fee_f {
    text-align: right;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: .8px;
    text-decoration: underline;
    text-underline-offset: -50px;
    text-decoration-thickness: 2px;
    color: #000;       
}

#edit-booking-information #checkout_form #q_1 {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
    font-size: 1.4rem;
    border-bottom: 4px solid #00a1f1;
}

#edit-booking-information #checkout_form #dprt_time_lab {
    font-size: 1.2rem;
    font-weight: bold;
    width: 100%;
    display: block;
}

#edit-booking-information #checkout_form #dprt_time {
    font-size: 1.2rem;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    color: #fff;
    font-weight: bold;
    background: #00a1f1;
    padding: 0 5px;
    margin-bottom: 5px;
}

#edit-booking-information #checkout_form #arrv_time_lab {
    font-size: 1.2rem;
    font-weight: bold;
    display: block;
    margin-bottom: 0px/*-24px*/;
}


#edit-booking-information #checkout_form #arrv_time {
    font-size: 1.2rem;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    color: #fff;
    font-weight: bold;
    background: #00a1f1;
    padding: 0 5px;
}

#edit-private-captain--description {
    font-weight: bold;
    font-size: .85rem;
    color: #7d7d7d;
}


#edit-refund-disclaimer {
    background: #eee8a9;
    padding: 5px 20px;
    color: #3d3d3d;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    margin-bottom: 50px;
    border-radius: 10px;
    position:relative;
}

#refund_disclaimer-2 {
    font-size: 1rem;
    text-align: justify;
    font-weight: bold;
}

#terms_detailed {
    font-size: .85rem;
    font-weight: bold;
    color: #7d7d7d;
}

.form-item--stripe-payment-gateway {
    background: #00ffc045;
    padding: 0 5% 5% 5%;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    margin-bottom: 100px;
}


/**********************************/

#edit-chartered-booking-information #cb_checkout_form {
    display: none;
    background: #f1fbff;
    padding: 10px 22px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    position: relative;
    margin-top: 42px /*-65px*/;
}

#edit-chartered-booking-information #cb_checkout_form #cb_checkout_title {
    text-align: center;
    font-size: 35px;
    font-family: 'calistoga';
    width: 100%;
    display: grid;
    margin-bottom: 5px;
    letter-spacing: .8px;
    color: #000;
}

#edit-chartered-booking-information #cb_checkout_form #cb_voyage_info {
    position: relative;
    line-height: 1.618;
}

#edit-chartered-booking-information #cb_checkout_form #cb_date_d_f {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 20px;
    letter-spacing: .3px;
    color: #000;    
}

#edit-chartered-booking-information #cb_checkout_form #cb_arrive_d_f {
    text-align: right;
    font-size: 1.2rem;
    font-weight: bold;
}

#edit-chartered-booking-information #cb_checkout_form #cb_fullDay_f {
    text-align: right;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 5px;
    letter-spacing: .8px;
    color: #000;    
}

#edit-chartered-booking-information #cb_checkout_form #cb_refuel_f {
    text-align: right;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: .8px;
    color: #464646;
}

#edit-chartered-booking-information #cb_checkout_form #cb_cleaning_f {
    text-align: right;
    font-size: 15px;
    font-weight: bold;
    margin-bottom:5px;
    letter-spacing: .8px;
    color: #464646;
}

#edit-chartered-booking-information #cb_checkout_form #cb_fee_f {
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: .8px;
    color: #000;
}

#edit-chartered-booking-information #cb_checkout_form #cb_state_tax_f {
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: .8px;
    color: #000;    
}

#edit-chartered-booking-information #cb_checkout_form #cb_total_fee_f {
    text-align: right;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: .8px;
    text-decoration: underline;
    text-underline-offset: -50px;
    text-decoration-thickness: 2px;
    color: #000;       
}


/**********************************/

#edit-stripe-payment-gateway {
    position: relative;
    /*margin-top: 33%;*/
}


.field--name-field-review-section {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #f1fbff;
    padding: 20px;
    position: relative;
    margin-top: 80px; 
    /*margin-top: -25px;*/
    width: 110%;
    position: relative;
    left: -5%;
}

.field--name-field-review-section h2 {
    font-weight: normal;
    text-align: center;
    font-size: 2rem;
    font-family: 'calistoga';
    width: 100%;
    display: grid;
}

.field--name-field-review-section article mark {
    display: none;
}

.field--name-field-review-section .comment__submitted {
    display: none;
}

.comment__meta a:nth-child(3) {
    display: none;
}

.field--name-field-review-section .content {
    display: none;
}

.permalink {
    display: none;
}

.flag-save-vessel {
    position: absolute;
/*    top: 525px;*/
/*    top: 440px;*/
/*    top:430px;*/
    top: 315px;
/*    right: -10px;*/
    right: -10%;
    font-size: 260%;
    z-index: 999;
}
.flag-save-vessel a {
    color:red;
}

.flag-save-vessel .ajax-throbber .sk-bounce-dot {display:none;}

.flag-save-vessel .ajax-throbber.sk-bounce { width: 0; height: var(--sk-size); position: relative;}

.page-node-type-listing .fa-heart:before {
    color: red;
}

#block-views-block-vessel-comments-block-1 {
    background: #f1fbff;
    padding: 25px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: -30px;
    width: 110%;
    position: relative;
    left: -5%;
}

#block-views-block-vessel-comments-block-1 .views-view-responsive-grid__item {
    padding: 10px;
    margin: 30px 0;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    background: #fff;
}

#block-views-block-vessel-comments-block-1 .review-review {
    font-size: 1.1rem;
    font-weight: bold;
    color: #3d3d3d;
    border-bottom: 2px solid #adadad;
    text-align: left;
    padding: 5px 5px 30px 5px;
    letter-spacing: 0.2px;
}

#block-views-block-vessel-comments-block-1 .review-author a {
    font-size: 1.2rem;
    font-weight: bold;
    text-decoration: none;
}

#block-views-block-vessel-comments-block-1 .review-date {
    font-size: .8rem;
    font-weight: bold;
    position: relative;
    display: flex;
}

#block-block46availabilitycalendar  {position: relative; margin-top: 50px /*-30% /*-50%*/; margin-bottom: 50px;}

#edit-field-listing-slide-ajax-wrapper .form-item .form-required {padding:10px 20px;}
#edit-field-listing-slide-ajax-wrapper .has-error { background: #f10000; width: 100%; padding: 10px 20px; color: #fff; }
#edit-field-listing-slide-ajax-wrapper .has-error::after{color: #fff;}
/*--------------LISTING PAGE--------------*/

#edit-field-unavailable-dates-wrapper .tabledrag-toggle-weight-wrapper {
    display:none;
    
}



#field-unavailable-dates-values .tabledrag-hide {
    display:none;
}


#views-exposed-form-vessel-finder-page-1 .views-exposed-form__item--actions {
    margin: 0;
}
 

#views-exposed-form-vessel-finder-page-1 .views-exposed-form__item--actions .form-submit {
    /*font-size: 10px;
    padding: 10px;
    font-weight: bold;
    margin-bottom: 1px;
    position: relative;
    bottom: 5px;
    right: 5px;*/
        font-size: 80%;
        padding: 5px 10px;
        font-weight: bold;
        position: relative;
        line-height: 1.5rem;
    
}




}
/***************** END 6000 **********************************/


/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/





/***************MISCELANEOUS DIMENSIONS***********************/

/*FOR DESKTOP SCALED*/

@media only screen and (max-width:1156px) {
/**********HOST FLEET PROFILE PAGE**********/

 
#block-views-block-fleet-profile-block-1 {
    position: relative;
    margin-top:0;
    max-width: 100%;
    left: 0;
    margin-left: 0;
}

#block-views-block-fleet-profile-block-1 h2 {
    text-align: center;
    font-size: 125%;
    font-family: 'calistoga';
    border-bottom: 1px solid #adadad;
    color: #3d3d3d;
    padding: 10px;
    margin-bottom: 30px;
    font-weight: normal;
}


#block-views-block-fleet-profile-block-1 img{
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

 

#block-views-block-fleet-profile-block-1 .views-field-title a{
    font-weight: bold;
    text-decoration: none;
    color: #246786;
    text-align: center;
    font-size: 90%;
    line-height: 20px;
}


#block-views-block-fleet-profile-block-1 .views-field-edit-node {
    text-align: center;
    margin-bottom: -7.5rem;
    margin-top: -22rem;
}

#block-views-block-fleet-profile-block-1 .views-field-edit-node a {
    font-size: .75rem;
    font-weight: bold;
    color: white;
    background: #00a1f1;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    text-align: center;
}


#block-views-block-fleet-profile-block-1 .vessel-status {
    margin-top: -11rem;
    text-align: center;
    font-size: .9rem;
    margin-bottom: 1rem;
}

#block-views-block-fleet-profile-block-1 .vessel-pending {
    color: #000;
    background: #f1a600;
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 50px;
}



#block-views-block-fleet-profile-block-1 .views-view-responsive-grid__item {
    display: grid;
    align-content: space-around;
    height: fit-content;
}

#block-views-block-fleet-profile-block-1 .views-view-responsive-grid__item-inner {
    display: grid;
    align-content: space-around;
    justify-content: start;
    flex-wrap: wrap;
    grid-auto-rows: initial;
    align-items: unset;
    grid-template-rows: unset;
}

#block-views-block-fleet-profile-block-1 .pager {
    
    margin-top:0;
    margin-bottom:0;
}

#block-views-block-fleet-profile-block-1 .pager .pager__link--action-link {
    background:#f1fbff;   
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}


#block-views-block-fleet-profile-block-1 #host-portal_stripe_setup {
    background: #eee8a9;
    padding: 1px 20px 20px 20px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    margin-bottom: -7rem;
}



/**********HOST FLEET PROFILE PAGE**********/

    #block-views-block-test1-block-1{ position: relative;/* width: fit-content;*/ margin-left: auto; margin-right: auto;/* margin-top: -188px*/ margin-top: -5px; min-width:0; margin-bottom:50px; left:0; display: grid; align-content: center; justify-content: center;     border-radius: 10px;}
 
    #block-views-block-full-name-block-1 { position: relative; font-size: 100%; font-family: 'Calistoga'; width: 100%; margin-left: 0; margin-right: 0; margin-top: -25px; text-align: center; min-width:0; }
    #block-claro-views-block-full-name-anon-block-1 { position: relative; font-size: 100%; font-family: 'Calistoga'; width: 100%; margin-left: 0; margin-right: 0; margin-top: -25px; text-align: center; min-width:0; }    
    
    #block-views-block-city-state-block-1 { position: relative; width: fit-content; margin-left: auto; margin-right: auto; margin-top: 0px; font-size: 75%; min-width:0; }
    #block-views-block-bio-block-1 { position: relative; width: fit-content; margin-left:auto; margin-right:auto; margin-top: -5%; margin-bottom: 30px; font-size: 100%; text-align: justify; min-width:0; }
    
    #block-views-block-profile-cards-block-1 { position: relative; width: 100%; /* margin-top: -25px;*/ margin-left:0;/* margin-bottom:50px;*/  margin-bottom:75px; margin-top: 20px; min-width:0; }
    #block-views-block-profile-cards-block-1 .member-for-tit { font-size: 1.2rem; margin-top: 1.2px; }
    #block-views-block-profile-cards-block-1 .member-for-date { font-size: 1.85rem; }
    #block-views-block-profile-cards-block-1 .member-for-date #member_for {    background-image: url(/calendar.svg); background-repeat: no-repeat; background-size: 20px; background-position: 6px 1px; font-size: 70%; padding-left: 30px; }
    #block-views-block-profile-cards-block-1 tr:hover, tr:focus {background:none;}    

    #block-claro-views-block-profile-cards-anon-block-1 { position: relative; width: 100%; /* margin-top: -25px;*/ margin-left:0;/* margin-bottom:50px;*/  margin-bottom:75px; margin-top: 20px; min-width:0; }
    #block-claro-views-block-profile-cards-anon-block-1 .member-for-tit { font-size: 1.2rem; margin-top: 1.2px; }
    #block-claro-views-block-profile-cards-anon-block-1 .member-for-date { font-size: 1.85rem; }
    #block-claro-views-block-profile-cards-anon-block-1 .member-for-date #member_for {    background-image: url(/calendar.svg); background-repeat: no-repeat; background-size: 20px; background-position: 6px 1px; font-size: 70%; padding-left: 30px; }
    #block-claro-views-block-profile-cards-anon-block-1 tr:hover, tr:focus {background:none;}    



#block-views-block-fleet-profile-block-1 .views-field-title {font-size:15px;}

#block-views-block-fleet-hostportal-block-1 { 
    position: relative;
    margin-top: 180px;
    max-width: 100%;
    left: 0;
    margin-left: 0;
}


  /***************** END 1156 Desktop **********************************/  
    
}   
















@media screen and (max-width: 1000px) {
    #block-block12step1installapp-2 .column { width: 100%; }
    #block-block13step2createaccount-2 .column { width: 100%; }
    #block-block14step3browselistings-2 .column { width: 100%; }
    #block-block14step3browselistings-2 .btr_flt_smple { width: 100%; }
    #block-block15step4bookvessel-2 .column { width: 100%; }
    
    #block-views-block-profile-cards-block-1 .member-for-tit{ font-size: 2vw;}
    #block-views-block-profile-cards-block-1 .member-for-date{ font-size: 2.5vw;}

    #block-claro-views-block-profile-cards-anon-block-1 .member-for-tit{ font-size: 2vw;}
    #block-claro-views-block-profile-cards-anon-block-1 .member-for-date{ font-size: 2.5vw;}
    
    
}
/*************************************************************/

/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/


/*FOR TABLETS & LANDSCAPE SMARTPHONES*/
@media screen and (max-device-width: 1350px) {
 
    html, body { overflow-x:clip;   /*overflow-x:hidden*/; }
    
    .tabs__link.is-active {
    background: #ffffff00;
    }
    .tabs__link {
    background: #ffffff00;
    color:#3d3d3d;
    }
    .tabs {
    background: white;
    }
    .tabs__tab.is-active {
        background:#f1fbff;
    }
    
    .form-actions .button, .form-actions .action-link {
    margin-top: 90px;
    margin-bottom: var(--space-m);
    width: 100%;
    font-size: 1.75rem;
    padding: 25px;
    margin-left: auto;
    margin-right: auto;
    max-width:300px;
    }
    
    .is-horizontal .tabs { margin-bottom: 15px; }
    .is-horizontal .tabs:hover { border-radius:10px;}
    .is-horizontal .tabs--primary .tabs__link:focus { margin-left: 0.15rem; margin-right: 0.15rem; box-shadow: none; border-radius: 10px; }
       
    #lst_rslts { top: 360px; left: 70px; } 
    
    #block-block7mobilebrowserinstallappbanner {display:block; margin-top: 275px;}
    /*#block-block6androidchromefrontpageinstallappbackground {display:block;}*/
    #block-block6androidchromefrontpageinstallappbackground {margin-top: 0px; margin-bottom: 200px;}
    #block-block6androidchromefrontpageinstallappbackground { display: block;}
    #block-block4installappbutton-2 {display:block;}
    
    
    #block-block13step2createaccount-2 {margin-top:250px; margin-bottom: 215px;}
    
    #block-block11kb2-2 {margin-top: 225px; margin-bottom: 200px;}
    #block-block11kb2-2 #set_sail { margin-left: 0px;}
    #block-block11kb2-2 #kb_2-bc { margin-left: 0px; margin-top: 10px; font-family: 'thasadith'; font-weight: normal; font-size: 30px;}
    #block-block11kb2-2 h1 { font-size: 50px; /*margin-top: -180px;*/ margin-top: 0px;} 
    #block-block16step5boaturhost-2 .outer { background-position: -10px; height: 950px; }
    #block-block17installapp2-2 {/*margin-left:-100px; margin-right:-100px;*/    margin-bottom: -105%;}
    #block-block21copyrightfront-2 {margin-left:-77px; margin-right:-77px;}
    #block-block16step5boaturhost-2 .inner{/*margin-left: 240px;*/margin-left: 31%; padding-left: 0px; padding-top: 0px;}
    #block-block16step5boaturhost-2 ul {margin-left: 30px;}
    #block-block16step5boaturhost-2 h2 {margin-left:125px;} 
    #block-block16step5boaturhost-2 p {/*margin-left:-50px;*/ margin-left: 30px;}
    
    
    #block-block9desktopdownloadappbanner-2 {display:none;}
    
/*#block-block10installappapple-2 #apple-app { font-family: 'Calistoga'; font-size: 35px; text-align: center; width: fit-content; margin-top: -25px; z-index: 9999999; position: relative; top: -465px; background-color: #eee8a9; padding: 20px; margin-left: auto; margin-right: auto; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); border-radius: 10px; margin-bottom: -125px; }*/
#block-block10installappapple-2 #apple-app { font-family: 'Calistoga'; font-size: 35px; text-align: center; width: fit-content; margin-top: -25px; z-index: 9999999; position: relative; top: -365px; background-color: #eee8a9; padding: 20px; margin-left: auto; margin-right: auto; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); border-radius: 10px; margin-bottom: -10px; }  
  
    #block-block10installappapple-2 #apple-app-deprec {font-family: 'Thasadith'; font-size: 40px; text-align: center; width: 100%; height:100%; margin-top: 0; margin-bottom: 0; z-index: 9999999; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: #f1fbff; padding-top: 0px; padding-bottom: 50px; margin-left: auto; margin-right: auto; padding-top: 300px;}
    #block-block10installappapple-2 #apple-desc { font-size: 24px; border: 2px solid red; color: red; border-radius: 50px; width: 80%; text-align: center; position: fixed; left: 9%; top: 400px; z-index: 99999999; padding: 5px; }    
    #block-block10installappapple-2 #chrome-desc { font-family: 'Thasadith'; font-size: 30px; text-align: left; width: fit-content; margin-left: auto; margin-right: auto; background-color: #f1fbff; z-index: 9999999; position: relative; padding: 20px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); margin-bottom: -300px; top: -770px; border: none; }
    #block-block10installappapple-2 #chrome-app { color: white; background: #42b7ed; font-size: 25px; text-decoration: none; text-align: center; padding: 5px 20px; right: -73%; top: 7px; position: relative; font-family: 'Thasadith'; font-weight: bold; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);}
    
    
    #block-block7mobilebrowserinstallappbanner #switch_contain { z-index: 1002; background: #fff; position: relative; width: 100%; font-family: 'Calistoga'; font-weight: normal; height: 300px; margin-top: -200px; margin-bottom: -200px; }
    #block-block7mobilebrowserinstallappbanner #switch { z-index: 99999999999; position: relative; background: #eee8a9; width: fit-content; margin-left: auto; margin-right: auto; padding: 20px; font-family: 'Calistoga'; font-weight: normal; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); border-radius: 10px; top:30px; }    

    #block-block7mobilebrowserinstallappbanner #apple_WAdesc { font-family: 'Thasadith'; /*font-size: 30px;*/ text-align: left; width: 95%; margin-left: auto; margin-right: auto;/* background-color: #f1fbff;*/ z-index: 9999999; position: relative; padding: 15px 5px;/* box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); margin-bottom: -300px; top: -770px;*/ border: none; }
    #block-block7mobilebrowserinstallappbanner #apple_webApp { font-size: 25px; margin-bottom: 20px;}



    
    #block-block6androidchromefrontpageinstallappbackground #install-app { font-weight: bold; margin-left: auto; margin-right: auto; background: #f1fbff; padding: 30px 330px 114px 30px; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, .37); position: relative; top: -15px; font-size: 25px; margin-bottom: 0 !important; margin-top:50px; } 
    #block-block6androidchromefrontpageinstallappbackground #helper {width: fit-content; background: #eee8a9; color: #3d3d3d; padding: 20px 130px 20px 150px; background-image: url(/warned.svg); background-repeat: no-repeat; background-attachment: initial; background-position: 10px 67px; top: 0; background-size: 120px; margin-left: auto; margin-right: auto; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); position: relative; margin-bottom: 150px; border: none; left: 0;}    
    #block-block6androidchromefrontpageinstallappbackground #p1 {font-size:25px;}
    #block-block6androidchromefrontpageinstallappbackground #p2 {font-size:25px;} 
    #block-block6androidchromefrontpageinstallappbackground #dig_sec_lock {width:20px; position:absolute; top:3px;}
    #block-block6androidchromefrontpageinstallappbackground #dig_sec {font-weight:bold; font-family:Roboto; font-size: 25px; margin-left:24px;}
    
    #verif { bottom:10px;}
    
    
    
    #block-block6androidchromefrontpageinstallappbackground #helpers { font-size: 30px; font-weight: bold; z-index: 99; background: #eee8a9; color: #3d3d3d; padding: 20px 20px 20px 65px; background-image: url(https://boatur.com/warned.svg); background-repeat: no-repeat; background-attachment: initial; background-position: 14px 14px; background-size: 30px; margin-left: auto; margin-right: auto; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, .37); position: relative; border: none; left: 0; margin-top: 30px; }
    #block-block6androidchromefrontpageinstallappbackground .accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; }
    #block-block6androidchromefrontpageinstallappbackground .active, .accordion:hover { background-color: #ccc; }
    #block-block6androidchromefrontpageinstallappbackground .panel {/*margin-bottom: 135px;*/ margin-bottom: -500px; border-bottom: none; position: relative; /*top: 260px;*/ top: -40px; z-index: 9; padding: 0 18px; background-color: #fdfbe6; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
    
    #block-block6androidchromefrontpageinstallappbackground .panel ol { margin-left: 30px; padding: 20px; }
    #block-block6androidchromefrontpageinstallappbackground .panel li {font-size: 30px; margin-top: 5px;}
    
    #block-block4installappbutton-2 #buttonload { display: none; height: 120px; padding: 50px 22px 40px 36px; font-size: 35px; font-weight: bold; color: white; background: #00a1f1; text-decoration: none; text-align: center; position: absolute; font-family: 'Thasadith'; z-index: 999; top: 354px; right: 100px; width: 280px; border: none; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, .37); }
    #block-block4installappbutton-2 #loader { padding: 12px 16px 15px 16px; position: absolute; top: 377px; right: 123px; border-radius: 50px; font-family: "Thasadith"; text-align: right; z-index: 1; background: #f1fbff; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); font-size: 30px; width: 250px; float: right; display: none; }
    #block-block4installappbutton-2 #loader img { width: 20%; margin-right: 9px; margin-top: -20px; animation: wheel 4s infinite linear; position: relative; top: 13px;}
    #block-block4installappbutton-2 #popup { padding: 19px 15px 21px 45px; position: absolute; top: 374px; right: 122px; border-radius: 50px; font-family: "Thasadith"; text-align: right; z-index: 2; background: #effffa; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); background-image: url(https://boatur.com/check-bullet-40.svg); background-repeat: no-repeat; background-attachment: initial; background-position: 13px 19px; font-size: 26px; font-weight: bold; animation: loaded 10s ease-out 0s forwards; width: 250px; display: none; }
    #block-block4installappbutton-2 .fa { margin-left: 1px; margin-right: 3px; }
    #block-block4installappbutton-2 .add-button { display: none; z-index: 998; color: white; background: #00a1f1; text-decoration: none; text-align: center; padding: 30px; right: 115px; top: 375px; position: absolute; font-family: 'Thasadith'; border: none; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, .37); font-size: 45px; font-weight: bold; }
    #block-block4installappbutton-2 .add-button:hover{ background: #008bd0; text-decoration:none; color:white; }
    #block-block4installappbutton-2 .collapsible { background-color: #777; color: white; cursor: pointer; width: fit-content; border: none; text-align: center; outline: none; font-size: 20px; padding:12px; position:absolute; top:138.05%; left:72%; }
    #block-block4installappbutton-2 .active, .collapsible:hover { background-color: #555; position:absolute; top:138.05%; left:72%; }
    #block-block4installappbutton-2 .discussion:after { content: '\2807'; width: 20px; height: 10px; border-radius: 100px; color:black; margin-top:80px; }
    #block-block4installappbutton-2 .help-text { position:absolute; top: 20px; left:5px; display:none; overflow: hidden; background-color: #f1f1f1; box-shadow:4px 10px; border:4px solid black; z-index:999999999999999999999999999; width:70%; }        
    
    #block-block4installappbutton-2 #tester{ padding: 19px 15px 21px 45px; position: absolute; top: 280px; right: 28px; border-radius: 50px; font-family: "Thasadith"; text-align: right; z-index: 2; background: #effffa; border: 2px solid #06cc89; background-repeat: no-repeat; background-attachment: initial; background-position: 13px 19px; font-size: 30px; font-weight: bold; width: 280px; }
    #block-block4installappbutton-2 #open-app { color: white; background: #00a1f1; text-decoration: none; text-align: center; padding: 5px 32px 12px 32px; right: 111px; position: absolute; font-family: 'Thasadith'; z-index: 1; top: 375px; font-size: 50px; height: 90px; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, .37); } 
    #block-block4installappbutton-2 #open-app:hover{ background: #008bd0; text-decoration:none; color:white; } 
    
    .claro-details { width: 100%; }
    
    #block-block29sitenavigationvoyagestab  .sidenav {display:none;}   
    #block-block29sitenavigationvoyagestab  #resc_link {display:none;}
    #block-block29sitenavigationvoyagestab  #cntct_link {display:none;}
    #block-block29sitenavigationvoyagestab  .footbar {display:flex;z-index:99999;}
    #block-block29sitenavigationvoyagestab img { padding-top:10px; height:50px; width: 100%;}
    #block-block29sitenavigationvoyagestab .footbar a{ font-size:25px;}

    #block-block38sitenavigationnavigationtab  .sidenav {display:none;}
    #block-block38sitenavigationnavigationtab  #resc_link {display:none;}
    #block-block38sitenavigationnavigationtab  #cntct_link {display:none;}    
    #block-block38sitenavigationnavigationtab  .footbar {display:flex;z-index:99999;}
    #block-block38sitenavigationnavigationtab img { padding-top:10px; height:50px; width: 100%;}
    #block-block38sitenavigationnavigationtab .footbar a{ font-size:25px;}

    #block-block39sitenavigationmessagingtab  .sidenav {display:none;}  
    #block-block39sitenavigationmessagingtab  #resc_link {display:none;}
    #block-block39sitenavigationmessagingtab  #cntct_link {display:none;}    
    #block-block39sitenavigationmessagingtab  .footbar {display:flex;z-index:99999;}
    #block-block39sitenavigationmessagingtab img { padding-top:10px; height:50px; width: 100%;}
    #block-block39sitenavigationmessagingtab .footbar a{ font-size:25px;}

    #block-claro-block106sitenavigationmessageviewtab  .sidenav {display:none;}
    #block-claro-block106sitenavigationmessageviewtab  #resc_link {display:none;}
    #block-claro-block106sitenavigationmessageviewtab  #cntct_link {display:none;}    
    #block-claro-block106sitenavigationmessageviewtab  .footbar {display:flex;z-index:99999;}
    #block-claro-block106sitenavigationmessageviewtab img { padding-top:10px; height:50px; width: 100%;}
    #block-claro-block106sitenavigationmessageviewtab .footbar a{ font-size:25px;}

    #block-block43sitenavigationprofiletab  .sidenav {display:none;}    
    #block-block43sitenavigationprofiletab  #resc_link {display:none;}
    #block-block43sitenavigationprofiletab   #cntct_link {display:none;}    
    #block-block43sitenavigationprofiletab  .footbar {display:flex;z-index:99999;}
    #block-block43sitenavigationprofiletab img { padding-top:10px; height:50px; width: 100%;}
    #block-block43sitenavigationprofiletab .footbar a{ font-size:25px;}

    #block-claro-block86sitenavigationprofiletab2  .sidenav {display:none;}    
    #block-claro-block86sitenavigationprofiletab2  #resc_link {display:none;}  
    #block-claro-block86sitenavigationprofiletab2  #cntct_link {display:none;}    
    #block-claro-block86sitenavigationprofiletab2  .footbar {display:flex;z-index:99999;}
    #block-claro-block86sitenavigationprofiletab2 img { padding-top:10px; height:50px; width: 100%;}
    #block-claro-block86sitenavigationprofiletab2 .footbar a{ font-size:25px;}


    
    #geofield-map-view-vessel-finder-attachment-1{height: inherit; width: inherit; position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index:3;}
    #block-claro-content .view-id-vessel_finder .attachment .geofield-google-map { position: absolute; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; z-index: 3; }    
    
    
/*    #views-exposed-form-vessel-finder-page-1 { z-index: 99999; position: fixed; left:0; width: 90%; min-width: 90%; margin-left: 5%; margin-top: 140px; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); height: auto;} 

    .view-vessel-finder .attachment-before .view-vessel-finder .view-header { font-size: 15px; position: fixed; z-index: 9990; top: 125px; right: 12px; background: grey; color: white; font-weight: bold; padding: 5px 10px; border-radius: 54px; margin-top: 144px; margin-right: 4.5%; }

    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-state-value{ position: relative; top: 50px; margin: 0; left: 28px; width: 75px; }
    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-city-value{ margin: 0; width: 143px; position: relative; top: 50px; margin-left: 35px; z-index:9999999;}    
    #views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value{ position: relative; width: 136px; margin: 0; margin-left: 115px; margin-top:-7px;}

    
    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-state-value .form-select { font-size: 15px;}
    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-city-value .form-text {font-size: 15px;}
    #views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value .form-select { font-size: 15px;}
    
    .views-exposed-form__item .form-item__label { font-size: 15px; position: relative; top: 42px; left: -94px; }
 */
     #views-exposed-form-vessel-finder-page-1 .bef--secondary{margin-bottom:-22px; margin-left: 0; margin-right: 0; margin-top: 10px;}
    .view-vessel-finder .pager {bottom:85px;}
 /*   
    #views-exposed-form-vessel-finder-page-1 #edit-secondary {position:relative; top:0px;border-radius:10px;}
    #views-exposed-form-vessel-finder-page-1 #edit-secondary .claro-details__summary {background: #f1fbff; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); border-radius: 10px; }
    #views-exposed-form-vessel-finder-page-1 #edit-secondary #edit-field-listing-location-proximity-value { position: relative; top: -40px; width: 110px; }
    #views-exposed-form-vessel-finder-page-1 #edit-secondary .form-item--field-listing-location__proximity-value .form-item__label{ position: relative; left: 125px; }
*/    
    #open_filter { display: none; position: fixed; top: 265px; left: 70px; background: #fff; color: #00a1f1; border-radius: 50px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); font-size: 2rem; padding: 20px 20px; z-index: 999; background-image: url(/vessel_filter_menu_icon.svg); width: 80px; background-repeat: no-repeat; background-size: 50px; background-position: 13px 21px; height: 80px; }
    #open_filter:hover { background: #f1fbff; background-image: url(/vessel_filter_menu_icon.svg); background-repeat: no-repeat; background-size: 50px; background-position: 13px 21px; }
/*    #close_filter {position: fixed; top: 286px; margin-top: -11px; margin-left: -27px; color: #00a1f1; border-radius: 50px;/* box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); font-size: 2rem; z-index: 99999; background-image: url(/vessel_filter_menu_icon_close.svg); width: 32px; background-repeat: no-repeat; background-size: 32px; background-position: 0px 0px; height: 32px; left: 0; width: 32px; margin-left: 6%; margin-top: -18px; }
    #close_filter:hover { background-image: url(/vessel_filter_menu_icon_close_hover.svg); background-repeat: no-repeat; background-size: 32px; background-position: 0px 0px; }*/
        
   /* #vf_nr { top: 70%; position: fixed; z-index: 2; font-size: 120%; background: grey; color: white; padding: 0; border-radius: 50px; font-weight: bold; width: 500px; text-align: center; margin-left: -250px; margin-right: 0; left: 50%;}*/
    
    #gmap_footer img {z-index: 9990; display: block; position: fixed; bottom: 100px; width: 100px; left: 12px;}
    
    #btr_cpyrt { font-size: 15px; font-weight: bold; color: #828388; background: #effffa36; padding: 0 5px; z-index: 9990; display: block; position: fixed; bottom: 100px; right: 0PX; }
    
    #block-block40mobileoptions .dropdown {display:block;}
    #block-block40mobileoptions img {height:35px;}
    #block-block40mobileoptions .dropbtn { /*top: -228px;*//*top: -228px; right:-42px;*/}
    #block-block40mobileoptions .dropdown-content a {font-size:25px;}
    #block-block40mobileoptions .dropdown-content {padding:20px 0;top:35px; right:0;}

    #block-block42navscreenmobilemenu   .dropdown {display:block;}
    #block-block42navscreenmobilemenu   .dropbtn img {height:35px;}
    #block-block42navscreenmobilemenu   .dropbtn { top: 10px;right:10px;}
    #block-block42navscreenmobilemenu   .dropdown-content a {font-size:25px;}
    #block-block42navscreenmobilemenu   .dropdown-content {padding:20px 0;top:35px; right:0;}

    .tip-3 {top:30%; height: 70%;} 
    
    #block-block71webformdetailsedit .grid-item {position: fixed; width:95%; margin-top: 100px;}

    
    #webform-submission-request-refund-node-64-add-form #edit-processed-text {position: relative; margin-top: -50px;max-width: fit-content;}
    
    #block-block34addnewlisting #create_listing {
    background: #00a1f1;
    color: white;
    text-decoration: none;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    padding: 5px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 75%;
    position: absolute;
    top: 272px;
    right: 80px;
}

#block-views-block-qr-info-block-1 #qr-label p .tooltip .tooltiptext {
/*    visibility: hidden;
    background-color: #3d3d3d;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    /*left: 0;*/
/*    opacity: 0;
    transition: opacity 0.3s;
    padding: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-size: 1.1rem;
    width:500px;
    margin-left: -242px;
*/    
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    padding: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-size: 1.1rem;
    width: 500px;
    background-color: #555;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -250px;
}    
    
#block-views-block-qr-info-block-1 #qrcode {margin-bottom: 4%;}    
    



/*--------------LISTING PAGE--------------*/

#avail_cal {

    position: absolute;
    background: #00a1f1;
    color: white;
    font-family: 'Calistoga';
    padding: 5px;
    font-size: 52%;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    width: fit-content;
    /*top: -227px;*/
    z-index: 99999;
    right: 15px;
    float: right;
}

/*--------------LISTING PAGE--------------*/



/****BOATUR STATUS MESSAGES****/

.messages-list {
    width:86%;
    
}

.page-node-type-listing .messages-list {
    width:86%;
    
}    

.messages-list .messages--status .messages__content {
    font-weight: bold;
    font-size: 120%;
}


.messages-list .messages--error .messages__content {
    font-weight: bold;
    font-size: 125%;
}

.messages--warning {
    font-size:80%;

}





/****BOATUR STATUS MESSAGES****/



    #msg_btn {display:none;}


/*#block-block46availabilitycalendar {margin-top: -40%;}*/*   



    #views-exposed-form-vessel-finder-page-1 .form-item--field-is-a-captain-required__value {margin: 0; width: 143px; position: relative; top: 60px; margin-left: 50px; z-index: 9999999; margin-bottom: 100px;}   

    #block-block21copyrightfront-2 {    top: 1030px;}
    #block-block16step5boaturhost-2 .column1 {width: 82%; margin-left: 10%; margin-right: auto;}
    
}



/***************** END 1350 **********************************/


/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/

 @media screen and (max-device-width: 1150px) {
     #block-block21copyrightfront-2 {
    top: 980px;
}
    #block-views-block-test1-block-1 {
        margin-top: -5px; }
        
#avail_cal {margin-top: -225px;}        
        
}


/*FOR PORTRAIT TABLETS*/
@media screen and (max-device-width: 1030px) {
    #views-exposed-form-vessel-finder-page-1 {max-height: 236px;}
    
/**********HOST FLEET PROFILE PAGE**********/

 
#block-views-block-fleet-profile-block-1 {
    position: relative;
    margin-top:0;
}

#block-views-block-fleet-profile-block-1 h2 {
    text-align: center;
    font-size: 125%;
    font-family: 'calistoga';
    border-bottom: 1px solid #adadad;
    color: #3d3d3d;
    padding: 10px;
    margin-bottom: 30px;
    font-weight: normal;
}


#block-views-block-fleet-profile-block-1 img{
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

 

#block-views-block-fleet-profile-block-1 .views-field-title a{
    font-weight: bold;
    text-decoration: none;
    color: #246786;
    text-align: center;
    font-size: 120%;
    line-height:20px;
}


#block-views-block-fleet-profile-block-1 .views-field-edit-node {
    text-align: center;
    margin-bottom: -7.5rem;
    margin-top: -22rem;
}

#block-views-block-fleet-profile-block-1 .views-field-edit-node a {
    font-size: .75rem;
    font-weight: bold;
    color: white;
    background: #00a1f1;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    text-align: center;
}


#block-views-block-fleet-profile-block-1 .vessel-status {
    margin-top: -11rem;
    text-align: center;
    font-size: .9rem;
    margin-bottom: 1rem;
}

#block-views-block-fleet-profile-block-1 .vessel-pending {
    color: #000;
    background: #f1a600;
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 50px;
}



#block-views-block-fleet-profile-block-1 .views-view-responsive-grid__item {
    display: grid;
    align-content: space-around;
    height: fit-content;
}

#block-views-block-fleet-profile-block-1 .views-view-responsive-grid__item-inner {
    display: grid;
    align-content: space-around;
    justify-content: start;
    flex-wrap: wrap;
    grid-auto-rows: initial;
    align-items: unset;
    grid-template-rows: unset;
}

#block-views-block-fleet-profile-block-1 .pager {
    
    margin-top:0;
    margin-bottom:0;
}

#block-views-block-fleet-profile-block-1 .pager .pager__link--action-link {
    background:#f1fbff;   
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}


#block-views-block-fleet-profile-block-1 #host-portal_stripe_setup {
    background: #eee8a9;
    padding: 1px 20px 20px 20px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    margin-bottom: -7rem;
}



/**********HOST FLEET PROFILE PAGE**********/

    #block-views-block-test1-block-1{ position: relative; /*width: fit-content;*/ margin-left: auto; margin-right: auto; margin-top: -5px; min-width:0; margin-bottom:50px; border-radius: 10px;}
    #block-views-block-full-name-block-1 { position: relative; font-size: 200%; font-family: 'Calistoga'; width: 100%; margin-left: 0; margin-right: 0; margin-top: -25px; text-align: center; min-width:0; }
    #block-claro-views-block-full-name-anon-block-1 { position: relative; font-size: 200%; font-family: 'Calistoga'; width: 100%; margin-left: 0; margin-right: 0; margin-top: -25px; text-align: center; min-width:0; }    
    
    #block-views-block-city-state-block-1 { position: relative; width: fit-content; margin-left: auto; margin-right: auto; margin-top: 0px; font-size: 125%; min-width:0; }
    #block-views-block-bio-block-1 { position: relative; width: fit-content; margin-left:auto; margin-right:auto; margin-top: -5%; margin-bottom: 30px; font-size: 125%; text-align: justify; min-width:0; }
    
    #block-views-block-profile-cards-block-1 { position: relative; width: 100%; /*margin-top: -25px;*/ margin-left:0; /*margin-bottom:50px;*/ min-width:0; }
    #block-views-block-profile-cards-block-1 .member-for-tit { font-size: 1.2rem; margin-top: 1.2px; }
    #block-views-block-profile-cards-block-1 .member-for-date { font-size: 1.85rem; }
    #block-views-block-profile-cards-block-1 .member-for-date #member_for {    background-image: url(/calendar.svg); background-repeat: no-repeat; background-size: 35px; background-position: -3px 2px; font-size: 125%; padding-left: 30px;}
    #block-views-block-profile-cards-block-1 tr:hover, tr:focus {background:none;}    

    #block-claro-views-block-profile-cards-anon-block-1 { position: relative; width: 100%; /*margin-top: -25px;*/ margin-left:0; /*margin-bottom:50px;*/ min-width:0; }
    #block-claro-views-block-profile-cards-anon-block-1 .member-for-tit { font-size: 1.2rem; margin-top: 1.2px; }
    #block-claro-views-block-profile-cards-anon-block-1 .member-for-date { font-size: 1.85rem; }
    #block-claro-views-block-profile-cards-anon-block-1 .member-for-date #member_for {    background-image: url(/calendar.svg); background-repeat: no-repeat; background-size: 35px; background-position: -3px 2px; font-size: 125%; padding-left: 30px;}
    #block-claro-views-block-profile-cards-anon-block-1 tr:hover, tr:focus {background:none;}    



 #nav_load_container {top:0;}
 #nav_load_txt {top:0;} 


.view-vessel-finder .attachment-before .view-vessel-finder .view-header {right:50px;}
#vf_nr {right:50px;}

  /***************** END 1030 **********************************/  
    #block-block17installapp2-2 { margin-bottom: -120%;}
   #block-block21copyrightfront-2 {top: 1000px;}
}   



/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/

@media screen and (max-device-width: 855px) {
#block-block21copyrightfront-2 {
    top: 800px;
}
#views-exposed-form-vessel-finder-page-1 {max-height: 350px;}

    #views-exposed-form-vessel-finder-page-1 {max-height: 400px;}    
    
}

/*FOR PORTRAIT TABLETS*/
@media screen and (max-device-width: 820px) {

#views-exposed-form-vessel-finder-page-1 {max-height: 400px;}

#block-block46availabilitycalendar { margin-top: 50px;}
#block-block16step5boaturhost-2 .column1 { width: 82%; margin-left: 15%; margin-right: auto;}


#block-block14step3browselistings-2 .blazy {
    width: 100% !important;
    margin-left: -50% !important;
    left: 50% !important;
}
/*--------------LISTING PAGE--------------*/
/*
#block-views-block-vessel-slideshow-block-1 { position: absolute;
    z-index: 999;
    width: 128.5%;
    left: -50px; 
    top: -103px;
    height: 65vw;
    overflow-y: clip;
      overflow-y:hidden;
    min-width:130%;
}*/
#block-views-block-vessel-slideshow-block-1{position: absolute; z-index: 999; /*width: 128.5%;*/width:100%; /*left: -50px;*/ left:0px; top: 0;/*height:255px;*/ height:63vw; overflow-y:clip;  overflow-y:hidden; /*min-width: initial;*/ min-width:100%;}
#block-views-block-vessel-slideshow-block-1 .slick-dots { position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; background: #fff; }
/*#block-views-block-vessel-slideshow-block-1 .slick-dots {
    position: relative;
    bottom: 58px;
    display: block;
    width: 90%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    background: #fff;
    text-align: center;
    left: 0;
    padding: 5px;
}*/


#avail_cal {position: absolute; background: #00a1f1; color: white; font-family: 'Calistoga'; padding: 5px; font-size: 52%; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); width: fit-content; /*top: 30px;*/ z-index: 99999; right: 90px; float: right;}



.vessel-rate {
    padding: 2px 5px;
    position: absolute;
    z-index: 9999;
    color: white;
    font-weight: bold;
    float: right;
    top: -51px;
    right: 0;
    margin-top: 41%;
    margin-right: 0px;
/*    background: #246786b3; 
    background: #24678663;*/
    background: #00000063;    
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    font-size: 110%;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}
    
    
.make-model{    
    position: relative;
    top: 0;
    left: 0;
/*    margin-top: 25vw;*/
    margin-top:220px;
    font-family: 'Calistoga';
    font-size: 150%;
    color: #00a1f1;
    word-break: break-word;
}    

#block-views-block-vessel-info-2-block-1 {
    position: relative;
    margin-top: -20%;
   /* margin-bottom: -15%;*/
}



#ask_host {
    display: block;
    background: #00a1f1;
    width: fit-content;
    color: white;
    text-decoration: none;
    font-weight: bold;
    padding: 5px 20px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    position: relative;
    top: 15px;
    float: left;
    left: 0;
} 


.flag-save-vessel {
    position: absolute;
    /*top: 570px;*/
    top: 415px;
    right: 60px;
    font-size: 225%;
}
    
/*--------------LISTING PAGE--------------*/

 #nav_load_container {top:0;}
 #nav_load_txt {top:0;} 

#block-block17installapp2-2 {
    margin-bottom: -160%;
}

#block-block21copyrightfront-2{ top: 1013px; }
  /***************** END 820 **********************************/  

}



/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/




/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/

@media only screen and (max-width: 800px) {
    
.make-model {/*margin-top: 185px;*/margin-top: 225px; font-size:130%;}
.vessel-name {font-size:100%;}
.flag-save-vessel {/*top: 260px;*/top: 280px;}
#block-views-block-vessel-info-2-block-1 {margin-top: -22%;}
 #nav_load_container {top:0;}
 #nav_load_txt {top:0;} 
 #block-block17installapp2-2 {margin-bottom: -218%}
 #block-block21copyrightfront-2 {    top: 1000px;}
 h3, .heading-c {margin-left: initial;}

    
#block-views-block-vessel-slideshow-block-1 .slick-dots {bottom: -25px;}    
    
}



@media screen and (max-device-width: 800px){

#block-block46availabilitycalendar {margin-top:50px;}
    
.flag-save-vessel {
    position: absolute;
    /*top: 570px;*/
    /*top: 415px;*/
    top: 455px;
    right: 60px;
    font-size: 225%;
}

.view-vessel-finder .attachment-before .view-vessel-finder .view-header {right:12px;}
}
#vf_nr {right: 12px;}

@media screen and (max-device-width: 720px){

#block-block17installapp2-2 {
    margin-bottom: -180%;
}
#block-block21copyrightfront-2 {
    top: 980px;
}

    #avail_cal {margin-top: -200px;}

}

@media only screen and (max-width: 720px) {
    
 
 #nav_load_container {top:-50%;}
 #nav_load_txt {top:-50%;} 
}

@media only screen and (max-width: 715px) {
    

    
/*.make-model {margin-top: 15vw;}*/
/*.flag-save-vessel {top: 280px;}*/
.make-model {margin-top: 140px;}
/*.flag-save-vessel {top: 160px; right: 15px;}*/
.flag-save-vessel {top: 200px; right: 15px;}

 #nav_load_container {top:0;}
 #nav_load_txt {top:0;} 

    .vessel-rate {
        right: -21px;
        top: 5px;
        font-size: 35px;
    }
    
#avail_cal {right:90px; margin-top: -190px;}

#views-exposed-form-vessel-finder-page-1 { /*min-width: 400px;*/}
#open_filter { top: 258px; left: 40px;}
/*#close_filter { top: 265px;left: 10px;}*/
/*#views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value { margin-left: 30px; margin-top: 50px; margin-bottom: -40px; z-index:99999999999999;}*/
#views-exposed-form-vessel-finder-page-1 .form-item--field-is-a-captain-required__value { margin-bottom: -25px; }

#lst_rslts {left: unset;}

h3, .heading-c {margin-left: 40px;}
    
}

 @media screen and (max-device-width: 715px) {

    #block-views-block-vessel-info-1-block-1 {
        margin-top: 205px;
    }   

    .listing-info {
        max-width: 90%;
        word-break: break-word;
        font-size: 50%;
    }


#lst_rslts { top: 360px; left: 40px; }

#block-block4installappbutton-2 .add-button {top: 375px; right: 90px;}
#block-block4installappbutton-2 #loader {right:90px;}
#block-block4installappbutton-2 #popup {right:90px;}
#block-block4installappbutton-2 #open-app { right: 90px; top: 375px; font-weight: bold;}
#block-block6androidchromefrontpageinstallappbackground #install-app {padding: 30px 300px 114px 30px;}

h3, .heading-c {margin-left: initial;}

    .flag-save-vessel {
        top: 395px;
        z-index: 999;
    }
    
    
.vessel-rate {right:0px;}
#avail_cal {right:90px;}

#views-exposed-form-vessel-finder-page-1 .form-item--field-is-a-captain-required__value { margin: 0; width: 143px; position: relative; top: 60px; margin-left: 60px; z-index: 9999999; margin-bottom: 50px; }
/*#close_filter { top: 285px; left: 5px; }*/
#views-exposed-form-vessel-finder-page-1 .bef--secondary { margin-bottom: -15px; margin-top: 60px; }

     
#block-block17installapp2-2{margin-bottom: -185%;}     
     
 }



 @media screen and (max-device-width: 675px) {
#block-views-block-vessel-info-1-block-1 {
    margin-top:/*0  150px */ 175px;
}    

/*.flag-save-vessel {top: 315px;}*/
.flag-save-vessel {top: /*335px*/ 400px;}

#block-block17installapp2-2 {
    margin-bottom: -205%;
}

}

/*FOR PORTRAIT TABLETS*/
@media screen and (max-device-width: 625px) {

#lst_rslts { top: 360px; left: 40px; }

/*LANDING PAGE*/

#block-block17installapp2-2 {margin-top:-150px;}
#block-block17installapp2-2 #win-chrome-desc {font-size: 50px;}
#block-block16step5boaturhost-2 p {margin-left: 15px; font-size: 30px;}
#block-block16step5boaturhost-2 h2 { margin-left: 155px;}

#block-block10installappapple-2 #chrome-desc {top: -650px}
#block-block10installappapple-2 #chrome-app {top: -33px;}
#block-block6androidchromefrontpageinstallappbackground #install-app { margin-bottom: -250px;}

/*#block-block7mobilebrowserinstallappbanner #apple_WAdesc{top: -650px}*/
#block-block7mobilebrowserinstallappbanner #apple_webApp {font-size: 22px; margin-bottom: 10px; margin-right: -5px;}

#block-block4installappbutton-2 .add-button {right: 42px; font-size:45px; top: 375px;}
#block-block4installappbutton-2 #loader {right: 42px;}
#block-block4installappbutton-2 #popup {right: 42px;}
#block-block6androidchromefrontpageinstallappbackground #install-app {padding: 30px 280px 114px 30px;}
#block-block4installappbutton-2 #open-app {right:42px; font-size: 45px; height: auto; font-weight:bold; top:375px;}



/*LANDING PAGE*/


/*NAVIGATION PAGE*/

/*#close_filter {top: 280px;}*/
#views-exposed-form-vessel-finder-page-1 .bef--secondary { margin-top: 10%; margin-bottom: -35px; }
#views-exposed-form-vessel-finder-page-1 .form-item--field-is-a-captain-required__value {top: 75px;}
/*#views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value { margin-left: 60px;}*/


/*NAVIGATION PAGE*/


/*LISTING PAGE*/

#block-views-block-vessel-slideshow-block-1 .slick-dots {bottom: /*25px*/ -25px;}
#block-block40mobileoptions .dropbtn {/*right: -10px;*/}
.form-item--stripe-payment-gateway {display:none;}

    #avail_cal {
        right: 75px;
        margin-top: -200px;
    }

/*LISTING PAGE*/


/*PROFILE PAGE*/
#block-views-block-full-name-block-1 {
    font-size:120%;
}

#block-claro-views-block-full-name-anon-block-1 {
    font-size:120%;
}


#block-views-block-fleet-profile-block-1 .views-field-title a {
    font-size:120%;
    
}
#block-views-block-bio-block-1 {
    font-size:110%;
}



/*PROFILE PAGE*/

#block-block17installapp2-2 {margin-bottom: -190%;}
#block-block21copyrightfront-2 { top: 1010px;
}
}

/**************END 625************************/




 @media screen and (max-device-width: 550px) {

#block-block16step5boaturhost-2 p {margin-left: 30px;}
#block-block16step5boaturhost-2 ul {margin-left:50px;}

#block-block17installapp2-2 {    margin-bottom: -215%;}

    #avail_cal {
        right: 75px;
        margin-top: -178px;
    }
}



@media only screen and (max-width: 520px) {

#block-views-block-vessel-slideshow-block-1 .slick-dots { bottom: 25px;}

    
#block-block17installapp2-2 {
    margin-top: -140px;
    margin-bottom: -225%;
}

#avail_cal {
    right: 25px;
    margin-top: -170px;
}

#block-block16step5boaturhost-2 h2 {margin-left:-70px;}    
.make-model {z-index: 999; margin-top: 0; font-size: 100%; margin-right: 100px;}
.vessel-name {font-size:90%;}
#block-views-block-vessel-info-2-block-1 {margin-top: -30%;}
.flag-save-vessel {top:/* 40px*/ 60px; right: -10px; font-size: 200%;}
#edit-field-stripe-connected-id-wrapper #cancel_scid {/*background-position: 335px 80px*/background-position: 100% 80%;}
#edit-field-stripe-connected-id-wrapper #cancel_scid:hover {/*background-position: 335px 80px*/background-position: 100% 80%;}
#block-views-block-vessel-slideshow-block-1 {max-height: 455px;}
 .vessel-rate {top:15px; right: -10px; font-size: 30px;}
 
#block-block21copyrightfront-2 { top: 960px; }
 
}







 @media screen and (max-device-width: 520px) {



 #block-block17installapp2-2 {    margin-top: -140px;
    margin-bottom: -225%;}

#block-block21copyrightfront-2 {
    top: 980px;
}

 #block-block40mobileoptions .dropbtn {/* top: -228px; right: -18px; */}
 #nav_load_container {top:-50%;}
 #nav_load_txt {top:-50%;}     

 


/* }


 @media screen and (max-device-width: 515px) {*/
     
    #block-block6androidchromefrontpageinstallappbackground .panel { margin-bottom: -300px;} 
    #block-block11kb2-2 {margin-top: 125px;}
    
    #block-block16step5boaturhost-2 h2 {margin-left: 150px;}     
    #block-block17installapp2-2 #win-chrome-desc {font-size: 47px;}
     
     
    #block-block4installappbutton-2 .add-button { z-index: 999; color: white; background: #00a1f1; text-decoration: none; text-align: center; padding: 12px; right: 69px; top: 290px; position: absolute; font-family: 'Thasadith'; border: none; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, .37); font-size: 20px; font-weight: bold; }    
    #block-block4installappbutton-2 #buttonload {display: none; /* height: 50px; */ width: unset; height: unset; padding: 15px; font-size: 20px; font-weight: bold; color: white; background: #00a1f1; text-decoration: none; text-align: center; position: absolute; font-family: 'Thasadith'; z-index: 999; top: 285px; right: 50px; /* width: 280px; */ border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, .37); }   
    
    #block-block4installappbutton-2 #open-app { z-index: 999; color: white; background: #00a1f1; text-decoration: none; text-align: center; padding: 12px; right: 69px; top: 290px; position: absolute; font-family: 'Thasadith'; border: none; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, .37); font-size: 20px; font-weight: bold; }
    
    #block-block6androidchromefrontpageinstallappbackground #install-app {padding: 30px 160px 70px 30px; font-size: 20px;}
    
    #block-block4installappbutton-2 #loader { padding: 5px 5px 7px 16px; position: absolute; top: 290px; right: 40px; border-radius: 50px; font-family: "Thasadith"; text-align: right; z-index: 1; background: #f1fbff; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, .37); font-size: 15px; width: 125px; float: right; display: none;}    
    #block-block4installappbutton-2 #loader img { width: 20%; margin-right: 0px; margin-top: -32px; animation: wheel 4s infinite linear; position: relative; top: 5px; right: 8px; }    
    #block-block4installappbutton-2 #popup {padding: 8px 4px 7px 23px; position: absolute; top: 290px; right: 40px; border-radius: 50px; font-family: "Thasadith"; text-align: right; z-index: 2; background: #effffa; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, .37); background-image: url(https://boatur.com/check-bullet-40.svg); background-repeat: no-repeat; background-attachment: initial; background-position: 6px 5px; font-size: 15px; background-size: 20px; font-weight: bold; animation: loaded 10s ease-out 0s forwards; width: 130px; display: none;}    

     
     
.flag-save-vessel { /*top: 335px;*/ top: 265px; right: 20px; }  
.vessel-rate { top: -40px; right: 0px; font-size:40px; }

#nav_load_container {top:0; margin-top:250px;}
 #nav_load_txt {top:0; margin-top:350px;}

#avail_cal {
        right: 67px;
        margin-top: -170px;
    }

.view-saved-vessels-page {margin-bottom: 50px;}


#block-views-block-vessel-slideshow-block-1 .slick-dots {bottom: 0;}
#block-views-block-vessel-info-1-block-1 { margin-top: 105px;}

/*#avail_cal {top: 10px; right: 60px;}*/
    
    
/*#views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value { margin-left: -212px; margin-top: 125px; margin-bottom: -20px; }    */
#views-exposed-form-vessel-finder-page-1 .form-item--field-is-a-captain-required__value { top: 140px; }    
#block-block42navscreenmobilemenu .dropbtn { top: 7px; right: 7px;}    
}










/*FOR PORTRAIT SMARTPHONES*/
@media screen and (max-device-width: 500px) {

.view-saved-vessels-page {margin-bottom: 0;}

.webform-signature-pad .button { 
        position: absolute !important;
        z-index: 100 !important;
        top: 0px !important;
        right: 0px !important;
        width: initial !important;
        height: initial!important;
        font-size: initial !important;
        transform: scale(.75);
}


#lst_rslts {top: 225px; left: 8px;}
   
   
#block-block11kb2-2 { margin-top: 0px;  } 
#block-block7mobilebrowserinstallappbanner #switch_contain {margin-top: -290px; margin-bottom: -110px;}     
#block-block6androidchromefrontpageinstallappbackground .panel {margin-bottom: -300px;}   
   /*******************************FROM ABOVE***********************************/
   
   
   /******************LISTING PAGE************************/

#edit-field-listing-slide-wrapper .no-touchevents .form-element--type-select.form-element--extrasmall, .no-touchevents .form-element--type-select[name$="][_weight]"] {
    display:none;

}


#edit-field-listing-slide-wrapper .form-element--type-select[name$="][_weight]"] {
    display:none;

}


#edit-field-listing-slide-table .form-managed-file__meta-items{
    display:none;
}
#edit-field-display-image-wrapper .form-managed-file__meta-items{
    display:none;
}



/****BOATUR STATUS MESSAGES****/
/*
.path-voyage-portal .messages-list {
    margin-top: 0;
    margin-bottom: 0;
}

*/


.messages-list {
    bottom: 10%;
    padding: 0;
    list-style: none;
    animation: msg_ntfy 3s 1 linear forwards;
    position: fixed;
    z-index: 999999;
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
    margin-bottom: 30px;
}
 @keyframes msg_ntfy {
  0% {opacity:0;}
  25% {opacity:1;}
  40% {opacity:1;}
  50% {opacity:1;}
  75% {opacity:.95;}
  100% {opacity:0; visibility:hidden;}
}

.messages--status {
    border-color: #00a1f1;
}

 
.page-node-type-listing .messages-list {
    bottom: 10%;
    padding: 0;
    list-style: none;
    animation: msg_ntfy 3s 1 linear forwards;
    position: fixed;
    z-index: 999999;
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
    margin-bottom: 30px;
}

.messages-list .messages-list__wrapper {
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

.messages-list .messages {
    border-width: 0 0 0 7px;
}


.messages-list .messages--error .messages__header {
    display:none; 

}

.messages-list .messages--error .messages__content {
    font-weight: bold;
    font-size: 150%;
}



.messages-list .messages--status .messages__header {
    display:none; 

}

.messages-list .messages--status .messages__content {
    font-weight: bold;
    font-size: 150%;
}

.messages--warning {
    border-color: #f19e00;
    border-width: 0 0 0 7px;
    font-size: 100%;
    font-weight: bold;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
} 



 


/****BOATUR STATUS MESSAGES****/

 

#edit-stripe-payment-gateway {
    position: relative;
    /*margin-top: 33%;*/
}


.form-item--stripe-payment-gateway {
    background: #00ffc045;
    padding: 0 5% 5% 5%;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    margin-top: 0;
    margin-bottom:0;
}



.form-item--stripe-payment-gateway label {
    position: relative;
/*    margin-top: 33%;
    margin-bottom: -33%;*/
    display: block;
    text-align: center;
    padding: 7%;
}

.form-item--stripe-payment-gateway .StripeElement {
    border:none;

}    


/***********************PRIMARY TABS MENU*************************/


#block-views-block-primary-tabs-block-1 {
    position: relative;
    margin-top: 2rem;
    margin-bottom: 5rem;
    display: block;
    left: 0;
    text-align: center;
}


#block-views-block-primary-tabs-block-1 .views-field-view-node {
    font-size: 1.5rem;
    font-family: 'calistoga';
    text-decoration: none;
    background: #00a1f1;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    margin: .3rem;
}
#block-views-block-primary-tabs-block-1 .views-field-view-node:hover {
    background: #008bd0;
}

#block-views-block-primary-tabs-block-1 .views-field-view-node a{
   text-decoration: none;
   color: #fff;
   padding:10px; 
}

#block-views-block-primary-tabs-block-1 .views-field-edit-node {
    font-size: 1.5rem;
    font-family: 'calistoga';
    text-decoration: none;
    background: #00a1f1;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    margin: .3rem;
}
#block-views-block-primary-tabs-block-1 .views-field-edit-node:hover {
    background: #008bd0;
}

#block-views-block-primary-tabs-block-1 .views-field-edit-node a{
   text-decoration: none;
   color: #fff;
   padding:10px; 
}
 
 /****************************************/
 
#block-views-block-duplicate-of-bio-block-1 {
    position: relative;
    margin-top: 5rem;
    margin-bottom: 10rem;
    display: block;
    left: 0;
    text-align: center;
}


#block-views-block-duplicate-of-bio-block-1 .views-field-view-user {
    font-size: 1.5rem;
    font-family: 'calistoga';
    text-decoration: none;
    background: #00a1f1;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    margin: .3rem;
}
#block-views-block-duplicate-of-bio-block-1 .views-field-view-user:hover {
    background: #008bd0;
}

#block-views-block-duplicate-of-bio-block-1 .views-field-view-user a{
   text-decoration: none;
   color: #fff;
   padding:10px; 
}

#block-views-block-duplicate-of-bio-block-1 .views-field-edit-user {
    font-size: 1.5rem;
    font-family: 'calistoga';
    text-decoration: none;
    background: #00a1f1;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    margin: .3rem;
}
#block-views-block-duplicate-of-bio-block-1 .views-field-edit-user:hover {
    background: #008bd0;
}

#block-views-block-duplicate-of-bio-block-1 .views-field-edit-user a{
   text-decoration: none;
   color: #fff;
   padding:10px; 
}
 
 
 
 

/***********************PRIMARY TABS MENU*************************/
 
 
 
 
 
 
    
/***REVIEW SECTION***/

.comment__meta a:nth-child(3)  {display:none;}
.permalink {display:none;}


/*
#node-listing-field-review-section .comment-form__title {display:none;}
#node-listing-field-review-section .comment__submitted  {display:none;}
#node-listing-field-review-section .content  {display:none;}


#node-listing-field-review-section .comment-wrapper article {
    background: #f1fbff;
    border-radius: 10px;
     box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    padding: 5px 20px;
    margin: 50px 0;
    display:none;
}

#node-listing-field-review-section .comment-wrapper article .profile {display:none;}

#node-listing-field-review-section .comment-wrapper article mark {
 background: red;
    font-size: 0;
    position: absolute;
    height: 1rem;
    width: 1rem;
    border-radius: 10px;

display:none;
}

#node-listing-field-review-section {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #f1fbff;
    padding:20px;
}

#node-listing-field-review-section h2 {
    font-weight: normal;
    text-align: center;
    font-size: 2rem;
    font-family: 'calistoga';
    width: 100%;
    display: grid;
}


#node-listing-field-review-section label {
    font-size:1.25rem;
    color:#246786;
}

#node-listing-field-review-section .form-submit {
    margin-top: 20px;
    padding:15px;
    
}

#node-listing-field-review-section textarea {
    font-size: 1.1rem;
    text-align: justify;
}

*/


.field--name-field-review-section .comment-form__title {display:none;}
.field--name-field-review-section .comment__submitted  {display:none;}
.field--name-field-review-section .content  {display:none;}


.field--name-field-review-section .comment-wrapper article {
    background: #f1fbff;
    border-radius: 10px;
    /* box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); */
    padding: 5px 20px;
    margin: 50px 0;
    display:none;
}

.field--name-field-review-section .comment-wrapper article .profile {display:none;}

.field--name-field-review-section article mark {
/*    background: red;
    font-size: 0;
    position: absolute;
    height: 1rem;
    width: 1rem;
    border-radius: 10px;
*/
display:none;
}

.field--name-field-review-section {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #f1fbff;
    padding: 20px;
    position: relative;
    margin-top: -100px /*-150px*/;
    width: 110%;
    position: relative;
    left: -5%;
}

.field--name-field-review-section h2 {
    font-weight: normal;
    text-align: center;
    font-size: 2rem;
    font-family: 'calistoga';
    width: 100%;
    display: grid;
}


.field--name-field-review-section label {
    font-size:1.25rem;
    color:#246786;
}

#comment-form .form-submit {
    margin-top: 15px;
    padding:15px;
    
}

.field--name-field-review-section textarea {
    font-size: 1.1rem;
    text-align: left;
}





#block-views-block-vessel-comments-block-1 {
    background: #f1fbff;
    padding: 25px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: -30px;
    width: 110%;
    position: relative;
    left: -5%;
}

#block-views-block-vessel-comments-block-1 .views-view-responsive-grid__item {
    padding: 10px;
    margin: 30px 0;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    background:#fff;
}



#block-views-block-vessel-comments-block-1 .review-review {
    font-size: 1.1rem;
    font-weight: bold;
    color: #3d3d3d;
    border-bottom: 2px solid #adadad;
    text-align: left;
    padding: 5px 5px 30px 5px;
    letter-spacing: 0.2px;
}



#block-views-block-vessel-comments-block-1 .review-author a {
    font-size: 1.2rem;
    font-weight: bold;
    text-decoration: none;
}

#block-views-block-vessel-comments-block-1 .review-date {
    font-size: .8rem;
    font-weight: bold;
    position: relative;
    display: flex;
}

#block-views-block-vessel-comments-block-1 .verified-booking-tag {
    position: relative;
    font-size: 65%;
    padding: 1px 10px 3px 30px;
    color: white;
    background: #00a1f1;
    text-align: left;
    border-radius: 50px;
    font-weight: bold;
    background-image: url(https://boatur.com/check-bullet_tc.svg);
    background-repeat: no-repeat;
    background-size: 11.5%;
    background-position: 4% 50%;
}

/*#block-views-block-full-name-block-1 .verified-captain-tag {
    position: relative;
    font-size: 50%;
    padding: 1px 10px 1px 20px;
    color: black;
    background: #a1f100;
    text-align: left;
    border-radius: 50px;
    font-weight: bold;
    background-image: url(https://boatur.com/verified-captain-20.svg);
    background-repeat: no-repeat;
    background-size: 11.5%;
    background-position: 4% 50%;
    font-family: 'Thasadith';
    top: -3px;
}*/



/*#block-views-block-vessel-comments-block-1 .vessel-host-tag {
    position: relative;
    font-size: 1rem;
    color: white;
    background: #06cc89ff;
    background-image: url(https://doc3.trinota.com/BOATUR/DARK-check-bullet.svg);
    text-align: left;
    border-radius: 50px;
    font-weight: bold;
    background-repeat: no-repeat;
    padding: 1px 10px 3px 30px;
    background-size: 17px;
    background-position: 5px 4px;
    
}
*/

#block-views-block-vessel-comments-block-1 .vessel-host-tag {
    position: relative;
    font-size: 65%;
    color: white;
    background: #246786;
    background-image: url(https://boatur.com/DARK-check-bullet_d10.svg);
    text-align: left;
    border-radius: 50px;
    font-weight: bold;
    background-repeat: no-repeat;
    padding: 1px 10px 3px 30px;
    background-size: 14.5%;
    background-position: 6% 50%;
}


#block-views-block-vessel-comments-block-1 .user-id{
    display:none;
}


#edit-field-add-new-review-wrapper .form-item__label.form-required::after, .fieldset__label.form-required::after {
    display: none;
}


.page-node-type-listing .field--name-field-bookable-status {
    position: fixed;
    z-index: 9999;
    top: 15rem;
    background: #ff9a007a;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    text-align: right;
    backdrop-filter: blur(5px);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

/***REVIEW SECTION***/


/**********CREATE LISTING PAGE**********/

/***QR CODE GENERATOR***/

#block-views-block-qr-info-block-1 {
    position: relative;
    margin-top: -10rem;
    margin-bottom: 5rem;
} 
 
#block-views-block-qr-info-block-1 #qrcode {
    position: relative;
    transform: scale(1);
    left: 0;
    width: 100%;
    display: block;
    margin-bottom: 21%;
    text-align: center;
}

#block-views-block-qr-info-block-1 #qr-label h1 {
    text-align: center;
    font-size: 1.5rem;
}

#block-views-block-qr-info-block-1 #qr-label p {
    text-align: justify;
    font-size: 1.2rem;
    margin-top: 2rem;
    font-weight: bold;
    color: #3d3d3d;
    background: #eee8a9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

#block-views-block-qr-info-block-1 #qr-label p .tooltip {
    position: relative;
    display: block;
    text-align: center;
    font-weight: bold;
    color: #246786;
    margin-top: -5px;
}

#block-views-block-qr-info-block-1 #qr-label p .tooltip .tooltiptext {
 /*   visibility: hidden;
    background-color: #3d3d3d;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    /*left: 0;*/
 /*   opacity: 0;
    transition: opacity 0.3s;
    padding: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-size: 1.1rem;
    margin-left: -242px;
    width: 500px;
*/
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    padding: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-size: 1.1rem;
    width: 500px;
    background-color: #555;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -250px;
}

#block-views-block-qr-info-block-1 .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    margin-left: 48%;
    border-width: 5px;
    border-style: solid;
    border-color: #3d3d3d transparent transparent transparent;
}

#block-views-block-qr-info-block-1 #qr-label p .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/***QR CODE GENERATOR***/

/**********CREATE LISTING PAGE**********/

/******************LISTING PAGE************************/
   
   

/**********HOST FLEET PROFILE PAGE**********/

 
#block-views-block-fleet-profile-block-1 {
    position: relative;
    margin-top:0;
}

#block-views-block-fleet-profile-block-1 h2 {
    text-align: center;
    font-size: 125%;
    font-family: 'calistoga';
    border-bottom: 1px solid #adadad;
    color: #3d3d3d;
    padding: 10px;
    margin-bottom: 30px;
    font-weight: normal;
}


#block-views-block-fleet-profile-block-1 img{
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

 
#block-views-block-fleet-profile-block-1 .views-field-title a{
    font-weight: bold;
    text-decoration: none;
    color: #246786;
    text-align: center;
    font-size: 90%;
}


#block-views-block-fleet-profile-block-1 .views-field-edit-node {
    text-align: center;
    margin-bottom: -7.5rem;
    margin-top: -22rem;
}

#block-views-block-fleet-profile-block-1 .views-field-edit-node a {
    font-size: .75rem;
    font-weight: bold;
    color: white;
    background: #00a1f1;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    text-align: center;
}


#block-views-block-fleet-profile-block-1 .vessel-status {
    margin-top: -11rem;
    text-align: center;
    font-size: .9rem;
    margin-bottom: 1rem;
}

#block-views-block-fleet-profile-block-1 .vessel-pending {
    color: #000;
    background: #f1a600;
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 50px;
}



#block-views-block-fleet-profile-block-1 .views-view-responsive-grid__item {
    display: grid;
    align-content: space-around;
    height: fit-content;
}

#block-views-block-fleet-profile-block-1 .views-view-responsive-grid__item-inner {
    display: grid;
    align-content: space-around;
    justify-content: start;
    flex-wrap: wrap;
    grid-auto-rows: initial;
    align-items: unset;
    grid-template-rows: unset;
}

#block-views-block-fleet-profile-block-1 .pager {
    
    margin-top:0;
    margin-bottom:0;
}

#block-views-block-fleet-profile-block-1 .pager .pager__link--action-link {
    background:#f1fbff;   
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}


#block-views-block-fleet-profile-block-1 #host-portal_stripe_setup {
    background: #eee8a9;
    padding: 1px 20px 20px 20px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    margin-bottom: -7rem;
}



/**********HOST FLEET PROFILE PAGE**********/   
   
   
   
   
   
   
   
   
   
   
   
   /*******************************FROM ABOVE***********************************/   
   
   
   
   html, body { overflow-x:clip;  /*overflow-x:hidden*/; }
    #block-block1logo-2 { margin-top: -5%; margin-bottom: 0%;}
    
    .form-element {font-size:22px;}
    .form-item__label { font-size: 22px; padding-bottom: 5px; padding-top: 10px;}
    
    
    #block-block6androidchromefrontpageinstallappbackground #install-app { margin-left: auto; margin-right: auto; background: #f1fbff; padding: 10px 120px 38px 5px; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); position: relative; margin-top: 40px; font-size: 17px; }
    #block-block6androidchromefrontpageinstallappbackground #install-app #verif { font-size: 15px; color: #787878; position: absolute; margin-top: 12px; }    
    #block-block6androidchromefrontpageinstallappbackground #dig_sec_lock { width: 10px; position: absolute; top: 3px; left: 70px; }
    #block-block6androidchromefrontpageinstallappbackground #dig_sec { font-weight: bold; font-family: Roboto; font-size: 15px; margin-left: 16px; } 
    #block-block6androidchromefrontpageinstallappbackground #helper { width: fit-content; background: #eee8a9; color: #3d3d3d; padding: 2px 20px 20px 63px; background-image: url(/warned.svg); background-repeat: no-repeat; background-attachment: initial; background-position: 7px 76px; top: 0; background-size: 50px; margin-left: auto; margin-right: auto; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); position: relative; margin-bottom: 150px; border: none; left: 0; }
    #block-block6androidchromefrontpageinstallappbackground #p1 { font-size: 17px; }
    #block-block6androidchromefrontpageinstallappbackground #p2 { font-size: 17px; }    
    
    #block-block6androidchromefrontpageinstallappbackground .panel ol { margin-left: 0px; padding: 10px 20px; }
    #block-block6androidchromefrontpageinstallappbackground .panel li { font-size: 20px; margin-top: 15px; }
    
    #block-block4installappbutton-2 #buttonload { display: none; justify-content: center; align-items: center; height: 45px; /*padding: 15px;*/padding: 0px; font-size: 15px; font-weight: bold; color: white; background: #00a1f1; text-decoration: none; text-align: center; position: absolute; font-family: 'Thasadith'; z-index: 999; top: 198px; right: 32px; width: 120px; border: none; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); }
    #block-block4installappbutton-2 .add-button {  z-index: 999; color: white; background: #00a1f1; text-decoration: none; text-align: center; padding: 7px; right: 41px; top: 205px; position: absolute; font-family: 'Thasadith'; border: none; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); font-size: 20px; font-weight: bold; }    
    
    #block-block4installappbutton-2 #loader { padding: 5px 5px 7px 16px; position: absolute; top: 205px; right: 42px; border-radius: 50px; font-family: "Thasadith"; text-align: right; z-index: 1; background: #f1fbff; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); font-size: 12px; width: 102px; float: right; display: none; }    
    #block-block4installappbutton-2 #loader img { width: 20%; margin-right: 0px; margin-top: -32px; animation: wheel 4s infinite linear; position: relative; top: 5px; right: 8px; }    
    #block-block4installappbutton-2 #popup { padding: 8px 4px 7px 23px; position: absolute; top: 205px; right: 42px; border-radius: 50px; font-family: "Thasadith"; text-align: right; z-index: 2; background: #effffa; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); background-image: url(https://boatur.com/check-bullet-40.svg); background-repeat: no-repeat; background-attachment: initial; background-position: 6px 5px; font-size: 10px; background-size: 20px; font-weight: bold; animation: loaded 10s ease-out 0s forwards; width: 102px; display: none; }    
    #block-block4installappbutton-2 #open-app { color: white; background: #00a1f1; text-decoration: none; text-align: center; padding: 5px; right: 47px; top: 15px; position: absolute; font-family: 'Thasadith'; z-index: 1; top: 201px; font-size: 20px; height: auto; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); }    
    
    #block-block7mobilebrowserinstallappbanner #switch {padding:12px; font-size:19px; top:88px;}   
    
    #block-block10installappapple-2 #apple-app {padding:12px; font-size:20px;}
    #block-block10installappapple-2 #apple-app-deprec {margin-bottom: -317px;}
    #block-block10installappapple-2 #apple-desc {font-size: 25px; margin-bottom: 60px;left: 0; top: -370px; z-index: 99999999; padding: 12px; margin-left: auto; margin-right: auto;}
    #block-block10installappapple-2 #chrome-desc { font-size: 20px;}
    #block-block10installappapple-2 #chrome-app {right: -45%; top:30px;}
    
    #block-block7mobilebrowserinstallappbanner #apple_WAdesc { font-size: 20px;}
/*    #block-block7mobilebrowserinstallappbanner #apple_webApp {right: -45%; top:30px;}*/
    
    
    #block-block11kb2-2 #set_sail {margin-left:-35px;}
    #block-block11kb2-2 #kb_2-bc {font-size:30px; margin-left:-35px;}
    #block-block11kb2-2 li { font-size: 22px;}
    #block-block11kb2-2 h1 { font-size: 40px;}   
    #block-block11kb2-2 ul {margin-left:-12px;}
    
    
    #block-block12step1installapp-2 .column { width: 130%; margin-left: -40px;  }
    #block-block12step1installapp-2 h1 {font-size:25px; margin-left:-35px;}
    #block-block12step1installapp-2 h2 {font-size:40px; margin-left:-35px;}
    #block-block12step1installapp-2 p { font-size: 23px; }
    #block-block12step1installapp-2 ul {margin-bottom:20px;}
    #block-block12step1installapp-2 li { font-size: 22px; margin-left: -20px;}
    
    #block-block13step2createaccount-2 .column { width: 130%; margin-left: -40px; }
    #block-block13step2createaccount-2 h1 {font-size:25px; margin-left:-35px;}
    #block-block13step2createaccount-2 h2 {font-size:40px; margin-left:-35px;}
    #block-block13step2createaccount-2 p {font-size:23px;}
    #block-block13step2createaccount-2 li {font-size:22px; margin-left:-20px;}
    
    #block-block14step3browselistings-2 .column { width: 130%; margin-left: -40px; }
    #block-block14step3browselistings-2 .btr_flt_smple { width: 130%; margin-left: -40px; }    
    #block-block14step3browselistings-2 h1 {font-size:25px; margin-left:-35px;}
    #block-block14step3browselistings-2 h2 {font-size:40px; margin-left:-35px;}
    #block-block14step3browselistings-2 p {font-size:23px;}
    #block-block14step3browselistings-2 ul {margin-bottom:20px;}
    #block-block14step3browselistings-2 li {font-size:22px; margin-left:-20px;}
    
    #block-block15step4bookvessel-2 .column { width: 130%; margin-left: -40px; }
    #block-block15step4bookvessel-2 h1 {font-size:25px; margin-left:-35px; margin-top: -142px;}
    #block-block15step4bookvessel-2 h2 {font-size:40px; margin-left:-35px;}
    #block-block15step4bookvessel-2 p {font-size:23px;}
    #block-block15step4bookvessel-2 li {font-size:21.5px; margin-left:-20px;}
    #block-block15step4bookvessel-2 ul {margin-bottom: 50px;}
    
    #block-block16step5boaturhost-2 p {font-size:22px; margin-left:50px /*130px*/;}
    #block-block16step5boaturhost-2 .outer { background-position: 100px; height: 500px; margin-top: 85px; }
    #block-block16step5boaturhost-2 h2 { margin-top: 5px; font-size: 34px; margin-bottom:25px; margin-left: 175px /*125px*/;}
    #block-block16step5boaturhost-2 li { font-size: 21px; margin-left: 140px; }
    
    #block-block17installapp2-2 {position: relative; margin-top: -40px; margin-bottom: -180%;}
    #block-block17installapp2-2 #win-chrome-desc {font-size: 45px;}
    #block-block17installapp2-2 #myBtn { font-size: 25px;}
    
    
    #block-block21copyrightfront-2 {position: relative; margin-top: 740px; top: 0; margin-bottom: -460px;}
    #block-block21copyrightfront-2 div { font-size: 15px; margin-right: -30px; }
    
    #edit-field-stripe-connected-id-wrapper #change {position: relative; color: #ffffff; width: fit-content; margin-right: auto; border-radius: 10px; background: #00a1f1; border: none; padding: 5px; font-weight: bold; font-size: 15px;}
    #edit-field-clrn-wrapper #capt_apply {position: relative; color: #ffffff; width: fit-content; margin-right: auto; border-radius: 10px; background: #00a1f1; border: none; padding: 5px; font-weight: bold; font-size: 15px;}

    
    #edit-field-stripe-connected-id-wrapper #cancel_scid { background-image: url(https://boatur.com/cancel_stripe.svg); background-repeat: no-repeat; /*background-position: 100% 81px*/background-position: 100% 80%; padding: 5px; color: #cc0606; width: 100%; background-size: 20px; position: relative; }    
    #edit-field-stripe-connected-id-wrapper #cancel_scid:hover { background-image: url(https://boatur.com/cancel_stripe_hover.svg); background-repeat: no-repeat; /*background-position: 100% 81px*/background-position: 100% 80%; padding: 5px; color: #cc0606; width: 100%; background-size: 20px; }    
    
    
    
    #block-views-block-test1-block-1{ position: relative;/* width: fit-content;*/ margin-left: auto; margin-right: auto; margin-top: -45px; transform: scale(.8);display:grid; min-width:0; align-content: center; justify-content: center; align-items: center; justify-items: center; border-radius: 10px; }
    #block-views-block-full-name-block-1 { position: relative; font-size: 78%; font-family: 'Calistoga'; width: 100%; margin-left: 0; margin-right: 0; margin-top: -25px; text-align: center; min-width:0; }
    #block-claro-views-block-full-name-anon-block-1 { position: relative; font-size: 78%; font-family: 'Calistoga'; width: 100%; margin-left: 0; margin-right: 0; margin-top: -25px; text-align: center; min-width:0; }    
    
    
    #block-views-block-city-state-block-1 { position: relative; width: 100%;text-align:center; margin-left: auto; margin-right: auto; margin-top: 0px; font-size: 75%; min-width:0; }
    #block-views-block-bio-block-1 { position: relative; width: fit-content; margin-left:auto; margin-right:auto; margin-top: -5%; margin-bottom: 30px; font-size: 80%; text-align: justify; min-width:0; }
    
    #block-views-block-profile-cards-block-1 { position: relative; width: 100%;/* margin-top: -25px;*/ margin-left:0; /*margin-bottom:50px;*/ min-width:0; }
    #block-views-block-profile-cards-block-1 .member-for-tit { font-size: 1.2rem; margin-top: 1.2px; }
    #block-views-block-profile-cards-block-1 .member-for-date { font-size: 1.85rem; }
    #block-views-block-profile-cards-block-1 .member-for-date #member_for {background-image: url('/calendar.svg'); background-repeat: no-repeat; background-size: 20px; background-position: 6px 1px; font-size: 1rem; padding-left: 2rem;}
    #block-views-block-profile-cards-block-1 tr:hover, tr:focus {background:none;}    
    
    #block-claro-views-block-profile-cards-anon-block-1 { position: relative; width: 100%;/* margin-top: -25px;*/ margin-left:0; /*margin-bottom:50px;*/ min-width:0; }
    #block-claro-views-block-profile-cards-anon-block-1 .member-for-tit { font-size: 1.2rem; margin-top: 1.2px; }
    #block-claro-views-block-profile-cards-anon-block-1 .member-for-date { font-size: 1.85rem; }
    #block-claro-views-block-profile-cards-anon-block-1 .member-for-date #member_for {background-image: url('/calendar.svg'); background-repeat: no-repeat; background-size: 20px; background-position: 6px 1px; font-size: 1rem; padding-left: 2rem;}
    #block-claro-views-block-profile-cards-anon-block-1 tr:hover, tr:focus {background:none;}  
    
    
    #block-block29sitenavigationvoyagestab  .sidenav {display:none;}
    #block-block29sitenavigationvoyagestab .footbar { display: flex; /*height: 13%*/ height: 75px; z-index: 9999; text-align: center; width: 100%; }
    #block-block29sitenavigationvoyagestab img { /*padding-top:10px*/padding-top:5px; /*height:55px*/height:40px; width: 100%; margin-bottom: -7px;}
    #block-block29sitenavigationvoyagestab #piling{padding-left:0;}
    #block-block29sitenavigationvoyagestab .footbar a{/*font-size:18px*/font-size:17px;}
    
    #block-block38sitenavigationnavigationtab .sidenav {display:none;}
    #block-block38sitenavigationnavigationtab .footbar { display: flex; /*height: 13%*/ /*height: 11%;*/ height: 75px; z-index: 99999; text-align: center; width: 100%; }
    #block-block38sitenavigationnavigationtab img { /*padding-top:10px*/padding-top:5px; /*height:55px*/height:40px; width: 100%; margin-bottom: -7px;}
    #block-block38sitenavigationnavigationtab #piling{padding-left:0;}
    #block-block38sitenavigationnavigationtab .footbar a{/*font-size:18px*/font-size:17px;}
       
    #block-block39sitenavigationmessagingtab .sidenav {display:none;}
    #block-block39sitenavigationmessagingtab .footbar { display: flex; /*height: 13%*/ height: 75px; z-index: 9999; text-align: center; width: 100%; }
    #block-block39sitenavigationmessagingtab img { /*padding-top:10px*/padding-top:5px; /*height:55px*/height:40px; width: 100%; margin-bottom: -7px;}
    #block-block39sitenavigationmessagingtab #piling{padding-left:0;}
    #block-block39sitenavigationmessagingtab .footbar a{/*font-size:18px*/font-size:17px;}

    #block-claro-block106sitenavigationmessageviewtab .sidenav {display:none;}
    #block-claro-block106sitenavigationmessageviewtab .footbar { display: flex; /*height: 13%*/ height: 75px; z-index: 9999; text-align: center; width: 100%; }
    #block-claro-block106sitenavigationmessageviewtab img { /*padding-top:10px*/padding-top:5px; /*height:55px*/height:40px; width: 100%; margin-bottom: -7px;}
    #block-claro-block106sitenavigationmessageviewtab #piling{padding-left:0;}
    #block-claro-block106sitenavigationmessageviewtab .footbar a{/*font-size:18px*/font-size:17px;}



    #block-block43sitenavigationprofiletab .sidenav {display:none;}
    #block-block43sitenavigationprofiletab .footbar { display: flex; /*height: 13%*/ height: 75px; z-index: 9999; text-align: center; width: 100%; }
    #block-block43sitenavigationprofiletab img { /*padding-top:10px*/padding-top:5px; /*height:55px*/height:40px; width: 100%; margin-bottom: -7px;}
    #block-block43sitenavigationprofiletab #piling{padding-left:0;}
    #block-block43sitenavigationprofiletab .footbar a{/*font-size:18px*/font-size:17px;}

    #block-claro-block86sitenavigationprofiletab2 .sidenav {display:none;}
    #block-claro-block86sitenavigationprofiletab2 .footbar { display: flex; /*height: 13%*/height: 75px; z-index: 9999; text-align: center; width: 100%; }
    #block-claro-block86sitenavigationprofiletab2 img { /*padding-top:10px*/padding-top:5px; /*height:55px*/height:40px; width: 100%; margin-bottom: -7px;}
    #block-claro-block86sitenavigationprofiletab2 #piling{padding-left:0;}
    #block-claro-block86sitenavigationprofiletab2 .footbar a{/*font-size:18px*/font-size:17px;}

    
/*    #geofield-map-view-vessel-finder-attachment-1{ position: absolute; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; }    */
/*    #views-exposed-form-vessel-finder-page-1 #edit-field-registered-state-value{ font-size: 15px; width: 77px; font-weight:bold; position:relative; top:10px;}*/    
/*    #views-exposed-form-vessel-finder-page-1 #edit-field-registered-city-value {width:100px; font-size: 15px; font-weight:bold; position:relative; top:10px;}*/
/*    #views-exposed-form-vessel-finder-page-1 #edit-field-vessel-type-value {font-size:15px; position: relative; top: -30px; width: 92px;}*/
    
    
    #geofield-map-view-vessel-finder-attachment-1{height: inherit; width: inherit; position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index:3;}
    #block-claro-content .view-id-vessel_finder .attachment .geofield-google-map { position: absolute; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; z-index: 3; }    
    
    
    #views-exposed-form-vessel-finder-page-1 { z-index: 9999; left: 0; position: fixed; /*width: 96%; min-width:96%;*/ margin-left: 2%; top: 130px /* 125px*/; margin-top: 0; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); height: auto; }

    .view-vessel-finder .attachment-before .view-vessel-finder .view-header   {font-size: 15px; position: fixed; /*z-index: 9990*/ z-index:9999; top: 125px; right: 12px; background: grey; color: white; font-weight: bold; padding: 5px 10px; border-radius: 54px; margin-top: 7px; margin-right: 0;  }
    #vf_nr{font-size: 15px; position: fixed; /*z-index: 9990*/ z-index:9999; top: 125px; right: 12px; background: grey; color: white; font-weight: bold; padding: 5px 10px; border-radius: 54px; margin-top: 7px; margin-right: 0;  }

/*    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-state-value{ position: relative; top: 50px; margin: 0; left: 28px; width: 75px; }
    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-city-value{ margin: 0; width: 143px; position: relative; top: 50px; margin-left: 35px; z-index:9999999;}    
    #views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value{ position: relative; width: 136px; margin: 0; margin-left: 115px; margin-top:20px;}
*/    
    #views-exposed-form-vessel-finder-page-1 .bef--secondary{margin-bottom:-22px;}
    
    /*#views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value {margin-top: 165px; margin-left: -215px /*-200px; }*/
    #views-exposed-form-vessel-finder-page-1 .form-item--field-is-a-captain-required__value { margin-top: -158px; margin-left: 200px; margin-bottom: 75px; }
    
    
    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-state-value .form-select { font-size: 15px;}
    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-city-value .form-text {font-size: 15px;}
    #views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value .form-select { font-size: 15px;}
    
    .views-exposed-form__item .form-item__label { font-size: 15px; position: relative;/* top: 42px; left: -94px; */}
    .view-vessel-finder .pager {bottom:75px;}
    #views-exposed-form-vessel-finder-page-1 #edit-secondary {position:relative; top:0px;border-radius:10px; min-width:200px;}
    #views-exposed-form-vessel-finder-page-1 #edit-secondary .claro-details__summary {background: #f1fbff; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); border-radius: 10px; }
    #views-exposed-form-vessel-finder-page-1 #edit-secondary #edit-field-listing-location-proximity-value { position: relative; top: -40px; width: 110px; }
    #views-exposed-form-vessel-finder-page-1 #edit-secondary .form-item--field-listing-location__proximity-value .form-item__label{ position: relative; left: 125px; }
    
    #open_filter { display: none; position: fixed; top: 130px; left: 8px; background: #fff; color: #00a1f1; border-radius: 50px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); font-size: 2rem; padding: 20px 20px; z-index: 999; background-image: url(/vessel_filter_menu_icon.svg); width: 80px; background-repeat: no-repeat; background-size: 50px; background-position: 13px 21px; height: 80px; }
    #open_filter:hover { background: #f1fbff; background-image: url(/vessel_filter_menu_icon.svg); background-repeat: no-repeat; background-size: 50px; background-position: 13px 21px; }
   /* #close_filter { position: fixed; top: 138px /*132px left: 18px; color: #00a1f1; border-radius: 50px;/* box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); font-size: 2rem; z-index: 99999; background-image: url(/vessel_filter_menu_icon_close.svg); width: 32px; background-repeat: no-repeat; background-size: 32px; background-position: 0px 0px; height: 32px;  margin-left: 0; margin-top: 0;  }
    #close_filter:hover { background-image: url(/vessel_filter_menu_icon_close_hover.svg); background-repeat: no-repeat; background-size: 25px; background-position: 0px 0px; }*/
        
   /* #vf_nr { top: 80%; position: fixed; z-index: 2; font-size: 80%; background: grey; color: white; padding: 0; border-radius: 50px; font-weight: bold; text-align: center; width: 350px; text-align: center; left: 50%; margin-left:-175px; margin-right:0;}*/
    
    #nav_load_container {margin-top:250px;}
    #nav_load_txt {margin-top:350px;}
    
    #gmap_footer img { z-index: 4; display: block; position: fixed; bottom: 75px; width: 50px; left: 5px; margin-left: 0; margin-bottom: 0; }
    #btr_cpyrt { position: fixed; display: block; z-index: 5; bottom: 75px; right: 0%; font-size: 12px; font-weight: bold; color: #828388; background: #effffa36; padding: 0 5px; }
    #btr_cpyrt a {color: #828388; text-decoration: none; }
    
    #block-block40mobileoptions  .dropdown {display:block;}
    #block-block40mobileoptions .dropdown-content {padding: 20px 5px; width: 185px; font-size:0; right: 0; top: 32px;}
    #block-block40mobileoptions img {height:30px;}
    #block-block40mobileoptions .dropbtn {    position: absolute; /*top: -190px; right:-10px;*//*top: 0; right:0; margin-top:-128px; margin-right:-15px;*/ width:fit-content;}
    #block-block40mobileoptions .dropdown-content a {font-size:20px; padding:5px;}   
  
 

    #block-block42navscreenmobilemenu   .dropdown {display:block;}
    #block-block42navscreenmobilemenu   .dropdown-content {padding: 20px 5px; width: 185px; font-size:0; right: 0; top: 32px;}
    #block-block42navscreenmobilemenu   .dropbtn img {height:30px;}
    #block-block42navscreenmobilemenu   .dropbtn {top: 10px; right:10px; width:fit-content;}
    #block-block42navscreenmobilemenu   .dropdown-content a {font-size:20px; padding:5px;}   
    
    
    #block-views-block-vessel-slideshow-block-1{position: absolute; z-index: 999; /*width: 128.5%;*/width:100%; /*left: -50px;*/ left:0px; top: 0;/*height:255px;*/ height:63vw; overflow-y:clip;  overflow-y:hidden; /*min-width: initial;*/ min-width:100%;}
    
    /*#avail_cal{ position: relative; background: #00a1f1; color: white; font-family: 'Calistoga'; padding: 5px; font-size: .75rem; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); width: fit-content; top: -125px; z-index: 99999; right: 32px; float: right; }*/
    #avail_cal { position: absolute; background: #00a1f1; color: white; font-family: 'Calistoga'; padding: 5px; font-size: 47%; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); width: fit-content; margin-top: -140px; z-index: 99999; right: 60px; float: right; }
    #avail_cal:hover{background:#008bd0;}
    
    
    .vessel-rate { padding: 2px 5px; position: absolute; z-index: 9999; color: white; font-weight: bold; float: right; top: 0; right: 0; margin-top: 41%; margin-right: 0px; /*background: #246786b3; background: #24678663;*/ background: #00000063; border-top-left-radius: 10px; border-bottom-left-radius: 10px; /*font-size: 1.65rem;*/font-size: /*110%*/ 35px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);}
    .make-model { position: relative; top: 0; left: 0; /*margin-top: 30%;*/ /*margin-top:30vw;*/ font-family: 'Calistoga'; /*font-size: 1.42rem;*/ font-size:90%; color: #00a1f1;  margin-right:0; max-width: 320px; line-height: 27px; margin-bottom: 10px; margin-top: 180px;}
    .vessel-name { position: relative; top: 0; left: 0; margin-top: 0%; font-family: 'Calistoga'; /*font-size: 1.25rem;*/font-size: 75%; }
    .listing-info{ position: relative; /*font-size: .7rem;*/font-size: 40%; font-weight: bold; }
    .views-field-field-registered-state { position: relative; top:-2px; /*font-size: .85rem;*/font-size: 55%;  background: #246786; padding: 2px 4px; color: white; font-weight: bold; border-radius: 5px;}
    .views-field-field-vessel-type { position: relative; top:-2px;  /*font-size: .85rem;*/font-size: 55%;  background: #246786; padding: 2px 4px; color: white; font-weight: bold; border-radius: 5px; margin-left:0;}
    .views-field-field-mode-year { position: relative; top:-2px;  /*font-size: .85rem;*/font-size: 55%;  background: #246786; padding: 2px 4px; color: white; font-weight: bold; border-radius: 5px; margin-left:0;}
    .views-field-field-length-of-vessel { position: relative; top:-2px;  /*font-size: .85rem;*/font-size: 55%;  background: #246786; padding: 2px 4px; color: white; font-weight: bold; border-radius: 5px; margin-left:0;}
    .views-field-node-rate-widget-field{ position: relative; top: -50px; left: -54px; font-weight: bold; }
    .views-field-node-rate-widget-field-1 { position: relative; top: -132px; /*left: 21%;*/ left: 19%; font-weight: bold; /*font-size: 1.05rem;*/font-size: 70%;}
 
 /****FOR CARDS*****/
     #block-views-block-vessel-info-2-block-1 { position: relative; margin-top: -33%; /*margin-bottom:-55%;*/}
     #block-views-block-vessel-info-2-block-1 .views-table { font-size: .65rem; font-weight: bold; border-top: 2px solid #888888;/* width:105%; margin-left:-10px;*/ }
     #block-views-block-vessel-info-2-block-1 .views-table tr { border-bottom: 2px solid #888888; height: 80px; display: flex; flex-wrap: wrap; align-items: center; align-content: stretch; }
     
/*     #block-views-block-vessel-info-2-block-1 .views-field-field-how-many-people-does-this- {background-image: url(/guest_tot-gry.svg); background-repeat: no-repeat; color: #888888; background-position: 50% 12%; padding: 42px 0 9px 0; text-align: center; width: 25%; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: flex-end; align-content: stretch; font-size: 180%; line-height: 8px;}*/
     #block-views-block-vessel-info-2-block-1 .views-field-field-how-many-people-does-this- { background-image: url(/guest_tot-gry.svg); background-repeat: no-repeat; color: #888888; background-position: 50% 12%; padding: 40px 0 5px 0; width: 25%; height: 100%; display: grid; justify-content: space-around; align-items: flex-end; align-content: stretch; font-size: 180%; line-height: 15px;}
     #block-views-block-vessel-info-2-block-1 .views-field-field-available-captain { background-image: url(/captain-gry.svg);  background-repeat: no-repeat; color: #888888; background-position: 50% 12%; padding: 30px 0 5px 0; text-align: center; width: 25%; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: flex-end; align-content: stretch; font-size: 150%; line-height:15px;}
     #block-views-block-vessel-info-2-block-1 .views-field-field-fishing { background-image: url(/fishing-gry.svg); background-repeat: no-repeat; color: #888888; background-position: 50% 12%; padding: 30px 0 5px 0; text-align: center; width: 25%; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: flex-end; align-content: stretch; font-size: 150%; line-height:15px;}
     #block-views-block-vessel-info-2-block-1 .views-field-field-do-you-allow-pets- { background-image: url(/pets-gry.svg);  background-repeat: no-repeat; color: #888888; background-position: 50% 12%; padding: 30px 0 5px 0; text-align: center; width: 25%; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: flex-end; align-content: stretch; font-size: 150%; line-height:15px;}
     #block-views-block-vessel-info-2-block-1 .views-field-body { font-size: 80%; line-height:175%; text-align: justify; position: relative; margin-top: 10%; /*margin-bottom: 65%;*/}
     
     .node--type-listing .field--name-webform {position: relative; margin-top: -275px;  display: none; margin-bottom: 200px;}
     
    #block-block46availabilitycalendar  {position: relative; margin-top: 50px /*-50%*/; margin-bottom: 70% /*70px;*/}
    
    #edit-booking-information #checkout_form {display:none; background: #f1fbff; padding: 10px 22px; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); position: relative; /*margin-top: 175px /*100px*/;}
    #edit-booking-information #checkout_form #checkout_title { text-align: center; font-size: 30px; font-family: 'calistoga'; width: 100%; display: grid; }
    #edit-booking-information #checkout_form #voyage_info {position: relative; line-height: 1.618;}
    #edit-booking-information #checkout_form #depart_d_f { text-align: center; font-size: 21px; font-weight: bold;}
    #edit-booking-information #checkout_form #arrive_d_f { text-align: right; font-size: 1.2rem; font-weight: bold;}
    #edit-booking-information #checkout_form #duration_f { text-align: right; font-size: 22px; font-weight: bold; margin-bottom: 10px;}
    #edit-booking-information #checkout_form #refuel_f { text-align: right; font-size: 15px; font-weight: bold;}
    #edit-booking-information #checkout_form #cleaning_f { text-align: right; font-size: 15px; font-weight: bold; margin-bottom: 10px;}

    #edit-booking-information #checkout_form #fee_f { text-align: right; font-size: 20px; font-weight: bold;}
    #edit-booking-information #checkout_form #state_tax_f { text-align: right; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
 
    #edit-booking-information #checkout_form #total_fee_f { text-align: right; font-size: 30px; font-weight: bold; text-decoration: underline; text-underline-offset: -40px; text-decoration-thickness: 2px;}
    #edit-booking-information #checkout_form #q_1 { width: 100%; margin-top: 40px; margin-bottom: 10px; font-weight: bold; text-align: center; font-size: 1.4rem; border-bottom: 4px solid #00a1f1;}
    #edit-booking-information #checkout_form #dprt_time_lab {font-size: 1.2rem;font-weight: bold; width: 100%; display: block; }
    #edit-booking-information #checkout_form #dprt_time { font-size: 1.2rem; border: none; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); color: #fff; font-weight: bold; background: #00a1f1; padding: 0 5px; }
    #edit-booking-information #checkout_form #arrv_time_lab { font-size: 1.2rem; font-weight: bold; display: block; margin-bottom: 0px/*-24px*/; }
    #edit-booking-information #checkout_form #arrv_time { font-size: 1.2rem; border: none; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); color: #fff; font-weight: bold; background: #00a1f1; padding: 0 5px; }
    
    #edit-chartered-booking-information #cb_checkout_form {display:none; background: #f1fbff; padding: 10px 22px; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); position: relative; margin-top:100px;}
    #edit-chartered-booking-information #cb_checkout_form #cb_checkout_title { text-align: center; font-size: 30px; font-family: 'calistoga'; width: 100%; display: grid; }
    #edit-chartered-booking-information #cb_checkout_form #cb_voyage_info {position: relative; line-height: 1.618;}
    #edit-chartered-booking-information #cb_checkout_form #cb_date_d_f { text-align: center; font-size: 20px; font-weight: bold;}
    #edit-chartered-booking-information #cb_checkout_form #cb_arrive_d_f { text-align: right; font-size: 1.2rem; font-weight: bold;}
    #edit-chartered-booking-information #cb_checkout_form #cb_fullDay_f  { text-align: right; font-size: 20px; font-weight: bold; margin-bottom: 10px;}
    #edit-chartered-booking-information #cb_checkout_form #cb_refuel_f { text-align: right; font-size: 15px; font-weight: bold;}
    #edit-chartered-booking-information #cb_checkout_form #cb_cleaning_f { text-align: right; font-size: 15px; font-weight: bold; margin-bottom: 10px;}

    #edit-chartered-booking-information #cb_checkout_form #cb_fee_f { text-align: right; font-size: 20px; font-weight: bold;}
    #edit-chartered-booking-information #cb_checkout_form #cb_state_tax_f { text-align: right; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
    #edit-chartered-booking-information #cb_checkout_form #cb_total_fee_f { text-align: right; font-size: 30px; font-weight: bold; text-decoration: underline; text-underline-offset: -40px; text-decoration-thickness: 2px;}



    .form-item--private-captain .form-item__label { display: inline; font-weight: bold; font-size: 1.1rem; }
    #edit-private-captain--description { font-weight: bold; font-size: .85rem; color: #7d7d7d; }
    
    #node-listing-field-review-section {position:relative; margin-top: -150px;}
    
    #edit-refund-disclaimer { background: #eee8a9; padding: 5px 20px; color: #3d3d3d; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); margin-bottom: 50px; border-radius:10px; }
    #refund_disclaimer-2 { font-size: 1rem; text-align: justify; font-weight: bold; }
    #terms_detailed { font-size: .85rem; font-weight: bold; color: #7d7d7d; }
 
/*    .flag-save-vessel { position: absolute; top: 365px; right: 15px; font-size: 160%; }*/
.flag-save-vessel { position: absolute; top: 300px; right: 15px; font-size: 160%; z-index: 999; }

    .flag-save-vessel .ajax-throbber .sk-bounce-dot {display:none;}
    .flag-save-vessel .ajax-throbber.sk-bounce { width: 0; height: var(--sk-size); position: relative;}
    
    .far .fa-heart {color:red;}
    .fas .fa-heart {color:red;}
    .page-node-type-listing .fa-heart:before {color:red;}    
    .js-flag-message {position:relative; color:#fff; background: #3d3d3ded; font-size:.75rem; border-radius:50px; padding:5px;}
/*    .js-flag-message {display: grid !important;z-index:9999999999999999999999999999999 !important; animation: flag-flash 3s ease-in-out 1 !important; position: fixed !important; bottom: 100px !important; font-size: 15px !important; justify-content: space-around !important; justify-items: stretch !important; left: 0 !important; text-align: center !important; width: 33vw !important; margin-left: 33vw !important; margin-right: auto !important;}*/

    .tip-3 {top: 30%; margin-left: auto; margin-right: auto; position: relative;}


   /* .view-saved-vessels-page .views-view-responsive-grid__item {box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); border-radius: 10px; padding: 5px; background: #f1fbff; }*/
       
    .view-saved-vessels-page .view-content { background: #fff; width: 110%; position: relative; padding: 5px; margin-left: -5%; }
    .view-saved-vessels-page .views-view-responsive-grid__item {margin-bottom:20px;}
    .view-saved-vessels-page .image-style-slick-media { border-radius: 10px;}    
    .view-saved-vessels-page .saved-vessel-title { text-align: left; font-size: 55%; margin-bottom:-12px; }
    .view-saved-vessels-page .views-view-responsive-grid__item a {text-decoration: none; font-weight: bold;}
    
    .view-saved-vessels-page .views-field-field-rate-day- {font-size: 50%; font-weight:bold; color:#246786;}
    .view-saved-vessels-page #mid_dot {font-size:65%; font-weight:bold; color:#246786;}
    .view-saved-vessels-page .vessel-rating { font-size: 50%; background-image: url(https://boatur.com/rating.svg); background-color: #246786; background-repeat: no-repeat; padding: 0 20px 0 4px; border-radius: 5px; color: white; background-position: 80% 1px; background-size: 12px; font-weight: bold; }
/*
    #tos_header {font-family: 'Calistoga'; position: absolute; top: 137px;}
    #tos_text {margin-top: 0; text-align: justify; font-size: 62%; margin-bottom: -10px; }
   */ 
        #webform-submission-request-refund-node-64-add-form #edit-actions {margin-top: -25%;}
    #webform-submission-request-refund-node-64-add-form #edit-processed-text {position: relative; margin-top: -58px; margin-left:auto; margin-right:auto;} 
    
    #block-block71webformdetailsedit .grid-item {    background: #00a1f1; border: none; width: 217%; padding: 5px 7px 5px 5px; text-align: left; color: white; font-weight: bold; border-radius: 10px; position: fixed; margin-top:2px; }
    
#privatemsg-messages #edit-table .msgs td:nth-child(1) a {font-size:75%;}
#privatemsg-messages #edit-table .msgs td:nth-child(2) {font-size: 50%;}
#privatemsg-messages #edit-table th:nth-child(1) {font-size: 80%;}
#privatemsg-messages #edit-table th:nth-child(2) {font-size: 80%;}
    
.privatemsg-message-column {width:100%;}

    #block-block34addnewlisting #create_listing {
    top: 150px;
    right: 20px;
}

/**********HOST FLEET**********/


#block-views-block-fleet-hostportal-block-1 { 
    position: relative;
    margin-top: 180px;
    max-width: 100%;
    left: 0;
    margin-left: 0;
}

#block-views-block-fleet-hostportal-block-1 h2{
    text-align: center;
    font-size: 2rem;
    font-family: 'calistoga';
    border-top: 1px solid #adadad;
    color: #3d3d3d;
    margin-bottom: 1rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    font-weight: normal;
}


#block-views-block-fleet-hostportal-block-1 img{
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

#block-views-block-fleet-hostportal-block-1 .views-field-title {
    text-align: center;
    /*margin-top: -162px;*/
    margin-top:-25px;
    line-height: 12.5px;
    font-size:15px;
}

#block-views-block-fleet-hostportal-block-1 .views-field-title a{
    font-weight: bold;
    text-decoration: none;
    color: #246786;
    text-align: center;
    font-size: 14px;
    /*added line-height*/
    line-height: 25px;
}


#block-views-block-fleet-hostportal-block-1 .views-field-edit-node {
    text-align: center;
    /*margin-bottom: 10px;
    margin-top: -225px;*/
    /*margin-top:-140px;*/
    margin-top: -115px;
    z-index:1;
}


#block-views-block-fleet-hostportal-block-1 .views-field-edit-node a{
    font-size: 42%;
    font-weight: bold;
    color: white;
    background: #00a1f1;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    text-align: center;
}

#block-views-block-fleet-hostportal-block-1 .stripe-link {
    width: fit-content;
    background: #00a1f1;
    position: relative;
    display: block;
    margin-top: 10%;
    font-size: 81%;
    text-align: center;
    margin-bottom: 10%;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    padding: 5px 10px;
    
}


#block-views-block-fleet-hostportal-block-1 .stripe-link a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    
}

#block-views-block-fleet-hostportal-block-1 .stripe-link:hover {
    background: #008bd0;
}    



#block-views-block-fleet-hostportal-block-1 .views-field-field-bookable-status-1 {
    margin-top: -197px;
    text-align: center;
    font-size: 40%;
    /*margin-bottom: 20px;*/
    margin-bottom: 25px;
}

#block-views-block-fleet-hostportal-block-1 .views-field-field-bookable-status-1 .bookable-status {
    font-size: 130%;
    background: #f10000;
    margin-left: auto;
    margin-right: auto;
    padding: 2px 5px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    margin-top: 15%;
    z-index: 9999;
    display: block;
    position: relative;
    
}




#block-views-block-fleet-hostportal-block-1 .views-field-field-bookable {
    margin-top: -197px;
    text-align: center;
    font-size: 40%;
    margin-bottom: 20px;
}

#block-views-block-fleet-hostportal-block-1 .views-field-field-bookable .bookable-status {
    font-size: 130%;
    background: #f10000;
    margin-left: auto;
    margin-right: auto;
    padding: 2px 5px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    margin-top: 15%;
    z-index: 9999;
    display: block;
    position: relative;
    
}


#block-views-block-fleet-hostportal-block-1 .vessel-status {
    margin-top: -170px;
    text-align: center;
    font-size: 40%;
   /* margin-bottom: 20px;*/
}


#block-views-block-fleet-hostportal-block-1 .vessel-pending {
    color: #000;
    background: #f1a600;
    z-index: 9999;
    font-size: 130%;
    margin-left: auto;
    margin-right: auto;
    padding: 2px 5px;
    border-radius: 10px;
    font-weight: bold;
    display: block;
    position: relative;
}



#block-views-block-fleet-hostportal-block-1 .views-view-responsive-grid__item {
    display: grid;
    align-content: space-around;
    height: fit-content;
    margin-top: -50px;
    /*margin-bottom: -50px;*/
}

#block-views-block-fleet-hostportal-block-1 .views-view-responsive-grid__item-inner {
    display: grid;
    align-content: space-around;
    justify-content: start;
    flex-wrap: wrap;
    grid-auto-rows: 15px;
    align-items: center;
/*    grid-template-rows: repeat(2, 135px);
    margin-bottom:0;
*/
    grid-template-rows: repeat(2, 125px);
    margin-bottom:-25px;
}

#block-views-block-fleet-hostportal-block-1 .pager {
    
    margin-top:-3rem;
    margin-bottom: 3rem;
}

#block-views-block-fleet-hostportal-block-1 .pager .pager__link--action-link {
    background:#f1fbff;   
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}


#block-views-block-fleet-hostportal-block-1 #host-portal_stripe_setup {
    background: #eee8a9;
    padding: 1px 20px 20px 20px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    margin-bottom: 110px;
}



#block-views-block-fleet-hostportal-block-1 #host-portal_stripe_setup_site {
    font-size: 75%;
    font-weight: bold;
}

#block-views-block-fleet-hostportal-block-1 #host_link {
    background: #7d7d7d;
    color: #fff;
    padding: 0 10px;
    border-radius: 50px;
    margin: 0;
}

#block-views-block-fleet-hostportal-block-1 #stripe_link_cont {
    text-align: right;
    font-size: 80%;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 5px;
}

#block-views-block-fleet-hostportal-block-1 #stripe {
    color: #fff;
    text-decoration: none;
    background: #00a1f1;
    padding: 0 10px;
    border-radius: 50px;
    font-weight: bold;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

#block-views-block-fleet-hostportal-block-1 #nSCIDid{
    color: #fff;
    text-decoration: none;
    background: #00a1f1;
    padding: 0 10px;
    border-radius: 50px;
    font-weight: bold;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

#stripe_field_id {
    font-size: 75%;
    font-weight: bold;
}

#stripe_field_id #stripe_cnct_id {
    background: #7d7d7d;
    color: #fff;
    padding: 0 10px;
    border-radius: 50px;    
}


#stripe_field_id #no_stripe_id {
    color: #fff;
    background: #00a1f1;
    padding: 0 10px;
    border-radius: 10px;
    text-decoration: none;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

/**********HOST FLEET**********/


#block-views-block-duplicate-of-guest-voyages-block-1 table {left: 0; position: relative;}
    
    
#block-views-block-qr-info-block-1 #qr-label p .tooltip .tooltiptext {
    width: 260px;
    background-color: #555;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -130px;
    
    
}



#block-views-block-guest-voyages-block-1 .voyages-depart { font-size: 70%; font-weight: bold; text-align: center;padding: 5px;}
#block-views-block-guest-voyages-block-1 .voyages-arrival { font-size: 70%; font-weight: bold; text-align: center;padding: 2px; }



#block-views-block-duplicate-of-guest-voyages-block-1 .voyages-depart { font-size: 70%; font-weight: bold; text-align: center;padding: 5px; }
#block-views-block-duplicate-of-guest-voyages-block-1 .voyages-arrival { font-size: 70%; font-weight: bold; text-align: center;padding: 2px; }


#webform-submission-report-vessel-node-65-add-form {margin-top:-30%;}
#block-views-block-vessel-slideshow-block-1 .slick-dots { position: absolute; bottom: 10%; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; background: #fff; }

#ask_host {
    display: block;
    background: #00a1f1;
    width: fit-content;
    color: white;
    text-decoration: none;
    font-weight: bold;
    padding: 5px 20px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    position: relative;
    top: 15px;
    float: left;
    left: -30px;
}    
 
 #block-block79stripemobile {display:block}
 
 
   	
  	
 #nav_load_container {top:0;}	
 #nav_load_txt {top:0;} 	

#vyg_dtls_wrapper {
    top: 14px;
    float: right;
    right: -30px;
}
 	
#voyage_details {	
    display: block;	
    background: #00a1f1;	
    /*width: 65%;*/	
    width: 190px;    
    color: white;	
    text-decoration: none;	
    font-weight: bold;	
    padding: 5px 20px;	
    border-radius: 10px;	
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);	
    margin-bottom: 50px;	
 
}    	
 
    	
.node--unpublished {	
    	
    margin-top: -200px;	
    	
}	
.node--unpublished #vessel_pending {	
    	
    font-size: 85%;	
}	
.node--unpublished  #vessel_pending_2 {	
    	
    font-size: 80%;	
    padding: 10px;	
    line-height: 1.65;	
    font-weight:bold;	
}    	
#block-views-block-guest-voyages-block-1 .voyages-info a {font-size:15px;}	

#block-block16step5boaturhost-2 ul { margin-left: -30px; background: #ffffffb3; border-radius: 10px;}


#btr_ntfy .privatemsg-unread-thread { height: 15px; width: 15px; bottom: 60px; right: 31.25%; top:initial;}

/*
.slick .blazy .slick--view .slick--view--vessel-slideshow .slick--view--vessel-slideshow--block-1 .slick--view--vessel-slideshow-block-block-1 .is-b-ajax .slick--skin--classic .slick--optionset--listing-slideshow .is-blazy .slick--initialized {
    width: 128.5%;
    left: -50px;
    
}
*/

#block-views-block-vessel-slideshow-block-1 .slick, .slick-wrapper {
    position: relative;
    max-width: 128.5% !important;
    width: 128.5%;
    left: -50px;
}




/*****************
}	
END 500 **********************************/	
/********************************************************************************************************************************************************************************/	
/********************************************************************************************************************************************************************************/	
/********************************************************************************************************************************************************************************/	
/********************************************************************************************************************************************************************************/	
/********************************************************************************************************************************************************************************/	
/********************************************************************************************************************************************************************************/	
/********************************************************************************************************************************************************************************/	
/********************************************************************************************************************************************************************************/	
/********************************************************************************************************************************************************************************/	
/********************************************************************************************************************************************************************************/	
/********************************************************************************************************************************************************************************/
 
 /*FOR PORTRAIT SMARTPHONES*/
@media screen and (max-device-width: 450px) { 
 .geofield-google-map .gm-style-iw .views-field-field-display-image img { border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); max-width:100%;/* transform: scale(1);*/ }
 .geofield-google-map .gm-style .gm-style-iw {max-width: 380px !important;}
 
 #avail_cal {margin-top: -125px;}
 
 #block-block7mobilebrowserinstallappbanner #switch_contain { margin-top: -290px; margin-bottom: -100px;}
 
 /*#views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value {
    margin-top: 115px;
    /*margin-left: 14px;
}*/


#views-exposed-form-vessel-finder-page-1 .form-item--field-is-a-captain-required__value {
    margin-top: -160px;
    margin-left: 200px;
    margin-bottom: 75px;
}

#block-views-block-fleet-hostportal-block-1 .views-field-edit-node {
    text-align: center;
    margin-top: -130px;
    z-index: 1;
}

.make-model { margin-top: 140px;}
#block-views-block-vessel-info-2-block-1 {margin-top: -38%;}
.flag-save-vessel { position: absolute; top: 270px; right: 15px; font-size: 160%; z-index: 999; }

#voyage_details {	
    display: block;	
    background: #00a1f1;	
/*    width: 65%;	*/
    width: 190px;
    color: white;	
    text-decoration: none;	
    font-weight: bold;	
    padding: 5px 20px;	
    border-radius: 10px;	
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);	
    /*position: relative;	
    top: 15px;	
    float: right;	
    right: -85px;	*/
    margin-bottom: 85px;	
 
}

#edit-booking-information #checkout_form {display:none; background: #f1fbff; padding: 10px 22px; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); position: relative; /*margin-top:70px;*/}


#block-block17installapp2-2 {    margin-bottom: -205%;}

}



@media screen and (max-device-width: 425px) {

 /*#views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value {
    margin-top: 165px;
    /*margin-left: 14px;
}*/


#views-exposed-form-vessel-finder-page-1 .form-item--field-is-a-captain-required__value {
    margin-top: -160px;
    margin-left: 200px;
    margin-bottom: 75px;
}

#block-views-block-fleet-hostportal-block-1 .views-field-edit-node {
    text-align: center;
    margin-top: -130px;
    z-index: 1;
}

.make-model { margin-top: 140px;}
#block-views-block-vessel-info-2-block-1 {margin-top: -38%;}
.flag-save-vessel { position: absolute; top: 245px; right: 15px; font-size: 160%; z-index: 999; }

#voyage_details {	
    display: block;	
    background: #00a1f1;	
/*    width: 65%;	*/
    width: 190px;
    color: white;	
    text-decoration: none;	
    font-weight: bold;	
    padding: 5px 20px;	
    border-radius: 10px;	
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);	
    /*position: relative;	
    top: -33px;	
    float: right;	
    right: -85px;	*/
    margin-bottom: 50px;	
 
}

#edit-booking-information #checkout_form {display:none; background: #f1fbff; padding: 10px 22px; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); position: relative; /*margin-top: /*145px 70px 100px;*/}
    
#block-block17installapp2-2 {    margin-bottom: -215%;}    
}


 
 /*FOR PORTRAIT SMARTPHONES*/
@media screen and (max-device-width: 400px) {
    
    html, body { overflow-x:clip;  /*overflow-x:hidden*/; }
    #block-block1logo-2 { margin-top: -5%; margin-bottom: 0%;}
   
    #lst_rslts {top: 225px; left: 8px;}   
    
    .form-element {font-size:22px;}
    .form-item__label { font-size: 22px; padding-bottom: 5px; padding-top: 10px;}
 
    
    #block-block6androidchromefrontpageinstallappbackground #install-app { margin-left: auto; margin-right: auto; background: #f1fbff; padding: 10px 120px 38px 5px; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); position: relative; top: -40px; font-size: 17px; }
    #block-block6androidchromefrontpageinstallappbackground #install-app #verif { font-size: 15px; color: #787878; position: absolute; margin-top: 12px; }    
    #block-block6androidchromefrontpageinstallappbackground #dig_sec_lock { width: 10px; position: absolute; top: 3px; left: 70px; }
    #block-block6androidchromefrontpageinstallappbackground #dig_sec { font-weight: bold; font-family: Roboto; font-size: 15px; margin-left: 16px; } 
    #block-block6androidchromefrontpageinstallappbackground #helper { width: fit-content; background: #eee8a9; color: #3d3d3d; padding: 2px 20px 20px 63px; background-image: url(/warned.svg); background-repeat: no-repeat; background-attachment: initial; background-position: 7px 76px; top: 0; background-size: 50px; margin-left: auto; margin-right: auto; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); position: relative; margin-bottom: 150px; border: none; left: 0; }
    #block-block6androidchromefrontpageinstallappbackground #p1 { font-size: 17px; }
    #block-block6androidchromefrontpageinstallappbackground #p2 { font-size: 17px; }    
    
    #block-block6androidchromefrontpageinstallappbackground .panel ol { margin-left: 0px; padding: 10px 20px; }
    #block-block6androidchromefrontpageinstallappbackground .panel li { font-size: 20px; margin-top: 15px; }
    
    #block-block4installappbutton-2 #buttonload { display: none; justify-content: center; align-items: center; height: 45px; /*padding: 15px;*/padding: 0px; font-size: 15px; font-weight: bold; color: white; background: #00a1f1; text-decoration: none; text-align: center; position: absolute; font-family: 'Thasadith'; z-index: 999; top: 198px; right: 32px; width: 120px; border: none; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); }
    #block-block4installappbutton-2 .add-button {  z-index: 999; color: white; background: #00a1f1; text-decoration: none; text-align: center; padding: 7px; right: 41px; top: 205px; position: absolute; font-family: 'Thasadith'; border: none; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); font-size: 20px; font-weight: bold; }    
    
    #block-block4installappbutton-2 #loader { padding: 5px 5px 7px 16px; position: absolute; top: 205px; right: 42px; border-radius: 50px; font-family: "Thasadith"; text-align: right; z-index: 1; background: #f1fbff; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); font-size: 12px; width: 102px; float: right; display: none; }    
    #block-block4installappbutton-2 #loader img { width: 20%; margin-right: 0px; margin-top: -32px; animation: wheel 4s infinite linear; position: relative; top: 5px; right: 8px; }    
    #block-block4installappbutton-2 #popup { padding: 8px 4px 7px 23px; position: absolute; top: 205px; right: 42px; border-radius: 50px; font-family: "Thasadith"; text-align: right; z-index: 2; background: #effffa; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); background-image: url(https://boatur.com/check-bullet-40.svg); background-repeat: no-repeat; background-attachment: initial; background-position: 6px 5px; font-size: 10px; background-size: 20px; font-weight: bold; animation: loaded 10s ease-out 0s forwards; width: 102px; display: none; }    
    #block-block4installappbutton-2 #open-app { color: white; background: #00a1f1; text-decoration: none; text-align: center; padding: 5px; right: 47px; top: 15px; position: absolute; font-family: 'Thasadith'; z-index: 1; top: 201px; font-size: 20px; height: auto; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); }    
    
    #block-block7mobilebrowserinstallappbanner #switch {padding:12px; font-size:19px;}   
    
    #block-block10installappapple-2 #apple-app {padding:12px; font-size:20px;}
    #block-block10installappapple-2 #apple-app-deprec {margin-bottom: -317px;}
    #block-block10installappapple-2 #apple-desc {font-size: 25px; margin-bottom: 60px;left: 0; top: -370px; z-index: 99999999; padding: 12px; margin-left: auto; margin-right: auto;}
    #block-block10installappapple-2 #chrome-desc { font-size: 20px;}
    #block-block10installappapple-2 #chrome-app {right: -45%; top:30px;}
    
    #block-block7mobilebrowserinstallappbanner #apple_WAdesc { font-size: 20px;}
/*    #block-block7mobilebrowserinstallappbanner #apple_webApp {right: -45%; top:30px;}*/
    
    #block-block11kb2-2 #set_sail {margin-left:-35px;}
    #block-block11kb2-2 #kb_2-bc {font-size:30px; margin-left:-35px;}
    #block-block11kb2-2 li { font-size: 22px;}
    #block-block11kb2-2 h1 { font-size: 40px;}   
    #block-block11kb2-2 ul {margin-left:-12px;}
    
    
    #block-block12step1installapp-2 .column { width: 130%; margin-left: -40px;  }
    #block-block12step1installapp-2 h1 {font-size:25px; margin-left:-35px;}
    #block-block12step1installapp-2 h2 {font-size:40px; margin-left:-35px;}
    #block-block12step1installapp-2 p { font-size: 23px; }
    #block-block12step1installapp-2 ul {margin-bottom:20px;}
    #block-block12step1installapp-2 li { font-size: 22px; margin-left: -20px;}
    
    #block-block13step2createaccount-2 .column { width: 130%; margin-left: -40px; }
    #block-block13step2createaccount-2 h1 {font-size:25px; margin-left:-35px;}
    #block-block13step2createaccount-2 h2 {font-size:40px; margin-left:-35px;}
    #block-block13step2createaccount-2 p {font-size:23px;}
    #block-block13step2createaccount-2 li {font-size:22px; margin-left:-20px;}
    
    #block-block14step3browselistings-2 .column { width: 130%; margin-left: -40px; }
    #block-block14step3browselistings-2 .btr_flt_smple { width: 130%; margin-left: -40px; }
    #block-block14step3browselistings-2 h1 {font-size:25px; margin-left:-35px;}
    #block-block14step3browselistings-2 h2 {font-size:40px; margin-left:-35px;}
    #block-block14step3browselistings-2 p {font-size:23px;}
    #block-block14step3browselistings-2 ul {margin-bottom:20px;}
    #block-block14step3browselistings-2 li {font-size:22px; margin-left:-20px;}
    
    #block-block15step4bookvessel-2 .column { width: 130%; margin-left: -40px; }
    #block-block15step4bookvessel-2 h1 {font-size:25px; margin-left:-35px; margin-top: -142px;}
    #block-block15step4bookvessel-2 h2 {font-size:40px; margin-left:-35px;}
    #block-block15step4bookvessel-2 p {font-size:23px;}
    #block-block15step4bookvessel-2 li {font-size:21.5px; margin-left:-20px;}
    #block-block15step4bookvessel-2 ul {margin-bottom: 50px;}
    
    #block-block16step5boaturhost-2 p {font-size:22px; margin-left:120px;}
    #block-block16step5boaturhost-2 .outer { background-position: 100px; height: 500px; margin-top: 85px; }
    #block-block16step5boaturhost-2 h2 { margin-top: 5px; font-size: 34px; margin-bottom:25px; margin-left: 175px/*117px*/;}
    #block-block16step5boaturhost-2 ul { margin-left: 0px; background: #ffffffb3; border-radius: 10px; }    
    #block-block16step5boaturhost-2 li { font-size: 21px; margin-left: 140px; }
    
    #block-block17installapp2-2 {top: 0;    margin-bottom: -225%;}
    #block-block17installapp2-2 #win-chrome-desc { font-size: 32px;}    
    #block-block17installapp2-2 #myBtn { font-size: 25px;}
    
    
    #block-block21copyrightfront-2 {margin-bottom:-450px;}
    #block-block21copyrightfront-2 div { font-size: 15px; margin-right: -30px; }
    
    #edit-field-stripe-connected-id-wrapper #change {position: relative; color: #ffffff; width: fit-content; margin-right: auto; border-radius: 10px; background: #00a1f1; border: none; padding: 5px; font-weight: bold; font-size: 15px;}
    
    #edit-field-clrn-wrapper #capt_apply {position: relative; color: #ffffff; width: fit-content; margin-right: auto; border-radius: 10px; background: #00a1f1; border: none; padding: 5px; font-weight: bold; font-size: 15px;}
    
    #edit-field-stripe-connected-id-wrapper #cancel_scid { background-image: url(https://boatur.com/cancel_stripe.svg); background-repeat: no-repeat; /*background-position: 100% 85px*/background-position: 100% 80%; padding: 5px; color: #cc0606; width: 100%; background-size: 20px; position: relative; }    
    #edit-field-stripe-connected-id-wrapper #cancel_scid:hover { background-image: url(https://boatur.com/cancel_stripe_hover.svg); background-repeat: no-repeat; /*background-position: 100% 85px*/background-position: 100% 80%; padding: 5px; color: #cc0606; width: 100%; background-size: 20px; }    
    
    
    
    #block-views-block-test1-block-1{ position: relative; /*width: fit-content;*/ margin-left: auto; margin-right: auto; margin-top: -45px; transform: scale(.8); border-radius: 10px;}
    #block-views-block-full-name-block-1 { position: relative; font-size: 1.2rem; font-family: 'Calistoga'; width: 100%; margin-left: 0; margin-right: 0; margin-top: -25px; text-align: center; }
    #block-claro-views-block-full-name-anon-block-1 { position: relative; font-size: 1.2rem; font-family: 'Calistoga'; width: 100%; margin-left: 0; margin-right: 0; margin-top: -25px; text-align: center; }    
    
    #block-views-block-city-state-block-1 { position: relative; width: 100%; text-align:center; margin-left: auto; margin-right: auto; margin-top: 0px; font-size: 1.15rem; }
    #block-views-block-bio-block-1 { position: relative; width: fit-content; margin-left:auto; margin-top: -5%; font-size: 1.25rem; text-align: justify; }
    
    #block-views-block-profile-cards-block-1 { position: relative; width: 100%; /*margin-top: -25px;*/ margin-left:0; /*margin-bottom:50px; */}
    #block-views-block-profile-cards-block-1 .member-for-tit { font-size: 1.2rem; margin-top: 1.2px; }
    #block-views-block-profile-cards-block-1 .member-for-date { font-size: 1.85rem; }

    #block-claro-views-block-profile-cards-anon-block-1 { position: relative; width: 100%; /*margin-top: -25px;*/ margin-left:0; /*margin-bottom:50px; */}
    #block-claro-views-block-profile-cards-anon-block-1 .member-for-tit { font-size: 1.2rem; margin-top: 1.2px; }
    #block-claro-views-block-profile-cards-anon-block-1 .member-for-date { font-size: 1.85rem; }
    
    
    #block-block29sitenavigationvoyagestab  .sidenav {display:none;}
    #block-block29sitenavigationvoyagestab .footbar { display: flex; /*height: 13%*/ height:70px; z-index: 9999; text-align: center; width: 100%; }
    #block-block29sitenavigationvoyagestab img { /*padding-top:10px*/padding-top:5px; /*height:55px*/height:40px; width: 100%;}
    #block-block29sitenavigationvoyagestab #piling{padding-left:0;}
    #block-block29sitenavigationvoyagestab .footbar a{/*font-size:18px*/font-size:17px;}
    
    #block-block38sitenavigationnavigationtab .sidenav {display:none;}
    #block-block38sitenavigationnavigationtab .footbar { display: flex; /*height: 13%*/ height:70px; z-index: 99999; text-align: center; width: 100%; }
    #block-block38sitenavigationnavigationtab img { /*padding-top:10px*/padding-top:5px; /*height:55px*/height:40px; width: 100%;}
    #block-block38sitenavigationnavigationtab #piling{padding-left:0;}
    #block-block38sitenavigationnavigationtab .footbar a{/*font-size:18px*/font-size:17px;}
       
    #block-block39sitenavigationmessagingtab .sidenav {display:none;}
    #block-block39sitenavigationmessagingtab .footbar { display: flex; /*height: 13%*/ height:70px; z-index: 9999; text-align: center; width: 100%; }
    #block-block39sitenavigationmessagingtab img { /*padding-top:10px*/padding-top:5px; /*height:55px*/height:40px; width: 100%;}
    #block-block39sitenavigationmessagingtab #piling{padding-left:0;}
    #block-block39sitenavigationmessagingtab .footbar a{/*font-size:18px*/font-size:17px;}

    #block-claro-block106sitenavigationmessageviewtab .sidenav {display:none;}
    #block-claro-block106sitenavigationmessageviewtab .footbar { display: flex; /*height: 13%*/ height:70px; z-index: 9999; text-align: center; width: 100%; }
    #block-claro-block106sitenavigationmessageviewtab img { /*padding-top:10px*/padding-top:5px; /*height:55px*/height:40px; width: 100%;}
    #block-claro-block106sitenavigationmessageviewtab #piling{padding-left:0;}
    #block-claro-block106sitenavigationmessageviewtab .footbar a{/*font-size:18px*/font-size:17px;}



    #block-block43sitenavigationprofiletab .sidenav {display:none;}
    #block-block43sitenavigationprofiletab .footbar { display: flex; /*height: 13%*/ height:70px; z-index: 9999; text-align: center; width: 100%; }
    #block-block43sitenavigationprofiletab img { /*padding-top:10px*/padding-top:5px; /*height:55px*/height:40px; width: 100%;}
    #block-block43sitenavigationprofiletab #piling{padding-left:0;}
    #block-block43sitenavigationprofiletab .footbar a{/*font-size:18px*/font-size:17px;}

    #block-claro-block86sitenavigationprofiletab2 .sidenav {display:none;}
    #block-claro-block86sitenavigationprofiletab2 .footbar { display: flex; /*height: 13%*/height: 70px; z-index: 9999; text-align: center; width: 100%; }
    #block-claro-block86sitenavigationprofiletab2 img { /*padding-top:10px*/padding-top:5px; /*height:55px*/height:40px; width: 100%;}
    #block-claro-block86sitenavigationprofiletab2 #piling{padding-left:0;}
    #block-claro-block86sitenavigationprofiletab2 .footbar a{/*font-size:18px*/font-size:17px;}
    

    
/*    #geofield-map-view-vessel-finder-attachment-1{ position: absolute; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; }    */
/*    #views-exposed-form-vessel-finder-page-1 #edit-field-registered-state-value{ font-size: 15px; width: 77px; font-weight:bold; position:relative; top:10px;}*/    
/*    #views-exposed-form-vessel-finder-page-1 #edit-field-registered-city-value {width:100px; font-size: 15px; font-weight:bold; position:relative; top:10px;}*/
/*    #views-exposed-form-vessel-finder-page-1 #edit-field-vessel-type-value {font-size:15px; position: relative; top: -30px; width: 92px;}*/
    
    
    #geofield-map-view-vessel-finder-attachment-1{height: inherit; width: inherit; position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index:3;}
    #block-claro-content .view-id-vessel_finder .attachment .geofield-google-map { position: absolute; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; z-index: 3; }    
    
    
    #views-exposed-form-vessel-finder-page-1 { z-index: 99999; left: 0; position: fixed;/* width: 96%; min-width:96%;*/ margin-left: 2%; top: 125px; margin-top: 0; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); height: auto; }

    .view-vessel-finder .attachment-before .view-vessel-finder .view-header   {font-size: 15px; position: fixed; /*z-index: 9990*/ z-index:9999; top: 125px; right: 12px; background: grey; color: white; font-weight: bold; padding: 5px 10px; border-radius: 54px; margin-top: 7px; margin-right: 0;  }
    #vf_nr   {font-size: 15px; position: fixed; /*z-index: 9990*/ z-index:9999; top: 125px; right: 12px; background: grey; color: white; font-weight: bold; padding: 5px 10px; border-radius: 54px; margin-top: 7px; margin-right: 0;  }

/*    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-state-value{ position: relative; top: 50px; margin: 0; left: 28px; width: 75px; }*/
/*    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-city-value{ margin: 0; width: 143px; position: relative; top: 50px; margin-left: 35px; z-index:9999999;}    */
   /* #views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value { position: relative; width: 95px; margin: 0; margin-left: -245px /*-200px; margin-top: 170px; }*/
    #views-exposed-form-vessel-finder-page-1 .form-item--field-is-a-captain-required__value { margin-top: -180px; margin-left: 160px; margin-bottom: 75px; width: 150px; }
    
    #views-exposed-form-vessel-finder-page-1 .bef--secondary{margin-bottom:-22px;}
    
    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-state-value .form-select { font-size: 15px;}
    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-city-value .form-text {font-size: 15px;}
    #views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value .form-select { font-size: 15px;}
    
    .views-exposed-form__item .form-item__label { font-size: 15px; position: relative;/* top: 42px; left: -94px; */}
    .view-vessel-finder .pager {bottom:75px;}
    #views-exposed-form-vessel-finder-page-1 #edit-secondary {position:relative; top:0px;border-radius:10px; margin-top: 20px;}
    #views-exposed-form-vessel-finder-page-1 #edit-secondary .claro-details__summary {background: #f1fbff; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); border-radius: 10px; }
    #views-exposed-form-vessel-finder-page-1 #edit-secondary #edit-field-listing-location-proximity-value { position: relative; top: -40px; width: 110px; }
    #views-exposed-form-vessel-finder-page-1 #edit-secondary .form-item--field-listing-location__proximity-value .form-item__label{ position: relative; left: 125px; }
    
    #open_filter { display: none; position: fixed; top: 130px; left: 8px; background: #fff; color: #00a1f1; border-radius: 50px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); font-size: 2rem; padding: 20px 20px; z-index: 999; background-image: url(/vessel_filter_menu_icon.svg); width: 80px; background-repeat: no-repeat; background-size: 50px; background-position: 13px 21px; height: 80px; }
    #open_filter:hover { background: #f1fbff; background-image: url(/vessel_filter_menu_icon.svg); background-repeat: no-repeat; background-size: 50px; background-position: 13px 21px; }
   /* #close_filter { position: fixed; top: 132px; left: 18px; color: #00a1f1; border-radius: 50px;/* box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); font-size: 2rem; z-index: 99999; background-image: url(/vessel_filter_menu_icon_close.svg); width: 32px; background-repeat: no-repeat; background-size: 32px; background-position: 0px 0px; height: 32px;  margin-left: 0; margin-top: 0;  }
    #close_filter:hover { background-image: url(/vessel_filter_menu_icon_close_hover.svg); background-repeat: no-repeat; background-size: 25px; background-position: 0px 0px; }*/
        
/*    #vf_nr { top: 80%; position: fixed; z-index: 2; font-size: 65%; background: grey; color: white; padding: 0; border-radius: 50px; font-weight: bold; width: 80%; text-align: center; left: 50%; margin-left:-40%; margin-right:0;}*/
    
    #nav_load_container {margin-top:250px;}
    #nav_load_txt {margin-top:350px;}
    
    #gmap_footer img { z-index: 4; display: block; position: fixed; bottom: 70px; width: 50px; left: 5px; margin-left: 0; margin-bottom: 0; }
    #btr_cpyrt { position: fixed; display: block; z-index: 5; bottom: 70px; right: 0%; font-size: 12px; font-weight: bold; color: #828388; background: #effffa36; padding: 0 5px; }
    #btr_cpyrt a {color: #828388; text-decoration: none; }
    
    #block-block40mobileoptions  .dropdown {display:block;}
    #block-block40mobileoptions .dropdown-content {padding: 20px 5px; width: 185px; font-size:0; right: 0; top: 32px;}
    #block-block40mobileoptions img {height:30px;}
    #block-block40mobileoptions .dropbtn {    position: absolute; /*top: -190px; right:-10px;*//*top: 0; right:0; margin-top:-128px; margin-right:-15px;*/ width:fit-content;}
    #block-block40mobileoptions .dropdown-content a {font-size:20px; padding:5px;}   
  
 

    #block-block42navscreenmobilemenu   .dropdown {display:block;}
    #block-block42navscreenmobilemenu   .dropdown-content {padding: 20px 5px; width: 185px; font-size:0; right: 0; top: 32px;}
    #block-block42navscreenmobilemenu   .dropbtn img {height:30px;}
    #block-block42navscreenmobilemenu   .dropbtn {top: 10px; right:10px; width:fit-content;}
    #block-block42navscreenmobilemenu   .dropdown-content a {font-size:20px; padding:5px;}   
    
    
    #block-views-block-vessel-slideshow-block-1{position: absolute; z-index: 999; /*width: 128.5%;*/ width:100%; /*left: -50px;*/left:0px; top: 0; /*height:220px;*//* height:280px;*/height:62vw; overflow-y:clip;  overflow-y:hidden;}
    /*#avail_cal{ position: relative; background: #00a1f1; color: white; font-family: 'Calistoga'; padding: 5px; font-size: .75rem; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); width: fit-content; top: -125px; z-index: 99999; right: 32px; float: right; }*/
    #avail_cal { position: absolute; background: #00a1f1; color: white; font-family: 'Calistoga'; padding: 5px; font-size: 47%; border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); width: fit-content; /*top: 10px;*/ margin-top: -122px; z-index: 99999; right: 55px; float: right; }
    #avail_cal:hover{background:#008bd0;}
    
    
    .vessel-rate { padding: 2px 5px; position: absolute; z-index: 9999; color: white; font-weight: bold; float: right; top: 0; right: 0; margin-top: 41%; margin-right: 0px; /*background: #246786b3; background: #24678663;*/ background: #00000063; border-top-left-radius: 10px; border-bottom-left-radius: 10px; /*font-size: 1.65rem;font-size: 110%;*/ box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);}
    .make-model { position: relative; top: 0; left: 0; /*margin-top: 22%;*//*margin-top:-10%;*/margin-top: 30vw; font-family: 'Calistoga'; /*font-size: 1.42rem;*/ font-size:90%; color: #00a1f1; max-width: 280px; margin-bottom:10px; line-height: 27px;}
    .vessel-name { position: relative; top: 0; left: 0; margin-top: 0%; font-family: 'Calistoga'; /*font-size: 1.25rem;*/font-size: 75%; }
    .listing-info{ position: relative;  /*font-size: .7rem;*/font-size: 40%; font-weight: bold; }
    .views-field-field-registered-state { position: relative; top:-2px; /*font-size: .85rem;*/font-size: 55%; background: #246786; padding: 2px 4px; color: white; font-weight: bold; border-radius: 5px;}
    .views-field-field-vessel-type { position: relative; top:-2px;  /*font-size: .85rem;*/font-size: 55%;  background: #246786; padding: 2px 4px; color: white; font-weight: bold; border-radius: 5px; margin-left:0;}
    .views-field-field-mode-year { position: relative; top:-2px;  /*font-size: .85rem;*/font-size: 55%;  background: #246786; padding: 2px 4px; color: white; font-weight: bold; border-radius: 5px; margin-left:0;}
    .views-field-field-length-of-vessel { position: relative; top:-2px;  /*font-size: .85rem;*/font-size: 55%;  background: #246786; padding: 2px 4px; color: white; font-weight: bold; border-radius: 5px; margin-left:0;}
    .views-field-node-rate-widget-field{ position: relative; top: -50px; left: -54px; font-weight: bold; }
    .views-field-node-rate-widget-field-1 { position: relative; top: -132px; /*left: 24%;*/ left: 21%; font-weight: bold; /*font-size: 1.05rem;*/font-size: 70%; }
 
 /****FOR CARDS*****/
     #block-views-block-vessel-info-2-block-1 { position: relative; margin-top: -45%; /*margin-bottom:-65%;*/}
     #block-views-block-vessel-info-2-block-1 .views-table { font-size: .65rem; font-weight: bold; border-top: 2px solid #888888;/* width:105%; margin-left:-10px;*/ }
     #block-views-block-vessel-info-2-block-1 .views-table tr { border-bottom: 2px solid #888888; height: 80px; display: flex; flex-wrap: wrap; align-items: center; align-content: stretch; }
     
     #block-views-block-vessel-info-2-block-1 .views-field-field-how-many-people-does-this- {     background-image: url(/guest_tot-gry.svg); background-repeat: no-repeat; color: #888888; background-position: 50% 12%; padding: 30px 0 5px 0; width: 25%; height: 100%; display: grid; justify-content: space-around; align-items: flex-end; align-content: stretch; /*font-size: 1.2rem;*/font-size: 180%; line-height: 15px;}
     #block-views-block-vessel-info-2-block-1 .views-field-field-how-many-people-does-this- div {margin-top: -15px; /*font-size: 85%;*/ font-size:15px;}
     
     #block-views-block-vessel-info-2-block-1 .views-field-field-available-captain { background-image: url(/captain-gry.svg);  background-repeat: no-repeat; color: #888888; background-position: 50% 12%;/* padding: 30px 0 5px 0;*/ padding: 30px 5px 5px 5px; text-align: center; width: 25%; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: flex-end; align-content: stretch; /*font-size: .9rem;*/ font-size:15px; line-height:15px;}
     #block-views-block-vessel-info-2-block-1 .views-field-field-fishing { background-image: url(/fishing-gry.svg); background-repeat: no-repeat; color: #888888; background-position: 50% 12%; padding: 30px 0 5px 0; text-align: center; width: 25%; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: flex-end; align-content: stretch; /*font-size: .9rem;*/ font-size:15px; line-height:15px;}
     #block-views-block-vessel-info-2-block-1 .views-field-field-do-you-allow-pets- { background-image: url(/pets-gry.svg);  background-repeat: no-repeat; color: #888888; background-position: 50% 12%; padding: 30px 0 5px 0; text-align: center; width: 25%; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: flex-end; align-content: stretch; /*font-size: .9rem;*/ font-size:15px; line-height:15px;}
     #block-views-block-vessel-info-2-block-1 .views-field-body { font-size: 75%; line-height:175%; text-align: justify; position: relative; margin-top: 10%;}

         .node--type-listing .field--name-webform {position: relative; margin-top: -275px;  display: none; margin-bottom: 200px;}
         
         
         
/*    .flag-save-vessel { position: absolute; top: 355px; right: 15px;font-size: 160%; }*/
.flag-save-vessel { position: absolute; top: 230px; right: 15px; font-size: 150%; z-index: 999; }
    .far .fa-heart {color:red;}
    .fas .fa-heart {color:red;}
    .page-node-type-listing .fa-heart:before {color:red;} .fa-heart:before {color:red;}    
 
 
    .js-flag-message {position:relative; color:#fff; background: #3d3d3ded; font-size:.75rem; border-radius:50px; padding:5px;z-index:9999999999999999999999999999999 !important; }
/*    .js-flag-message {display: grid !important;z-index:9999999999999999999999999999999 !important; animation: flag-flash 3s ease-in-out 1 !important; position: fixed !important; bottom: 100px !important; font-size: 15px !important; justify-content: space-around !important; justify-items: stretch !important; left: 0 !important; text-align: center !important; width: 33vw !important; margin-left: 33vw !important; margin-right: auto !important;}*/
 
    #webform-submission-request-refund-node-64-add-form #edit-actions {margin-top: -25%;}
    #webform-submission-request-refund-node-64-add-form #edit-processed-text {position: relative; margin-top: -58px;}




/**NAVIGATION PAGE**/
/*
#views-exposed-form-vessel-finder-page-1 .form-item--field-registered-state-value { position: relative; top: 50px; margin: 0; left: -10px; width: 75px; }
#views-exposed-form-vessel-finder-page-1 .form-item--field-registered-city-value { margin: 0; width: 143px; position: relative; top: 3px; margin-left: 35px; z-index: 9999999; left: 45px; }
#views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value { position: relative; width: 136px; margin: 0; margin-left: 86px; margin-top: -20px; margin-bottom: 10px; }
#views-exposed-form-vessel-finder-page-1 #edit-secondary .form-item--field-listing-location__proximity-value .form-item__label { position: relative; left: 0; top: 46px; }
*/


.geofield-google-map .gm-style-iw .views-field-field-display-image img { border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);width: 100%; max-width:100%;/* transform: scale(1);*/ }
.geofield-google-map .gm-style .gm-style-iw { max-width: 300px !important; }
.geofield-google-map .gm-style-iw .views-field-title { font-size: 22px; margin-top: 5px; }
/*.geofield-google-map .gm-style .gm-style-iw .gm-ui-hover-effect { width: 34px !important; height: 40px !important; transform: scale(1.25) !important; top: -10px  !important; right: -10px !important;}*/
.geofield-google-map .gm-style-iw .views-field-nothing-1 {font-size:25px;}
.geofield-google-map .gm-style-iw .views-field-field-rate-day- {font-size:25px;}
.geofield-google-map .gm-style-iw .views-field-nothing {font-size:25px;}
.geofield-google-map .gm-style-iw .views-field-field-listing-location__proximity { font-size: 17px;}    

#stripe_field_id #stripe_cnct_id {font-size: 12px;}

#block-views-block-fleet-hostportal-block-1 #stripe { font-size: 14px; padding: 5px 10px; margin-right: -15px; }
#block-views-block-fleet-hostportal-block-1 #nSCIDid{ font-size: 14px; padding: 5px 10px; margin-right: -15px; }


/**NAVIGATION PAGE**/


/****BOATUR STATUS MESSAGES****/

.messages-list {
    width:86%;
    
}

.page-node-type-listing .messages-list {
    width:86%;
    
}    

.messages-list .messages--status .messages__content {
    font-weight: bold;
    font-size: 120%;
}


.messages-list .messages--error .messages__content {
    font-weight: bold;
    font-size: 125%;
}

.messages--warning {
    font-size:80%;

}

.path-booking-archives .archived-voyage-booked {
 
    font-size: 12px;
}
 

#voyage_details {	
    display: block;	
    background: #00a1f1;	
/*    width: 65%;	*/
    width: 190px;
    color: white;	
    text-decoration: none;	
    font-weight: bold;	
    padding: 5px 20px;	
    border-radius: 10px;	
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);	
    /*position: relative;	
    top: -33px;	
    float: right;	
    right: -35px;	*/
    margin-bottom: 50px;	
 
}





/****BOATUR STATUS MESSAGES****/
    
#btr_ntfy .privatemsg-unread-thread { height: 13px; width: 13px; bottom: 57px; right: 31%; top: initial;}

    
}
/*****************}
END 400 **********************************/


/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
@media screen and (max-device-width: 375px) {
    
    #block-block1logo-2 {margin-top: -5%; margin-bottom: 3%;}
   /* #views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value { position: relative; width: 95px; margin: 0; margin-left: 15px; margin-top: 120px; }*/
    #block-block17installapp2-2 { margin-bottom: -240%;}
    #block-block6androidchromefrontpageinstallappbackground #install-app {margin-top:32px; top: -12px;}
    #edit-field-listing-location-proximity-wrapper {margin-bottom: -135px;}

}

@media screen and (max-device-width: 360px) {

#block-block7mobilebrowserinstallappbanner #switch_contain {margin-top: -290px; margin-bottom: -10px;}
#block-block16step5boaturhost-2 h2 {margin-left: 175px;}
#block-block16step5boaturhost-2 p {font-size: 20px; margin-left: 130px; }
#block-block16step5boaturhost-2 li {margin-left: 105px;}
#block-block6androidchromefrontpageinstallappbackground .panel {margin-bottom: -100px;}
#block-block11kb2-2 { margin-top: -100px; }  

/*#block-views-block-duplicate-of-guest-voyages-block-1 table {left: -7px; position: relative;}*/
/*#block-views-block-guest-voyages-block-1 table {left: -4px; position: relative;}*/
    #webform-submission-report-vessel-node-65-add-form {margin-top:-30%;}
    
#block-block43sitenavigationprofiletab img {margin-bottom:-7px;}
#block-block39sitenavigationmessagingtab img {margin-bottom:-7px;}
#block-claro-block106sitenavigationmessageviewtab img {margin-bottom:-7px;}
#block-block29sitenavigationvoyagestab img {margin-bottom:-7px;}
#block-block38sitenavigationnavigationtab img {margin-bottom:-7px;}
#block-views-block-fleet-profile-block-1 .views-field-title a {font-size:90%;}

#block-block17installapp2-2 { margin-bottom: -255%;}
#block-block21copyrightfront-2{margin-bottom: -450px;  top: 30px;}

#vyg_dtls_wrapper { top: -32px; right: -32px; }
    
}

/*****************}
END 360 **********************************/




/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/




@media screen and (max-device-width: 350px) {

#vf_nr {font-size: 12px;}
#avail_cal {margin-top: -115px;}
    
#block-block46availabilitycalendar { margin-top: 50px; margin-bottom: 80%; }
#block-block7mobilebrowserinstallappbanner #switch_contain {margin-top: -290px; margin-bottom: 10px;}
#block-block7mobilebrowserinstallappbanner #switch {font-size: 16px;}
    
/*#block-views-block-guest-voyages-block-1 table {left: -16px; position: relative;}*/
#block-views-block-guest-voyages-block-1 .voyages-itinerary-title {font-size:50%;}    
#block-views-block-guest-voyages-block-1 .voyages-depart { font-size: 52%; font-weight: bold; text-align: center; }
#block-views-block-guest-voyages-block-1 .voyages-arrival { font-size: 52%; font-weight: bold; text-align: center; }


#privatemsg-messages #edit-table .msgs td:nth-child(1) a {font-size:60%;}
#privatemsg-messages #edit-table .msgs td:nth-child(2) {font-size: 42%;}
#privatemsg-messages #edit-table th:nth-child(1) {font-size: 55%;}
#privatemsg-messages #edit-table th:nth-child(2) {font-size: 55%;}
    
 
#block-views-block-duplicate-of-guest-voyages-block-1 table {/*left: -15px;*/ position: relative;}
#block-views-block-duplicate-of-guest-voyages-block-1 .voyages-itinerary-title {font-size:50%;}
#block-views-block-duplicate-of-guest-voyages-block-1 .voyages-depart { font-size: 48%; font-weight: bold; text-align: center;padding: var(--space-xs) var(--space-m); }
#block-views-block-duplicate-of-guest-voyages-block-1 .voyages-arrival { font-size: 48%; font-weight: bold; text-align: center;padding: var(--space-xs) var(--space-m); }


#block-views-block-fleet-hostportal-block-1 #estimator { font-size: 20px;}


#block-block34addnewlisting #create_listing {
    background: #00a1f1;
    color: white;
    text-decoration: none;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    padding: 5px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 70%;
    position: absolute;
    top: 120px;
    right: 10px;
}

#block-views-block-fleet-hostportal-block-1 #host-portal_stripe_setup_site {
    font-size: 52%;
    font-weight: bold;
}

#block-claro-content .view-bookings-archives table {position: relative; left: -7px;}

#webform-submission-report-vessel-node-65-add-form {margin-top:-40%;}

.view-saved-vessels-page .views-view-responsive-grid__item a {font-size:75%;}
/*
#block-views-block-vessel-slideshow-block-1 {    
    position: absolute;
    z-index: 999;
    width: 128.5%;
    /*left: -48px;left:0px;
    top: 0px;
    height: 62vw;
    overflow-y: clip;
      overflow-y:hidden;
    border-left: #ffff;    
}

#block-views-block-vessel-slideshow-block-1 .blazy .media--blazy img.b-blur, .blazy .media--blazy img.media__element {
 
    border-left: 10px solid black;
    border-right: 5px solid black;
}
*/
/*
#block-views-block-vessel-slideshow-block-1 .blazy .media--blazy img.b-blur, .blazy .media--blazy img.media__element {
    border-left: 7px solid black;
    border-right: 5px solid black;
    width: 220%;
    border-left: 0px solid black;
    border-right: 0px solid black;
    width: 220%;
    left: 50%;
    margin-left: -62%;
}   

#block-views-block-vessel-slideshow-block-1 .slick-dots {
        position: absolute;
    bottom: 40px;
    display: block;
    width: 80%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    background: #fff;
}
*/
#webform-submission-request-refund-node-64-add-form #ref_fee {font-size:30px;}    

#block-views-block-fleet-hostportal-block-1 #stripe {font-size:15px;}
#block-views-block-fleet-hostportal-block-1 #nSCIDid{font-size:15px;}
.make-model {margin-top:27vw; max-width: 220px;}   

.views-field-node-rate-widget-field-1 {left: 25%;}


.vessel-rate {top:-21px;}
    
    


/**NAVIGATION PAGE**/

/*#views-exposed-form-vessel-finder-page-1 .form-item--field-registered-state-value { position: relative; top: 5px; margin: 0; left: 30px; width: 75px; }*/
#views-exposed-form-vessel-finder-page-1 .form-item--field-registered-city-value {left: -10px;}
/*#views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value { position: relative; width: 110px; margin: 0; margin-left: 0; margin-top: 120px; margin-bottom: 10px; }*/
/*#views-exposed-form-vessel-finder-page-1 #edit-secondary .form-item--field-listing-location__proximity-value .form-item__label { position: relative; left: 0; top: 46px; }*/
#views-exposed-form-vessel-finder-page-1 #edit-secondary .form-item--field-listing-location__proximity-value .form-item__label { position: relative; left: 115px; top: -15px; }

.geofield-google-map .gm-style-iw .views-field-field-display-image img { border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); /*transform: scale(1);*/ }
.geofield-google-map .gm-style .gm-style-iw { max-width: 245px !important; }
.geofield-google-map .gm-style-iw .views-field-title { font-size: 15px; margin-top: 20px; }
/*.geofield-google-map .gm-style .gm-style-iw .gm-ui-hover-effect { width: 34px !important; height: 40px !important; transform: scale(1.25) !important; top: -10px  !important; right: -10px !important;}*/
.geofield-google-map .gm-style-iw .views-field-nothing-1 {font-size:20px;}
.geofield-google-map .gm-style-iw .views-field-field-rate-day- {font-size:20px;}
.geofield-google-map .gm-style-iw .views-field-nothing {font-size:20px;}
.geofield-google-map .gm-style-iw .views-field-field-listing-location__proximity { font-size: 15px;}    

#stripe_field_id #stripe_cnct_id {font-size: 12px;}

#block-views-block-fleet-hostportal-block-1 #stripe { font-size: 14px; padding: 5px 10px; margin-right: -15px; }

#block-views-block-fleet-hostportal-block-1 #nSCIDid { font-size: 14px; padding: 5px 10px; margin-right: -15px; }

/**NAVIGATION PAGE**/



.node--unpublished #vessel_pending {
    
    font-size: 75%;

}

.node--unpublished  #vessel_pending_2 {
    
    font-size: 70%;
    padding: 10px;

}


.view-refunds-host-portal .refund-header-amount {
    
    font-size: 50%;
    text-align: center;
    background: #246786;
    color: #fff;
    font-family: 'Calistoga';
    font-weight: normal;
    border-top-left-radius: 10px;
    
}


.view-refunds-host-portal .refund-header-processed {
    
    font-size: 50%;
    text-align: center;
    background: #246786;
    color: #fff;
    font-family: 'Calistoga';
    font-weight: normal;
    
} 


.view-refunds-host-portal .refund-header-view {
    
    font-size: 50%;
    text-align: center;
    background: #246786;
    color: #fff;
    font-family: 'Calistoga';
    font-weight: normal;
    border-top-right-radius: 10px;
    
}


.view-refunds-host-portal .voyage-itinerary .refund-amount {
 
    font-size: 40%;
    text-align: center;
    font-weight: bold;

}


.view-refunds-host-portal .voyage-itinerary .refund-processed {
 
    font-size: 40%;
    text-align: center;
    font-weight: bold;

}


.view-refunds-host-portal .voyage-itinerary .refund-view a {
     
    font-size: 40%;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #00a1f1;
    text-decoration: none;
    padding: 5px 5px;
    border-radius: 7px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

.view-refunds-host-portal .voyage-itinerary .refund-view a:hover {
    background: #008bd0;
}


/*****************************************************************************/

.view-refunds-voyage-portal .refund-header-amount {
    
    font-size: 50%;
    text-align: center;
    background: #246786;
    color: #fff;
    font-family: 'Calistoga';
    font-weight: normal;
    border-top-left-radius: 10px;
    
}


.view-refunds-voyage-portal .refund-header-processed {
    
    font-size: 50%;
    text-align: center;
    background: #246786;
    color: #fff;
    font-family: 'Calistoga';
    font-weight: normal;
    
} 


.view-refunds-voyage-portal .refund-header-view {
    
    font-size: 50%;
    text-align: center;
    background: #246786;
    color: #fff;
    font-family: 'Calistoga';
    font-weight: normal;
    border-top-right-radius: 10px;
    
}


.view-refunds-voyage-portal .voyage-itinerary .refund-amount {
 
    font-size: 40%;
    text-align: center;
    font-weight: bold;

}


.view-refunds-voyage-portal .voyage-itinerary .refund-processed {
 
    font-size: 40%;
    text-align: center;
    font-weight: bold;

}


.view-refunds-voyage-portal .voyage-itinerary .refund-view a {
     
    font-size: 40%;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #00a1f1;
    text-decoration: none;
    padding: 5px 5px;
    border-radius: 7px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

.view-refunds-voyage-portal .voyage-itinerary .refund-view a:hover {
    background: #008bd0;
}

#block-views-block-duplicate-of-guest-voyages-block-1 {
    width: 280px;
    left: 50%;
    margin-left: -140px;
}

#vyg_dtls_wrapper {
    top: -25px;
    right: -50px;
}

#voyage_details { font-size:20px; /*top:-25px; right:-55px;*/
    -webkit-animation-name: fromRight;
    -webkit-animation-duration: 1s;
    animation-name: fromRight;
    animation-duration: 1s; }



#ask_host {font-size:20px;}

#block-block6androidchromefrontpageinstallappbackground #helpers {font-size: 25px;}
#block-block12step1installapp-2 p {font-size:17px;}
#block-block13step2createaccount-2 p {font-size:17px;}
#block-block14step3browselistings-2 p {font-size:17px;}
#block-block15step4bookvessel-2 p {font-size:17px;}
#block-block16step5boaturhost-2 p {font-size:15px; margin-left: 100px /*150px*/;}
#block-block16step5boaturhost-2 li {margin-left: 170px;}
#block-block17installapp2-2 #win-chrome-desc {font-size:25px;}


.flag-save-vessel { position: absolute; /*top: 182px;*/top: 200px; right: 15px; font-size: 150%; z-index: 999; }


#block-block16step5boaturhost-2 h2 {
    margin-top: 5px;
    font-size: 25px;
    margin-bottom: 25px;
    margin-left: 180px;
    width: 220px;
}
 
#views-exposed-form-vessel-finder-page-1 .form-item--field-is-a-captain-required__value { margin-top: -200px; margin-left: 171px; margin-bottom: 70px; } 
 
 
    #block-views-block-profile-cards-block-1 { position: relative; width: 100%; /*margin-top: -25px;*/ margin-left:0; /*margin-bottom:50px;*/ min-width:0; }
    #block-views-block-profile-cards-block-1 .member-for-tit { font-size: 1.2rem; margin-top: 1.2px; }
    #block-views-block-profile-cards-block-1 .member-for-date { font-size: 1.85rem; }
    #block-views-block-profile-cards-block-1 .member-for-date #member_for {background-image: url('/calendar.svg'); background-repeat: no-repeat; background-size: 20px; background-position: 6px 1px; font-size: 1rem; padding-left: 2rem;}
    #block-views-block-profile-cards-block-1 tr:hover, tr:focus {background:none;}    
    
    #block-claro-views-block-profile-cards-anon-block-1 { position: relative; width: 100%; /*margin-top: -25px;*/ margin-left:0; /*margin-bottom:50px;*/ min-width:0; }
    #block-claro-views-block-profile-cards-anon-block-1 .member-for-tit { font-size: 1.2rem; margin-top: 1.2px; }
    #block-claro-views-block-profile-cards-anon-block-1 .member-for-date { font-size: 1.85rem; }
    #block-claro-views-block-profile-cards-anon-block-1 .member-for-date #member_for {background-image: url('/calendar.svg'); background-repeat: no-repeat; background-size: 20px; background-position: 6px 1px; font-size: 1rem; padding-left: 2rem;}
    #block-claro-views-block-profile-cards-anon-block-1 tr:hover, tr:focus {background:none;}    
    
    
    #block-block29sitenavigationvoyagestab  .sidenav {display:none;}
    #block-block29sitenavigationvoyagestab .footbar { display: flex; /*height: 13%*/ height: 60px; z-index: 9999; text-align: center; width: 100%; }
    #block-block29sitenavigationvoyagestab img { /*padding-top:10px*/padding-top:5px; /*height:55px*/height:35px; width: 100%; margin-bottom: -7px;}
    #block-block29sitenavigationvoyagestab #piling{padding-left:0;}
    #block-block29sitenavigationvoyagestab .footbar a{/*font-size:18px*/font-size:14px;}
    
    #block-block38sitenavigationnavigationtab .sidenav {display:none;}
    #block-block38sitenavigationnavigationtab .footbar { display: flex; /*height: 13%*/ height: 60px; z-index: 99999; text-align: center; width: 100%; }
    #block-block38sitenavigationnavigationtab img { /*padding-top:10px*/padding-top:5px; /*height:55px*/height:35px; width: 100%; margin-bottom: -7px;}
    #block-block38sitenavigationnavigationtab #piling{padding-left:0;}
    #block-block38sitenavigationnavigationtab .footbar a{/*font-size:18px*/font-size:14px;}
       
    #block-block39sitenavigationmessagingtab .sidenav {display:none;}
    #block-block39sitenavigationmessagingtab .footbar { display: flex; /*height: 13%*/ height: 60px; z-index: 9999; text-align: center; width: 100%; }
    #block-block39sitenavigationmessagingtab img { /*padding-top:10px*/padding-top:5px; /*height:55px*/height:35px; width: 100%; margin-bottom: -7px;}
    #block-block39sitenavigationmessagingtab #piling{padding-left:0;}
    #block-block39sitenavigationmessagingtab .footbar a{/*font-size:18px*/font-size:14px;}


    #block-claro-block106sitenavigationmessageviewtab .sidenav {display:none;}
    #block-claro-block106sitenavigationmessageviewtab .footbar { display: flex; /*height: 13%*/ height: 60px; z-index: 9999; text-align: center; width: 100%; }
    #block-claro-block106sitenavigationmessageviewtab img { /*padding-top:10px*/padding-top:5px; /*height:55px*/height:35px; width: 100%; margin-bottom: -7px;}
    #block-claro-block106sitenavigationmessageviewtab #piling{padding-left:0;}
    #block-claro-block106sitenavigationmessageviewtab .footbar a{/*font-size:18px*/font-size:14px;}


    #block-block43sitenavigationprofiletab .sidenav {display:none;}
    #block-block43sitenavigationprofiletab .footbar { display: flex; /*height: 13%*/ height: 60px; z-index: 9999; text-align: center; width: 100%; }
    #block-block43sitenavigationprofiletab img { /*padding-top:10px*/padding-top:5px; /*height:55px*/height:35px; width: 100%; margin-bottom: -7px;}
    #block-block43sitenavigationprofiletab #piling{padding-left:0;}
    #block-block43sitenavigationprofiletab .footbar a{/*font-size:18px*/font-size:14px;}

    #block-claro-block86sitenavigationprofiletab2 .sidenav {display:none;}
    #block-claro-block86sitenavigationprofiletab2 .footbar { display: flex; /*height: 13%*/ height: 60px; z-index: 9999; text-align: center; width: 100%; }
    #block-claro-block86sitenavigationprofiletab2 img { /*padding-top:10px*/padding-top:5px; /*height:55px*/height:35px; width: 100%; margin-bottom: -7px;}
    #block-claro-block86sitenavigationprofiletab2 #piling{padding-left:0;}
    #block-claro-block86sitenavigationprofiletab2 .footbar a{/*font-size:18px*/font-size:14px;} 
 
 #btr_ntfy .privatemsg-unread-thread { height: 12px; width: 12px; bottom: 50px; right: 31%;}
 
 
 .view-saved-vessels-page .saved-vessel-title { font-size: 75%;}
 #gmap_footer img {bottom: 60px;}
 #btr_cpyrt {bottom: 60px;}

 #block-views-block-vessel-info-2-block-1 { position: relative; margin-top: -50%; /*margin-bottom:-65%;*/}    
 
 #bkng_num {max-width: 200px;}    


    #edit-booking-information #checkout_form #checkout_title { text-align: center; font-size: 30px; font-family: 'calistoga'; width: 100%; display: grid; }
    #edit-booking-information #checkout_form #voyage_info {position: relative; line-height: 1.618;}
    #edit-booking-information #checkout_form #depart_d_f { text-align: center; font-size: 17px; font-weight: bold;}
    #edit-booking-information #checkout_form #arrive_d_f { text-align: right; font-size: 1.2rem; font-weight: bold;}
    #edit-booking-information #checkout_form #duration_f { text-align: right; font-size: 20px; font-weight: bold; margin-bottom: 10px;}
    #edit-booking-information #checkout_form #refuel_f { text-align: right; font-size: 15px; font-weight: bold;}
    #edit-booking-information #checkout_form #cleaning_f { text-align: right; font-size: 15px; font-weight: bold; margin-bottom: 10px;}

    #edit-booking-information #checkout_form #fee_f { text-align: right; font-size: 20px; font-weight: bold;}
    #edit-booking-information #checkout_form #state_tax_f { text-align: right; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
 
    #edit-booking-information #checkout_form #total_fee_f { text-align: right; font-size: 25px; font-weight: bold; text-decoration: underline; text-underline-offset: -40px; text-decoration-thickness: 2px}
    
    #edit-chartered-booking-information #cb_checkout_form #cb_checkout_title { text-align: center; font-size: 30px; font-family: 'calistoga'; width: 100%; display: grid; }
    #edit-chartered-booking-information #cb_checkout_form #cb_voyage_info {position: relative; line-height: 1.618;}
    #edit-chartered-booking-information #cb_checkout_form #cb_date_d_f { text-align: center; font-size: 17px; font-weight: bold;}
    #edit-chartered-booking-information #cb_checkout_form #cb_arrive_d_f { text-align: right; font-size: 1.2rem; font-weight: bold;}
    #edit-chartered-booking-information #cb_checkout_form #cb_fullDay_f { text-align: right; font-size: 20px; font-weight: bold; margin-bottom: 10px;}
    #edit-chartered-booking-information #cb_checkout_form #cb_refuel_f { text-align: right; font-size: 15px; font-weight: bold;}
    #edit-chartered-booking-information #cb_checkout_form #cb_cleaning_f { text-align: right; font-size: 15px; font-weight: bold; margin-bottom: 10px;}

    #edit-chartered-booking-information #cb_checkout_form #cb_fee_f { text-align: right; font-size: 20px; font-weight: bold;}
    #edit-chartered-booking-information #cb_checkout_form #cb_state_tax_f { text-align: right; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
 
    #edit-chartered-booking-information #cb_checkout_form #cb_total_fee_f { text-align: right; font-size: 25px; font-weight: bold; text-decoration: underline; text-underline-offset: -40px; text-decoration-thickness: 2px}
    

    .slick, .slick-wrapper {
    position: relative;
    max-width: 100% !important;
}

#block-block17installapp2-2 {margin-bottom: -280%;}
#block-block21copyrightfront-2 {top: -5px;}

}

/********************************************END 350********************************************/


/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/

@media screen and (max-device-width: 300px) {
    
#block-views-block-vessel-slideshow-block-1{
    position: absolute;
    z-index: 999;
    width: 128.5%;
    left: 0px;
    top: 0px;
    height: 65vw;
    overflow-y: clip;
    overflow-y: hidden;
    border-left: #ffff;
}   

#block-views-block-vessel-slideshow-block-1 .slick-dots {
    bottom: /*10px*/ 25%;
    display: block;
    width: 83%;
}
    
#block-views-block-vessel-slideshow-block-1 .blazy .media--blazy img.b-blur, .blazy .media--blazy img.media__element {
    /*border-left: 20px solid black;
    border-right: 5px solid black;
    width: 250%;
    left: 0;
    margin: 0;*/
    border-left: 0px solid black;
    border-right: 0px solid black;
    width: 250%;
    left: 50%;
    margin-left: -62%;
}
.slick__arrow button { visibility: hidden;}


#block-views-block-test1-block-1 {
    position: relative;
    margin-left: unset;
    margin-right: unset;
    margin-top: -200px;
    /*left: -16px;*/
    /* transform: translate(0%); */
    transform: scale(.8);
    width: 263px;
    left: 50%;
    margin-left: -131.5px;
}
#block-views-block-profile-cards-block-1 .member-for-date #member_for {font-size:15px;}

#block-claro-views-block-profile-cards-anon-block-1 .member-for-date #member_for {font-size:15px;}

/**VOYAGE PORTAL**/

#block-views-block-guest-voyages-block-1 .voyages-info a {font-size:10px !important;}
#block-views-block-guest-voyages-block-1 .voyages-arrival {font-size:10px !important;}
#block-views-block-guest-voyages-block-1 .voyages-depart {font-size:10px !important;}



/**VOYAGE PORTAL - ARCHIVES **/

.path-voyage-archives .archived-voyage-itinerary-title {font-size: 9px;}

.path-voyage-archives .voyages-info a {font-size:10px !important;}
.path-voyage-archives .archived-voyage-booked {font-size:9px !important;}
.path-voyage-archives .archived-voyage-status {font-size:10px !important;}

/**VOYAGE PORTAL - ARCHIVES **/

/**NAVIGATION PAGE**/

/*#views-exposed-form-vessel-finder-page-1 .form-item--field-registered-state-value { position: relative; top: 50px; margin: 0; left: -10px; width: 75px; }*/
#views-exposed-form-vessel-finder-page-1 .form-item--field-registered-city-value { left: -10px; }
/*#views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value { position: relative; width: 95px; margin: 0; margin-left: 0; margin-top: 120px; margin-bottom: 10px; }*/
#views-exposed-form-vessel-finder-page-1 .form-item--field-is-a-captain-required__value { margin-top: -200px; margin-left: 145px; margin-bottom: 70px; }
#views-exposed-form-vessel-finder-page-1 #edit-secondary .claro-details__summary {font-size: 20px;}
#views-exposed-form-vessel-finder-page-1 .form-item--field-registered-city-value .form-text {font-size: 12px; width: 100px;}


#views-exposed-form-vessel-finder-page-1 #edit-secondary .form-item--field-listing-location__proximity-value .form-item__label { position: relative; left: 0; top: 46px; }

.geofield-google-map .gm-style-iw .views-field-field-display-image img { border-radius: 10px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);/* transform: scale(1); */}
.geofield-google-map .gm-style .gm-style-iw { max-width: 245px !important; }
.geofield-google-map .gm-style-iw .views-field-title { font-size: 15px; margin-top: 20px; }
/*.geofield-google-map .gm-style .gm-style-iw .gm-ui-hover-effect { width: 34px !important; height: 40px !important; transform: scale(1.25) !important; top: -10px  !important; right: -10px !important;}*/
.geofield-google-map .gm-style-iw .views-field-nothing-1 {font-size:20px;}
.geofield-google-map .gm-style-iw .views-field-field-rate-day- {font-size:20px;}
.geofield-google-map .gm-style-iw .views-field-nothing {font-size:20px;}
.geofield-google-map .gm-style-iw .views-field-field-listing-location__proximity { font-size: 15px;}    

#stripe_field_id #stripe_cnct_id {font-size: 12px;}

#block-views-block-fleet-hostportal-block-1 #stripe { font-size: 14px; padding: 5px 10px; margin-right: -15px; }

#block-views-block-fleet-hostportal-block-1 #nSCIDid { font-size: 14px; padding: 5px 10px; margin-right: -15px; }

/**NAVIGATION PAGE**/


/**MESSAGES PAGE**/
.privatemsg-messages #edit-table td {padding: 5px;}


/**MESSAGES PAGE**/


/**HOST-PORTAL**/

#block-block34addnewlisting #create_listing { font-size: 60%;  /*top: 185px;*/ top: 120px; right: 5px;}
#block-views-block-duplicate-of-guest-voyages-block-1 .voyages-info a {font-size:14px; padding:5px;}
#block-views-block-duplicate-of-guest-voyages-block-1 .voyages-arrival {font-size: 14px !important; padding: 5px;}
#block-views-block-duplicate-of-guest-voyages-block-1 .voyages-depart {font-size: 14px !important; padding: 5px;}
#block-views-block-fleet-hostportal-block-1 #estimator { font-size: 15px; text-align: center; width: 200px; margin-left: -100px; }


#block-views-block-qr-info-block-1 #qrcode { position: relative; transform: scale(1); left: -13px; width: 100%; display: block; margin-bottom: -1%; text-align: center; }
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { width: 100px !important; min-width: 143px !important;}


/**HOST-PORTAL - ARCHIVES **/

#block-claro-content .view-bookings-archives table { position: relative; left: 0; }

.path-booking-archives .archived-voyage-itinerary-title { font-size: 12px; text-align: center; background: #246786; color: #fff; font-family: 'Calistoga'; font-weight: normal; line-height: 15px; padding: 5px; }

.path-booking-archives .archived-voyage-booked {font-size: 14px !important; padding: 5px;}
.path-booking-archives .archived-voyage-status {font-size: 14px !important; padding: 5px;}
.path-booking-archives .voyages-info a {font-size: 14px !important; padding: 5px;}    

#archives { font-size: 20px !important;}


/**HOST-PORTAL - ARCHIVES **/


/**HOST-PORTAL**/



/**MOBILE MENUS**/
#btr_ntfy .privatemsg-unread-thread { font-size: 0; height: 12px; width: 12px; border-radius: 30px; background: red; position: absolute; /*top: 20%; right: 29%;*/ bottom: 50px; right: 30%; margin-bottom: -.9rem; border: 3px solid #00a1f1; }

#block-block29sitenavigationvoyagestab .footbar a {font-size: 14px;}
#block-block38sitenavigationnavigationtab .footbar a {font-size: 14px;}
#block-block39sitenavigationmessagingtab .footbar a {font-size: 14px;}
#block-claro-block106sitenavigationmessageviewtab .footbar a {font-size: 14px;}
#block-block43sitenavigationprofiletab .footbar a {font-size: 14px;}


#block-block40mobileoptions img {height:20px;}
#block-block40mobileoptions .dropbtn {/*top: 5px;*/}
#block-block40mobileoptions .dropdown-content {top:22px;}
#block-block40mobileoptions .dropdown-content {width:150px;}
#block-block40mobileoptions .dropdown-content a {font-size:15px;}


/**MOBILE MENUS**/



/**LISTING PAGE**/

.make-model {font-size:70%; max-width: 188px;}
.vessel-name {font-size:60%;}

.views-field-node-rate-widget-field-1 { left: 30%; word-break: break-word; max-width: 33%; font-size:12px; }

.flag-save-vessel {/*top: 335px;*//*top: 165px;*/top: 185px;}



#block-views-block-vessel-info-2-block-1 .views-field-field-how-many-people-does-this- div {font-size:65%;}
#block-views-block-vessel-info-2-block-1 .views-field-field-available-captain {font-size:110%;}
#block-views-block-vessel-info-2-block-1 .views-field-field-fishing {font-size:110%;}
#block-views-block-vessel-info-2-block-1 .views-field-field-do-you-allow-pets- {font-size:110%;}


#edit-booking-information #checkout_form #checkout_title {font-size:25px;}

#edit-booking-information #checkout_form #depart_d_f {font-size:16px;}
#edit-booking-information #checkout_form #arrive_d_f {font-size:16px;}
#edit-booking-information #checkout_form #duration_f {font-size:16px;}
#edit-booking-information #checkout_form #refuel_f {font-size:12px;}
#edit-booking-information #checkout_form #cleaning_f {font-size: 12px;}
#edit-booking-information #checkout_form #fee_f {font-size:16px;}
#edit-booking-information #checkout_form #state_tax_f {font-size:16px;}
#edit-booking-information #checkout_form #total_fee_f { text-align: right; font-size: 21px; font-weight: bold; text-underline-offset: -35px;}
#edit-booking-information #checkout_form #q_1 {font-size:15px;}

#edit-booking-information #checkout_form #dprt_time_lab {font-size:15px;}
#edit-booking-information #checkout_form #dprt_time {font-size:15px;}

#edit-booking-information #checkout_form #arrv_time_lab {font-size:15px;}
#edit-booking-information #checkout_form #arrv_time {font-size:15px;}


#edit-chartered-booking-information #cb_checkout_form #cb_checkout_title {font-size:25px;}

#edit-chartered-booking-information #cb_checkout_form #cb_date_d_f {font-size:16px;}
#edit-chartered-booking-information #cb_checkout_form #cb_arrive_d_f {font-size:16px;}
#edit-chartered-booking-information #cb_checkout_form #cb_fullDay_f {font-size:16px;}
#edit-chartered-booking-information #cb_checkout_form #cb_refuel_f {font-size:12px;}
#edit-chartered-booking-information #cb_checkout_form #cb_cleaning_f {font-size: 12px;}
#edit-chartered-booking-information #cb_checkout_form #cb_fee_f {font-size:16px;}
#edit-chartered-booking-information #cb_checkout_form #cb_state_tax_f {font-size:16px;}
#edit-chartered-booking-information #cb_checkout_form #cb_total_fee_f { text-align: right; font-size: 21px; font-weight: bold; text-underline-offset: -35px;}




#edit-field-unavailable-dates-wrapper {
    margin-left:-4%;
}

#field-unavailable-dates-values fieldset {
width: 100%;

}

#edit-field-unavailable-dates-wrapper .tabledrag-toggle-weight-wrapper {
    display:none;
    
}



#field-unavailable-dates-values .tabledrag-hide {
    display:none;
}

#field-unavailable-dates-values fieldset input {
font-size:15px;
}

/**LISTING PAGE**/


#block-views-block-duplicate-of-guest-voyages-block-1 {
    width: 250px;
    left: 50%;
    margin-left: -125px;
}




#block-block16step5boaturhost-2 h2 {
    margin-top: 5px;
    font-size: 25px;
    margin-bottom: 25px;
    margin-left: 180px;
    width: 220px;
}
 


#block-block16step5boaturhost-2 p  {
    font-size: 15px;
    margin-left: 170px;
    max-width: 240px;
}


#block-block16step5boaturhost-2 li {
    margin-left: 155px;
    font-size: 15px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    background-image: url(/check-bullet_tc.svg);
    background-repeat: no-repeat;
    background-position: 0px;
    padding-left: 20px;
    background-size: 15px;
}

#block-block21copyrightfront-2 { margin-top: 700px;}

#block-block56dailyrateestimator #calc #notice { width: 200px; margin-left: -100px; }

#block-block56dailyrateestimator #calc #result { font-size: 30px; width: 200px; margin-left: -100px; }

    .view-saved-vessels-page .views-field-field-rate-day- {font-size: 40%; font-weight:bold; color:#246786;}
    .view-saved-vessels-page .vessel-rating { font-size: 42%; background-image: url(https://boatur.com/rating.svg); background-color: #246786; background-repeat: no-repeat; padding: 0px 20px 0px 4px; border-radius: 5px; color: white; background-position: 80% 1px; background-size: 10px; font-weight: bold; }

 #bkng_num {max-width: 175px;}
 
 #block-block17installapp2-2 { 
    margin-bottom: -315%;
 }
 
 #voyage_details { font-size:20px; /*top:-25px; right:-70px;  */  
    -webkit-animation-name: fromRight;
    -webkit-animation-duration: 1s;
    animation-name: fromRight;
    animation-duration: 1s;}
    
#block-block21copyrightfront-2 {    top: 15px;}    
 

 
}

/********************************************END 300********************************************/

@media screen and (max-device-width: 250px){
    
    #block-views-block-vessel-info-1-block-1 {
    margin-top: 0;
    }
    
    
    #block-block46availabilitycalendar {
    margin-top: 50px;
    margin-bottom: 115%;
    }
    
    #avail_cal {
        margin-top: -97px;
        right: 45px;
    }    
    
    #block-views-block-duplicate-of-bio-block-1 .views-field-view-user a {
        text-decoration: none;
        color: #fff;
        padding: 5px;
        font-size: 70%;
    }
     
    
    
    #block-views-block-duplicate-of-bio-block-1 .views-field-edit-user a {
            text-decoration: none;
            color: #fff;
            padding: 5px;
            font-size: 70%;
    }
    
    #block-block16step5boaturhost-2 h2 { margin-left: 194px;}
    #block-block16step5boaturhost-2 p { font-size: 12px; margin-left: 140px /*180px*/; max-width: 200px;}
    #block-block16step5boaturhost-2 li {margin-left: 180px; font-size: 12px; background-size: 12px; }

    
    #block-views-block-test1-block-1 {
            position: relative;
            margin-left: unset;
            margin-right: unset;
            margin-top: -120px;
            margin-bottom: -110px;
            transform: scale(.4);
            width: 263px;
            left: 50%;
            margin-left: -131.5px;
}
    
    .view-vessel-finder .attachment-before .view-vessel-finder .view-header{font-size: 12px;}
    #vf_nr {font-size: 12px; top: 80px;}
    #open_filter { display: none; position: fixed; top: 130px; left: 8px; background: #fff; color: #00a1f1; border-radius: 50px; box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37); font-size: 2rem; padding: 20px 20px; z-index: 999; background-image: url(/vessel_filter_menu_icon.svg); width: 65px; background-repeat: no-repeat; background-size: 35px; background-position: 13px 21px; height: 65px; }
    .form-item--field-listing-location__proximity-value label {font-size: 12px; }
    #edit-field-listing-location-proximity-wrapper .form-item--field-listing-location__proximity-value { display: flex; flex-direction: row-reverse; top: -50px; position: relative; left: 20px; height: 5px; }
    #views-exposed-form-vessel-finder-page-1 {height:175px;}
  /*  #views-exposed-form-vessel-finder-page-1 .form-item--field-vessel-type-value { position: relative; width: 95px; margin: 0; margin-left: -20px; margin-top: 50px; margin-bottom: 10px; }*/
    #views-exposed-form-vessel-finder-page-1 .form-item--field-is-a-captain-required__value { margin-top: -200px; margin-left: 125px; margin-bottom: 70px; }
    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-state-value { position: relative; top: -64px; left: 16px; width: 65px; }
    #views-exposed-form-vessel-finder-page-1 .form-item--field-registered-city-value { left: -11px; top: -113px; }
    #views-exposed-form-vessel-finder-page-1 #edit-secondary { box-shadow: none; border: none; top: -20px; left: -10px; height:0;}
    
#vyg_dtls_wrapper {
    top: -25px;
    right: -75px;
 }

     #voyage_details { font-size:20px; /*top:-25px; right:-50px;*/ width: 150px;    
     -webkit-animation-name: fromRight;
    -webkit-animation-duration: 1s;
    animation-name: fromRight;
    animation-duration: 1s; }

}


/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/
/********************************************************************************************************************************************************************************/



/*------------------------------------------------------------------------------RESPONSIVE SECTION------------------------------------------------------------------------------*/