/*

	YachtCast Intelligence
	INZO Branding
	FEB 2019 MT

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

/*
	Colours
	--------------------------------------------
	blue: #759ABF;

*/
:root {
    --brand-colour: #204569;
    --brand-accent: #759abf;
    --reports-main-color: #204569;
    --report-contrast-colour: #759abf;
    --graph-colour-1: #204569;
    --graph-colour-2: #759abf;
    --graph-colour-3: #6e869e;
    --graph-colour-4: #4c647c;
}

a:focus,
a:hover {
    color: #759abf;
}
.loginContainer .form fieldset label {
    color: #666;
}
.button:focus,
.button:hover {
    background-color: #759abf;
    color: #ffffff;
}
.button:focus,
.button:hover {
    background-color: #759abf;
}
.loginContainer form.jsSubmit-enabled fieldset .button {
    background-color: #759abf;
    border-color: #fff;
}
body.homepage {
    background-color: #fff;
}
header {
    background: #204569;
}
.loginContainer .logoContainer h1 {
    background: url(../images/login-logo.svg) center top no-repeat;
    width: 100%;
    height: 97px;
    margin-top: 110px;
    background-size: 190px auto;
}
/* header
------------------------------------------------*/
header .logoContainer .logo {
    margin: 17px 0 -20px 13px;
    width: 385px;
    height: 56px;
    background: url(../images/logo.svg) 0 0 no-repeat;
    background-size: auto 53px;
}
.navigation li a {
    color: #204569;
}
.navigation li a:hover,
.navigationDirectory li a:hover {
    border: 1px solid #759abf;
    color: #204569;
}
.subNavigation li.nameSearch .button,
.loginContainer .form.jsSubmit-enabled fieldset .button,
.loginContainer form fieldset #js_submit {
    background: #759abf;
    border: 1px solid #759abf;
}
.allNotesButton {
    border: 1px solid #759abf;
    color: #759abf;
}
.allNotesButton:hover {
    background-color: #759abf;
    border: 1px solid #759abf;
}
.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: #759abf;
    color: #759abf;
}
#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: #759abf;
    color: #fff;
}
.accent .searchResults .searchActions li a:hover,
.accent .compareContainer a.compareYachtsButton:hover,
.accent .searchResults .creat-shortlist:hover {
    border-color: #759abf;
}
.accent .searchResults .resultsOptions .chosen-container-single .chosen-single,
.accent .searchResults .result .resultDetails h3 a:hover {
    color: #759abf;
}
.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: #759abf;
}
.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: #759abf;
}
.accent .footerPagination ul li a.active,
.accent .directoryListings .pagination ul li a.active {
    background-color: #759abf;
    border-color: #759abf;
}
.accent .searchButton {
    background-color: #759abf;
}
.accent .searchResults .result-filters a:hover,
.accent .searchResults .result-filters a.active {
    border-color: #759abf;
    color: #759abf;
}
.accent .nameSearch .button {
    border-color: #759abf;
    background-color: #759abf;
}
.accent .alphabetSorting .alphabetList li a:hover,
.back-button {
    border-color: #759abf;
    color: #759abf;
}
.accent .choose-shortlist .list .listRow .listDetails li.action-buttons .select,
.accent .choose-shortlist .list .listRow .listDetails li.action-buttons a.edit {
    border-color: #759abf;
    color: #759abf;
}
.accent .choose-shortlist .list .listRow .listDetails li.action-buttons .select:hover,
.accent .choose-shortlist .list .listRow .listDetails li.action-buttons a.edit: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: #759abf;
}
.blue-dropdown.dropdown.menu > li > a {
    color: #759abf;
}
.homepage .loginContainer form fieldset .forgotton {
    color: #cacaca;
}
.homepage .loginContainer form fieldset .forgotton:hover {
    color: #759abf;
}
.accent .saveButton:hover {
    background-color: #759abf;
    border-color: #759abf;
}
.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: #759abf;
    color: #759abf;
}
.yacht-report-image:hover,
.accent .marketing-broker-container a.marketing-broker-button {
    border-color: #759abf;
}
.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: #759abf;
    background-color: #759abf;
    color: #fff;
}
.compare-fixed-mode .accent .compare-fixed .compareContainer a.compareYachtsButton:hover {
    background-color: #fff;
    color: #759abf;
}

.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 .yacht-actions .style-like-select.dropdown.menu li a.title,
.accent .yachtDetailsContainer .overview-list .list-detail a,
.accent .marketing-broker-container a.marketing-broker-button,
.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 .particulars .yachtNavigation .backtoResults,
.accent .button.add-button,
.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 .searchResults .searchActions li.compare-yachts 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: #759abf;
}
.accent header .dropdown.menu .is-active > a {
    color: #759abf;
}
.accent .choose-shortlist .list .listRow .listDetails li.action-buttons .select:hover,
.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: #759abf;
}
.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;
}
@media only screen and (min-width: 641px) {
    .accent .particulars .yachtNavigation .backtoResults {
        border-color: #759abf;
    }
    .accent .particulars .yachtNavigation .backtoResults:hover {
        background-color: #759abf;
    }
    .accent .addNoteButton {
        color: #759abf;
    }
    .accent .addNoteButton:hover {
        border-color: #759abf;
        background-color: #759abf;
        color: #fff;
    }
    .intelligenceDetails .list li.listRow .listDetails li.source a,
    .intelligenceDetails .list li.listRow .listDetails li.view a {
        color: #759abf;
    }
}
.accent .facts-sales .item {
    background: #759abf;
}
.accent .facts-sales .item p {
    color: #fff;
}
@media only screen and (max-width: 640px) {
    header .logoContainer .logo {
        width: 215px;
        background-size: auto 21px;
        margin-top: 33px;
        margin-left: 5px;
    }
    .loginContainer .logoContainer h1 {
        background-size: 188px auto;
    }
}

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

.yacht-actions .shortlist a,
.yacht-actions a.compare {
    color: #759abf;
}
.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 #759abf;
    background-color: #759abf;
}
@media only screen and (min-width: 641px) {
    .intelligenceDetails .list li.listRow .listDetails li.noteTitle a {
        color: #759abf;
    }
}

@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: #759abf;
    }
}

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

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

.accent .news-search-button {
    background-color: #759abf;
    border: 1px solid #759abf;
}
.accent .news-search-button:hover {
    background-color: #204569;
    border: 1px solid #204569;
}

.accent .refresh-button {
    border: 1px solid #759abf;
    color: #759abf;
}
.accent .refresh-button:hover {
    background-color: #204569;
    border: 1px solid #204569;
}

.accent .industry-news .news-item .headline {
    color: #204569;
}
.accent .news-yachts li a {
    color: #759abf;
}
.accent .industry-news .news-item .headline:hover {
    color: #759abf;
}
.accent .news-yachts li a:hover {
    color: #204569;
}

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

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

.accent .new-content-button {
    background-color: #fff;
    background-position: 14px 9px;
    color: #759abf;
    border: 1px solid #759abf;
    padding-left: 40px;
    padding-right: 25px;
}
.accent .new-content-button:hover {
    color: #fff;
    background-color: #759abf;
    background-position: -4px 9px;
}

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

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

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

.accent .preview-button {
    background-color: #759abf;
    border: 1px solid #759abf;
    color: #fff;
}
.accent .preview-button:hover,
.accent .preview-button:focus {
    color: #759abf;
}

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

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

.accent .button.save-button,
.accent .button.download-button {
    background-color: #759abf;
    border: 1px solid #759abf;
}
.accent .button.save-button:hover,
.accent .button.download-button:hover {
    background-color: #204569;
    border: 1px solid #204569;
}

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

.accent .button.upload-button {
    background-color: #759abf;
}
.accent .button.upload-button:hover {
    background-color: #204569;
    opacity: 1;
}

.accent .selection-listing .actions .select-button-small {
    border: 1px solid #759abf;
    color: #759abf;
}
.accent .selection-listing .actions .select-button-small:hover {
    border: 1px solid #204569;
    color: #fff;
    background-color: #204569;
}

.accent .searchResults .back a {
    color: #759abf;
    border-color: #759abf;
}
.accent .searchResults .back a:hover {
    background-color: #759abf;
}

.accent .searchResults .imageContainer .statusOverlayFull.sold {
    background: rgba(117, 154, 191, 0.7);
}

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

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

/* 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%;
        flex: 0 0 26%;
        max-width: 26%;
        padding: 5px 1%;
    }
    .accent .choose-shortlist .list .listRow .listDetails li.shortlist-name .type {
        display: none;
    }
    .accent .choose-shortlist .listHeader li.type,
    .accent .choose-shortlist .list .listRow .listDetails li.type {
        width: 10%;
        flex: 0 0 10%;
        max-width: 10%;
        padding: 5px 1%;
        text-align: center;
    }

    .accent .choose-shortlist .listHeader li.vessels,
    .accent .choose-shortlist .list .listRow .listDetails li.vessels {
        width: 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%;
        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%;
        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%;
    }
}

@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: #759abf;
}
.accent .searchResults .searchActions li.show-guide ul li ul.menu li a:hover {
    background: #759abf;
}

.accent .show-pdf-options .button {
    background-color: #759abf;
}
.accent .show-pdf-options .button:hover {
    background-color: #204569;
}

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

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

.overlay-contentpush .overlay-content.accent .list-heading-container .uploadButton {
    border: 1px solid #759abf;
    background-color: #fff;
}
.overlay-contentpush .overlay-content.accent .list-heading-container .uploadButton:hover {
    background-color: #759abf;
}
.overlay-contentpush .overlay-content.accent li div.delete a.edit {
    color: #759abf;
}
.overlay-contentpush .overlay-content.accent li div.delete a.edit:hover {
    color: #fff;
    background-color: #759abf;
}
.overlay-contentpush .overlay-content.accent li div.name a {
    color: #759abf;
}

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

/* 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: #759abf;
    border: 1px solid #759abf;
}

.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 #759abf;
    background-color: #759abf;
}

#jsMapAreaSearch,
#jsPolygonSearch {
    background-color: #759abf;
}