/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */


/*
    This should contain the default theme with AR theme overrides in the layout.
*/

html {
    font-size: 16px;
}

.content {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

footer.page-footer {
    background-color: rgba(0, 53, 98, 0.7) !important;
}

.badge-accent {
    color: white !important;
    border: 1px solid #005398 !important;
    background-color: rgba(0, 53, 98, 0.7) !important;
}

.alert-accent {
    color: white !important;
    border: 1px solid #005398 !important;
    background-color: rgba(0, 53, 98, 0.7) !important;
}

.bg-accent {
    color: white !important;
    background-color: #005398 !important;
}

.btn-primary {
    background-color: #005398 !important;
    border-color: 1px solid #005398 !important;
    color: white;
}

.btn-outline-primary {
    color: #005398 !important;
    border: 1px solid #005398 !important;
}

.btn-outline-primary.active,
.btn-outline-primary:hover {
    background-color: #005398 !important;
    color: white !important;
    border: 1px solid #005398 !important;
}

.border-left-accent {
    border-left: 0.25rem solid #005398 !important;
}

.text-accent {
    color: #005398 !important;
}

.nav-pills .nav-link.active {
    background-color: #005398 !important;
    color: white !important;
}

a.dropdown-item.active,
a.dropdown-item.active .text-accent,
a.dropdown-item:hover,
a.dropdown-item:hover .text-accent {
    color: white !important;
    background-color: #005398 !important;
}

a.btn.active,
a.btn.active .text-accent,
a.btn:hover,
a.btn:hover .text-accent {
    color: white !important;
    background-color: #005398 !important;
}

.list-group-item.active {
    background-color: #005398 !important;
}

blockquote {
    margin-left: 0.25rem !important;
    padding-left: 1rem !important;
    width: 75% !important;
    max-width: 500px !important;
    border-left: 0.25rem solid #005398 !important;
    font-style: italic !important;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #005398;
    background-color: #005398 !important;
}

.custom-control-input:focus~.custom-control-label::before {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 53, 98, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 53, 98, 0.25);
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.pagination>.page-item>a {
    color: #005398;
}

.pagination>.page-item.active>a {
    background-color: #005398;
    border-color: #005398;
    color: white;
}

.navbar {
    background-color: white;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    display: flex;
    flex-flow: column;
    height: 100vh;
    /* if you relay on flex, then vh is also understood */
    background: linear-gradient(rgba(0, 53, 98, 0.45), rgba(0, 53, 98, 0.45));
}

a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}

.content {
    flex: 1;
    overflow: auto;
}

footer.page-footer {
    background-color: rgba(0, 53, 98, 0.45)
}

.os-content {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.btn:hover,
.btn:focus,
.btn:active {
    outline: 0 !important;
}

@media only screen and (min-width:992px) {
    /* flip the pane when hovered */
    .card-container:not(.manual-flip):hover .card,
    .card-container.hover.manual-flip .card {
        -webkit-transform: rotateY( 180deg);
        -moz-transform: rotateY( 180deg);
        -o-transform: rotateY( 180deg);
        transform: rotateY( 180deg);
    }
}


/* entire container, keeps perspective */

.card-container {
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
    min-height: 137px;
}

.card-container.static:hover .card,
.card-container.static.hover .card {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
}


/* flip speed goes here */

.card {
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
}


/* hide back of pane during swap */

.front,
.back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 136px;
    background-color: rgba(255, 255, 255, 0.7);
}


/* front pane, placed above back */

.front {
    z-index: 2;
}


/* back, initially hidden pane */

.back {
    -webkit-transform: rotateY( 180deg);
    -moz-transform: rotateY( 180deg);
    -o-transform: rotateY( 180deg);
    transform: rotateY( 180deg);
    z-index: 3;
}

.card-container,
.front,
.back {
    width: 100%;
}

.card-block p {
    color: black;
}

footer .list-unstyled li a {
    color: white;
}

.scroll-to-top {
    cursor: pointer;
}

.accounts-card-deck-card {
    cursor: pointer;
}

.valuations-card-deck-card {
    cursor: pointer;
}

.portfolios-card-deck-card-link:hover {
    text-decoration: none;
}

.accounts-card-deck-card-link:hover {
    text-decoration: none;
}

.policies-card-deck-card {
    cursor: pointer;
}

.policies-card-deck-card-link:hover {
    text-decoration: none;
}

.border-left-accent {
    border-left: 0.25rem solid #005398;
}

.btn-outline-primary {
    color: #005398;
    border-color: #005398;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #005398;
    border-color: #005398;
}

.user-initials {
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.loading-spinner {
    position: fixed;
    z-index: 99;
    background-color: rgba(255, 255, 255, 0.6);
}


/*Override for bootstrap form focus*/

.form-control:focus {
    box-shadow: none !important;
    border-color: #ccc;
}


/*Override for bootstrap button focus*/

.btn:focus {
    box-shadow: none !important;
}

.time-period-selector-link {
    cursor: pointer;
}

.text-brand {
    color: #005398;
}

.btn-brand {
    background-color: #005398;
    color: white;
}

.message-bg-brand {
    background-color: rgba(0, 83, 152, 0.8);
    color: white;
}

.bg-brand {
    background-color: #005398;
    color: white;
}

.border-left-brand {
    border-left: .25rem solid #005398 !important;
}

.client-messages-selector-item:hover {
    cursor: pointer;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
}

.messenger-message {
    cursor: pointer;
}

tr.qq-upload-success td:nth-child(3) {
    width: 40%
}

tr.qq-upload-success select {
    width: 100%;
}

.category-unselected {
    box-shadow: 0 0 10px darkred;
}

.message-notification-item:hover {
    cursor: pointer !important;
}

#new-documentlist {
    max-height: 100px;
    overflow-y: auto;
    display: none;
    margin-bottom: 10px;
}

.past-advisers-loader {
    display: none;
}

.btn[disabled] {
    cursor: not-allowed;
}

.center-col {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
}

.no-bg {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
}

.pointer-cursor {
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

#documentsTable .btn span.glyphicon {
    opacity: 0;
}

#documentsTable .btn.active span.glyphicon {
    opacity: 1;
}

.extra-small {
    font-size: 60%;
    font-weight: 400;
}

.acknowledge-action.disabled-ack {
    cursor: not-allowed;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #fff;
}

.faq-item>.question-item {
    cursor: pointer;
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
}

.faq-item> :not(.question-item) {
    display: none;
}

#electronic-valuations ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 150px;
    -moz-column-width: 150px;
    column-width: 150px;
}

.btn-disabled {
    display: inline-block;
    font-weight: 400;
    color: #858796;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    cursor: not-allowed;
}

.btn-disabled:not(:disabled):not(.disabled):active,
.btn-disabled:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}

.scrollable-card-body {
    overflow-y: scroll;
}

.image-container-round {
    height: 3.5rem;
    width: 3.5rem;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

.sm-vh-10,
.sm-vh-20,
.sm-vh-30,
.sm-vh-40,
.sm-vh-50,
.sm-vh-60,
.sm-vh-70,
.sm-vh-80,
.sm-vh-90,
.sm-vh-100,
.md-vh-10,
.md-vh-20,
.md-vh-30,
.md-vh-40,
.md-vh-50,
.md-vh-60,
.md-vh-70,
.md-vh-80,
.md-vh-90,
.md-vh-100,
.lg-vh-10,
.lg-vh-20,
.lg-vh-30,
.lg-vh-40,
.lg-vh-50,
.lg-vh-60,
.lg-vh-70,
.lg-vh-80,
.lg-vh-90,
.lg-vh-100 {
    height: 100% !important;
}

.more-action-dropdown {
    display: table-cell;
}

.rotate-text {
    display: none;
    text-align: center;
    margin: 5px 0;
}

#valuation-history-card-wrapper {
    position: absolute;
}

#valuation-history-card-wrapper .card {
    height: 100%;
}

@media (max-width: 567px) {
    .more-action-dropdown {
        display: none;
    }
    .rotate-text {
        display: block;
    }
}

@media (max-width: 767.98px) {
    .sm-vh-10 {
        height: 10vh !important;
    }
    .sm-vh-20 {
        height: 20vh !important;
    }
    .sm-vh-30 {
        height: 30vh !important;
    }
    .sm-vh-40 {
        height: 40vh !important;
    }
    .sm-vh-50 {
        height: 50vh !important;
    }
    .sm-vh-60 {
        height: 60vh !important;
    }
    .sm-vh-70 {
        height: 70vh !important;
    }
    .sm-vh-80 {
        height: 80vh !important;
    }
    .sm-vh-90 {
        height: 90vh !important;
    }
    .sm-vh-100 {
        height: 100vh !important;
    }
}

@media (max-width: 991.98px) {
    #valuation-history-card-wrapper {
        position: relative;
        height: 400px;
    }
    .md-vh-10 {
        height: 10vh !important;
    }
    .md-vh-20 {
        height: 20vh !important;
    }
    .md-vh-30 {
        height: 30vh !important;
    }
    .md-vh-40 {
        height: 40vh !important;
    }
    .md-vh-50 {
        height: 50vh !important;
    }
    .md-vh-60 {
        height: 60vh !important;
    }
    .md-vh-70 {
        height: 70vh !important;
    }
    .md-vh-80 {
        height: 80vh !important;
    }
    .md-vh-90 {
        height: 90vh !important;
    }
    .md-vh-100 {
        height: 100vh !important;
    }
}

@media (max-width: 1199.98px) {
    .lg-vh-10 {
        height: 10vh !important;
    }
    .lg-vh-20 {
        height: 20vh !important;
    }
    .lg-vh-30 {
        height: 30vh !important;
    }
    .lg-vh-40 {
        height: 40vh !important;
    }
    .lg-vh-50 {
        height: 50vh !important;
    }
    .lg-vh-60 {
        height: 60vh !important;
    }
    .lg-vh-70 {
        height: 70vh !important;
    }
    .lg-vh-80 {
        height: 80vh !important;
    }
    .lg-vh-90 {
        height: 90vh !important;
    }
    .lg-vh-100 {
        height: 100vh !important;
    }
}

.card-horizontal {
    display: flex;
    flex: 1 1 auto;
}

#qrCode img {
    margin: 0 auto;
}

.partitioned {
    letter-spacing: 1rem;
}

#valuationFundsTable>#valuationFundsTable-header,
#valuationFundsTable>#valuationFundsTable-body {
    border: 1px solid #e3e6f0;
}

#valuationFundsTable>#valuationFundsTable-header [class^="col-"] {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

#valuationFundsTable-header [class^="col-"],
.fund-data [class^="col-"] {
    padding: 10px;
}

#valuationFundsTable-header [class^="col-"]:last-child,
.fund-data [class^="col-"]:last-child {
    /*make the More column a bit wider by removing some of the padding*/
    padding: 10px 0px;
}

#valuationFundsTable-header [class^="col-"]:not(:last-child),
.fund-data [class^="col-"]:not(:last-child) {
    border-right: 1px solid #e3e6f0;
}

#valuationFundsTable-body .fund-data:not(:last-child) {
    border-bottom: 1px solid #e3e6f0;
    border-top: 1px solid #e3e6f0;
}

.sorting-arrows {
    cursor: pointer;
    float: right;
    padding-left: 5px;
}

.sorting-arrows>* {
    color: #e2e2e6;
}

.sorting-arrows.asc>.fa-long-arrow-alt-up {
    color: #9c9da9;
}

.sorting-arrows.desc>.fa-long-arrow-alt-down {
    color: #9c9da9;
}

#documents-table-card-body .os-content {
    flex-direction: column !important;
}

#valuationFundsTable-body>.fund-container {
    -webkit-transform: translate3d(0, 0, 0);
}

ul.pagination {
    margin: 0;
}

.fake-pagination-active label,
.fake-pagination-archive label {
    width: 220px;
}

.fake-pagination-active select,
.fake-pagination-archive select {
    width: 40%;
}

#standing-data-selector .disabled {
    cursor: not-allowed;
}

#standing-data-selector .list-group-item:hover {
    cursor: pointer;
}

#standing-data-dropdown-wrapper .dropdown {
    margin-top: 30%;
    transform-style: preserve-3d;
    transform: translate3d(0, 0, 10px) !important;
}

standing-data-dropdown-wrapper .dropdown .dropdown-menu {
    height: auto !important;
    position: relative !important;
    transform: translate3d(0, 0, 10px) !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.table td.w-fit,
.table th.w-fit {
    white-space: nowrap;
    width: 15%;
}

@media only screen and (max-width: 480px) {
    .table td.w-fit,
    .table th.w-fit {
        white-space: nowrap;
        width: 18%;
    }
}

label {
    display: block;
}

.optgroup-list-wrapper {
    position: relative;
    width: 100%;
}

.list-options {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    max-height: 135px;
    overflow-y: scroll;
    position: absolute;
    width: 100%;
}

@media only screen and (max-width: 480px) {
    .list-options {
        position: inherit;
    }
}

.list-options>ul {
    list-style-type: none;
    padding-left: 10px;
}

.list-options>ul>li>ul {
    list-style-type: none;
    cursor: pointer;
}

.mobile-animate {
    animation: rotate 4s infinite ease-in-out;
}

@keyframes rotate {
    50% {
        transform: rotate(90deg);
    }
}

.title-bold {
    font-weight: bold;
}

button>i {
    pointer-events: none;
}

i.fa-check {
    color: green;
}

i.fa-times {
    color: red;
}