/* Brand CSS */

/*
    =================================
    SocietyOne Branding
    =================================


/* ======= Media Queries Used ========= */


/* max small */
@media screen and (max-width: 40em) {

}

/* min medium */
@media screen and (min-width: 40.063em) {

}

/* min large */
@media screen and (min-width: 64.063em) {

}

/* min xlarge */
@media screen and (min-width: 90.063em) {

}

/* ==================== CSS to override ==================== */


/* selections */
::selection {
  background: #2b4864;
  color: #fff; 
}

::-moz-selection {
  background: #2b4864;
  color: #fff; 
}

img::selection {
  background: transparent; 
}

img::-moz-selection {
  background: transparent; 
}

/* anchor links */
a, .rate-card label span {
  color: #008ebc;
}

a:active, 
a:focus, 
a:hover {
    color: #000;
}

header.site-header a,
header.site-header a:active,
header.site-header a:focus,
header.site-header a:hover {
    color: #fff;
}

.page-dashboard .dashboard-toolbar a.widget-trigger,
.dashboard-toolbar .widget-sorting {
    background: #2b4864;
    border: 1px solid #2b4864;
}

/* error, maintenance */

.page-error-new .wrap .logo {
    background-image: url(../images/societyone-logo.png);
}

/* button */

.button.primary, 
.main .button.primary, 
input[type="button"].button.primary, 
input[type="submit"].button.primary, 
input[type="reset"].button.primary, 
.reveal-modal a.button.primary, 
ul.related-parties-tabs li a.primary, 
.sub-section a.button.primary {
    background-color: #057f40;
    color: #fff;
}

@media screen and (min-width: 40.063em) {
    .page-related-parties .fixed-parties a.back {
        background-color: #057f40;
        color: #fff;
    }
}

/* check box */
.check-me label.checked {
    background-color: #00bf5c;
}

/* available funds auction page */

.grey-box .auction-content .available-funds span {
    background: #2b4864;
    border: 1px solid #2b4864;
}

/* top bar */

header.site-header .topbar {
    /* Uncomment line if box-shadow is not required/desired */
    /* box-shadow: none; */
}

header.site-header .topbar .row {
    /* Uncomment line if angle next to logo is not required/desired */
    /* background-image: none; */
}

.topbar {
  background-color: #353534 !important; 
}

header.site-header .topbar .notification-alt {
    color: rgba(255, 255, 255, 0.8);
}

header.site-header .topbar .notification-alt a {
    color: rgba(255, 255, 255, 0.8);
}

header.site-header a.mobile-switcher {
    border-color: rgba(255,255,255,.25);
    color: rgba(255, 255, 255, 0.8);
}

header.site-header a.mobile-switcher:hover {
    border-color: rgba(255,255,255,.75);
    color: #fff;
}

/* navigation bar */

header.site-header .navbar {
    background-color: #00bf5c;
}

/* filter asset class icons */

.asset-class-icons a:hover {
    color: #fff;
}

/* h2 */

.main h2,
.main .h2,
.my-returns .value + .value,
.reveal-modal h2,
.listings li.listing .table-content li.purpose-of-finance h2 a {
    color: #2b4864;
}

h2.diversification span a,
h1 span.status {
    background-color: #2b4864;
}

h2.reverse-me a {
    color: #2b4864;
}

h2.reverse-me a:hover {
    color: #000; 
} 

/* header logo */

header.site-header .topbar h1 a,
header.site-header .topbar .logo a {
    background-image: url(../images/societyone-white.png);
}

/* mobile top nav */

@media screen and (max-width: 40em) {
    header.site-header .navbar .account-nav li.account a.trigger:before,
    header.site-header .navbar .account-nav li.account a.trigger b:before,
    header.site-header .navbar ul.main-nav li a.icon-bell-alt:before {
        color: rgba(255, 255, 255, 0.8) !important;
    }
    header.site-header .navbar .account-nav li.account a.trigger:after {
        border-top-color: rgba(255, 255, 255, 0.8) !important;
    }
}

/* top navigation */

header.site-header .navbar ul.main-nav li ul li:first-child:before,
header.site-header .navbar ul.main-nav li.dd ul li:first-child:before,
header.site-header .navbar .account-nav li.account ul li:first-child:before {
    border-bottom-color: #222;
}

header.site-header .navbar ul.main-nav li ul,
header.site-header .navbar ul.main-nav li.dd ul,
header.site-header .navbar .account-nav li.account ul {
    background: #222;
}

header.site-header .navbar .account-nav li.account ul li.signout a,
header.site-header .navbar ul.main-nav li.dd ul li.close-menu a,
header.site-header .navbar ul.account-nav li.dd ul li.close-menu a {
    color: #e9db92; 
}

/* quantity form field extension */

.quantity span {
    color: #ec4004;
}

/* select holder tick colour for touch devices */

.touch .main .select-holder.alt ul li.selected::before {
    color: #057f40;
}

/* range slider slide colour */
       
.main .side-filter .filters .sliderfield .ui-widget.ui-widget-content .ui-slider-range,
.side-filter .filters .sliderfield .ui-widget.ui-widget-content .ui-slider-range {
    background-color: #666;
}

/* section buttons */

ul.section-buttons li a {
    background: #7c8d9d;
    border: 1px solid #7c8d9d;
}

.section-buttons.mobile-section-buttons li.selected a, 
.section-buttons.mobile-section-buttons li.selected a:hover {
    border: 0 !important;
}

ul.section-buttons li.selected a,
ul.section-buttons li.selected a:hover {
    background: #2b4864;
    border: 1px solid #2b4864 !important;
    color: #fff;
}

@media screen and (min-width: 40.063em) {
    ul.section-buttons li a {
        background: #dde9f6;
        border: 1px solid #dde9f6;
        color: #2b4864;
    }
    ul.section-buttons li a:hover {
        background: #dde9f6;
        border: 1px solid #b3c6d9;
    }
}

/* statements */

.statements ul.offers-table.statement-options li.selected {
    border: 1px solid #b3c6d9 !important;
    box-shadow: 0 5px 0 #b3c6d9;
}

.statements ul.offers-table.statement-options li.selected h2 span, 
.statements ul.offers-table.statement-options li.selected:hover h2 span, 
.statements ul.offers-table.statement-options li:hover.selected h2 span, 
.statements ul.offers-table.statement-options li:hover.selected:hover h2 span {
    background: #b3c6d9;
}

/* sort button for touch devices */

p.sort-me a.selected {
    background: #333; 
}

/* drag and drop multiple select */

.connectedSortable option:active, 
.connectedSortable option:checked, 
.connectedSortable option:focus,
.connectedSortable2 option:active,
.connectedSortable2 option:checked,
.connectedSortable2 option:focus,
.connectedSortable3 option:active,
.connectedSortable3 option:checked,
.connectedSortable3 option:focus,
.connectedSortable4 option:active,
.connectedSortable4 option:checked,
.connectedSortable4 option:focus,
#dropleft option:active,
#dropleft option:checked,
#dropleft option:focus,
#dropright option:active,
#dropright option:checked,
#dropright option:focus,
.dropleft option:active,
.dropleft option:checked,
.dropleft option:focus,
.dropright option:active,
.dropright option:checked,
.dropright option:focus {
    background: #333;
    box-shadow: 0 0 10px 100px #333 inset;
} 

.connectedSortable li,
.connectedSortable2 li,
.connectedSortable3 li,
.connectedSortable4 li,
#dropleft li,
#dropright li,
.dropleft li,
.dropright li {
    background: #333; 
}

/* pagination */

.main .alpha-filter li a:hover,
.main .alpha-filter li.selected a {
    background: #333;
}

.main ul.pagination li.current a,
.main ul.pagination li.current button {
    background: #ff5400;
}

/* steps */

.main ul.pagination.steps li a {
  background: #00bf5c; 
}

.main ul.pagination.steps li.current a {
  background: #057f40;
}

/* show per page link */

.spp ul li.selected a {
    background: #2b4864;
}

/* listing highlight colour */ 
 
.listings li.listing .table-content li.funding-amount ol li b,
.listings li.listing .table-content li.funding-amount .note,
.listings li.listing .table-content li.funding-progress p.your-bid span,      
.listings li.listing .table-content li.balance .note {
    color: #ff5400; 
}

/* listing status icons */

.listings li.listing .status span:before,
.notifications .leading:before {
    background-color: #00bf5c; 
}

.listings li.listing .status span.waiting:before,
.notifications .place-bid:before {
    background-color: #2b4864; 
}     

@media screen and (max-width: 40em) {
    .listings li.listing .action-panel a.one-link {
        background-color: #2b4864;
    }
}

/* history sidebar */

.main .content-block .jumper ul.history h3 {
    color: #666;
}

.main .content-block .jumper ul.history li a.icon-ok {
    color: #057f40;
}

/* progress meter colour */

.progress .meter {
    background-color: #00bf5c;
}

/* transfer money section on funds account */

.view-statements-medium,
.view-statements-medium:active,
.view-statements-medium:focus,
.view-statements-medium:hover,
.balance-overview.v-list .segment.statements a:before {
    background: #2b4864;
}

.balance-overview.v-list .segment.highlight1 a:before,
.balance-overview .segment.highlight1 {
    background: #ec4004;
    border: 1px solid #ec4004 !important;
}

.balance-overview.v-list .segment.highlight2 a:before,
.balance-overview .segment.highlight2 {
    background: #00bf5c;
    border: 1px solid #00bf5c !important;
}

@media screen and (min-width: 40.063em) {
    .balance-overview.v-list .segment.highlight1,
    .balance-overview.v-list .segment.highlight2 {
        background: none;
    }
}

@media screen and (max-width: 40em) {
    .balance-overview.v-list .segment.statements {
        background: #2b4864 !important;
        border: 1px solid #2b4864 !important;
    }

    .balance-overview.v-list .segment.highlight1 {
        background: #ec4004 !important;
        border: 1px solid #ec4004 !important;
    }

    .balance-overview.v-list .segment.highlight2 {
        background: #00bf5c !important;
        border: 1px solid #00bf5c !important;
    }
}

.main .transfer-money a.transfer-out,
.main .transfer-money a.bpay {
    background: #00bf5c;
    border: 1px solid #00bf5c; 
}

/* preparing the application */

.page-auction-detail .action-block ul li input[type="submit"] {
   background-color: #2b4864;
}

/* application pages */

html body.page-new2-application {
    background: #fff;
}

html body.page-new2-application .our-offers table.offers-table {
    border-color: #666;
}

html body.page-new2-application .our-offers table.offers-table th {
    background-color: #666;
}

html body.page-new2-application .our-offers table.offers-table td, 
html body.page-new2-application .our-offers table.offers-table td:nth-child(odd), 
html body.page-new2-application .our-offers table.offers-table td:nth-child(even) {
    background-color: #fff;
    border-bottom-color: #666;
}

html body.page-new2-application .our-offers table.offers-table tr.selected td {
    background-color: #def3e8 !important;
}

html body.page-new2-application .our-offers table.offers-table tr.selected td.loanterm {
    background-color: #00a64d !important;
}

@media screen and (max-width: 40em) {
    html body.page-new2-application .our-offers table.offers-table tr.selected td.loanterm {
        border-top: 1px solid #00a64d;
    }
    html body.page-new2-application .our-offers table.offers-table tr.selected td.repayments {
        border-bottom: 1px solid #00a64d !important;
    }
}

html body.page-new2-application .shell,
html body.page-new2-application .main {
    background: none;
}

html body.page-new2-application .main .content-block h2 {
    color: #2b4864;
}

html body.page-new2-application a {
    color: #8492a6;
}

html body.page-new2-application .button,
html body.page-new2-application .button:hover {
    border-radius: 2px;
}

html body.page-new2-application .button.primary,
html body.page-new2-application .button.primary:hover {
    background: #00a64d;
    border-color: #00a64d;
    box-shadow: none;
}

html body.page-new2-application .button.primary.disabled,
html body.page-new2-application .button.primary.disabled:hover {
    border-color: rgba(0, 0, 0, 0.1) !important;
}

html body.page-new2-application .reveal-modal .button.simple,
.page-new2-application .reveal-modal .button.simple:hover {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

html body.page-new2-application .reveal-modal h2 {
    color: #2b4864;
}

html body.page-new2-application .reveal-modal p {
    color: #333;
}

html body.page-new2-application .check-me label.checked {
    background-color: #2b4864;
}

html body.page-new2-application.page-standalone header.app-header .logo {
    background-image: url(../images/logo-s1.png);
}

html body.page-new2-application header.app-header h1 {
    color: #2b4864;
}

html body.page-new2-application p, 
html body.page-new2-application td, 
html body.page-new2-application ul, 
html body.page-new2-application ol {
    color: #717e92;
}

html body.page-new2-application .alert-box.success p {
    color: #4b8928;
}

html body.page-new2-application .rangeslider--horizontal .rangeslider__fill {
    background: #00a64d;
}

html body.page-new2-application #get-offer2 .cube-wrapper {
    background-color: #2b4864;
    background-image: -webkit-radial-gradient(circle, #2b4864, #061320);
    background-image: radial-gradient(circle, #2b4864, #061320);
}
        
html body.page-new2-application .offers-list .offer.selected a.select {
    background: #00a64d;
}

html body.page-new2-application .offers-list .offer.selected .offer-header {
    background: #eee;
    border-bottom-color: #cacaca;
}

html body.page-new2-application .provide-options > li:before {
    background-color: #2b4864;
}

html body.page-new2-application .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.active,
html body.page-new2-application .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.active {
    background-color: #2b4864;
}

@media screen and (max-width: 40em) {
    html body.page-new2-application .offers-list .offer.selected .offer-header {
        background-color: #00a64d;
    }
}

html body.page-new2-application .progress-list li.complete:before {
    border-color: #00bf5c;
}

html body.page-new2-application .progress-list li.active::before {
    background: #00bf5c;
    border-color: #00bf5c;
}

/* progress circle color - * note: NOT available in < IE 11 */

:root {
  --circle-color: #00a64d;
}