/*
	Patient Enroll
	Copyright (c) 2024 High Enroll, LLC
	All Rights Reserved.
	Permission to use, copy, modify, and distribute this software or any content contained within is strictly prohibited without the explicit written consent of High Enroll, LLC.
 */

@media only screen and (min-width: 1300px) {
    .fullPageContent{
        width:1300px !important;
        margin: 0px auto;
    }
}

html,
body {
    background-color: #F0F0F0 !important;
}

.headerContainer{
    height:unset!important;
    justify-content: space-between;
}

.headerLogoContainer{
    flex:1;
    justify-content: flex-start;
}

.headerNavigationContainer{
    display: flex;
    gap: 1rem;
    flex-direction: row;
}

.headerProfileContainer{
    flex:1;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: flex-end;
}

.headerLogoH{
    height:28px;
    width:unset;
    margin:0.75rem 1rem;
}

.headerProfile{
    width:2rem!important;
}

.navButtons{
    flex-direction:row;
    width: 8vw!important;
    border:unset!important;
}

.navButton{
    font-size: 12px!important;
    flex:0!important;
    flex-direction:column;
    padding: 0.5rem!important;
    border:unset!important;
}

.navButton .navButtonImages img{
    width: 22px!important;
    height: unset!important;
    min-height: unset!important;
}

.appContainer{
    width: 100%!important;
    flex-direction: column;
    height: calc(100% - (28px + 1.5rem));
}

#app_container{
    width:100% !important;
}

.articleImageContainer img {
    width: 100%;
    height: unset!important;
}

.containerWidth{
    width: 500px !important;
    max-width: unset!important;
}

.fullPageContent{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    gap: 1rem;
}

.fullPageContent .leftColumn{
    background-color: #FFFFFF;
    height: 100%;
    flex-grow: 1;
    width: 30%;
    min-width: 180px;
    max-width: 360px;
    border-right: var(--main-color-grey-header) solid 1px;
}

.fullPageContent .rightColumn{
    background-color: #FFFFFF;
    height: 100%;
    flex-grow: 1;
    width: 30%;
    min-width: 180px;
    max-width: 360px;
    border-left: var(--main-color-grey-header) solid 1px;
}

.widgetContainer{
    height:100%;
}

.navContent{
    flex-grow: 0;
    flex-shrink:0;
}

.contentFlexContainer{
    width: 600px;
}

.fullScreenFlyUp{
    background-color: #FFFFFFE0;
}

.fullScreenFlyUp .scrollableContentContainer{
    width: 600px;
    margin: 0px auto;
}

.widgetContainer .scrollableContentContainer{
    overflow-y: hidden;
}

.widgetContainer .scrollableContentContainer:hover{
    overflow-y: scroll;
}

.fullScreenFlyUp .rowImageContainer img,
.fullScreenFlyUp .rowBannerContainer img.rowBannerImage{
    width: 600px!important;
    height: unset!important;
}

.fullScreenFlyUp .rowImageContainer img.rowLogoImage,
.fullScreenFlyUp .rowBannerContainer img.rowLogoImage{
    width: 125px!important;
    height: 125px!important;
}

.flexscreenContainer {
    border-left: darkgray solid 1px;
    border-right: darkgray solid 1px;
}

.audioPlayerControls{
    width:40%;
    align-self: center;
}

.termsContentBox{
    margin: 0px auto;
}

.desktopCenteredContainer{
    margin: 0px auto!important;
}


.rowBannerImage{
    width: unset!important;
}

.navSpacer{
    height: 3.85rem;
    width:100%;
    background-color: #FFFFFF;
    display: block;
}

.likeContainer{
    margin-right: 1rem;
    flex:0;
}

.modalBackground{
    background-color: var(--main-color-modal-background);
}

.widgetContainer .rowContainer{
    border-radius:unset!important;
}

.widgetContainer .rowHeaderContainer{
    background-color: var(--main-color-grey-header);
    border-bottom: var(--main-color-grey-header) solid 1px;
}
.widgetContainer .rowHeaderText{
    overflow: hidden;
    color: var(--main-color-red-lt);
    margin: 0.25rem 0.25rem 0px 0px;
    border-bottom: var(--main-color-grey-header) solid 1px;
    width: 100%;
}

.widgetContainer .rowSummaryContainer{
    max-height: 15rem;
    overflow: hidden;
}

.widgetContainer .likeImage{
    height: 1.5rem;
}

.resultRowContainer{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.resultRowLogo{
    flex: 0;
    flex-grow: 0;
    width:100px;
    height: 100px;
}

.resultRowText{
    max-height: 95px;
    overflow: hidden;
    font-size: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
    flex-grow: 1;
    margin-bottom: 1rem;
}

.resultRowFooter{
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.25rem 1rem;
    border-top: var(--main-color-grey-header) solid 1px;
    text-align: right;
    background-color: #F8F8F8;
}

.rowButtonContainer{
    margin-bottom: unset;
}