@font-face {
    font-family: Muli;
    src: url(Muli-Regular.tff);
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-family: 'Muli' !important;
    font-weight: 200 !important;
    font-size: 15px !important;
    border: 1px solid transparent;
}

    .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:hover {
        text-decoration: Underline;
    }

h1.siteTitle,
.navbar-static-top.navbar-inverse .navbar-brand a h1.siteTitle,
.navbar-static-top.navbar-inverse .navbar-brand a h1.siteTitle > span {
    display: inline;
    vertical-align: middle;
    color: #000000;
    font-family: 'Muli' !important;
    font-weight: 400;
    font-size: 30px;
}

footer {
    font-family: 'Muli' !important;
}

    footer .footer-bottom {
        background-color: #E6994B;
    }

.btn {
    font-family: 'Muli' !important;
}

.btn-primary {
    font-family: 'Muli' !important;
    float: right !important;
}

.btn-group .entity-action-button {
    text-align: right !important;
    float: right !important;
    display: block !important;
    justify-content: flex-end !important;
}

.btn-group, .btn-group-vertical {
    position: relative !important;
    display: block !important;
}

.navbar-inverse .navbar-nav > li > a {
    font-family: 'Muli' !important;
}

.navbar-inverse .navbar-nav > li.weblink-active > a:focus:first-of-type {
    border-bottom-color: #4eb2b4 !important;
    border-bottom-style: solid !important;
    border-bottom-width: thick !important;
}

label,
.label,
a,
.a {
    font-family: 'Muli' !important;
}


    a:not(.btn,.dropdown-toggle,.weblinkAnchor,[role="menuitem"],.nav-link,a[href*="#mainContent"]) {
        color: #3B757C;
    }

.alert-danger a {
    color: #236062 !important;
}

.navbar-inverse .navbar-nav > li > a:not(.btn,.dropdown-toggle,.weblinkAnchor) {
    color: #78d1f5 !important;
}

h1,
.h1,
.section-landing-heading,
.section-landing .row > div .section-landing-heading,
.section-inline-search .row > div h1,
.section-landing h1,
.section-search .header-search h1,
.page_section h1,
.color-inverse h1,
h1 p {
    font-family: 'Muli' !important;
}

h2,
.h2,
.section-landing .row > div .section-landing-sub-heading,
.page_section h2,
.color-inverse h2,
h2 p {
    font-family: 'Muli' !important;
}

    h2.tab-title {
        margin: 0px 0px 10.5px;
        border-bottom: 1px solid #4eb2b4 !important;
        padding-bottom: 5px;
          overflow-wrap: anywhere;

    }

h3,
.h3,
.page_section h3,
.color-inverse h3,
.sidebar-home h3 {
    font-family: 'Muli' !important;
}

h4,
.h4,
.poll .poll-header h4,
.poll .poll-tags h4 {
    font-family: 'Muli' !important;
    font-size: 20px !important;
}


h5,
.h5 {
    font-family: 'Muli' !important;
}

p,
.p,
.page_section p,
.section-diagonal-left p,
.section-diagonal-right p {
    font-family: 'Muli' !important;
}

.p2 {
    font-family: 'Muli' !important;
}

.button1, .button2, .btn-default {
    font-family: 'Muli' !important;
}

span.remove {
    padding: 5px;
}

h1.siteTitle,
.navbar-static-top.navbar-inverse .navbar-brand a h1.siteTitle,
.navbar-static-top.navbar-inverse .navbar-brand a h1.siteTitle > span {
    font-family: 'Muli' !important;
}

.navbar-static-top.navbar-inverse .navbar-brand a span {
    display: inline-block !important;
}

h1.siteTitle,
.navbar-static-top.navbar-inverse .navbar-brand a h1.siteTitle,
.navbar-static-top.navbar-inverse .navbar-brand a h1.siteTitle > span {
    display: inline-block !important;
}

@media (max-width: 1200px) {

    .navbar-fixed-top .navbar-brand {
        position: initial;
        height: auto !important;
    }
}

@media (max-width: 1200px) {

    .navbar-static-top .navbar-brand {
        position: initial;
        height: auto !important;
    }
}

.siteTitle-divider-vertical {
    height: 40px;
    margin: 0 4px;
    margin-top: 14.5px;
    border-right: 1px solid #4cb2b4;
    border-left: 0px solid #fff;
}

p.smallText {
    font-family: 'Muli' !important;
}

a.anchor-inherit-styles {
    font-family: inherit;
}


.page-heading {
    background-color: #bcbec0 !important;
    background: transparent !important;
    background-size: 100% 1024px,100% 1024px;
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center top;
}


.page-header, .page-heading, .page-header * {
    color: #081e3f !important;
    margin: 15px 0 7px;
}

.footer {
    color: #78d1f5 !important;
}

@media (min-width: 1200px) {
    .logo .region-logo {
        padding-top: 0;
        margin-top: -.625rem;
    }
}

@media (min-width: 768px) {
    .logo .region-logo {
        padding-top: .25rem;
    }
}

.logo .region-logo {
    display: inline-block;
}


.navbar-fixed-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
    height: 21px;
    margin: 0 4px;
    margin-top: 14.5px;
    border-right: 1px solid #78d1f5 !important;
    border-left: 1px solid #666;
}



.navbar-static-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
    height: 21px;
    margin: 0 4px;
    margin-top: 14.5px;
    border-right: 1px solid #78d1f5 !important;
    border-left: 1px solid #666;
}

.navbar-fixed-top.navbar-inverse .divider-vertical {
    border-right-color: #78d1f5 !important;
    ;
    border-left-color: #111;
}


.navbar-static-top.navbar-inverse {
    background-color: #ffffff;
    border-color: transparent;
    -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}

    .navbar-static-top.navbar-inverse .navbar-brand {
        color: #fff;
    }

    .navbar-static-top.navbar-inverse .divider-vertical {
        border-right-color: #78d1f5 !important;
        border-left-color: #111;
    }

.bell-icon-wrap {
    position: relative; /* So the badge can be positioned relative to this container */
    display: inline-block;
}

.badge-count {
    position: absolute;
    top: -8px;
    right: -12px;
    background-color: #C62828; /* Darker red */
    color: #FFFFFF;
    border-radius: 50%;
    font-size: 1rem; /* Increase font if needed */
    min-width: 1.6em;
    height: 1.6em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-header,
.page-header * {
    color: #081e3f;
}

body {
    background: url(/grid_grey.png);
    background-size: 400px;
    background-repeat: no-repeat, no-repeat;
    background-position: top right, top right;
}

#mainContent {
    min-height: 600px;
}

body.iFrameBody #mainContent {
    min-height: 100px !important;
}


.profile-info {
    background-color: #f5f5f5;
}

.breadcrumb > li a {
    color: #081e3f !important;
}

.breadcrumb > .active {
    color: #081e3f !important;
}

.breadcrumb > li a:hover {
    color: #081e3f !important;
}

.form-action-container-left {
    padding-left: 38px;
}

input:focus {
    border-color: #081e3f !important; /* Change the border color */
    border-width: 3px !important;
}


select:focus {
    border-color: #081e3f !important; /* Change the border color */
    border-width: 3px !important;
}

textarea:focus {
    border-color: #081e3f !important; /* Change the border color */
    border-width: 3px !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #081e3f !important;
    color: #4eb2b4;
    text-decoration: Underline;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: radial-gradient(circle, #78d1f5, #4eb2b4) !important;
    color: #4eb2b4;
    text-decoration: Underline;
}

.dropdown-menu {
    border-color: #fff !important;
    border-radius: 3px;
}

.btn-group > .dropdown-menu {
    left: auto;
    right: 0;
}

.form-close {
    font-size: 40px !important;
    top: 2% !important;
}

.modal-header .close {
    font-size: 40px !important;
    top: 2% !important;
}

.modal-title {
    color: #081e3f;
}

iframe[data-page] {
    max-height: 200px;
    opacity: 0;
}

.nav-item a:hover {
    background-color: rgba(0,0,0,.075) !important;
    text-decoration: underline !important;
}

.footerLinks {
    font-family: 'Muli' !important;
    font-size: 14px;
    color: #fff !important;
    margin-bottom: 7px !important;
}

.weblink-active > a:first-of-type {
    border-bottom-color: #4eb2b4 !important;
    border-bottom-style: solid !important;
    border-bottom-width: thick !important;
}


.footer-div-center {
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.alert {
    border-radius: 10px;
}

    .alert.aboveFieldNotification {
        margin-bottom: 0px;
    }

.control > .text-muted {
    display: none;
}



/* Tooltip styling */
.tooltip-container {
    position: relative;
    display: inline-block;
    margin-left: 10px; /* Add spacing between text and icon */
    cursor: pointer;
}

.tooltip-text {
    visibility: hidden;
    width: 200px;
    background-color: #081e3f;
    color: #78d1f5;
    text-align: center;
    padding: 5px;
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* Position above the icon */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip-container:hover .tooltip-text,
.tooltip-container:focus-within .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.info-icon {
    font-size: 16px;
    color: #4eb2b4;
}

.tooltip-container:focus {
    outline: 2px dotted #007bff;
}

a.field-label {
    font-family: Muli !important;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: bold;
    color: black;
    cursor: not-allowed;
    pointer-events: none;
}

    a.field-label:hover {
        color: black;
        cursor: not-allowed;
        text-decoration: none;
    }

#EntityFormControl .instructions {
    max-width: unset; /* Resets max-width */
    float: none; /* Resets float */
}

/* Apply styles only when .instructions is NOT inside .EntityFormControl */
.instructions:not(.EntityFormControl .instructions) {
    max-width: 83%;
    float: right;
}


#WebFormPanel {
    float: right;
}

.view-toolbar .view-select .selected-view {
    display: none;
}

.view-toolbar .view-select .dropdown {
    z-index: 1;
}

    .view-toolbar .view-select .dropdown .dropdown-menu {
        position: relative;
        display: block;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .view-toolbar .view-select .dropdown .dropdown-menu li {
            display: inline-block;
        }

            .view-toolbar .view-select .dropdown .dropdown-menu li a {
                color: #3B757C;
                border-color: #bcbec0 !important;
                border-radius: 5px;
                border-style: solid;
                border-width: 1.6px;
            }

            .view-toolbar .view-select .dropdown .dropdown-menu li.active a {
                color: #fff;
                background-color: #3B757C;
            }

            .view-toolbar .view-select .dropdown .dropdown-menu li.activeItem a {
                color: #fff;
                background-color: #3B757C;
            }

    .view-toolbar .view-select .dropdown .ddm {
        position: relative;
        display: block;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .view-toolbar .view-select .dropdown .ddm li {
            display: inline-block;
        }

            .view-toolbar .view-select .dropdown .ddm li a {
                color: #3B757C;
                border-color: #bcbec0 !important;
                border-radius: 5px;
                border-style: solid;
                border-width: 1.6px;
            }

            .view-toolbar .view-select .dropdown .ddm li.active a {
                color: #fff;
                background-color: #3B757C;
            }

            .view-toolbar .view-select .dropdown .ddm li.activeItem a {
                color: #fff;
                background-color: #3B757C;
            }

.ddm > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    white-space: nowrap;
}

    .ddm > li > a:hover {
        background-color: #081e3f !important;
        color: #fff !important;
        text-decoration: Underline;
    }

    .ddm > li > a:focus {
        background-color: #081e3f !important;
        color: #fff !important;
        text-decoration: Underline;
    }

.ddm {
    border-color: #fff !important;
    border-radius: 3px;
}

.btn-group > .ddm {
    left: auto;
    right: 0;
}

.entitylist-filter-option-group-label {
    font-size: 15px !important;
    font-weight: 400 !important;
}

.entitylist-filter-option-text{
    min-width: 180px;
    max-width: 300px;
    width: auto;
}

.dateFilter {
    min-width: 180px;
    max-width: 200px;
    width: auto;
}

li .entitylist-filter-option div.datetimepicker {
    min-width: 180px;
    max-width: 200px;
    width: auto;
}

.checkboxLarge {
    width: 25px;
    height: 25px;
}

.spaceForButtons {
    margin-right: 10px;
}

.table thead tr th a {
    color: #3B757C;
}

.bold {
    font-weight: bold !important;
}

/* Ensure the control cell can position children */
table.dataTable tbody td.expandColumn {
    position: relative;
    padding: 0;
    text-align: center;
    vertical-align: middle !important;
}

/* Absolutely center the button */
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control > button,
table.dataTable.dtr-column > tbody > tr > td.dtr-control > button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* centers perfectly */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    border: none;
    cursor: pointer;
    width: 24px;
    height: 24px;
    line-height: 1;
    font-size: 0;
    color: inherit;
    padding: 0;
    transition: color 0.2s ease-in-out;
}

    /* ===========================
   Arrow icon (pseudo-element)
   =========================== */
    table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control > button::before,
    table.dataTable.dtr-column > tbody > tr > td.dtr-control > button::before {
        content: "▼";
        font-size: 20px;
        color: black;
        display: inline-block;
        transform: rotate(-90deg); /* collapsed (pointing right) */
        transition: transform 0.3s ease-in-out, color 0.2s ease-in-out;
    }

/* ===========================
   Expanded (rotate arrow down)
   =========================== */
table.dataTable.dtr-inline.collapsed > tbody > tr.dt-hasChild > td.dtr-control > button::before,
table.dataTable.dtr-column > tbody > tr.parent > td.dtr-control > button::before {
    transform: rotate(0deg);
}

/* ===========================
   Hover and focus
   =========================== */
table.dataTable td.dtr-control > button:hover::before,
table.dataTable td.dtr-control > button:focus-visible::before {
    color: #4eb2b4; /* your custom hover/focus color */
}

table.dataTable td.dtr-control > button:focus-visible {
    outline: 2px solid #0b5ed7;
    outline-offset: 2px;
}

/* ===========================
   Disable default pseudo-icon on <td>
   =========================== */
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before,
table.dataTable.dtr-column > tbody > tr > td.dtr-control::before {
    display: none !important;
    content: none !important;
}


table.dataTable > tbody > tr.child ul.dtr-details {
    padding-left: 25px !important;
}

table.dataTable > tbody > tr.child span.dtr-title {
    min-width: 250px !important;
    font-weight: 500 !important;
}

table.dataTable > tbody > tr.child span.dtr-data {
    min-width: 250px !important;
}

table.dataTable {
    width: 100% !important;
    max-width: 100% !important;
}

.highlight-row {
    background-color: #E0E0E0 !important;
    font-weight: bold;
}

    .highlight-row a {
        color: #081e3f !important;
    }

.subgrid-cell {
    border-left: 4px solid #3B757C;
    border-collapse: collapse;
    width: 100%;
    background: #f2f2f254;
}

h3.form-subgrid-heading {
    margin-top: 0px;
    margin-bottom: 0px;
}

input::placeholder {
    color: transparent !important;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    padding: 3px 20px !important;
    border: none !important;
}



.readonlyField {
    user-select: none; /* Prevents selection */
    pointer-events: none;
    /*opacity: 0.6; /* Dim effect */
}



.crmEntityFormView, .entitylist, .modal-content, .popover-content {
    padding: 0px;
    margin-bottom: 10px;
}

    .crmEntityFormView .state, .crmEntityFormView .status {
        padding: 0px;
    }

    .crmEntityFormView .cell {
        padding: 10px 28px 10px;
    }

.entity-form {
    padding: 10px !important;
}

/*  ABCO Progress BAR - START */
#pagesList {
    background: #eee;
    clear: both;
    padding: 0;
    width: 100%;
}

    #pagesList ul {
        display: block;
    }

    #pagesList li > a {
        display: block;
        color: #3B757C;
        padding: 4px 8px;
        font-size: 15px;
        transition: background-color 150ms;
    }

        #pagesList li > a:hover,
        #pagesList li > a:focus {
            color: #3B757C;
            font-weight: bold;
            background-color: #CCC;
        }

    #pagesList > ul.nav > li,
    #pagesList .ui-sortable li {
        padding: 8px 40px 8px 15px;
    }

        #pagesList li:hover,
        #pagesList li:focus,
        #pagesList .ui-sortable li:hover,
        #pagesList .page-complete:hover,
        #pagesList .page-error:hover {
            background: #CCC url('/right.png') no-repeat right;
        }

    #pagesList .active {
        color: #000;
        background: #778298 url('/right.png') no-repeat right;
    }

        #pagesList .active > a {
            color: #FFF !important;
        }

        #pagesList .active li:hover {
            background-color: #CCC;
        }

    #pagesList a:hover {
        background-color: transparent !important;
    }

    #pagesList .active > a,
    #pagesList .active:hover > a,
    #pagesList .active:focus > a {
        padding-left: 6px;
        font-weight: 600;
        color: #144648;
    }

    /* Completed & Error Items */
    #pagesList .page-complete {
        color: #2694b6;
        background: url('/tick.png') no-repeat right;
    }

    #pagesList .page-error {
        background: url('/cross.png') no-repeat right;
    }

#Sections .navbar-default {
    background-color: transparent !important;
}
/* ABCO Progress BAR - END */

/*  ABCO Assessment Menu - START */
.assessmentMenuHeader {
    background-color: #081e3f;
    display: block;
    color: #FFF;
    font-size: 15px;
}

    .assessmentMenuHeader span {
        float: left;
        padding: 4px 8px;
    }

.assessmentMenu-toggle {
    background-color: #081e3f;
    display: block;
    color: #FFF;
    padding: 15px;
    font-size: 17px;
    border: none;
    width: 100%;
}

    .assessmentMenu-toggle[aria-expanded="true"] .assessmentMenuRight {
        display: none;
        float: right;
        padding: 4px 8px;
    }

    .assessmentMenu-toggle[aria-expanded="false"] .assessmentMenuRight {
        display: block;
        float: right;
        padding: 4px 8px;
    }

    .assessmentMenu-toggle[aria-expanded="true"] .assessmentMenuDown {
        display: block;
        float: right;
        padding: 4px 8px;
    }

    .assessmentMenu-toggle[aria-expanded="false"] .assessmentMenuDown {
        display: none;
        float: right;
        padding: 4px 8px;
    }

.pagesList {
    background: #eee;
    clear: both;
    padding: 0;
    width: 100%;
}

    .pagesList ul {
        display: block;
    }

    /* List item spacing */
    .pagesList > ul.nav > li,
    .pagesList .ui-sortable li {
        padding: 4px 40px 4px 15px;
    }

    /* Links */
    .pagesList li > a {
        display: block;
        color: #3B757C;
        padding: 4px 8px;
        font-size: 15px;
        transition: background-color 150ms;
        text-decoration: none;
    }

        /* Link hover + focus */
        .pagesList li > a:hover,
        .pagesList li > a:focus {
            color: #FFFFFF;
            font-weight: bold;
            background-color: #CCC;
        }

    /* Row hover + keyboard focus (via :focus-within) */
    .pagesList li:hover,
    .pagesList li:focus-within,
    .pagesList .ui-sortable li:hover,
    .pagesList .ui-sortable li:focus-within,
    .pagesList .page-complete:hover,
    .pagesList .page-complete:focus-within,
    .pagesList .page-error:hover,
    .pagesList .page-error:focus-within {
        background: #4e4e4e url('/right.png') no-repeat right;
        color: #FFFFFF;
    }

        /* Ensure link text is white when row is hovered or focused */
        .pagesList li:hover > a,
        .pagesList li:focus-within > a {
            color: #FFFFFF;
            font-weight: bold;
        }

    /* Subactive state */
    .pagesList li.subactive {
        background: #4e4e4e url('/down.png') no-repeat top right;
    }

        .pagesList li.subactive > a {
            color: #FFFFFF;
        }

    /* Active state */
    .pagesList .active {
        background: #4D596A url('/right.png') no-repeat right;
        color: #000;
    }

        .pagesList .active > a {
            color: #FFF !important;
            padding-left: 6px;
            font-weight: 600;
            color: #144648;
        }

        /* Active link spacing */
        .pagesList li.subactive .active > a {
            padding-left: 41px;
        }

        /* Nested active hover + focus */
    .pagesList .active li:hover,
    .pagesList .active li:focus-within {
        background-color: #4e4e4e;
    }

    /* Prevent global hover overrides */
    .pagesList a:hover,
    .pagesList a:focus {
        background-color: transparent !important;
    }

    /* Strong keyboard focus ring (WCAG-friendly) */
    .pagesList a:focus-visible {
        outline: 2px solid #000;
        outline-offset: 2px;
    }


.childNav {
    background-color: #FAFAFA;
    margin-right: -40px;
    margin-left: -15px;
    margin-top: 5px;
    padding-left: 35px;
    margin-bottom: -8px;
}

    .childNav ul {
        margin-top: 5px;
    }

    .childNav li {
        padding: 4px 0px;
        margin-left: -35px;
    }

        .childNav li > a:not(.btn,.dropdown-toggle,.weblinkAnchor,[role="menuitem"],.nav-link,a[href*="#mainContent"]) {
            padding-left: 41px;
        }

    /* Completed & Error Items */
    .childNav .page-complete {
        color: #2694b6;
        background: url('/tick.png') no-repeat right;
    }

    .childNav .page-error {
        background: url('/cross.png') no-repeat right;
    }

/*  ABCO Assessment Menu - End */

/*  Multi step form - Start */

.progress.list-group {
    background: #eee;
    clear: both;
    padding: 0;
    width: 100%;
    display: block;
}

    .progress.list-group > .list-group-item {
        display: block;
        color: #3B757C !important;
        padding: 8px 40px 8px 15px;
        font-size: 15px;
    }

        .progress.list-group > .list-group-item.active {
            color: #FFF !important;
            background: #778298 url('/right.png') no-repeat right;
            border: none;
        }
/*  Multi step form - End */

/* Carousel settings - Start*/

.slider-wrap {
    background-color: #F0F0F0;
    padding-top: 5rem;
    padding-bottom: 8rem;
    margin-bottom: 5rem;
    text-align: center;
}

.carousel-indicators {
    margin-bottom: -45px !important;
    background-color: #fff !important;
}

.carousel-text {
    margin: 1rem;
}

.carousel-caption {
    margin: auto !important;
    position: initial !important;
    padding-right: 8rem;
    padding-left: 8rem;
}

.ck-content{
    word-wrap: break-word;
}

.carousel-control.left {
    background: transparent !important;
    margin: 10px;
}

.carousel-control.right {
    background: transparent !important;
    margin: 10px;
}

.carousel-control {
    width: 10%;
    border-radius: 20px;
}

.carousel-inner {
    height: 500px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: rgb(255, 255, 255) !important;
    border-color: rgb(112 191 193) !important;
    border-style: solid;
}


/* Change indicator border color to black */
.carousel-indicators li {
    border: 2px solid #3B757C !important; /* border */
    background-color: transparent !important; /* Ensure non-active ones remain transparent */
    padding-bottom: 5px;
}

/* Change active indicator fill color to grey */
.carousel-indicators .active {
    background-color: #3B757C !important; /* Grey fill for active indicator */
}

/*Carousel style settings end */

.customCloseButton {
    margin-left: 10px;
}

.jquery-bootstrap-pagination {
    text-align: center;
}

.view-pagination {
    margin-bottom: 15px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover {
    background-color: #3B757C !important;
    color: white !important;
}

.belowFieldNotification {
    margin-top: 50px !important;
}

.belowReadOnlyFieldNotification {
    margin-top: 10px !important;
}

.quickform {
    width: 100%;
}

    .quickform .crmEntityFormView .cell {
        padding-left: 0px !important;
        margin-top: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

        body[data-sitemap-state="/page-not-found/:/"] {
            background: none !important;
        }


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

/* Contrast fix for anchors inside bootstrap success alert */
.alert-success a {
    color: #081e3f !important;
}

.btn[title='Cancel'] {
    margin-right: 10px;
}

body.iFrameBody .container {
    width: auto;
}

body.iFrameBody .crmEntityFormView {
    border: none;
}

.container {
    padding: 0px;
}

.grid-actions, .panel-body, .entitylist-filter, .entity-grid, .actions {
    border: none !important;
}

div.grid-actions > div.toolbar-actions > div.input-group > input.btn-primary {
    float: none !important;
}

.actions {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    padding: 0 !important;
}

.form-custom-actions {
    margin-bottom: 5px;
    max-width: 100%;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > td.dtr-control:before {
    border: none !important;
}

.crmEntityFormView .tab {
    margin-top: 20px;
}

.crmEntityFormView .section-title.show-bar {
    padding-bottom: 0px;
}

.crmEntityFormView fieldset {
    margin-bottom: 0px !important;
}

    .crmEntityFormView fieldset:has(> legend) {
        padding: 0px 28px 0px;
    }

p {
    font-size: 15px !important;
}

    p.text-danger {
        font-size: 18px !important;
    }

.alert-info input, .alert-danger input {
    display: none;
}

.tooltip-inner {
    text-align: left;
}

.entity-grid.entitylist > .view-empty.message {
    background-color: #faebcc;
    border: 1px solid transparent;
    border-color: #faebcc;
    border-radius: 10px;
    color: #000;
    margin-bottom: 21px;
    padding: 15px;
}

@media (min-width: 992px) {
    .modal-lg {
        width: 950px !important;
    }
}

/* 1) Hide .btn in .form-readonly when body does NOT have data-sitemap-state="/page-not-found/:/" */
body:not([data-sitemap-state="/page-not-found/:/"]) .form-readonly .btn {
    display: none;
}

/* 2) Override and show .btn again if a .showButtonsForReadonly parent is found */
body:not([data-sitemap-state="/page-not-found/:/"]) .showButtonsForReadonly .form-readonly .btn {
    display: inline-block; /* or whatever display type you need */
}


.seamlessIframe {
    width: 100%;
    border: none;
    padding-top: 20px;
    overflow: hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    overflow: hidden; /* Fallback */
    overflow-x: hidden;
    overflow-y: auto;
}

    .seamlessIframe:-webkit-scrollbar {
        display: none; /* Chrome, Safari, and Opera */
    }

.modal-lookup .remove-value {
    display: none !important;
}

.entity-associate .selected-records .item:hover {
    color: #3B757C;
    font-weight: 400;
}

legend > h3 {
    font-weight: bold;
    font-size: 15px;
}

legend.show-bar > h3 {
    font-weight: 400;
    font-size: 24px;
}

.dataTables_empty {
    display: none;
}

.validators {
    max-height: 0px;
}

.dropzone .dz-message .dz-button {
    border: 2px dashed #bbb !important;
    padding: 5px !important;
}

    .dropzone .dz-message .dz-button:focus {
        border: 2px solid #1D5358 !important;
        padding: 5px;
    }

.dropzone .dz-preview .dz-remove {
    background: none;
}

.record-count {
    padding-left: 15px;
}

.tabletPortraitPreview .browserPreviewFrameBorder {
    padding: 0px !important;
}

.showPlaceholder::placeholder {
    opacity: 0.5 !important;
    color: var(--portalThemeColor1) !important;
}

.larger-secondary-section > .col-sm-6 {
    width: 75%;
}

    .larger-secondary-section > .col-sm-6 ~ .col-sm-6 {
        width: 25%;
    }

.view-grid.table-responsive{
    overflow-x:visible;
}

.mandatorySection:after {
    content: ' *';
    color:#a94442;
}

select.hideEmptyOptionsetValue option:first-child {
    display: none;
}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.hidden-column {
    display: none;
}

/* Popover container + text */
body .popover {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}

    /* Popover body text */
    body .popover .popover-content {
        color: #fff !important;
        background-color: #000 !important;
    }

    /* TOP */
    body .popover.top > .arrow {
        border-top-color: #000 !important;
    }

        body .popover.top > .arrow:after {
            border-top-color: #000 !important;
        }

    /* RIGHT */
    body .popover.right > .arrow {
        border-right-color: #000 !important;
    }

        body .popover.right > .arrow:after {
            border-right-color: #000 !important;
        }

    /* BOTTOM */
    body .popover.bottom > .arrow {
        border-bottom-color: #000 !important;
    }

        body .popover.bottom > .arrow:after {
            border-bottom-color: #000 !important;
        }

    /* LEFT */
    body .popover.left > .arrow {
        border-left-color: #000 !important;
    }

        body .popover.left > .arrow:after {
            border-left-color: #000 !important;
        }

.selected-records .remove {
    min-height: 24px;
    min-width: 24px;
}

.selected-records.panel-body{
    height:100%
}

.footer-bottom .nav > li > a:focus {
    background-color: #78d1f5 !important;
    color: #081e3f !important;
}

.footer-bottom .nav > li > a:focus > p {
    color: #081e3f !important;
}

/* Default favourite icon colour */
.favouriteIcon {
    color: #B45309;
}

/* Alert row background */
.alertGridRow {
    background-color: #D64040 !important;
}
    .alertGridRow :is(td, .btn-default, .favouriteIcon, a:not(.dropdown-menu a)) {
        color: #FFFFFF !important;
    }

    .alertGridRow :is(a:not(.dropdown-menu a)) {
        color: #000000 !important;
    }

.btn-default:focus, .btn-default:hover, .btn-info:focus, .btn-info:hover {
    background-color: #3B757C !important;
    border-color: #3B757C !important;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #3B757C !important;
}

.a, .a:hover, .a:focus {
    color: #3B757C !important;
}

.fa-stack,
.fa-stack * {
    line-height: 1 !important;
}

.fa-stack {
    vertical-align: top; 
}

.insideFaIcon{
    padding-top: 20%;
}

.nav a {
    word-wrap: break-word;
}


p.siteTitle,
.navbar-static-top.navbar-inverse .navbar-brand a p.siteTitle,
.navbar-static-top.navbar-inverse .navbar-brand a p.siteTitle > span {
    display: inline;
    vertical-align: middle;
    color: #FFFFFF;
    font-family: Caveat;
    font-weight: 400;
    font-size: 24px !important;
}

.checkboxCell {
    text-align: right;
}

.selectAllRows {
    text-align: right;
}

    .selectAllRows > div {
        display: inline-block; 
    }

    .selectAllRows input[type="checkbox"]{
        margin-right:10px;
    }

    .selectAllRows input[type="checkbox"],
    .selectAllRows label {
        vertical-align: middle;
    }

    .selectAllRows label {
        margin: 0 0 0 6px;
        cursor: pointer;
        margin-right: 5px;
    }

        .selectAllRows label p {
            margin: 0;
            display: inline; /* prevents paragraph baseline shift */
        }

.gridIconButton {
    background: none;
    border: none;
    cursor: pointer;
}

.navbar-toggle:focus {
    outline: 3px solid #081e3f !important;
    outline-offset: 4px !important;
}

#terms-and-conditions-section h1 {
    color: #000 !important;
}

#terms-and-conditions-section em {
    font-style: italic !important;
    font-family: serif !important;
}