/* MG class test */
.red-text {
    color: blue;
    content: '\f095';
    font-family: FontAwesome;
    padding-right: 20px;
    font-size: 1.4rem;
}

.white-text:before {
    content: url('phone.png');
}
.white-text {
    color: white; 
    font-family: Roboto; 
    font-weight: 300; 
    font-size: 28px;
}

/* For header legend in profile and documents in portal subgrids */
legend {
    color: #4bbcc0 !important;
}

.crmEntityFormView, .entitylist, .modal-content, .popover-content {
    background-color: #ffffff;
    color: #909090 !important;
    border: 1px solid #f2f2f2 !important;
}

/* For entries in form fields */
.form-control {
    background-color: #ffffff !important;
    color: #909090 !important;
}

/* For width of webpage */
.container {
    width: 80%;
}

/* For controlling the color of the fade that appears around an input field in a portal form */
.form-control:focus { 
    border-color: #4bbcc0 !important; 
    outline: 0; 
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%) !important; 
}

/* For controlling alert box color */
.alert-info {
    background-color: #4bbcc08a;
}

span.xrm-attribute-value-encoded.xrm-attribute-value {
    color: #8d8d8d !important;
}

/* For controlling the color of text labels in fields */
.crmEntityFormView .cell .field-label {
    color: #8d8d8d !important;
}

/* For controlling the colour of text on the buttons with a teal background in the portal */
.btn-primary {
    color: #ffffff !important;
}

/* For main navigation text */
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-family: Roboto, Arial, Noto-Sans-SC, sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
}

/* For hiding divider line in navigation */
.divider-vertical {
    display: none !important;
}

/* For branding radio button internal colour */
input[type="radio"], input[type="checkbox"]:checked::after {
    filter: hue-rotate(152deg) !important;
}

/* For editing size and color of fonts on headings and subheadings in portal form */
.crmEntityFormView .tab-title {
    font-size: 20px !important;
    font-family: Roboto-thin, Arial, Helvetica, sans-serif !important;
    color: #656565 !important;
}

.crmEntityFormView .section-title {
    font-size: 16px !important;
    font-family: Roboto-thin, Arial, Helvetica, sans-serif !important;
    color: #8d8d8d !important;
}

/* For removing border in forms */
.crmEntityFormView, .entitylist, .modal-content, .popover-content {
    border: 1px solid #ffffff !important; 
}

.crmEntityFormView .cell.crmquickform-cell:first-child {
    border-right: 1px solid #ffffff !important;
}

/* For changing color of bar that runs under the title of basic forms */
.crmEntityFormView .tab-title {
    border-bottom: 1px solid #ee7767 !important;
    padding-bottom: 5px;
}

/* For controlling color of progress bar and on success message in advanced forms */
.progress-bar {
    background-color: #4bbcc0 !important;
}

div.message.success {
    background-color: #4bbcc0;
    color: #ffffff;
    font-size: 22px;
}
.message span {
    color: #ffffff !important;
}

/* For changing bullet point styles */
::marker {
    color: #ee7767;
}

/* Footer General Styles */
footer .footer-top {
    background-color: rgb(255 255 255 / 15%);
    min-height: 1px;
    max-height: 5px;
}

footer .footer-bottom {
    width: 100%;
    min-height: 3px;
    max-height: 220px;
    background-color: #ee7767; /* Coral footer color */
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center; /* Center align content inside the footer */
    position: relative; /* Ensure footer stays in flow */
    bottom: 0;
    color: white; /* Ensure text is readable */
}

/* Prevent Overlap and Sticky Footer */
html, body {
    height: 100%; /* Full height layout */
    margin: 0; /* Remove default spacing */
    display: flex;
    flex-direction: column;
}

.container {
    flex: 1; /* Push footer to the bottom */
    margin-bottom: 100px; /* Add space below content to prevent overlap */
}

/* Optional: Adjust Footer Padding */
footer {
    padding-top: 20px; /* Add space inside footer for aesthetics */
    padding-bottom: 20px;
}

/* Footer padding adjustments */
footer .footer-bottom {
    padding-top: 20px; /* Add spacing above the content */
    padding-bottom: 20px; /* Keep consistent spacing below */
    width: 100%;
    background-color: #ee7767; /* Coral color */
    color: white; /* Ensure text readability */
    display: flex;
    justify-content: center; /* Center align content */
}



/* To hide line at bottom of insurance landing page */
hr {
    border-top: 1px solid #ffffff !important;
}

/* For making font Roboto */
body, html, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Arial" !important;
}

h3, .h3 {
    font-size: 18px;
    color: #909090;
}

h1 {
    color: #909090;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-family: "Arial" !important;
}

/* To change the colour of the folders on the subgrid */
.fa-folder {
    color: #4bbcc0;
}
.fa-level-up {
    color: #4bbcc0;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #b3e0dc;
    border-color: #b3e0dc;
}

/* Login button color */
.buttons {
    background-color: #4bbcc0 !important;
}

.alert.alert-success.alert-block {
    background-color: #4bbcc0;
    color: white;
}

/* Pagination styles */
.pagination .active > a,
.pagination .active > a:focus,
.pagination .active > a:hover {
    background-color: #4bbcc0 !important; /* Brand color */
    border-color: #4bbcc0 !important;
    color: white !important; /* Text contrast */
}

.pagination a,
.pagination a:hover,
.pagination a:focus {
    color: #4bbcc0 !important; /* Brand color for inactive links */
    background-color: transparent !important;
}

.pagination a:hover {
    background-color: rgba(75, 188, 192, 0.1) !important; /* Light hover effect */
}
/* Align the list width to match the container */
.entitylist {
    width: 95%; /* Match the container width on larger screens */
    margin: 0 auto; /* Center the list */
}

/* Optional: Table Styling for Cleaner Layout */
.entitylist table {
    width: 100%; /* Ensure the table fits within the list */
    border-collapse: collapse; /* Remove extra spacing between table cells */
}

/* Optional: Adjust Padding */
.entitylist {
    padding: 10px; /* Add spacing around the list for better aesthetics */
}

/* Responsive Adjustments change for save*/
@media (max-width: 768px) { /* For screens smaller than 768px (e.g., tablets, mobile) */
    .entitylist {
        width: 95%; /* Expand the list width to use more space on smaller screens */
        margin: 0 auto; /* Keep it centered */
    }
}

/* Fix for hamburger menu dropdown background */
.navbar-collapse {
    background-color: rgba(255, 255, 255, 0.95); /* Light white background with slight transparency */
    color: #000; /* Ensure text color contrasts well */
}

/* Change primary button background color */
.btn-primary {
    background-color: #4bbcc0 !important; /* Set background to your brand color */
    border-color: #4bbcc0 !important; /* Match border color */
    color: white !important; /* Ensure text is readable */
}

/* Optional: Adjust hover state for primary buttons */
.btn-primary:hover,
.btn-primary:focus {
    background-color: #389ea3 !important; /* Slightly darker teal for hover */
    border-color: #389ea3 !important;
    color: white !important;
}
/* Override the blue color for the sign-in button */
.unified_container .localAccount .entry .buttons button {
    background-color: #4bbcc0 !important; /* Set background to your brand color */
    border-color: #4bbcc0 !important; /* Match border */
    color: white !important; /* Ensure text is readable */
}

/* Optional: Add hover and focus states for consistency */
.unified_container .localAccount .entry .buttons button:hover,
.unified_container .localAccount .entry .buttons button:focus {
    background-color: #389ea3 !important; /* Darker teal for hover */
    border-color: #389ea3 !important;
}

div.message.success a {
    color: #ffffff !important;
    text-decoration: underline; /* or none if preferred */
}