@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
/*Title bar with logo to be on the left-most space*/
.custom-container {
    margin-left: unset;
}

/*Logo styling*/
.header_logo {
    width: 120px;
    max-width:100%;
}

body, p, li, span, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif !important;
}

/*Container*/
@media (min-width: 1200px) {
    .footer_container {
        max-width: 1140px;
    }
}

@media (min-width: 992px) {
    .footer_container {
        max-width: 960px;
    }
}

@media (min-width: 768px) {
    .footer_container {
        max-width: 720px;
    }
}

@media (min-width: 700px) {
    .footer_container {
        max-width: 70%;
    }
}
.visuallyhidden,
    .skiptocontent,
    .skippastcontent {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    .skiptocontent:focus, .skiptocontent:focus-visible {
        position: absolute !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
        clip: auto !important;
        white-space: normal !important;
        z-index: 99999 !important;
        background: black !important;
        color: white !important;
        display: block !important;
    }

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
    outline: 2px dashed #424a52 !important;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 0 0 .2rem #fff;
    outline-offset: 0;
}

.footer_container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 1px solid #00a0af;
    padding-bottom: 30px;
    padding-top:10px;
}

.footer_container .row.no-gutters {
    display:flex;
    font-size:12px !important;
    color:#fff !important;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row{
    flex-wrap:wrap
}

footer a:hover {
    color: #fff !important;
    text-decoration: none;
}

footer a, header a {
    border-bottom: none;
}

footer a {
    font-size: 12px !important;
    color: #fff !important;
    text-decoration: underline !important;
}

.footer_container h3 {
    margin-top: 0px;
}

.footer_container ul{
    padding-left:0px !important;
}

.footer_container li a {
    margin-left: 0px !important;
    padding-left: 0px;
    margin-bottom: 10px;
}

.footer_container h3 a {
    font-family: Raleway, sans-serif !important;
}

.footer_container p{
    font-size:12px;
}

.footer_first_link {
    text-transform: uppercase;
    font-weight: 700 !important;
}

.footer_links_column .links ul li {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    list-style: none;
}

.text-right {
    text-align: right !important;
}

.socialmedia a {
    padding-left: 5px;
    padding-right: 2px;
}

/*Header navigation links*/

.weblink {
    height: 5px;
    padding-right: 30px;
}

    .weblink:hover .nav-link {
        background-color: #ffff !important;
        color: #0B838D !important;
        text-decoration:none !important;
        width:fit-content !important;
    }

    .weblink:hover .subLinkSection {
        display: flex;
    }

    .weblink li>a{
        height:70px;
        margin-left:0px !important;
    }

.subLinkSection {
    display: none;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: white;
    padding: 30px;
    font-size: 12px;
    position:absolute;
    z-index: 2000;
}

    .subLinkSection a.top_level {
        color: #000;
        margin-bottom: 10px;
        font-size: 13px;
        text-transform: uppercase;
        text-decoration: none;
        line-height: 16px;
        font-weight: 700;
        float: left;
        width: 100%;
    }

    .subLinkSection ul {
        list-style: none;
        padding-left: 0;
    }

    .subLinkSection li {
        margin-bottom: 12px !important;
        line-height: 14px;
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        margin-bottom: 5px;
        background: none;
    }

    .subLinkSection .sublinks_column {
        max-width: 245px;
        padding-right: 25px;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        .subLinkSection .sublinks_column:nth-child(2) {
            margin-left: 56px;
        }

.contact_column {
    max-width: 210px;
    padding-right: 25px;
    border-right: 1px solid #00838e;
    text-align: left;
    font-size: 12px;
    line-height: 14px;
}

.nav-tabs-section .subLinkSection a {
    line-height: 16px;
    text-transform: uppercase;
    font-size: 12px;
    margin-left:0px !important;
}

.nav-tabs-section .nav-link {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 30px;
}

.nav-tabs-section .nav-link.active, 
.nav-tabs-section .nav-link:hover {
    color: black !important;
    background-color: white;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: -1px;
}

.nav-tabs-section .nav-link:hover {
    background-color: lightgrey;
    margin-bottom: -6px;
}

.tab-pane {
    padding: 20px;
    background-color: white;
}
.nav-tabs {
    border-bottom: none;
    background-color: #0B838D;
    height: 56px;
    display: flex;
}
.nav-tabs .nav-link {
    border: none;
    border-radius: inherit;
    position: relative;
}

.nav-tabs .nav-link:not(.active)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 40%; /* Adjust the height of the border */
    width: 1px;
    background-color: #D0D5DD;
    transform: translateY(-50%);
}

.nav-tabs .nav-link:first-child::before, .nav-link.active + .nav-link:not(.active)::before, .nav-link:hover + .nav-link:not(.active)::before  {
    display: none;
}

.nav-tabs .nav-link.active, .nav-link:hover {
    border: 1px solid lightgray !important;
    border-bottom: none !important;
    margin-bottom: -6px;
    margin-top: -6px;
    padding-bottom: 10px;
}


.tab-content {
    border-top: none;
    padding-left: 7%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.fade:not(.show) {
    opacity: 0;
    display: none;
}

.tab-pane {
    width: 100%;
}

.nav-tabs-section {
    display: flex;
    width: 95%;
    padding-left:7%;
}

.tab-section {
    display: flex;
    width: 95%;
    z-index: 1;
    border: 1px solid lightgray;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1)
}

.download-pdf {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-transform: uppercase;
}

.link-text, .link-download{
    display: flex;
    align-items: center;
    font-weight: 700;
    color: #0B838D;
    font-size: 16px;
	cursor:pointer;
}

.link-text i {
    margin-right: 4px; /* Adjust the spacing as needed */
    font-size: medium;
    color: #CC4030; /* Make the icon red */
}
.link-download svg {
    margin-right: 4px; /* Adjust the spacing as needed */
    fill: none; /* Increase stroke width to make it bolder */
}

.link-download {
    font-size: 14px;
}

.text-only {
    text-decoration: underline;
    
}

.status-section {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    white-space: normal;
}
.status-info{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 10px;
}

.status-info .badge {
    background-color: #0B838D;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 14px;
    text-transform: uppercase;
    min-width: auto;
}

.list-group {
    flex: 0 0 200px; /* Fixed width for the navigation */
    position: sticky;
    top: 0; /* Keeps the list group fixed while scrolling */
}

.no-underline {
    text-decoration: none;
}
.no-underline:hover {
    text-decoration: none;
}

.list-group-item-action {
    text-decoration: none;
}
.list-group-item-action:hover {
    text-decoration: none;
}
.scrollspy-example {
    position: relative;
    overflow-x: unset; 
    overflow-y: scroll;
    min-height: max-content; /* Ensure it takes full height */
    width: 100%;
    /* max-height: 500px; */
    scroll-behavior: smooth; /* Optional: for smooth scrolling */
    overflow:hidden;
}

.active-header {
    border-bottom-color: #0B838D;
}

.list-group-item.active {
    background-color: white !important;
    color: #0B838D !important;
    font-weight: 700;
}

.list-group-item.active span {
    border-bottom: 2px solid #0B838D !important;
}

.list-group-item:hover span {
    text-decoration: none;
}  

  .list-group-item {
    border-color:#fff !important;
    font-size: 16px;
    font-weight: 500;
    border: none;
    border-color: none;
    padding-left: 0px;
  }

  .list-content {
    display: flex;
    padding: 10px;
    padding-left: 20px;
  }

  .list-content-section {
    flex-direction: column;
    display: flex;
    font-size: 16px;
    padding-bottom: 10px;
  }

  .tab-content .table thead th {
    border-bottom: 1px solid lightgray; 
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
  }
  
  .tab-content .table tbody td {
    border: none; 
    font-size: 16px;
    font-weight: 700;
  }

  .tab-content .table-nobold tbody td {    
    font-weight: inherit !important;
  }

  .tab-content .table td {
    vertical-align: middle; /* Vertically centers the content within each cell */
  }

.table-badge {
    font-weight: 500;
    background-color: #D0D5DD66;
    border-radius: 25px;
    font-size: 14px;
    padding: 2px 10px;
    min-width: auto;
    display: inline-block;
    height: 24px;
}

.license-conditions-section, .registration-history-section {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 30px;
    margin-left: 0px;
}

.list-item-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin:0px;
    padding-bottom: 10.5px;
    padding-left: 10px;
    color: #00436A;
    border-bottom: 2px solid #D0D5DD;
    font-size: 24px;
    font-weight: 700;
}

.list-item-header h4, .list-item-header h2 {
    color: #00436A;
}

.collapse-button,
.collapse-button:hover,
.collapse-button:focus,
.collapse-button[aria-expanded="true"] {
  color: #0B838D;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline !important;
}
/* Adjust for the SVG chevron when expanded */
.collapse-button[aria-expanded="true"] img {
    transform: rotate(180deg); /* Rotate chevron up */
    transition: transform 0.3s ease; /* Smooth rotation */
}

/* Chevron down when collapsed (default state) */
.collapse-button[aria-expanded="false"] img {
    transform: rotate(0deg); /* Chevron points down */
    transition: transform 0.3s ease; /* Smooth rotation */
}

.collapse-button img {
    margin-left: 5px; /* Padding to separate from text */
}
.collapse-button[aria-expanded="true"] i:before {
    content: "\f077"; /* Unicode for chevron-up */
    vertical-align: bottom;
}

.collapse-button i {
    padding-left: 5px;
}
.fa-chevron-down, 
.fa-chevron-up {
    font-size: 18px;
    color: #CC4030;
}

.card  {
    border: none;
    margin-bottom: 0px;
    padding: 10px 0px;
    font-size: 16px;
}

.card-border {
    border-radius: 0px;
    border-bottom: 1px solid lightgrey;
}

.collapse .card-border:not(:last-child) {
    border-bottom: 1px solid lightgrey;
}
.collapse .card-border:last-child {
    border-bottom: none;
}

.training-group-item.active {
    background-color: white !important;
    color: #0B838D !important;
    font-weight: 700;
    border-bottom: 2px solid #0B838D !important;
}

.training-content-section {
    flex-direction: row;
    display: flex;
    font-size: 16px;
    padding-bottom: 10px;
}

.link-text-download {
    font-weight: 700;
    color: #0B838D;
    font-size: 16px;
    text-decoration: underline;
}


.quick-search-content h4{
    font-size: 32px;
    padding-top: 5px;
    font-weight: 700;
    margin-bottom: 0px;
}

.quick-search-content h3{
    font-size: 36px;
    color: #0B838D;
    font-weight: 700;
}
.quick-search-links, .advanced-search-links {
    width: 160px;
}

.accordian-quick-search-links{
    width: 100%;
}

.advanced-search-links h2,
.quick-search-links h2,
.quick-search-links .parent{
    color: #000;
    font-size: 12px;
    line-height: 12px;
    float: left;
    width: 100%;
    padding-bottom: 14px;
    margin-bottom: 20px;
    border-bottom: 0.5px solid #d3d3d3;
    text-transform: uppercase;
    font-weight: 700;
}

.advanced-search-links .parent a,
.quick-search-links .parent a {
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}

.accordian-quick-search-links ul,
.advanced-search-links ul,
.quick-search-links ul {
    padding: 0px;
    margin-bottom: 10px;
}

.accordian-quick-search-links ul li,
.advanced-search-links ul li,
.quick-search-links ul li  {
    list-style: none;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    line-height: 14px;
}

.advanced-search-links ul li a, 
.quick-search-links ul li a {
    float: left;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 14px;
    border-bottom: 1px solid #fff;
    padding-bottom: 6px;
    margin-bottom: 20px;
}

.accordian-quick-search-links ul li a {
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 14px;
    border-bottom: 1px solid #fff;
    padding-bottom: 6px;
    margin-bottom: 20px;
}

.accordian-quick-search-links ul li a:hover,
.advanced-search-links ul li a:hover,
.quick-search-links ul li a:hover {
    color: #0B838D;
}

input.form-control {
    border-radius: 0px;
    border: 1px solid #D0D5DD;
}

.form-label {
    font-size: 12px;
}

.form-check-inline .form-label{
    font-size: 14px;
    font-weight: 500;
}

.search-button {
    background-color: #C73928 !important;
    border: #C73928 !important;
    padding: 6px 14px !important;
    width: 133px !important;
    height: 44px !important;
    font-weight: bold !important;
}

.search-button:hover {
    background-color: white !important;
    border: 2px solid #C73928 !important;
    padding: 6px 14px !important;
    width: 133px !important;
    height: 44px !important;
    font-weight: bold !important;
    color: #C73928 !important;
}

.clear-button {
    background-color: #013C5F !important;
    border: #013C5F !important;
    padding: 6px 14px !important;
    width: 133px !important;
    height: 44px !important;
    font-weight: bold !important;
}

.clear-button:hover {
    background-color: white !important;
    border: 2px solid #013C5F !important;
    padding: 6px 14px !important;
    width: 133px !important;
    height: 44px !important;
    font-weight: bold !important;
    color: #013C5F !important;
}

.form-check-input {
    width: 20px !important;
    height: 20px !important;
    margin-top: .25em !important;
}

.form-check-input:checked {
    background-color: #179DAB33 !important;
    border-color: #0B838D !important;
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%230B838D' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3 6-6'/%3E%3C/svg%3E");
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%230B838D'/%3E%3C/svg%3E");
}


.advanced-search-content h2{
    font-size: 32px;
    padding-top: 5px;
    font-weight: 700;
    margin-bottom: 0px;
}

.advanced-search-content h1{
    font-size: 36px;
    color: #0B838D;
    font-weight: 700;
    padding-bottom: 10px;
}

select.form-select {
    border-radius: 0px;
    border: 1px solid #D0D5DD;
}

.search-results-search h4{
    font-size: 24px;
    color: #00436A;
    font-weight: 700;
    padding-bottom: 10px;
}

.search-results {
    display: flex;
    flex-direction: column;
}

.search-results h4{
    font-size: 24px;
    color: #00436A;
    font-weight: 700;
}

.search-results .table thead th {
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
    color: #717171;
    border-color: black;
    vertical-align: middle;
}
  
.search-results  .table tbody td {
    font-size: 14px;
}

.search-results .table td {
    vertical-align: middle; /* Vertically centers the content within each cell */
    border-color: black;
    padding-top: 12px;
    padding-bottom: 12px;
}

table.dataTable.no-footer {
    border-bottom: 0px !important;
}

.search-results .cpso-badge {
    font-weight: 500;
    background-color: #0B838D26;
    padding: 2px 10px;
    border-radius: 16px;
}

.search-results .speciality-badge {
    color: white;
    font-weight: 500;
    background-color: #00436ACC;
    padding: 4px 10px;
    border-radius: 16px;
    width: fit-content;
}

#physician-name a {
    font-weight: bold;
    display: inline-block;
    color: #000000;
    width: 100%;
}

#physician-name a:hover {
    text-decoration: none !important;
}

#cpso-badge a {
    color: #000000;
    width:100%;
    display: inline-block;
}

.hidden {
    display: none;
}

.specialities-container-wrapper {
    position: relative;
    white-space: nowrap;
    height: 100%;
}

.specialities-container-wrapper:hover .speciality-badge.hidden {
    display: inline-block;
}

.specialities-container-wrapper:hover .speciality-badge:first-of-type {
    display: inline-block;
}

.specialities-container {
    display: inline-block;
    white-space: nowrap;
}

.extra-info-content {
    display: none;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.specialities-container-grid {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 5px;
}

.phone-fax {
    margin-left: 20px;
    font-weight: 400;
    color: #717171;
    text-align: left;
    width: 30%;
}

.memberstatus-badge {
    background-color: #0B838D;
    float: left;
    font-size: 14px;
    font-weight: 500;
    padding: 2px 10px;
    text-transform: uppercase;
    min-width: auto;
}


.info-pages {
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
    padding-bottom: 20px;
    color: #717171;
    font-size: 12px;
    font-weight: 500;
}

#physicianTable_wrapper .dataTables_paginate {
    display: flex;
    justify-content: center;
    float: none;
}
#physicianTable_wrapper .dataTables_paginate a {
    margin: 0 5px;
    text-decoration: none;
    color: black;
}
#physicianTable_wrapper .dataTables_paginate .current {
    background-color: #D5E8E6;
    border: 1px solid #8AABAA;
    padding: 5px 10px;
    border-radius: 3px;
}

.custom-pagination-container {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.custom-pagination-container a{
   cursor: pointer;
   text-decoration: none;
}
.custom-pagination-container span {
    margin: 0 5px;
}
.custom-pagination-container a {
    margin: 0 5px;
    text-decoration: none;
    color: black;
    font-size: 14px;
    font-weight: 500;
}
.custom-pagination-container .active {
    background-color: #D5E8E6;
    border: 1px solid #8AABAA;
    padding: 0px 5px;
}
.custom-pagination-container .disabled {
    color: #CCCCCC;
}

.validation-errors {
    display: none;
    justify-content: center;
    background-color: #F7EDEE;
    width: 70%;
    font-size: 14px;
    border: 1px solid #CC4030;
    padding: 10px;
    margin-bottom: 10px;
}

.validation-errors span {
    color: #CC4030; 
    font-weight: 500;
}

.custom-tooltip.tooltip > .tooltip-inner
{
    background-color: white;
    color: black;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1)
}

.custom-tooltip.tooltip > .tooltip-arrow {
    visibility: hidden;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 8px 10px !important;
}

/* Hide mobile view by default and show it only under 992px */
.mobile-view {
    display: none;
}

.btn {
    border-radius: 0px !important;
}
.advanced-search {
    padding: 20px 0px;
}

td.related-column{
    padding-top:0px;
    
}

.badge-message {
    width: 80px;
    height: 67px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    background-color: white;
    padding-right: 2px;
    border: 1px solid lightgray;
    position: absolute;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin-top: -6px;
}

a.quick-link-physicianregister{
    color: #0B838D !important;
}

/* Media query for screens less than 992px wide */
@media  only screen and (max-width: 1200px) {
    .desktop-view {
        display: none; /* Hide desktop-specific elements */
    }
    .mobile-view {
        display: block; /* Show mobile-specific elements */
    }
    .search-results-search {
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 50px 20px;
    }
    
    .quick-search, .advanced-search {
        display: flex;
        justify-content: center;
    }

    .quick-search-content {
        width: 80%;
    }

    .advanced-search-content {
        width: 80%;
    }
    /* Update form elements */
    .mb-3 {
        width: 90% !important; /* Set width to 80% on mobile */
        margin-right: 0 !important; /* Remove margin-right on mobile */
    }

    .mb-3 {
        display: flex;
        flex-direction: column; /* Stack elements vertically */
        align-items: stretch;   /* Ensure full width for each child */
    }

    .form-group {
        width: 100% !important;  /* Ensure full width on mobile */
        margin-right: 0 !important; /* Remove margin on mobile */
        margin-bottom: 15px; /* Add some spacing between the stacked items */
    }

    .form-check-group {
        flex-direction: column; /* Stack checkboxes vertically */
    }
    .search-buttons {
        display: flex;
        justify-content: space-between;
        width: 90%;
        gap: 20px;
    }
    .mobile-checkboxlabel {
        padding-left: 5px;
        padding-top: 5px;
    }
    .doctor-name {
        font-size: 20px;
        font-weight: 700;
        padding-bottom: 5px;
		white-space: normal
    }
    .doctor-info {
        justify-content: center;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .doctor-info .badge {
        background-color: #0B838D;
        font-size: 14px;
        font-weight: 600;
        padding: 10px 14px;
        text-transform: uppercase;
        min-width: auto;
    }
    .info-section {
        margin-top: 10px;
        padding: 20px 40px;
        border-top: 1px solid lightgray ;
    }
   .accordion-item {
        margin: 20px;
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
        border: 0px;
    }
    .accordion-flush .accordion-item .accordion-button {
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .accordion-accordion:not(.collapsed) {
        color: black;
        background-color: white;
        box-shadow: none;
    }
    .accordion-accordion:focus {
        box-shadow: none;
    }
    .custom-accordion.accordion-button::after {
        background-image: none;
        content: "\f067"; /* FontAwesome plus icon */
        font-family: "Font Awesome 5 Free"; /* Make sure Font Awesome is loaded */
        font-weight: 900;
        color: #cc4030;
        margin-left: auto; /* Align the icon to the right */
        height: auto;
        width: auto;
    }
    
    .custom-accordion.accordion-button:not(.collapsed)::after {
        background-image: none;
        content: "\f068"; /* FontAwesome minus icon */
    }

    /* Ensure correct icon for the open summary tab on page load */
    #flush-collapseOne.show .custom-accordion.accordion-button::after {
        content: "\f068"; /* FontAwesome minus icon */
    }
    .list-item-header {
        padding-left: 0px !important;
        border-bottom: none;
        font-family: inherit;
        font-size: 20px;
    }
    .list-content {
        flex-direction: column;
        padding: 0px;
        padding-left: 0px;
    }
    .additional-info {
        flex-direction: column;
    }
    .training-content-section {
        flex-direction: column;   
    }
    .license-conditions-section, .registration-history-section{
        width: auto;
        margin: 0px;
    }
    .registration-history-section .list-item-header { 
        padding-left: 20px !important;
    }
    .tooltip-section {
        display: flex;
        flex-direction: row;
        padding: 10px;
    }
    .search-results .speciality-badge {
        padding: 4px 10px !important;
    }

    .list-content .practice-conditions {
        width: 100%; 
        padding-bottom: 10px;
    }

    .nav-link-accordian {
        display: flex;
        justify-content: center;      /* Center the text horizontally */
        align-items: center;          /* Center the text vertically */
        position: relative;           /* To position the chevron on the right */
        width: 100%;
        padding-right: 30px;          /* Add padding to the right to make space for the chevron */
        text-align: center;
        background-image: none;       /* Remove any background image from Bootstrap */
    }
    
    .nav-link-accordian.accordion-button::after {
        content: none !important;     /* Remove Bootstrap's default chevron icon */
    }
    
    /* Style for the SVG chevron */
    .nav-link-accordian img {
        position: absolute;
        right: 10px;                   /* Align the chevron to the far right */
        color: #cc4030;                /* Custom color for the chevron */
        transition: transform 0.3s ease; /* Smooth rotation */
        width: 16px;                   /* Set size for the chevron */
        height: 16px;                  /* Set size for the chevron */
    }

    /* Rotate the chevron up when accordion is expanded */
    .nav-link-accordian[aria-expanded="true"] img {
        transform: rotate(180deg);      /* Chevron points up */
    }

    /* Chevron points down when accordion is collapsed (default state) */
    .nav-link-accordian[aria-expanded="false"] img {
        transform: rotate(0deg);        /* Chevron points down */
    }
    
    
}

/* Optional: Media query for screens wider than 992px to reinforce visibility */
@media (min-width: 1200px) {
    .desktop-view {
        display: block;
    }
    .mobile-view {
        display: none;
    }

    .quick-search, .advanced-search {
        display: flex;
        justify-content: space-around;
    }

    .search-results-search {
        display: flex;
        position: relative;
        background-color: white;
        justify-content: center;
        flex-direction: column;
        padding: 50px 20px;
        border-left: 1px solid #D0D5DD;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1)
    }
    .search-buttons {
        display: flex;
        gap: 20px;
    }

    .quick-search-content {
        width: 70% !important;
    }
    .doctor-name {
        font-size: 32px;
        font-weight: 700;
        padding-bottom: 5px;
		white-space: normal
    }
    .doctor-info{
        display: flex;
        flex-direction: column;
        padding-left: 3%;
    }
    .info-section {
        margin: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .additional-info {
        flex-direction: row;
    }
    .tooltip-section {
        display: flex;
        flex-direction: row;
        padding: 10px;
        border: 1px solid #D9D9D9;
    }
    .list-content .practice-conditions {
        width: 80%; 
        padding-bottom: 10px;
    }
}



@media print {
    header, footer, aside,.navbar,.custom-container,.link-text,.link-download, .list-group, .nav, .list-example, .list-group-item-action, form, iframe, .menu, .hero, .adslot {
        display: none;
    }
	#collapseExample {
		display:block;
	}
    .scrollspy-example {
        width: 100%;
		overflow-y: hidden;
		height: auto;
    }

    .list-group {
        width: 0%;
    }

    .tab-pane {
        width: 100%;
    }

    .tab-pane {
        display: block;
        padding-left: 100px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .license-conditions-section
    , .registration-history-section {
            margin:0px;
    }
    .tab-section {
        display: block;
    }

    .fade:not(.show) {
        transition: none;
        opacity: 100%;
        display: block
    }
    /*Show collapsed sections*/
    .collapse:not(.show){       
        display: block
    }
    /*Hide Collapsing buttons*/
    .collapse-button{
        display: none;
    
    }
    /* Hide mobile-specific elements */
    .mobile-view {
        display: none;
    
    }

    .doctor-name {
        font-size: 24px;
        font-weight: 700;
        padding-bottom: 5px;
		white-space: normal
    }
    .doctor-info{
        display: flex;
        flex-direction: column;
    }
    .info-section {
        margin: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .printInfo{
        display:block
    }
    #registrant-panel, .registrant-trigger{
        display:none !important
    }
}
@media screen{
    .printInfo{
        display:none
    }
}@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
/*Title bar with logo to be on the left-most space*/
.custom-container {
    margin-left: unset;
}

/*Logo styling*/
.header_logo {
    width: 120px;
    max-width:100%;
}

body, p, li, span, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif !important;
}

/*Container*/
@media (min-width: 1200px) {
    .footer_container {
        max-width: 1140px;
    }
}

@media (min-width: 992px) {
    .footer_container {
        max-width: 960px;
    }
}

@media (min-width: 768px) {
    .footer_container {
        max-width: 720px;
    }
}

@media (min-width: 700px) {
    .footer_container {
        max-width: 70%;
    }
}

.footer_container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 1px solid #00a0af;
    padding-bottom: 30px;
    padding-top:10px;
}

.footer_container .row.no-gutters {
    display:flex;
    font-size:12px !important;
    color:#fff !important;
}

.footer-main .no-gutters {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.row{
    flex-wrap:wrap
}

footer a:hover {
    color: #fff !important;
    text-decoration: none;
}

footer a, header a {
    border-bottom: none;
}

footer a {
    font-size: 12px !important;
    color: #fff !important;
    text-decoration: underline !important;
}

.footer_container h3 {
    margin-top: 0px;
}

.footer_container ul{
    padding-left:0px !important;
}

.footer_container li a {
    margin-left: 0px !important;
    padding-left: 0px;
    margin-bottom: 10px;
}

.footer_container h3 a {
    font-family: Raleway, sans-serif !important;
}

.footer_container p{
    font-size:12px;
}

.footer_first_link {
    text-transform: uppercase;
    font-weight: 700 !important;
}

.footer_links_column .links ul li {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    list-style: none;
}

.text-right {
    text-align: right !important;
}

.socialmedia a {
    padding-left: 5px;
    padding-right: 2px;
}

/*Header navigation links*/

.weblink {
    height: 5px;
    padding-right: 30px;
    position: relative; /* Ensure positioning context for absolute children */
}

    .weblink:hover .nav-link {
        background-color: #ffff !important;
        color: #0B838D !important;
        text-decoration:none !important;
        width:fit-content !important;
    }

    .weblink:hover .subLinkSection {
        display: flex;
    }

    .weblink li>a{
        height:45px;
        margin-left:0px !important;
    }

.subLinkSection {
    display: none;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: white;
    padding: 30px;
    font-size: 12px;
    position:absolute;
    z-index: 2000;
}

    .subLinkSection a.top_level {
        color: #000;
        margin-bottom: 10px;
        font-size: 13px;
        text-transform: uppercase;
        text-decoration: none;
        line-height: 16px;
        font-weight: 700;
        float: left;
        width: 100%;
    }

    .subLinkSection ul {
        list-style: none;
        padding-left: 0;
    }

    .subLinkSection li {
        margin-bottom: 12px !important;
        line-height: 14px;
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        margin-bottom: 5px;
        background: none;
    }

    .subLinkSection .sublinks_column {
        max-width: 245px;
        padding-right: 25px;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        .subLinkSection .sublinks_column:nth-child(2) {
            margin-left: 56px;
        }

.contact_column {
    max-width: 210px;
    padding-right: 25px;
    border-right: 1px solid #00838e;
    text-align: left;
    font-size: 12px;
    line-height: 14px;
}

.nav-tabs-section .subLinkSection a {
    line-height: 16px;
    text-transform: uppercase;
    font-size: 12px;
    margin-left:0px !important;
}

.nav-tabs-section .nav-link {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 30px;
}

.nav-tabs-section .nav-link.active, 
.nav-tabs-section .nav-link:hover {
    color: black !important;
    background-color: white;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: -1px;
}

.nav-tabs-section .nav-link:hover {
    background-color: lightgrey;
    margin-bottom: -6px;
}

.tab-pane {
    padding: 20px;
    background-color: white;
}
.nav-tabs {
    border-bottom: none;
    background-color: #0B838D;
    height: 56px;
    display: flex;
}
.nav-tabs .nav-link {
    border: none;
    border-radius: inherit;
    position: relative;
}

.nav-tabs .nav-link:not(.active)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 40%; /* Adjust the height of the border */
    width: 1px;
    background-color: #D0D5DD;
    transform: translateY(-50%);
}

.nav-tabs .nav-link:first-child::before, .nav-link.active + .nav-link:not(.active)::before, .nav-link:hover + .nav-link:not(.active)::before  {
    display: none;
}

.nav-tabs .nav-link.active, .nav-link:hover {
    border: 1px solid lightgray !important;
    border-bottom: none !important;
    margin-bottom: -6px;
    margin-top: -6px;
    padding-bottom: 10px;
}


.tab-content {
    border-top: none;
    padding-left: 6%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.fade:not(.show) {
    opacity: 0;
    display: none;
}

.tab-pane {
    width: 100%;
}

.nav-tabs-section {
    display: flex;
    width: 85%;
    padding-left:6%;
}

.tab-section {
    display: flex;
    width: 95%;
    z-index: 1;
    border: 1px solid lightgray;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1)
}

.download-pdf {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-transform: uppercase;
}

.link-text, .link-download{
    display: flex;
    align-items: center;
    font-weight: 700;
    color: #0B838D;
    font-size: 16px;
	cursor:pointer;
}

.link-text i {
    margin-right: 4px; /* Adjust the spacing as needed */
    font-size: medium;
    color: #CC4030; /* Make the icon red */
}
.link-download svg {
    margin-right: 4px; /* Adjust the spacing as needed */
    fill: none; /* Increase stroke width to make it bolder */
}

.link-download {
    font-size: 14px;
}

.text-only {
    text-decoration: underline;
    
}

.banner-section {
    margin: 20px 0px;
    padding-left: 20px;
    padding-right: 20px;
}

.status-section {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    white-space: normal;
}
.status-info{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 10px;
}

.status-info .badge {
    background-color: #0B838D;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 14px;
    text-transform: uppercase;
    min-width: auto;
}

.list-group {
    flex: 0 0 200px; /* Fixed width for the navigation */
    position: sticky;
    top: 0; /* Keeps the list group fixed while scrolling */
}

.no-underline {
    text-decoration: none;
}
.no-underline:hover {
    text-decoration: none;
}

.list-group-item-action {
    text-decoration: none;
}
.list-group-item-action:hover {
    text-decoration: none;
}
.scrollspy-example {
    position: relative;
    overflow-x: unset; 
    overflow-y: scroll;
    min-height: max-content; /* Ensure it takes full height */
    width: 100%;
    scroll-behavior: smooth; /* Optional: for smooth scrolling */
    overflow:hidden;
}

.active-header {
    border-bottom-color: #0B838D;
}

.list-group-item.active {
    background-color: white !important;
    color: #0B838D !important;
    font-weight: 700;
}

.list-group-item.active span {
    border-bottom: 2px solid #0B838D !important;
}

.list-group-item:hover span {
    text-decoration: none;
}  

  .list-group-item {
    border-color:#fff !important;
    font-size: 16px;
    font-weight: 500;
    border: none;
    border-color: none;
    padding-left: 0px;
  }

  .list-content {
    display: flex;
    padding: 10px;
    padding-left: 20px;
  }

  .list-content-section {
    flex-direction: column;
    display: flex;
    font-size: 16px;
    padding-bottom: 10px;
  }

  .tab-content .table thead th {
    border-bottom: 1px solid lightgray; 
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
  }
  
  .tab-content .table tbody td {
    border: none; 
    font-size: 16px;
    font-weight: 700;
  }

  .tab-content .table-nobold tbody td {    
    font-weight: inherit !important;
  }

  .tab-content .table td {
    vertical-align: middle; /* Vertically centers the content within each cell */
  }

  .table-badge {
    font-weight: 500;
    background-color: #D0D5DD66;
    border-radius: 25px;
    font-size: 14px;
    padding: 2px 10px;
    min-width: auto;
    display: inline-block;
    height: 24px;
}

.license-conditions-section, .registration-history-section {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin:30px;
    margin-left: 0px;
}

.list-item-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin:0px;
    padding-bottom: 10.5px;
    padding-left: 10px;
    color: #00436A;
    border-bottom: 2px solid #D0D5DD;
}

.list-item-header h4 {
    color: #00436A;
}

.list-item-header-sub{
    font-size: 20px;
}

.collapse-button,
.collapse-button:hover,
.collapse-button:focus,
.collapse-button[aria-expanded="true"] {
  color: #0B838D;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline !important;
}
.collapse-button[aria-expanded="true"] i:before {
    content: "\f077"; /* Unicode for chevron-up */
    vertical-align: bottom;
}

.collapse-button i {
    padding-left: 5px;
}
.fa-chevron-down, 
.fa-chevron-up {
    font-size: 18px;
    color: #CC4030;
}

.card  {
    border: none;
    margin-bottom: 0px;
    padding: 10px 0px;
    font-size: 16px;
}

.card-border {
    border-radius: 0px;
    border-bottom: 1px solid lightgrey;
}

.collapse .card-border:not(:last-child) {
    border-bottom: 1px solid lightgrey;
}
.collapse .card-border:last-child {
    border-bottom: none;
}

.training-group-item.active {
    background-color: white !important;
    color: #0B838D !important;
    font-weight: 700;
    border-bottom: 2px solid #0B838D !important;
}

.training-content-section {
    flex-direction: row;
    display: flex;
    font-size: 16px;
    padding-bottom: 10px;
}

.link-text-download {
    font-weight: 700;
    color: #0B838D;
    font-size: 16px;
    text-decoration: underline;
}

.quick-search-content h2{
    font-size: 32px;
    padding-top: 5px;
    font-weight: 700;
    margin-bottom: 0px;
}

.quick-search-content h1{
    font-size: 36px;
    color: #0B838D;
    font-weight: 700;
}

input.form-control {
    border-radius: 0px;
    border: 1px solid #D0D5DD;
}

.form-label {
    font-size: 12px;
}

.form-check-inline .form-label{
    font-size: 14px;
    font-weight: 500;
}

.search-button {
    background-color: #C73928 !important;
    border: #C73928 !important;
    padding: 6px 14px !important;
    width: 133px !important;
    height: 44px !important;
    font-weight: bold !important;
}

.search-button:hover {
    background-color: white !important;
    border: 2px solid #C73928 !important;
    padding: 6px 14px !important;
    width: 133px !important;
    height: 44px !important;
    font-weight: bold !important;
    color: #C73928 !important;
}

.clear-button {
    background-color: #013C5F !important;
    border: #013C5F !important;
    padding: 6px 14px !important;
    width: 133px !important;
    height: 44px !important;
    font-weight: bold !important;
}

.clear-button:hover {
    background-color: white !important;
    border: 2px solid #013C5F !important;
    padding: 6px 14px !important;
    width: 133px !important;
    height: 44px !important;
    font-weight: bold !important;
    color: #013C5F !important;
}

.form-check-input {
    width: 20px !important;
    height: 20px !important;
    margin-top: .25em !important;
}

.form-check-input:checked {
    background-color: #179DAB33 !important;
    border-color: #0B838D !important;
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%230B838D' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3 6-6'/%3E%3C/svg%3E");
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%230B838D'/%3E%3C/svg%3E");
}


.advanced-search-content h4{
    font-size: 32px;
    padding-top: 5px;
    font-weight: 700;
    margin-bottom: 0px;
}

.advanced-search-content h3{
    font-size: 36px;
    color: #0B838D;
    font-weight: 700;
    padding-bottom: 20px;
}

select.form-select {
    border-radius: 0px;
    border: 1px solid #D0D5DD;
}

.search-results-search h1,
.search-results-search h2,
.search-results-search h4{
    font-size: 24px;
    color: #00436A;
    font-weight: 700;
    padding-bottom: 10px;
}

.search-results {
    display: flex;
    flex-direction: column;
}

.search-results h1,
.search-results h4{
    font-size: 24px;
    color: #00436A;
    font-weight: 700;
}

.search-results .table thead th {
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
    color: #717171;
    border-color: black;
    vertical-align: middle;
}
  
.search-results  .table tbody td {
    font-size: 14px;
}

.search-results .table td {
    vertical-align: middle; /* Vertically centers the content within each cell */
    border-color: black;
    padding-top: 12px;
    padding-bottom: 12px;
}

.search-results .table tr{
    cursor: pointer;
}

table.dataTable.no-footer {
    border-bottom: 0px !important;
}

.search-results .cpso-badge {
    font-weight: 400;
    background-color: #0B838D26;
    padding: 2px 10px;
    border-radius: 16px;
    height: 24px;
    display: inline-block;
}

.search-results .speciality-badge {
    color: white;
    font-weight: 400;
    background-color: #00436ACC;
    padding: 4px 10px;
    border-radius: 16px;
    width: fit-content;
}

.hidden {
    display: none;
}

.specialities-container-wrapper {
    position: relative;
    white-space: nowrap;
    height: 100%;
}

.specialities-container-wrapper:hover .speciality-badge.hidden {
    display: inline-block;
}

.specialities-container-wrapper:hover .speciality-badge:first-of-type {
    display: inline-block;
}

.specialities-container {
    display: inline-block;
    white-space: nowrap;
}

.extra-info-content {
    display: none;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.specialities-container-grid {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 5px;
}

@media  only screen and (max-width: 1300px) { 
    .specialities-container-grid {
        display: grid;
        grid-template-columns: repeat(2, auto);
        gap: 5px;
    }
}

.phone-fax {
    margin-left: 20px;
    font-weight: 400;
    color: #717171;
    text-align: left;
    width: 30%;
}

.memberstatus-badge {
    background-color: #0B838D;
    font-size: 14px;
    font-weight: 400;
    padding: 2px 10px;
    text-transform: uppercase;
    min-width: auto;
    display: inline-block;
    height: 24px;
}


.info-pages {
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
    padding-bottom: 20px;
    color: #717171;
    font-size: 12px;
    font-weight: 500;
}

#physicianTable_wrapper .dataTables_paginate {
    display: flex;
    justify-content: center;
    float: none;
}
#physicianTable_wrapper .dataTables_paginate a {
    margin: 0 5px;
    text-decoration: none;
    color: black;
}
#physicianTable_wrapper .dataTables_paginate .current {
    background-color: #D5E8E6;
    border: 1px solid #8AABAA;
    padding: 5px 10px;
    border-radius: 3px;
}

.custom-pagination-container {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.custom-pagination-container a{
   cursor: pointer;
   text-decoration: none;
}
.custom-pagination-container span {
    margin: 0 5px;
}
.custom-pagination-container a {
    margin: 0 5px;
    text-decoration: none;
    color: black;
    font-size: 14px;
    font-weight: 500;
}
.custom-pagination-container .active {
    background-color: #D5E8E6;
    border: 1px solid #8AABAA;
    padding: 0px 5px;
}
.custom-pagination-container .disabled {
    color: #CCCCCC;
}

.no-results-error {
    display: inline-block;
    justify-content: center;
    background-color: #F7EDEE;
    width: 70%;
    font-size: 14px;
    border: 1px solid #CC4030;
    padding: 10px;
    margin-bottom: 10px;
}

.validation-errors {
    display: none;
    justify-content: center;
    background-color: #F7EDEE;
    width: 70%;
    font-size: 14px;
    border: 1px solid #CC4030;
    padding: 10px;
    margin-bottom: 10px;
}

.validation-errors span {
    color: #CC4030; 
    font-weight: 500;
}

.custom-tooltip.tooltip > .tooltip-inner
{
    background-color: white;
    color: black;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1)
}

.custom-tooltip.tooltip > .tooltip-arrow {
    visibility: hidden;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 8px 10px !important;
}

/* Hide mobile view by default and show it only under 992px */
.mobile-view {
    display: none;
}

.btn {
    border-radius: 0px !important;
}
.advanced-search {
    padding: 20px 0px;
}

td.related-column{
    padding-top:0px;
    
}

 .message {
    color: black !important;
    background-color: white;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: -1px;
    z-index: 100;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 30px;
}
.private-mode-banner {
    position: fixed !important;
    top: 0;
}

.reg-class-nonrestricted{
    cursor: default !important;
}
/* Media query for screens less than 992px wide */
@media  only screen and (max-width: 1200px) {
    .desktop-view {
        display: none; /* Hide desktop-specific elements */
    }
    .mobile-view {
        display: block; /* Show mobile-specific elements */
    }

    .search-results-search {
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 50px 20px;
    }
    .quick-search-content {
        width: 80%;
    }

    .advanced-search-content {
        width: 80%;
    }
    /* Update form elements */
    .mb-3 {
        width: 90% !important; /* Set width to 80% on mobile */
        margin-right: 0 !important; /* Remove margin-right on mobile */
    }

    .mb-3 {
        display: flex;
        flex-direction: column; /* Stack elements vertically */
        align-items: stretch;   /* Ensure full width for each child */
    }

    .form-group {
        width: 100% !important;  /* Ensure full width on mobile */
        margin-right: 0 !important; /* Remove margin on mobile */
        margin-bottom: 15px; /* Add some spacing between the stacked items */
    }

    .form-check-group {
        flex-direction: column; /* Stack checkboxes vertically */
    }
    .search-buttons {
        display: flex;
        justify-content: space-between;
        width: 90%;
        gap: 20px;
    }
    .mobile-checkboxlabel {
        padding-left: 5px;
        padding-top: 5px;
    }
    .doctor-name {
        font-size: 20px;
        font-weight: 700;
        padding-bottom: 5px;
		white-space: normal;
        text-align:center;
    }
    .doctor-info {
        justify-content: center;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .doctor-info .badge {
        background-color: #0B838D;
        font-size: 14px;
        font-weight: 600;
        padding: 10px 14px;
        text-transform: uppercase;
        min-width: auto;
    }
    .info-section {
        margin-top: 10px;
        padding: 20px 40px;
        border-top: 1px solid lightgray ;
    }
    .accordion-item {
        margin: 20px;
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
        border: 0px;
    }

    .quick-search-accordian.accordion-item {
        margin: 0px;
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
        border: 0px;
    }

    .accordion-flush .accordion-item .accordion-button {
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .accordion-button:not(.collapsed) {
        color: black !important;
        background-color: white !important;
        box-shadow: none !important;
    }
    .accordion-button:focus {
        box-shadow: none !important;
    }
    .custom-accordion.accordion-button::after {
        background-image: none;
        content: "\f067"; /* FontAwesome plus icon */
        font-family: "Font Awesome 5 Free"; /* Make sure Font Awesome is loaded */
        font-weight: 900;
        color: #cc4030;
        margin-left: auto; /* Align the icon to the right */
        height: auto;
        width: auto;
    }
    
    .custom-accordion.accordion-button:not(.collapsed)::after {
        background-image: none;
        content: "\f068"; /* FontAwesome minus icon */
    }

    /* Ensure correct icon for the open summary tab on page load */
    #flush-collapseOne.show .custom-accordion.accordion-button::after {
        content: "\f068"; /* FontAwesome minus icon */
    }
    .list-item-header {
        padding-left: 0px !important;
        border-bottom: none;
        font-family: inherit;
        font-size: 20px;
    }
    .list-content {
        flex-direction: column;
        padding: 0px;
        padding-left: 0px;
    }
    .additional-info {
        flex-direction: column;
    }
    .training-content-section {
        flex-direction: column;   
    }
    .license-conditions-section, .registration-history-section{
        width: auto;
        margin: 0px;
    }
    .registration-history-section .list-item-header { 
        padding-left: 20px !important;
    }
    .tooltip-section {
        display: flex;
        flex-direction: row;
        padding: 10px;
    }
    .search-results .speciality-badge {
        padding: 4px 10px !important;
    }

    .list-content .practice-conditions {
        width: 100%; 
        padding-bottom: 10px;
    }

    .search-results {
        padding-top: 40px;
    }
}

/* Optional: Media query for screens wider than 992px to reinforce visibility */
@media (min-width: 1200px) {
    .banner-section {
        position: fixed;
        width: 100%;
        z-index: 100;
        background-color: white;
        padding-top: 10px;
        margin: 0px;
    }
    .nav-link.disabled {
        color: #FFFFFF80 !important;
    }
    .desktop-view {
        display: block;
    }
    .mobile-view {
        display: none;
    }

    .advanced-search-content {
        width: 70%;
    }
    .search-results-search {
        display: flex;
        position: relative;
        background-color: white;
        justify-content: center;
        flex-direction: column;
        padding: 50px 20px;
        border-left: 1px solid #D0D5DD;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1)
    }
    .search-buttons {
        display: flex;
        gap: 20px;
    }

    .doctor-name {
        font-size: 32px;
        font-weight: 700;
        padding-bottom: 5px;
		white-space: normal
    }
    .doctor-info{
        display: flex;
        flex-direction: column;
    }
    .info-section {
        margin: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .additional-info {
        flex-direction: row;
    }
    .tooltip-section {
        display: flex;
        flex-direction: row;
        padding: 10px;
        border: 1px solid #D9D9D9;
    }
    .list-content .practice-conditions {
        width: 80%; 
        padding-bottom: 10px;
    }
}



@media print {
    header, footer, aside,.navbar,.custom-container,.link-text,.link-download, .list-group, .nav, .list-example, .list-group-item-action, form, iframe, .menu, .hero, .adslot {
        display: none;
    }
    .reg-class{
        display: unset !important;
    }
	#collapseExample {
		display:block;
	}
    .scrollspy-example {
        width: 100%;
		overflow-y: hidden;
		height: auto;
    }

    .list-group {
        width: 0%;
    }

    .tab-pane {
        width: 100%;
    }

    .tab-pane {
        display: block;
        padding-left: 100px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .license-conditions-section
    , .registration-history-section {
            margin:0px;
    }
    .tab-section {
        display: block;
    }

    .fade:not(.show) {
        transition: none;
        opacity: 100%;
        display: block
    }
    /*Show collapsed sections*/
    .collapse:not(.show){       
        display: block
    }
    /*Hide Collapsing buttons*/
    .collapse-button{
        display: none;
    
    }
    /* Hide mobile-specific elements */
    .mobile-view {
        display: none;
    
    }

    .doctor-name {
        font-size: 24px;
        font-weight: 700;
        padding-bottom: 5px;
		white-space: normal
    }
    .doctor-info{
        display: flex;
        flex-direction: column;
    }
    .info-section {
        margin: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .printInfo{
        display:block
    }
    #registrant-panel, .registrant-trigger{
        display:none !important
    }
}
@media screen{
    .printInfo{
        display:none
    }
}