.light {
    background: #FFFFFF;
}

.dark {
    background: #302d38;
}

.dark.main {
    background: conic-gradient(from 225deg at 30% 36%, #302d38, #3e394a) !important;
}

#switchToDarkMode,
body.dark #switchToLightMode {
    display: none;
}

body.dark #switchToDarkMode {
    display: block;
}

img {
    margin: auto;
    vertical-align: central;
    width:auto;
    height:auto;
    max-width: 100%;
    max-height: 100%;
    transition: transform 0.25s ease;
}

.hidden{
    display:none;
}

.submitCodeBtn {
    position: relative;
    font-size: 125%;
    bottom: 5%;
    padding-left: 12px;
    padding-right: 12px;
}

.codeInput{
    font-size: 125% !important;
}

.newClntBanner {
    position: absolute;
    top: 90%;
    left: 50%;
    height: 10%;
    transform: translateX(-50%);
}

#photoGallery:empty:after {
    content: 'Waiting for images...';
    position: absolute;
    color: #616161;
    left: 50%;
    transform: translateX(-50%);
    top: 35%;
    font-size: 1.25em;
}

button#copyURLBtn {
    font-size: 1em;
    position: relative;
    left: unset;
    transform: unset;
    top: 20%;
}

label#lblUpload {
    margin-top: 8px;
    text-align: center;
}

#divCopy {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.newClntBanner button {
    position: relative;
    font-size: 125%;
    cursor: pointer;
    padding-left: 8px;
    padding-right: 8px;
}

.newClntLabel {
    display: inline-block;
    position: relative;
    top: 10%;
    font-size: 125%;
}

.newClntBtn {
    position: relative;
    font-size: 200%;
    display: inline-block;
    top: 8%;
    left: 85%;
}

.newClntBtn2 {
    position: absolute;
    top: 90%;
    left: 25%;
    font-size: 125%;
}

.tertiary-container .newClnt {
    top: 40% !important;
}

.openFileBanner {
    position: absolute;
    left: 0px;
    width: 100vw;
    bottom: 2vh;
    height: 40px;
    top: unset;
}

.openFileBtn {
    position: relative;
    font-size: 250%;
    width: 150px;
    display: grid;
    justify-content: center;
    padding: 4px;
    right: 3vw !important;
    left: unset !important;
    transform: none !important;
}

body.dark header {
    background: #555555;
}

header {
    position: absolute;
    top: 2% !important;
    left: 0 !important;
    width: 100vw;
    height: 8%;
    opacity: 0.8;
}

.top-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 2%;
    opacity: 0.9;
}

.primary-color {
    background: #FF79F1 !important;
}

.primary-variant-color {
    background: #DA00C9 !important;
}

.secondary-color {
    background: #79FF87 !important;
}

.primary-container {
    width: 100vw;
    height: calc(100vh - 90px);
    border-radius: 0px;
    position: relative !important;
    left: unset;
    right: unset;
    padding: 0px !important;
}

table {
    position: relative;
    width: 100%;
    height: 100%;
    column-width: 35vw;
    column-count: 2;
}

tr {
    position: relative;
    width: 80% !important;
    height: 20% !important;
    top: 0%;
    border-collapse: unset;
}

td {
    position: relative;
    border-spacing: 25vw;
    width: 15vw !important;
    height: 15vw !important;
}

    td img {
        object-fit: contain;
    }

    td button {
        font-size: 100% !important;
    }

.secondary-container {
    height: 70%;
    width: 100%;
    position: relative;
    top: 2%;
    left:5%;
}

.secondary-container-full {
    height: 90%;
    width: 100%;
    position: relative;
    top: 5%;
}

.secondary-container img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.tertiary-container {
    height: 30%;
    width: 100%;
    top: 2%;
    position: relative;
    text-align: left;
}

    .tertiary-container p {
        font-size: 125%;
    }

#photoGalleryParent {
    display: none;
}

body {
    /* position: fixed; */
    overflow-x: hidden !important;
    overflow-y: hidden;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    margin: 0px !important;
    padding: 0px !important;
    background: conic-gradient(from 225deg, rgba(255, 255, 255, 1.0), #FCE4EC) !important;
}

.float {
    position: fixed;
    background: #d0bcff !important;
    color: #381e72;
    border-radius: 50px;
    text-align: center;
    border-width: 1px;
    border: none;
    left: 50%;
    transform: translateX(-50%);
    transition: all .5s;
}

.clntCode {
    font-size: 125% !important;
}

button.disabled {
    pointer-events: none !important;
    background: #EEEEEE !important;
    outline: 1px solid #9E9E9E !important;
}

#hideLoadingImg{
    display: block;
    position: absolute;
    z-index: 9999;
    width: auto;
    height: 30vh;
    background-size: contain;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: #fff 0 0 1px 2px, #fff 0 0 0 5000px !important;
    border-radius: 100%;
    pointer-events: none;
    transition: opacity ease-in 1s;
}

#fullpage {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-size: contain;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-color: #F5F5F5;
    transform-origin: 0px 0px;
    animation: fadeIn 0.5s;
    box-shadow: #BDBDBD 0 0 1px 2px, #BDBDBD 0 0 0 5000px !important;
}

#fullpageimg {
    width: 100vw;
    height: 100vh;
    background-size: contain;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
}

#newClientPage {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 90px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 90px);
    background-size: contain;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-color: #302d38;
    transition: transform 0.5s ease;
    animation: fadeIn 0.5s;
    background: conic-gradient(from 225deg, rgba(255, 255, 255, 1.0), #FCE4EC) !important;
    transition: opacity linear .5s;
}

.material-symbols-outlined, .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-transform: none !important;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

i.material-icons {
    padding: 8px;
    border-radius: 100%;
    background: #0D47A1;
    color: #FFF;
    font-size: 1em;
    margin-right: 8px;
    vertical-align: text-bottom;
    box-sizing: border-box;
    /* width: 50px;
    height: 50px; */
}

div#photoGalleryParent {
    padding: 8px;
    border-radius: 8px;
    background: conic-gradient(from 225deg, rgba(255, 255, 255, 1.0), #FCE4EC) !important;
}

div#photoGallery img:hover {
    background: #EEEEEE;
}

p.photoGalleryLabel {
    position: relative;
    text-align: center;
    font-size: 2em;
    padding: 0px;
    text-align: left;
    background: #E0E0E0;
    margin: 0px;
    padding: 16px;
    color: #0D47A1 !important;
    background-image: url(data:image/jpeg;base64,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);
    background-size: cover;
    background-position: right center;
}

.dark label span {
    color: #FFFFFF;
}

.topLeftImg {
    position: relative;
    right: 5%;
    height: 40% !important;
    width: 40% !important;
    object-fit: contain;
    border-radius: 50%;
    border: none;
    background: #fdfdfd;
}

.bottomRightImg {
    position: relative;
    left: 35%;
    bottom: 5%;
    height: 55% !important;
    width: 55% !important;
    object-fit: contain;
    border-radius: 50%;
    border: none;
    background: #fdfdfd;
}

.floatingBall {
    position: relative;
    bottom: 2%;
    left: 35%;
    border-radius: 50%;
    height: 5%;
    width: 5%;
    background: #FFF;
}

input[type="text"], textarea {
    background: #ffffff;
    border-radius: 30px;
    border: none;
    width: 95%;
    position: relative;
    font-size: 200%;
    /* color: #FFFFFF; */
    padding: 4px;
    text-indent: 4px;
    border: 1px solid #e0e0e0;
}

.dark input[type="text"], textarea {
    background: #1c1b1f;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        display:block;
    }

    100% {
        opacity: 0;
        display:none;
    }
}

.loaded{
    transition: transform 0.5s ease;
    animation: fadeOut 0.5s;
}

#toastContainer {
    position: fixed;
    pointer-events: none;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
}

#toastContainer div.toast {
    position:relative;
    display: block;
    margin: 8px 16px;
    padding: 10px;
    border-radius: 5px;
    font-weight: 500;
    color: #FFFFFF;
    background: #424242;
    opacity: .87;
    transition: .8s;
    line-height: 200%;
    font-size: 100%;
    text-align: center;
}	

#joinConsultation {
    display: none;
}


div#divHeader {
    height: 90px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 16px;
}


img#clericLogo {
    background: #E91E63;
    padding: 4px;
    border-radius: 4px;
    height: 30px;
    margin-top: 0px;
}

div#divHeader div {
    height: 100%;
    display: flex;
    align-items: flex-end;
}

div#photoGallery {
    display: flex;
    align-items: flex-start;
    grid-gap: 16px;
    width: 100%;
    overflow: auto;
    height: 85%;
    box-sizing: border-box;
    padding-bottom: 5vh;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

div#photoGallery img {
    width: auto;
    height: auto;
    max-height: 35vh;
    max-width: 90%;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    padding: 8px;
    border-radius: 4px;
    margin: 0px;
    background: #fafafa;
    cursor: pointer;
}

span#imgCount {
    font-size: 0.75em;
    height: 100%;
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 8px;
}

img#serviceLogo {
    max-width: 65vw;
}

#blankStatePhotoGallery {
    overflow: hidden;
}

.secondary-container {
    height: 50%;
}

.tertiary-container {
    padding-left: 5vw;
    padding-right: 5vw;
    box-sizing: border-box;
}

main {
    overflow: hidden;
}

div#divEndConsultation {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
}

#divEndConsultation > #btnEndConsultation {
    background: #880E4F;
    color: #fff;
    border-radius: 4px;
    border: 2px solid #880e4f;
    font-size: 18px;
    box-shadow: 0 .125rem .125rem 0 rgb(0 0 0 / .32);
    cursor: pointer;
}

#divEndConsultation > #btnEndConsultation:hover {
    background: #AD1457;
    box-shadow: 0 0 0.5rem 0 rgb(0 0 0 / .32);
    border: 2px solid #AD1457;
}

div#divMsgBox {
    position: absolute;
    top: 0;
    left: 0;
    height: 80vh;
    width: 80vw;
    background: #b6b6b64d;
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10vw;
    padding-right: 10vw;
    padding-top: 10vh;
    padding-bottom: 10vh;
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

#divMsgBox.active {
    display: flex;
    opacity: 1;
}

div#divMsgBoxInner {
    background: #fff;
    padding: 14px;
    border-radius: 4px;
    box-shadow: 0 .125rem .125rem 0 rgb(0 0 0 / .32);
    display: flex;
    flex-direction: column;
    grid-gap: 1rem;
}

div#divMsgBoxInner h3 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

#divMsgBox button {
    border-radius: 4px;
    cursor: pointer;
}

    #divMsgBox button:hover {
        box-shadow: 0 .125rem .125rem 0 rgb(0 0 0 / .32);
    }

#btnConfirmEnd {
    background: #880E4F;
    color: #fff;
    border: 2px solid #880E4F;
}

#btnCancelEnd {
    border: 2px solid #EEEEEE;
    background-color: #EEEEEE;
    color: #880E4F;
}

#divConsultationEnded {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    grid-gap: 2rem;
    font-size: 1.2rem;
    padding: 10% !important;
    box-sizing: border-box;

    color: #212121;
}


.hideele {
    display: none !important;
}

.err1 {
    font-size: 2rem;
    border-bottom: 1px solid;
    width: 100%;
    padding-bottom: 1rem;
}

i.material-icons.erricon {
    color: #212121;
    background: transparent;
    font-size: 3rem;
    padding: 0;
}

i#closeIcon {
    position: absolute;
    z-index: 99999;
    top: 10px;
    right: 10px;
    background: #fff;
    pointer-events: none;
    color: #424242;
}