@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&display=swap');

@media print
{    
  .no-print, .no-print *
  {
      display: none !important;
  }
  #kb-article-detail
  {
    print-color-adjust: exact !important;
    -webkit-print-color-adjust:exact !important;
    margin: 0;
  }
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Nunito Sans', sans-serif;
    color: #000D3B;
    font-weight: 700;
}

h3, .h3 {
    font-weight: 700;
    font-size: 32px;
}

h6, .h6 {
    font-weight: 700;
    font-size: 20px;
}
h5, .h5{
    font-weight: 700;
    font-size: 24px;
}
.subtitle {
    font-weight: 700;
}

.subtext {
    font-weight: 400;
    color: #666E89;
    padding-top: 5px;
}

body {
    font-family: 'Nunito Sans', sans-serif;
    color: #000103;
    font-size: 16px;
    font-weight: 400;
}
/* Breacrumbs*/
 .breadcrumbs{
    padding-top: 50px;
    padding-bottom: 50px;
}
.breadcrumb>li+li:before {
    content: "/ ";
    padding: 0 5px;
    color: rgba(0, 0, 0, 0.6);
}

.breadcrumb>.active {
    color: #000D3B;
}

.custom-breadrumb {
    margin-top: 80px;
    margin-bottom: 46px;
}
/* Knowledge Articles */
.blue_border {
    padding-bottom: 10px;
    border-bottom: 7px solid #0b80d0;
}
.content-home .panel {
    background-color: transparent;
    border: 0;
    box-shadow: none;
}
.panel {
    -webkit-box-shadow: 0 0px 0px transparent;
    box-shadow: 0 0px 0px transparent;
}
.content-home .panel-heading {
    display: none;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #eee;
}
.section-knowledge .panel-title {
    color: #000;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    color: inherit;
}
.content-home .list-group-item {
    padding: 20px 0;
    font-size: 20px;
    background-color: transparent;
    border: 0;
    border-top: 1px solid #ddd;
}
.content-home a.list-group-item, .content-home .list-group-item a.title {
    color: #232222;
}

.content-home .title {
    font-size: 24px;
    font-family: "Segoe UI Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.content-home .title, .content-home .description {
    display: block;
}
.content-home .list-group-item {
    padding: 20px 0;
    font-size: 20px;
    background-color: transparent;
    border: 0;
    border-top: 1px solid #ddd;
}
.content-home a.list-group-item, .content-home .list-group-item a.title {
    color: #232222;
}

.content-home .title {
    font-size: 24px;
    font-family: "Segoe UI Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.content-home .title, .content-home .description {
    display: block;
}
.page_section .row.sidebar-home {
    padding-bottom: 0;
}

.sidebar-home {
    background-color: #eeeeee;
    border-top: 7px solid #0b80d0;
    margin-top: 36px;
    position: relative;
}
.no-lr-margins {
    margin-left: 0;
    margin-right: 0;
}
.sidebar-home .panel {
    background-color: transparent;
    border: 0;
    box-shadow: none;
}
.sidebar-home .panel-heading {
    padding-left: 0;
}

.sidebar-home .panel-heading {
    padding-left: 0;
    background-color: transparent;
    border: 0;
}
.section-knowledge .panel-title {
    color: #000;
}
.sidebar-home .panel-title {
    font-size: 14px;
    color: #2f5fef;
    font-family: "Segoe UI Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.sidebar-home .list-group-item {
    padding-left: 0;
    font-size: 14px;
    background-color: transparent;
    border: 0;
}
/* Articles CSS*/
section.articles {
    background: #EFEFE9;
    padding: 50px 0 100px;
}
.articleimg {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: none;
}


.articleimg img {
    object-fit: cover;
    width: 100%;
}
.carddivcolor {

    background-color: #ffffff;
    padding: 20px 20px 20px 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: none;
}
p.ppadding {
    padding-top: 10px;
}

.article svg {
    height: 40px;
    width: 40px;
}
/* PROFILE PAGE CSS */
form[action="/profile/"] {
    margin-bottom: 100px;
}

form[action="/profile/"] legend[role="heading"] {
    display: none;
}

form[action="/profile/"] .well.profile-info {
    display: none !important;
}

form[action="/profile/"] .weblink.list-group-item {
    border: none;
    padding: 0;
    margin: 7px 0;
}

form[action="/profile/"] .page-header {
    border-color: #CCCFD8;
    margin-bottom: 45px;
}

form[action="/profile/"] .page-header h1 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 24px;
}

#ProfileFormView fieldset[aria-label="Name"] {
    border: 1px solid #CCCFD8;
    padding: 30px 30px  5px;
    margin-bottom: 0;
}

/* #ProfileFormView fieldset .cell {
    padding-bottom: 0;
} */

#ProfileFormView fieldset[aria-label="Section"] {
    border: 1px solid #CCCFD8;
    border-top: none;
}

#ProfileFormView fieldset[aria-label="Section"] tbody tr:not(:last-child) {
    border-bottom: 1px solid #CCCFD8;
}

#ProfileFormView fieldset[aria-label="Section"] tbody td {
    padding: 30px 30px 40px !important;
}

#ProfileFormView fieldset[aria-label="Preferred contact method"],
#ProfileFormView fieldset[aria-label="Assistance options"] {
    border: 1px solid #CCCFD8;
    padding: 5px 30px 8px;
}

#ProfileFormView fieldset h3 {
    padding-bottom: 20px;
    border-bottom: 1px solid #CCCFD8;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
}

#ProfileFormView fieldset[aria-label="Assistance options"] tbody tr:not(:first-child) td {
    border-top: 1px solid #CCCFD8;
    padding-top: 20px;
}

#ProfileFormView fieldset[aria-label="Preferred contact method"] {
    margin-top: 30px;
    position: relative;
}

#ProfileFormView fieldset[aria-label="Assistance options"] {
    margin-top: 126px;
}

#ProfileFormView fieldset[aria-label="Preferred contact method"]::after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background: #CCCFD8;
    position: absolute;
    left: 0;
    margin-top: 70px;
}

/*test*/
#filterDropdownId .title {
    font-size: 20px;
    margin-right: 6px;
}

.dropdown.open>.dropdown-menu {
    padding: 0;
}

.dropdown.open>.dropdown-menu > li {
    padding-left: 0 !important;
}

.dropdown.open>.dropdown-menu > li > a {
    margin-left: 0;
    padding: 7px 16px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    border: none;
}


.dropdown.open>.dropdown-menu > li.active > a {
    background: #022662;
    border: #022662;
}

#mainContent .sectionBlockLayout .col-md-12.columnBlockLayout {
    margin-left: -15px;
    margin-right: -15px;
}

footer .footer-bottom {
    background-color: unset;
}

footer {
    background-color: #010A39;
}

.footer-bottom > .container {
    border-top: 1px solid #484848;
    padding-top: 35px;
}

.footer-list a {
    color: white;
}

.footer-list li {
    margin-bottom: 15px;
}

.footer-for-ocf {
    padding: 21px;
}

.footer-for-ocf p {
    margin-bottom: 0;
    color: white;
    letter-spacing: -0.01em;
}

/* forms styling */

html[dir=ltr] .crmEntityFormView .cell.boolean-radio-cell input[type=radio] {
    margin-top: .3em;
    margin-right: 7px;
}

html[dir=ltr] .crmEntityFormView .cell.crmquickform-cell:first-child {
    border-right: none;
}

.crmEntityFormView .cell div.info.required label:after {
    content: "(Required)";
    font-size: 16px;
    margin-left: 8px;
    font-weight: normal;
    color: #E6000E;
}

span.required {
    font-size: 0;
}

span.required::after {
    content: "required";
    font-size: 12px;
    color: #a94442;
    margin-left: 8px;
}

label[for="vemail"] {
    margin-top: 20px;
}


.crmEntityFormView .description.above {
    margin-bottom: 25px;
}

.crmEntityFormView div.description {
    margin-top: 20px;
    margin-bottom: 25px;
}

.crmEntityFormView .cell .field-label {
    margin-bottom: 8px;
    color: #000D3B;
}

form .clearfix.cell:nth-of-type(1) {
    padding-left: 0 !important;
}

form .clearfix.cell:nth-last-child(2) {
    padding-right: 0 !important;
}

.actions .entity-action-button {
    display: flex;
}

.actions .col-sm-6.clearfix {
    display: flex;
    width: 100%;
    padding: 0;
}

.actions .col-sm-6 .btn-group.entity-action-button:only-of-type {
    margin-left: auto;
}

.actions .entity-action-button:nth-child(2) {
    margin-left: auto;
}

.btn.btn-default.previous, .actions .entity-action-button > button {
    margin-right: 10px;
    padding: 10px 20px;
    border-radius: 25px;
    background: white;
    color: #000D3B;
    font-weight: 600;
    border: 1px solid #dadada;
}

.btn-group>.btn.btn-primary {
    border-radius: 25px !important;
}

.crmEntityFormView .actions {
    padding-top: 30px;
    margin-bottom: 50px;
    border-color: #dadada;
}

.tab-column .title {
    font-size: 32px;
    color: #000D3B;
    margin-top: 21px;
    margin-bottom: 24px;
}

/* .tab-column .title + .content {
    width: 72%;
    padding-bottom: 25px;
    font-size: 16px;
    line-height: 22.4px;
    font-weight: 400;
} */

label#afca_financialfirmid_label {
    margin-top: 45px;
    display: block !important;
    float: none;
}


span.input-group-addon {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.crmEntityFormView .cell {
    padding-bottom: 35px;
}

fieldset .info a {
    text-decoration: underline;
}

.review-section-container {
    background: #F2F3F5;
    padding: 45px 40px;
    margin-bottom: 40px;
}

.review-section-container .control input[checked] + label {
    font-weight: 700;
}

.review-section-container .control select[disabled] {
    font-weight: 700;
    padding: 0;
    background: none !important;
}

.review-section-container input.readonly + .input-group-btn,
.review-section-container input.readonly + .text-muted + .input-group-btn,
.review-section-container input.readonly + .input-group-addon,
.review-section-container input:not(.readonly) + .text-muted,
.review-section-container select:not(.readonly) + .text-muted {
    display: none;
}

#WebFormPanel {
    opacity: 0;
    transition: 1s;
}

#DateFormatValidatorafca_complainedtoffdate, #MaximumLengthValidatorafca_complainedtoffcomments{
    visibility: inherit !important;
}

#afca_financialfirmid_lookupmodal .table-fluid thead {
    display: none;
}

#afca_financialfirmid_lookupmodal .table-fluid td:before {
    content: attr(data-th);
    font-weight: 700;
    display: inline-block;
    width: 12rem;
    margin-left: -12rem;
    /*float: left;*/
    padding-right: 1rem;
    word-break: normal;
}

#afca_financialfirmid_lookupmodal .table-fluid td:after {
    content: "";
    display: table;
    clear: both;
}

#afca_financialfirmid_lookupmodal .table-fluid td, #afca_financialfirmid_lookupmodal .table-fluid tr {
    display: block;
    width: 100%!important;
}

#afca_financialfirmid_lookupmodal .table-fluid tr {
    overflow: hidden;
    border-top: solid #ddd 0.3rem!important;
}

#afca_financialfirmid_lookupmodal .table-fluid td {
    padding-left: 13rem!important;
}

#afca_financialfirmid_lookupmodal .modal-body .entitylist-search {
    width: 100%;
}

#afca_financialfirmid_lookupmodal .table-fluid tr, #afca_financialfirmid_lookupmodal .table-fluid tr td {
    border: none !important;
}

#afca_financialfirmid_lookupmodal .table-fluid tr {
    border-bottom: 1px solid #CCCFD8 !important;
    background: #F2F3F5;
}

#afca_financialfirmid_lookupmodal .entity-grid .view-grid>table>tbody>tr.info>td {
    background: #E5E7EB !important;
}

#afca_financialfirmid_lookupmodal .view-grid > span {
    display: block;
    margin-bottom: 10px;
}

#afca_financialfirmid_lookupmodal .table-fluid tr td[data-th="Select"] {
    display: none;
}

.crmEntityFormView .tab-title {
    font-size: 0px;
    font-weight: 700;
    border-bottom: none;
    margin-bottom: 0;
}

.acknowledgement + .description {
    color: #333D62;
}

.section-title h3 .info .title + .content p {
    font-size: 16px;
    color: #333D62;
    line-height: 160%;
    width: 70%;
    letter-spacing: -0.01em;
    font-weight: 400;
    margin-bottom: 5px;
}

.section-title h3 .info .content p {
    font-size: 16px;
    color: #000D3B;
    line-height: 160%;
    letter-spacing: -0.01em;
    font-weight: 400;
    margin-bottom: -7px;
}

.section-title h3 .info .title + .content ul {
    font-size: 16px;
    line-height: 22.4px;
}

.section-title h3 .info .title + .content ul a {
    text-decoration: underline;
}

.section-title h3 .info .title + .content {
    border-bottom: 1px solid #dadada;
    padding-bottom: 45px !important;
}

.section[data-name='section_contactdetails'] {
    margin-top: 35px;
}