:root {
    --ah-color-blue: #00DEF5;
    --ah-color-dark-blue: #27B4EF;
    --ah-color-purple: #7817D6;
    --ah-color-purple-rgb: rgb(120, 23, 214);
    --ah-color-purple-bright: #941EFF;
    --ah-color-light-gray: #F7F7F7;
    --ah-color-gray: #494A52;
}
header .nav,
.cases-menu .nav {
    --bs-nav-link-hover-color: white;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy%20Extra%20Bold/font.woff2') format('woff2'), url('../fonts/Gilroy%20Extra%20Bold/font.woff') format('woff');
    font-display: swap;
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy%20Medium/font.woff2') format('woff2'), url('../fonts/Gilroy%20Medium/font.woff') format('woff');
    font-display: swap;
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy%20Regular/font.woff2') format('woff2'), url('../fonts/Gilroy%20Regular/font.woff') format('woff');
    font-display: swap;
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy%20Italic/font.woff2') format('woff2'), url('../fonts/Gilroy%20Italic/font.woff') format('woff');
    font-display: swap;
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy%20Bold/font.woff2') format('woff2'), url('../fonts/Gilroy%20Bold/font.woff') format('woff');
    font-display: swap;
    font-weight: 700;
    font-style: normal;
}

body {
    color: var(--ah-color-gray);
    font-family: 'Gilroy', Arial, sans-serif;
    line-height: 1.4;
    /* word-break: break-word; */
    background-color: var(--ah-color-light-gray);
    -webkit-font-smoothing: antialiased;
}


/* Typography */

.link-white {
    text-decoration: none;
    color: white;
}

.link-white:hover {
    text-decoration: underline;
    color: white;
}

/* Colors */

.bg-ah-gradient {
    background-image: -webkit-gradient(linear,left top, right top,color-stop(0, var(--ah-color-blue)),to(var(--ah-color-purple)));
    background-image: -o-linear-gradient(left,var(--ah-color-blue) 0,var(--ah-color-purple));
    background-image: linear-gradient(90deg,var(--ah-color-blue) 0,var(--ah-color-purple));       
}

.bg-ah-gradient-r {
    background-image: -webkit-gradient(linear,left top, right top,color-stop(0, var(--ah-color-purple)),to(var(--ah-color-blue)));
    background-image: -o-linear-gradient(left,var(--ah-color-purple) 0,var(--ah-color-blue));
    background-image: linear-gradient(90deg,var(--ah-color-purple) 0,var(--ah-color-blue));       
}

.bg-ah-purple {
    background-color: var(--ah-color-purple);
}

.bg-ah-purple-bright {
    background-color: var(--ah-color-purple-bright);
}

.bg-ah-light-gray {
    background-color: var(--ah-color-light-gray);
}

.text-dark-blue {
    color:  var(--ah-color-dark-blue);
}

.text-purple {
    color: var(--ah-color-purple);
}

/* Buttons */

.btn-ah-primary {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--ah-color-purple);
    --bs-btn-border-color: var(--ah-color-purple);
    --bs-btn-border-radius: 50px;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--ah-color-purple-bright);
    --bs-btn-hover-border-color: var(--ah-color-purple-bright);
    --bs-btn-focus-shadow-rgb: var(--ah-color-purple-rgb);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--ah-color-purple-bright);
    --bs-btn-active-border-color: var(--ah-color-purple-bright);
    padding: 5px 30px;    
}

.btn-ah-secondary {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--ah-color-purple);
    --bs-btn-bg: transpartent;
    --bs-btn-border-color: var(--ah-color-purple);
    --bs-btn-border-radius: 50px;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--ah-color-purple-bright);
    --bs-btn-hover-border-color: var(--ah-color-purple-bright);
    --bs-btn-focus-shadow-rgb: var(--ah-color-purple-rgb);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--ah-color-purple-bright);
    --bs-btn-active-border-color: var(--ah-color-purple-bright);
    padding: 5px 30px;    
}

.btn-ah-white-clear {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: transpartent;
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-border-radius: 50px;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--ah-color-purple-bright);
    --bs-btn-hover-border-color: var(--ah-color-purple-bright);
    --bs-btn-focus-shadow-rgb: var(--ah-color-purple-rgb);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--ah-color-purple-bright);
    --bs-btn-active-border-color: var(--ah-color-purple-bright);
    padding: 5px 30px;    
}

.btn-login {
    padding: 10px 45px;
}


/* Header */
.user-dropdown {
    font-size: .8125rem;
}  
.user-dropdown .dropdown-toggle > span {
    max-width: 120px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;    
}

.page-header {
    color: var(--ah-color-purple-bright);
    text-align: center;
}


/* Notification  Bar */

.notification-bar{
    padding: 10px ;
    background-color: var(--ah-color-purple);
    color: var(--bs-white);    
}


/* Tabs and Nav Links */

.ah-nav > li {
    margin-right: 0rem;
    position: relative;
    min-width: 0;
    text-align: center;
}
.ah-nav > li > a { 
    color: var(--bs-white);
    font-size: 1rem;
    padding: 0.5rem 0.5rem;
}

.ah-nav > li > a:hover { 
    color: var(--bs-white);
}
.ah-nav > li > a:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 60%;
    height: 3px;
    background-color: #E3E3E3;
    opacity: .5;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.ah-nav > li > a.active:after,
.ah-nav > li > a:hover:after {
    opacity: 1;
    width: 100%;
}


/* Login Form */

.form-signin {
    max-width: 330px;
    padding: 100px 15px;
}

.form-control {
    border-radius: 0;
}

.form-signin .form-floating:focus-within {
    z-index: 2;
}

.form-signin input[type="email"] {
    margin-bottom: 2px;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
}


/* Cases Page */

.cases-nav.ah-nav li {
    margin-right: 0;
}
.cases-nav.ah-nav li a {
    font-size: .75rem;
}

.cases-table {
    background-color: white;
}

.cases-table thead {
    background-color: var(--ah-color-light-gray);
}
.cases-table thead th{
    padding-top: 20px;
    padding-bottom: 20px;
}

.cases-table tbody td {
    padding-top: 40px;
    padding-bottom: 40px;
}

.cases-table th {
    white-space: nowrap;
}

.cases-table td.data-age-gender {
    font-size: 28px;
}

.cases-table td.data-date,
.cases-table td.data-age-gender {
    white-space: nowrap;
}

.cases-table td.data-actions button,
.cases-table td.data-actions a {
    white-space: nowrap;
}

.cases-table td.data-diagnosis {
    min-width: 250px;
}

/* Case Review Page */

.case-data-pair {
    list-style: none;    
    padding-left: 0;
    margin-bottom: 10px;
}
.case-data-pair > li:first-child {
    font-weight: bold;
}

.physician-review  .nav,
.case-review-notes .nav {
    --bs-nav-link-color: var(--ah-color-gray);
    --bs-nav-tabs-link-active-color: var(--ah-color-dark-blue);
    --bs-nav-link-hover-color: var(--ah-color-dark-blue);
}


.physician-review  .nav-tabs .nav-link,
.case-review-notes .nav-tabs .nav-link {
    font-size: 12px;
}

/* Responsive Styles */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
    .nav-menu-wrapper {
        width: 60%;
    }         
    .ah-nav li {
        margin-right: 1rem;
        min-width: 60px;
    }
    .cases-nav.ah-nav li a {
        font-size: 1rem;
    }
    
}

/* Misc */
.w-20 { width: 20%!important; }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .nav-menu-wrapper {
        width: min(60%, calc(100% - 380px));
    }      
    .user-dropdown {
        font-size: 1rem;
    }
    .ah-nav li {
        margin-right: 1rem;
        min-width: 100px;
    }
    .ah-nav li a { 
        font-size: 1.125rem;
        padding: 0.5rem 0.7rem;
    }
    .cases-nav.ah-nav li a {
        font-size: 1.125rem;
    }
    

}

@media (min-width: 900px) { 

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 

}