/*

	YachtCast Intelligence
	Northrop&Johnson Branding
	Nov 2017 MT

-------------------------------------------------*/

/*
	Colours
	--------------------------------------------
	yellow: #FFC719;

*/
a:focus, a:hover, p a:hover {
    color:#FFC719;
}
.loginContainer .form fieldset label {color:#202020;}
.button:focus, .button:hover {
    background-color:#FFC719;
    color:#FFFFFF;
}
.button:focus,
.button:hover {
    background-color:#000;
}
.loginContainer form.jsSubmit-enabled fieldset .button {
    background-color:#000;
    border-color:#FFF;
}
body.homepage {background-color:#fff;}
header { background:#FFC719;}
.loginContainer .logoContainer h1 {
    background:url(../images/logo-white.svg) center top no-repeat;
    filter: invert(100%);
    width: 100%;
    height: 97px;
    margin-top: 121px; padding:0;
    background-size: auto 67px;
}

.homepage .loginContainer .form fieldset a.forgotton { color:#eee;}

.loginContainer .form fieldset .button { opacity: 1; cursor: pointer;}
.loginContainer .form fieldset .button:hover { opacity: 0.6;}
.loginContainer .form fieldset .button, .loginContainer form fieldset #js_submit {
    background:#000;
    border-color:#000;
    color: #fff;
}

.accent .loginContainer .form fieldset .forgotten a, .accent .loginContainer .form fieldset.forgotten-copy a.backtoLink { color: #000;}
.accent .loginContainer .form fieldset .forgotten a:hover, .loginContainer .form fieldset.forgotten-copy a.backtoLink:hover { color: #FFC719;}

.accent .loginContainer .form fieldset {
    border-top:1px solid #FFC719;
    padding: 30px 0 0 0;
}

@media only screen and (max-width:640px) {
    .accent .loginContainer .form fieldset .row.keep-signed-in .spacer {
        width: 100px;
    }
}

/* header
------------------------------------------------*/
header .logoContainer .logo {
    margin: 17px 0 -20px 13px;
    width:385px; height:56px;
    background:url(../images/logo-white.svg) 0 12px no-repeat;
    background-size: auto 36px;
}
.navigation li a { color:#000;}
.navigation li a:hover,
.navigationDirectory li a:hover {
    border: 1px solid #FFC719;
    color: #000;
}
.subNavigation li.nameSearch .button,
.loginContainer .form.jsSubmit-enabled fieldset .button,
.loginContainer form fieldset #js_submit {
    background:#FFC719;
    border:1px solid #FFC719;
}

@media only screen and (max-width:640px) {
    .accent .loginContainer .form.jsSubmit-enabled fieldset .button {
        margin:0 0 0 31%;
    }
    .accent .loginContainer .form fieldset .forgotton {
        float:none;
        margin:0 0 0 31%;
    }
    .accent .loginContainer .forgotton-container { padding-top:40px; text-align:left; }
}
@media only screen and (min-width:641px) {
    .loginContainer .form fieldset .button {
        margin-left: 164px;
    }
}

.allNotesButton {
    border:1px solid #000;
    color:#000;
}
.allNotesButton:hover {
    background-color:#FFC719;
    border:1px solid #FFC719;
}
.accent .searchResults .searchActions li a,
.accent .compareContainer a.compareYachtsButton,
.accent .searchResults .creat-shortlist,
.accent .searchResults .searchActions li.compare a,
.accent .compareContainer a.compareYachtsButton,
#reportIssue a.button,
.accent .mobile-navigation .back-container .backtoResults,
.accent .previewContainer .previewButton,
.accent .saveSearch,
.accent .cancelSearch {
    border-color:#000;
    color:#000;
}
#reportIssue a.button:hover,
.accent .compareContainer a.compareYachtsButton:hover,
.accent .link-add-button:hover,
.accent .previewContainer .previewButton:hover,
.accent .saveSearch:hover,
.accent .cancelSearch:hover,
.accent .optionButtons .coastGuard:hover,
.accent .optionButtons .fanInfo:hover,
.accent .saveButton:hover {
    background-color:#FFC719;
    border: 1px solid #FFC719;
    color:#FFF;
}
.accent .compareContainer a.compareYachtsButton:hover {
    background-color: #FFC719; border: 1px solid #FFC719;
}

@media screen and (min-width:641px ) {
    .accent .compareContainer a.compareYachtsButton:hover::before { background-position: 8px -18px;}
}

.accent .searchResults .searchActions li a:hover,
.accent .searchResults .creat-shortlist:hover {
    border-color:#FFC719;
}
.accent .searchResults .resultsOptions .chosen-container-single .chosen-single { color: #000;}
.accent .searchResults .result .resultDetails h3 a:hover {
    color:#FFC719;
}
.accent .searchResults .searchActions li a:hover,
.accent .searchResults .creat-shortlist:hover,
.accent .searchResults .searchActions li.compare a:hover,
.accent .yacht-actions a.compare.active {
    background-color:#FFC719;
    border: 1px solid #FFC719;
}
.accent .searchResults .resultsOptions .chosen-container-single .chosen-drop ul li.highlighted,
.accent .searchResults .resultsOptions .chosen-container-single .chosen-drop ul li.result-selected,
.accent .searchContainer fieldset .refineSearchButton {
    background-color:#FFC719;
}
.accent .footerPagination ul li a.active,
.accent .directoryListings .pagination ul li a.active {
    background-color:#FFC719;
    border-color:#FFC719;
}
.accent .searchButton {
    background-color:#000;
}
.accent .searchButton:hover { background-color:#FFC719;}
.accent .searchResults .result-filters a:hover,
.accent .searchResults .result-filters a.active {
    border-color:#000;
    color:#000;
}
.accent .nameSearch .button  {
    border-color:#000;
    background-color:#000;
}
.accent .nameSearch .button:hover {
    border-color:#FFC719;
    background-color:#FFC719;
}
.accent .alphabetSorting .alphabetList li a:hover,
.back-button  {
    border-color:#000;
    color:#000;
}
.accent .choose-shortlist .list .listRow .listDetails li.action-buttons .select,
.accent .choose-shortlist .list .listRow .listDetails li.action-buttons a.edit {
    border-color:#000;
    color:#000;
}
.accent .choose-shortlist .list .listRow .listDetails li.action-buttons .select:hover,
.back-button:hover,
.accent .savedSearches .listRow .listDetails li.action-buttons a.view:hover,
.accent #mapInfoPanelContent .buttonContainer .button:hover,
.accent .section-ourphotos .particular-tabs li.photos a:after,
.accent .myphotos-tab-container .particular-tabs li.photos a:after,
.accent .reportphotos-tab-container .particular-tabs li.photos a:after,
.accent .section-report .particular-tabs li.reports a:after,
.accent .notesList .list li.listRow .listDetails li.view a.view:hover {
    background-color:#FFC719;
    border: 1px solid #FFC719;
}
.accent .choose-shortlist .list .listRow .listDetails li.action-buttons a.edit:hover {
    background-color:#FFC719;
}

.blue-dropdown.dropdown.menu > li > a {
    color:#fff;
}
.blue-dropdown.dropdown.menu > li > a:before {
    display: inline-block;
    content: '- ';
    padding-right: 1px;
}
.homepage .loginContainer form fieldset .forgotton {
    color:#000;
}
.homepage .loginContainer form fieldset .forgotton:hover {
    color:#FFC719;
}
.accent .saveButton:hover {
    background-color: #FFC719;
    border-color:#FFC719;
}
.accent .sub-tabs a:hover,
.accent .sub-tabs a.active,
.accent .directoryListings .list .listRow .listDetails li.view a,
.accent .alphabetSorting .alphabetList li a.active,
.accent .alphabetSorting .alphabetList li a:hover,
.accent .savedSearches .listRow .listDetails li.action-buttons a.view,
.accent .button-style-one,
.accent #mapInfoPanelContent .buttonContainer .button,
.accent .notesList .list li.listRow .listDetails li.view a.view,
.accent .resultNavigationMobile li a,
.accent .link-add-button,
.accent .uploadButton {
    border-color:#000;
    color:#000;
}
.yacht-report-image:hover,
.accent .marketing-broker-container a.marketing-broker-button {
    border-color:#000;
}
.yacht-report-image:hover,
.accent .marketing-broker-container a.marketing-broker-button:hover {
    border-color:#FFC719;
}
.accent .overviewContainer .overviewSection .yacht-actions .shortlist a:hover,
.accent .yachtDetailsContainer.full-width .yacht-actions .shortlist a:hover,
.accent .overviewContainer .overviewSection .yacht-actions .shortlist a.onShortlist,
.accent .button.add-button:hover,
.accent .button.edit-button:hover,
.accent .uploadButton:hover,
.accent #sistership-view-list .compare-button:hover,
.accent #sistership-view-list .shortlist-button:hover,
.accent .homepage-see-more:hover {
    border-color:#FFC719;
    background-color:#FFC719;
    color:#FFF;
}
.compare-fixed-mode .accent .compare-fixed .compareContainer a.compareYachtsButton:hover {
    background-color:#FFF;
    color:#000;
    border: 1px solid #fff;
}

.navigationDirectory li a,
.navigationDirectory li span,
.home-data-feed li a,
.homepage-see-more,
.subNavigation li ul li a,
.accent .choose-shortlist .list .listRow.selected .listDetails li.shortlist-name a,
.accent .resultDetails .report-sale a,
.accent .sold-yacht-data-list .sold-price a,
.accent .dropdown.menu .is-active> a,
.yachtDetailsContainer .particularsCopy .report-details .report-name a,
.accent .particular-tabs li a.active,
.accent .yachtDetailsContainer .overview-list .list-detail a,
.accent .overviewContainer .overviewSection .yacht-actions .shortlist a,
.accent .yachtDetailsContainer.full-width .yacht-actions .shortlist a,
.accent .yachtDetailsContainer.full-width .yacht-actions a.compare,
.accent .overviewSpcicfications p.builder-model a,
.accent .current-location-button .check,
.accent .particular-tabs li a:hover,
.accent .videosList li .video .details p.title a,
.accent .yacht-show-list-heading li.name,
.accent .yacht-show-list-content li.name a,
.accent .yachtReviews .documentDetails p.title,
.accent .yachtReviews ul li .review:hover .overlay .overlayInner a:hover,
.accent .yacht-news .news-item .headline,
.accent .status-caption a,
.accent .overviewSpcicfications .min-spec.model li ul li a,
.accent .tabsContainer li a.active,
.sold-price-list li a,
.current-location-link,
.menu-takeover .takeover-items li a,
.noteTypeDetails li a.website,
.single-pdf-link,
.accent .refine .clearLink a,
.accent .refine .pdfLink a,
.accent .searchResults .resultsOptions .chosen-container-single,
.accent .chosen-single,
.accent .yachtCompareHeader .resultsOptions.display .chosen-container-single .chosen-single,
.accent .savedSearches .listRow .listDetails li.name a,
.accent .accountProfileOverview ul li.edit-option a,
.accent .savedSearches .listRow .listDetails li.action-buttons a.change,
.section-ourphotos .particular-tabs li.photos a,
.myphotos-tab-container .particular-tabs li.photos a,
.reportphotos-tab-container .particular-tabs li.photos a,
.section-report .particular-tabs li.reports a,
.accent .notesList .list li.listRow .listDetails li.title a,
.accent .searchResults.recentSales .list .listRow .listDetails li.soldPrice a,
.accent .yachtNavigation .shortlist-mobile a,
.accent .mobile-tabs li a:hover,
.accent .status.for-sale span,
.accent .searchResults .result .resultDetails .priceContainer .soldPrice a,
.accent .button.edit-button,
.accent .model-details .sistership-link,
.accent #sistership-view-list .compare-button,
.accent #sistership-view-list .shortlist-button,
.accent .mobile-list-results-container .note,
.accent .intelligenceDetails .list li.listRow .listDetails li.noteTitle a,
.accent .addNoteButton,
.accent .noteTypeDetails li a.website,
.accent .single-pdf-link,
.accent .chosen-container-single .chosen-single-with-deselect span,
.accent .filter-applied {
    color:#000;
}

.accent .yacht-show-list-content li.name a:hover,
.accent .videosList li .video .details p.title a:hover,
.accent .yacht-news .news-item .headline:hover,
.accent .intelligenceDetails .list li.listRow .listDetails li.noteTitle a:hover {
    color: #FFC719;
}



.accent header .dropdown.menu .is-active>a {color:#FFC719;}
.accent header .dropdown.menu.account-dropdown .is-active> a { color: #fff;}
.accent .choose-shortlist .list .listRow.selected .listDetails li.action-buttons .select,
.accent .particular-tabs li a.active:after,
.accent .marketing-broker-container a.marketing-broker-button:hover,
.yacht-actions .style-like-select.dropdown.menu li ul li a:hover,
.searchContainer fieldset .refineSearchButton,
.compare-fixed-mode .accent .compare-fixed .compareContainer a.compareYachtsButton,
.accent .searchResults .result .imageContainer .position,
.searchButton,
.accent .sub-tabs a.notes.active .count,
.accent .sub-tabs a.reports.active .count,
.accent .tabsContainer li a.active:after,
.accent .directoryListings .list .listRow .listDetails li.view a:hover,
.accent .refine .clearLink a:hover,
.accent .refine .pdfLink a:hover,
.accent .button-style-one:hover,
.accent .searchResults .searchActions li.compare-yachts a:hover {
    background-color: #FFC719;
}

.accent .marketing-broker-container a.marketing-broker-button, .accent .button.add-button,
.accent .yacht-actions .style-like-select.dropdown.menu li  a.title,
.accent .particulars .yachtNavigation .backtoResults,
.accent .searchResults .searchActions li.compare-yachts a { color: #000;}

.accent .choose-shortlist .list .listRow .listDetails li.action-buttons .select.active {
    background-color: #FFC719; border: 1px solid #FFC719;
}


.accent .compress-pdf { color: #000; font-size: .9rem;}
.accent .compress-pdf:hover { color: #fff; background-color: #FFC719; border-color: #FFC719;}

.subNavigation li ul li a:hover { color:#FFC719;}

.accent .searchResults .searchActions li.show-guide a:hover:before { background-position:-29px 0;}
.accent .searchResults .searchActions li.compare-yachts a:hover:before { background-position:16px -18px;}

@media only screen and (max-width:640px) {
    .accent .searchResults .searchActions li.compare-yachts a:hover:before { background-position: 50% -18px}
}

.accent .marketing-broker-container a.marketing-broker-button:hover,
.accent .overviewContainer .overviewSection .yacht-actions .shortlist a:hover,
.accent .yachtDetailsContainer.full-width .yacht-actions .shortlist a:hover,
.accent .overviewContainer .overviewSection .yacht-actions .shortlist a.onShortlist,
.accent .button.add-button:hover,
.accent .particulars .yachtNavigation .backtoResults:hover {
    color:#FFF;
}

.accent .searchResults .result .resultDetails h3 a { color:#000;}
.accent .searchResults .result .resultDetails h3 a:hover { color:#FFC719;}

.searchResults .result .resultDetails h3 a { color:#000; }
.searchResults .result .resultDetails h3 a:hover { color:#FFC719; }

.accent .searchResults .list .listRow .listDetails .name a.name { color:#000; }
.accent .searchResults .list .listRow .listDetails .name a.name:hover { color:#FFC719; }

@media only screen and (min-width:641px) {
    .accent .particulars .yachtNavigation .backtoResults {
        border-color:#000;
    }
    .accent .particulars .yachtNavigation .backtoResults:hover {
        background-color:#FFC719;
    }
    .accent .addNoteButton {color:#000;}
    .accent .addNoteButton:hover {
        border-color:#FFC719;
        background-color:#FFC719;
        color:#FFF;
    }
    .intelligenceDetails .list li.listRow .listDetails li.source a,
    .intelligenceDetails .list li.listRow .listDetails li.view a {
        color:#000;
    }

    .intelligenceDetails .list li.listRow .listDetails li.source a:hover,
    .intelligenceDetails .list li.listRow .listDetails li.view a:hover {
        color:#FFC719;
    }

}
.accent .facts-sales .item {
    background: #000;
}
.accent .facts-sales .item p {
    color:#FFF;
}
@media only screen and (max-width:640px) {
    header .logoContainer .logo {
        width: 215px;
        margin-top: 16px;
        margin-left: 5px;
    }
    .loginContainer .logoContainer h1 {
        background-size:245px auto;
        padding:0;
        height:168px;
        margin-top:76px;
    }
}

.accent .loginContainer form fieldset label,
.accent.homepage .loginContainer .loginCopy h2,
.accent.homepage .loginContainer .loginCopy p {color:#000;}

.yacht-actions .shortlist a,
.yacht-actions a.compare {
    color:#000;
}
.yacht-actions a.compare:hover {
    color:#fff;
    background-position:14px -10px;
}
.yacht-actions .shortlist a:hover,
.yacht-actions a.compare:hover,
.yacht-actions .shortlist a.onShortlist {
    border: 1px solid #FFC719;
    background-color: #FFC719;
}
@media only screen and (min-width:641px) {
    .intelligenceDetails .list li.listRow .listDetails li.noteTitle a { color:#000; }
}

@media screen and (min-width: 641px) {
    .accent .particular-tabs li.notes a.active span.has-notes .count,
    .accent .particular-tabs li.reports a.active span.has-reports .count {
        background: #FFC719;
    }
}

.accent p a.clear-filters:hover { color:#FFC719}


.accent .latest-news .latest-news-list li .news-copy .headline { color:#000;}
.accent .latest-news .latest-news-list li .news-copy .headline:hover { color:#FFC719;}
.accent .latest-news .view-all-news { color:#000; }
.accent .latest-news .view-all-news:hover { background-color:#FFC719; color:#fff; border:1px solid #FFC719;}

.accent .home-title a:hover, .accent .latest-news .heading a:hover { color:#FFC719;}

.accent .news-search-button { background-color:#000; border:1px solid #000;}
.accent .news-search-button:hover { background-color:#FFC719; border:1px solid #FFC719;}

.accent .refresh-button { border:1px solid #000; color:#000;}
.accent .refresh-button:hover { background-color:#FFC719; border:1px solid #FFC719;}

.accent .industry-news .news-item .headline { color:#000;}
.accent .news-yachts li a {color:#000;}
.accent .industry-news .news-item .headline:hover{ color:#FFC719;}
.accent .news-yachts li a:hover {color:#FFC719;}

/* custom pdf
------------------------------------------*/
.accent #template_single + label:before, .accent #template_NJ_SINGLE_PAGE  + label:before,
.accent #template_multi + label:before, .accent #template_NJ_MULTI_PAGE_6_IMAGE  + label:before,
.accent #template_multi_two + label:before, .accent #template_NJ_MULTI_PAGE_2_IMAGE + label:before { background:#000;}

.accent #template_single+label:hover:before, .accent #template_NJ_SINGLE_PAGE +label:hover:before,
.accent #template_multi+label:hover:before, .accent #template_NJ_MULTI_PAGE_6_IMAGE +label:hover:before,
.accent #template_multi_two+label:hover:before, .accent #template_NJ_MULTI_PAGE_2_IMAGE +label:hover:before { background:#000;}

.accent .new-content-button {
    background-color:#fff; background-position:14px 9px;
    color:#000;
    border:1px solid #000;
    padding-left:40px; padding-right:25px;
    background-size: auto;
}
.accent .new-content-button:hover {
    color:#fff;
    background-color:#FFC719; background-position:14px -17px;
    border:1px solid #FFC719;
}

.accent .addMorePhotosBtn  { color:#FFC719; border:2px solid #FFC719;}
.accent .addMorePhotosBtn:hover { opacity:1; }
.accent .addMorePhotosBtn:after { color:#FFC719;}

.accent .choose-orientation input:checked + label:after { background:#FFC719;}

.accent .addMorePhotosBtn:hover {
    background:#FFC719;
    color:#fff;
}
.accent .addMorePhotosBtn:hover:after { color:#fff;}

.accent .preview-button {
    background: url("/resources/images/icons/preview-icon.svg") 14px 50% no-repeat #000;
    border:1px solid #000;
    color:#fff;
    padding: 7px 24px 7px 44px;
    background-size: auto 12px;
}
.accent .preview-button:hover, .accent .preview-button:focus {
    color:#fff; background-color: #FFC719; border-color: #FFC719;
    background-position: 14px 50%
}

.accent .step-choose-photos .button,
.step-finished .accent  .button,
.accent .step-save-and-share .button { background-color:#000; border:1px solid #000;}

.accent .step-choose-photos .button:hover,
.step-finished .accent  .button:hover,
.accent .step-save-and-share .button:hover { background-color:#FFC719; border:1px solid #FFC719;}

.accent .button.save-button, .accent .button.download-button { background-color:#000; border:1px solid #000; }
.accent .button.save-button:hover, .accent .button.download-button:hover { background-color:#FFC719; border:1px solid #FFC719;}

.accent .select-button-small { border:1px solid #000; color:#000;}
.accent .select-button-small:hover { background-color:#FFC719; border: 1px solid #FFC719;}

.accent .button.upload-button { background-color:#000;}
.accent .button.upload-button:hover { background-color:#FFC719; opacity:1;}

.accent .selection-listing .actions .select-button-small {
    border:1px solid #000;
    color:#000;
    background: url("/resources/images/icons/preview-icon.svg") 14px 9px;
    background-size: auto 12px;
}
.accent .selection-listing .actions .select-button-small:hover { border:1px solid #FFC719; color:#fff; background-color:#FFC719;}

.accent .selection-listing .actions .select-button-small.preview-button-small {
    background-image: none;
    position: relative;
}
.accent .selection-listing .actions .select-button-small.preview-button-small:before {
    display: inline-block;
    content: '';
    height: 24px; width: 29px;
    background: url("/resources/images/icons/preview-icon.svg") 11px 7px no-repeat;
    filter: invert(100%);
    position: absolute;
    top: 0; left: 0;
    background-size: auto 10px;
}
.accent .selection-listing .actions .select-button-small.preview-button-small:hover:before {
    filter: invert(0);
}


.accent .searchResults .back a {
    color:#000;
    border-color:#000;
}
.accent .searchResults .back a:hover {
    background-color:#FFC719;
    color: #FFC719;
}


.accent .searchResults .imageContainer .statusOverlayFull.sold {background: rgba(204, 0, 0, 0.7)}


.accent .zoomHeader .buttonContainer a { border:1px solid #000 !important; color:#000 !important;}
.accent .zoomHeader .buttonContainer a:hover { background-color:#FFC719 !important; color:#fff !important; border:1px solid #FFC719 !important;}


.accent .searchResults .type-label { border:1px solid #000; color:#000;}



/* choose shortlist
-------------------------------------------------*/

/*.accent .choose-shortlist .list .listRow .listDetails li.shortlist-name .type {
	display:inline-block;
	font-size:10px; color:#fff;
	height:14px; width:14px; line-height:13px; text-align:center;
	border-radius: 50%;
	background:#999;
	margin:0 0 0 10px;
}*/


/*smallMedium Up - 641px +*/
@media screen and (min-width: 641px) {

    .accent .choose-shortlist .listHeader li.shortlist-name, .accent .choose-shortlist .list .listRow .listDetails li.shortlist-name {
        width:26%; -webkit-flex: 0 0 26%; -ms-flex:0 0 26%; flex: 0 0 26%; max-width:26%;
        padding:10px 1%;
    }
    .accent .choose-shortlist .listHeader li.type, .accent .choose-shortlist .list .listRow .listDetails li.type {
        width:10%; -webkit-flex: 0 0 10%; -ms-flex:0 0 10%; flex: 0 0 10%; max-width:10%;
        padding:10px 1%;
        text-align:center;
    }

    .accent .choose-shortlist .listHeader li.vessels, .accent .choose-shortlist .list .listRow .listDetails li.vessels {
        width:17%; -webkit-flex: 0 0 17%; -ms-flex:0 0 17%; flex: 0 0 17%; max-width:17%;
        text-align:center;
        padding:10px 1%;
    }
    .accent .choose-shortlist .listHeader li.date, .accent .choose-shortlist .list .listRow .listDetails li.date {
        width:17%; -webkit-flex: 0 0 17%; -ms-flex:0 0 17%; flex: 0 0 17%; max-width:17%;
        text-align:center;
        padding:10px 1%;
    }
    .accent .choose-shortlist .listHeader li.action-buttons, .accent .choose-shortlist .list .listRow .listDetails li.action-buttons {
        width:30%; -webkit-flex: 0 0 30%; -ms-flex:0 0 30%; flex: 0 0 30%; max-width:30%;
        float:right;
        padding:5px 1%;
    }

    .accent .list-results-container .line.line-name { left:26%;}
    .accent .list-results-container .line.line-type { left:36%;}
    .accent .list-results-container .line.line-type { left:36%;}
    .accent .list-results-container .line.line-date { left:53%;}
    .accent .list-results-container .line.line-date-updated { left:70%;}

    .accent .our-documents

}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .accent .choose-shortlist .list .listRow .listDetails li.action-buttons a { margin:0 0 0 10px;}
    .accent .choose-shortlist .list .listRow .listDetails li.action-buttons a.select { margin:0;}
}

@media screen and (min-width: 641px) and (max-width: 768px) {
    .accent .choose-shortlist .list .listRow .listDetails li.action-buttons .select { padding:0 11px 0 27px;}
    .accent .choose-shortlist .list .listRow .listDetails li.action-buttons .select.active { padding:0 6px 0 24px; background-position:7px -26px;}
    .accent .choose-shortlist .list .listRow .listDetails li.action-buttons a { margin:0 0 0 10px;}
    .accent .choose-shortlist .list .listRow .listDetails li.action-buttons a.select { margin:0;}
    .accent .choose-shortlist .list .listRow .listDetails li.action-buttons a.edit { margin:0; padding:0 4px 0 30px;}
}

.button.buttonM.pdfSaveButton {
    background-position:10px 0px;
    background-color:#fff;
    border:1px solid green;
    padding-left:20px;
    color:green;
    font-size:12px;
}
.button.buttonM.pdfSaveButton:hover {
    background-position:10px -35px;
    background-color:green;
    color:#fff;
}

.button.buttonM.pdfSaveButton {
    background-image:url(../images/button_ico-save-hover.svg);
}

.accent .searchResults .searchActions li.show-guide ul li a.title , .accent .searchResults .searchActions li.show-guide ul li a.title:hover { color:#FFC719;}
.accent .searchResults .searchActions li.show-guide ul li ul.menu li a:hover { background:#FFC719;}




.accent .show-pdf-options .button { background-color:#000;}
.accent .show-pdf-options .button:hover { background-color:#FFC719;}
.accent .outline-button { border-color:#000; color:#000;}
.accent .outline-button:hover { border-color:#FFC719; color:#fff;}

.accent .show-pdf-options .button.back { background-color:#fff; border:1px solid #000; color:#000;}
.accent .show-pdf-options .button.back:hover { background-color:#FFC719; color:#fff; border:1px solid #FFC719; }

.accent .searchResults .result .resultDetails .price-override:hover,
.accent .searchResults .result .resultDetails .image-override:hover { border:1px solid #FFC719; background:#FFC719; color:#fff;}

.overlay-contentpush .overlay-content.accent li div.delete a.edit { color:#000;}
.overlay-contentpush .overlay-content.accent li div.delete a.edit:hover { color:#fff; background-color:#FFC719;}
.overlay-contentpush .overlay-content.accent li div.name a { color:#000;}

.edit-document-container #overlay-content .saveButtonContainer .saveButton:hover { background-color:#FFC719; border-color:#FFC719;}
.edit-document-container #overlay-content .preview-button:hover { background-color:#FFC719; border-color:#FFC719;}
.overlay-contentpush .overlay-content .uploadButton { background-color:#fff;}
.overlay-contentpush .overlay-content .uploadButton:hover { background-color:#FFC719; }

/* header versions --------------*/
.accent .header-buttons .pdfSaveButton, .accent .header-buttons .button.pdfSaveButton,
.accent .header-buttons .pdfBackButton, .accent .header-buttons  .button.pdfBackButton,
.accent .header-buttons .pdfDownloadButton, .accent .header-buttons  .button.pdfDownloadButton,
.accent .header-buttons .duplicate {
    color:#000;
    border:1px solid #000;
}

.accent .header-buttons  .pdfBackButton:hover, .accent .header-buttons  .button.pdfBackButton:hover,
.accent .header-buttons  .pdfDownloadButton:hover, .accent .header-buttons  .button.pdfDownloadButton:hover,
.accent .header-buttons .duplicate:hover {
    border:1px solid #FFC719;
    background-color:#FFC719;
}

#jsMapAreaSearch,
#jsPolygonSearch {
    background-color:#000;
}

.resultNavigationMobile li.next a:hover, .resultNavigationMobile li.previous a:hover, .accent .mobile-navigation .back-container .backtoResults:hover {
    border: 1px solid #FFC719;
    background-color: #FFC719;
}
.accent .mobile-navigation .back-container .backtoResults:hover { color: #fff; background-position: 12px -37px;}

.accent .overviewSpcicfications p.builder-model a:hover,
.accent .yachtDetailsContainer .overview-list .list-detail a:hover,
.accent .yachtNavigation .shortlist-mobile a:hover,
.accent .mobile-tabs li a:hover,
.accent .current-location-button .check:hover,
.accent .status-caption a:hover,
.accent .overviewSpcicfications .min-spec.model li ul li a:hover,
.model-details .sistership-link:hover,
.home-data-feed li a:hover { color: #FFC719;}


.accent .yacht-actions .shortlist a.chooseShortlist{ background-image: url("/resources/images/icons/button_shortlist-all-icon-larger.svg"); background-position: 11px 7px;}
.accent .yacht-actions .shortlist a.chooseShortlist:hover { background-position: 11px -17px;}

.accent .yacht-actions .shortlist a { background-image: url("/resources/images/icons/button_shortlist-all-icon-larger.svg"); background-position: 11px 8px; }
.accent .yacht-actions .shortlist a:hover, .accent .yacht-actions .shortlist a.onShortlist  { background-image: url("/resources/images/icons/button_shortlist-all-icon-larger.svg"); background-position: 11px -18px; }

.accent .yacht-actions .shortlist a.onShortlis { background-position: 11px -18px;}

@media screen and (max-width: 640px) {
    .accent .particulars .yachtNavigation .backtoResults:hover { color: #FFC719;}
}
@media screen and (min-width: 641px) {
    .accent .particulars .yachtNavigation .backtoResults:hover { background-color:#FFC719; border: 1px solid #FFC719; }
}
.yacht-actions .style-like-select.dropdown.menu li ul li a:hover { background-color:#FFC719; }

.overviewSpcicfications .model-description .controles a { color: #000;}
.overviewSpcicfications .model-description .controles a:hover { color: #FFC719;}

.specifications li span.spec a { color: #000;}
.specifications li span.spec a:hover { color: #FFC719;}


.noteTypeDetails li a.website {
    border: 1px solid #000;
    background: url("/resources/images/icons/button_show-site-larger.svg") 9px 7px no-repeat #fff;
}
.noteTypeDetails li a.website:hover{
    color: #fff;
    border: 1px solid #FFC719;
    background: url("/resources/images/icons/button_show-site-larger.svg") 9px -18px no-repeat #FFC719;
}

.accent .choose-shortlist .list .listRow .listDetails li.mobile-select a.select:hover {
    border: 1px solid #FFC719;
    background-color: #FFC719;
    color: #fff;
}

accent .compareContainer a.compareYachtsButton:hover { background-color: #FFC719; border: 1px solid #FFC719;}

.compare-fixed-mode .accent .compare-fixed .compareContainer a.compareYachtsButton { background-color: #000; border: 1px solid #000;}
.compare-fixed-mode .accent .compare-fixed .compareContainer a.compareYachtsButton:hover {  border: 1px solid #fff;}


a.forgotton-button {
    height: 31px; line-height: 28px;
    color: #fff; font-size: 14px;
    padding: 0 15px 0 27px;
    background: url("/resources/images/icons/button_back-arrow.svg") 10px -23px no-repeat #000; background-size: auto 50px;
    display: inline-block;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease;     -moz-transition: all 0.3s ease;     -o-transition: all 0.3s ease;     transition: all 0.3s ease;
}

a.forgotton-button:hover { background: url("/resources/images/icons/button_back-arrow.svg") 10px -23px no-repeat #FFC719; background-size: auto 50px; color: #fff;}

.button.delete-yacht, .publish-button, .unpublish-button {
    color: #000;
}
.button.delete-yacht:hover, .publish-button:hover, .unpublish-button:hover {
    background-color: #FFC719; border: 1px solid #FFC719;
    color: #fff;
}

.accent .button.document-upload-button { color: #000; border-color: #000;}
.accent .button.document-upload-button:hover { color: #fff;}

.uploaded-document-list .list .listRow .listDetails li.action-buttons a.edit { background-position: 10px 0px; color: #000; border-radius: 3px;}
.uploaded-document-list .list .listRow .listDetails li.action-buttons a.edit:hover { background-color:#FFC719; color: #fff; background-position: 10px -25px; }

.accent .button.embed-pdf { border-color: #000; color: #000; }
.accent .button.embed-pdf:hover { background: #FFC719; border-color: #FFC719; color: #fff;}
.accent .button.embed-pdf:before { background-position: 0 0;}
.accent .button.embed-pdf:hover:before { background-position: -23px 0;}

.accent .button.remove-documents {
    border:1px solid #000; color: #000;
    background-color: #fff;
    position: relative;
    padding: 12px 20px;
}
.accent .button.remove-documents:hover {
    background-color: #FFC719; color: #fff;
    opacity: 1;
    border: 1px solid #FFC719;
}
.accent .button.remove-documents:before {
    content: '';
    display: block;
    height: 17px; width: 16px;
    background: url("/resources/images/icons/delete-icon2.svg") 0 -31px no-repeat;
    position: absolute; top: 9px; left: 11px;
}
.accent .button.remove-documents:hover:before { background-position: 0 -5px;}

.accent .edit-document-container #overlay-content .preview-button { color: #000;}
.accent .edit-document-container #overlay-content .preview-button:hover { color: #fff;}

.overlay-content .accent h2 { color: #000;}

.accent .generate-button { border: 1px solid #000; color: #000;}
.accent .generate-button:hover { background-color: #FFC719; color: #fff; border: 1px solid #FFC719;}

.accent .button.import-brochure-button, .accent .button.copy-html {  border-color: #000; color: #000; }
.accent .button.import-brochure-button:hover, .accent .button.copy-html:hover { background-color: #FFC719; color: #fff; border-color: #FFC719 }

.accent .button.button-choose { background-color: #000; border-color: #000;}

.accent .button.button-choose:hover { background-color: #FFC719; border-color: #FFC719;}

.accent .button.button-load, .accent .button.button-apply, .accent .button.copy-url {  background-color: #000; border-color: #000;}
.accent .button.button-load:hover, .accent .button.button-apply:hover, .accent .button.copy-url:hover { background-color: #FFC719; border-color: #FFC719; }

.accent .yacht-list-table.yacht-detail-table.spec-table tbody tr td .edit-bookings { color: #000;}
.accent .yacht-list-table.yacht-detail-table.spec-table tbody tr td .edit-bookings:hover { color: #FFC719;}

.accent .yacht-list-table.yacht-detail-table.extras-table tbody tr td .button.buttonS:hover, .yacht-list-table.choose-table tbody tr td.actions .buttonS:hover { border-color: #FFC719;}

.accent .button.preview-button { background-color: #000; border: 1px solid #000;}
.accent .button.preview-button:hover { background-color: #FFC719; border: 1px solid #FFC719; }

.accent .rating-status-container .rating-status-count { background-color: #FFC719; }
.accent .description-count { color: #FFC719;}
.accent .yacht-list-table.yacht-detail-table.spec-table tbody tr td .edit-bookings,
.accent .yacht-list-table.yacht-detail-table.extras-table tbody tr td .edit-toys { display: block; width: 50%; float: left; color: #FFC719;}
.accent .yacht-list-table.yacht-detail-table.spec-table tbody tr td .edit-bookings:hover,
.accent .yacht-list-table.yacht-detail-table.extras-table tbody tr td .edit-toys:hover { color: #000;}

.accent .stars .star button.half.active {
    filter: invert(50%) sepia(86%) saturate(349%) hue-rotate(9deg) brightness(89%) contrast(92%);
}
.accent .stars .star button.full.active {
    filter: invert(50%) sepia(86%) saturate(349%) hue-rotate(9deg) brightness(89%) contrast(92%);
}

.accent .list-result-rating-wrap .star-item span.half.active { filter: invert(50%) sepia(86%) saturate(349%) hue-rotate(9deg) brightness(89%) contrast(92%);}
.accent .list-result-rating-wrap .star-item span.full.active { filter: invert(50%) sepia(86%) saturate(349%) hue-rotate(9deg) brightness(89%) contrast(92%);}
.accent .rating-status.unrated { background-color: #FFC719; }

.accent .range-wrap input[type='range']::-moz-range-thumb {
    background:url("/resources/images/icons/rating-circle-full.svg");
    filter: invert(9%) sepia(82%) saturate(1170%) hue-rotate(187deg) brightness(98%) contrast(98%);

}
.accent .range-wrap input[type='range']::-ms-track {
    background:url("/resources/images/icons/rating-circle-full.svg");
    filter: invert(9%) sepia(82%) saturate(1170%) hue-rotate(187deg) brightness(98%) contrast(98%);
}

input[type='range']::-webkit-slider-thumb {
    background:url("/resources/images/icons/rating-circle-full.svg");
    filter: invert(9%) sepia(82%) saturate(1170%) hue-rotate(187deg) brightness(98%) contrast(98%);

}
input[type='range']::-ms-thumb {
    background:url("/resources/images/icons/rating-circle-full.svg");
    filter: invert(9%) sepia(82%) saturate(1170%) hue-rotate(187deg) brightness(98%) contrast(98%);
}

.accent .selectionModeButton {background: #FFC719; border: 1px solid #FFC719;}
.accent .selectionModeButton:hover { background-color:#000; border: 1px solid #000; }

.accent .all-note-button { border: 1px solid #000; color:#000; }
.accent .all-note-button:hover { border: 1px solid #FFC719; background-color: #FFC719; color: #fff;}

.accent .stats-list.yachts-sold-list li ul li.name a { color: #FFC719;}
.accent .stats-list.yachts-sold-list li ul li.name a:hover { color: #000;}

.accent .back-button.builder-back { border: 1px solid #000; color: #000;}
.accent .back-button.builder-back:hover { color: #fff; background-color: #FFC719; border: 1px solid #FFC719;}

.accent .button.embed-pdf { border: 1px solid #000; background-color: #000; color: #fff;}
.accent .button.embed-pdf:before { background-position: -23px 0;}
.accent .button.embed-pdf:hover { background-color: #FFC719; border: 1px solid #FFC719; color: #fff; }

.accent .button.button-delete { border: 1px solid #FFC719; background-color: #FFC719; color: #fff; opacity:0.6; }
.accent .button.button-delete:hover { background-color: #FFC719; border: 1px solid #FFC719; color: #fff; opacity: 1; }

.accent .overviewContainer .overviewSection .yachtShows  .show-guide a.title { border: 1px solid #000; color: #000; }
.accent .overviewContainer .overviewSection .yachtShows  .show-guide a.title:hover {  background-color: #FFC719; border: 1px solid #FFC719; color: #fff; }






.accent .loginContainer .form fieldset .loginButton, .loginContainer form fieldset #js_submit, .loginContainer .form fieldset.forgotten-copy a.reset-button {
    background: #FFC719;
    color: #fff;
    opacity: 1;
}
.accent .loginContainer .form fieldset .loginButton:hover, .loginContainer form fieldset #js_submit:hover, .loginContainer .form fieldset.forgotten-copy a.reset-button:hover {
    background-color: #202020;
    color: #fff;
}


.accent .overviewContainer .overviewSection .yachtShows .yachtShowDetails .rate-yacht a { border: 1px solid #000; color: #000;}
.accent .overviewContainer .overviewSection .yachtShows .yachtShowDetails .rate-yacht a:hover { background-color: #FFC719; border: 1px solid #FFC719; color: #fff;}

.accent .result-type-links a:hover, .accent .result-type-links a.active {
    border: 1px solid #FFC719;
    background-color: #FFC719;
}

.accent .jsVesselConditionFilter.active {color: #FFC719;}

.accent .cover-image-buttons .button.cover { background-color: #000; border: 1px solid #000;}
.accent .cover-image-buttons .button.cover:hover { background-color: #FFC719; border: 1px solid #FFC719;}

.accent .cover-image-buttons .button.remove-cover {
    background-color: #FFC719; border: 1px solid #FFC719;
}
.accent .cover-image-buttons .button.remove-cover:hover {
    background-color: #000; border: 1px solid #000;
}

.accent .searchResults h2 a.clear-filters {
    color: #000;
}
.accent .searchResults h2 a.clear-filters:hover {
    color: #FFC719;
}

.accent .yacht-actions a.compare.active::after {
    background-color: inherit;
    background-position: 0 -18px;
}

.accent .fact-heading {
    color: #000;
}

.accent header .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #fff transparent transparent;
}

.accent button.button-add {
    background-color: #000;
}
.accent button.button-add:hover {
    background-color: #FFC719;
}

.accent .blue-dropdown.dropdown.menu > li > a { color: #000;}