@font-face {
    font-family: "Circe";
    src: url("/app/assets/fonts/Circe.otf");
}

body {
    font-family: 'Circe', serif!important;
    margin: 0!important;
    opacity: 1;
    transition: 1s opacity;
    color: #34353d!important;
    background: #efeff8!important;
}
.container-custom h2 {font-size:calc(1rem +.9vw);font-weight:bold}
h1 {
    font-family: "Circe", serif;
    font-size: 42px;
}

.container-custom {
    background: #fff;
    box-shadow: -4px 3px 15px 0 rgb(0 83 159 / 10%);
}

.nav-link.right {
    font-size: 14px;
    color: #34353d;
    padding-left: 0;
    margin-left: -7px;
}

.bk-login {
    background-image: url('/app/assets/img/background-account.png');
    background-repeat: no-repeat;
    background-position: center;
    padding: 5em;
}

.account-container {
    position: relative;
    margin: 0 auto;
    max-width: 600px;
    background: #fff;
    padding: 1em 2em;
}

.shadow-box {
    box-shadow: 0 0 12px 0 rgb(0 83 159 / 15%);
}

.account-container h1 {
    text-align: center;
    padding: 10px 0;
    font-weight: bolder;
}

.account label {
    font-family: "Circe";
    font-size: 14px;
    color: #34353d;
}

.account label .red {
    color: #ef0000;
}

.account-login {
    padding: 20px 0;
}

.btn-skyBlue {
    font-size: 14px!important;
    padding: 10px 15px!important;
    color: #fff!important;
    background: #00aeef!important;
}

.pr-0,
.px-0 {
    padding-right: 0!important;
}

.border-right {
    border-right: 1px solid #dee2e6!important;
}

.right-side {
    font-size: 14px;
    color: #34353d;
    margin-left: 30px;
}

.nav-link.right {
    font-size: 14px;
    color: #34353d;
    /* margin-left: 30px; */
}

:root {
    --eye-icons: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ0IiB2aWV3Qm94PSIwIDAgOTIgNDQiIHdpZHRoPSI5MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjOTk5Ij48ZyB0cmFuc2Zvcm09Im1hdHJpeCguOTY2MDc1ODcgMCAwIC45NjYwNzU4NyAtMTM5MS4zMzk0MjEwNzY3NiAtNTE2LjUxMTM0OTE1KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQ0OC41NDQgNTI4Ljk5OCkiPjxjaXJjbGUgY3g9IjE1LjQ1NyIgY3k9IjI4LjQxNCIgcj0iMy41NzUiLz48cGF0aCBkPSJtMjguNyAyNy42YTE1LjMzNSAxNS4zMzUgMCAwIDAgLTI2LjQ3OCAwIDEuNjI5IDEuNjI5IDAgMCAwIDAgMS42MjYgMTUuMzM1IDE1LjMzNSAwIDAgMCAyNi40NzggMCAxLjYyOSAxLjYyOSAwIDAgMCAwLTEuNjI2em0tMTMuMjQgNy4yYTYuMzkyIDYuMzkyIDAgMSAxIDYuMzkyLTYuMzkyIDYuMzkyIDYuMzkyIDAgMCAxIC02LjM5MiA2LjM5MnoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48cGF0aCBkPSJtMSAyNGExIDEgMCAwIDEgLS43MDctMS43MDdsMjItMjJhMSAxIDAgMSAxIDEuNDE0IDEuNDE0bC0yMiAyMmExIDEgMCAwIDEgLS43MDcuMjkzeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQ1Mi4wMDIgNTQ1KSIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguOTY2MDc1ODcgMCAwIC45NjYwNzU4NyAtMTMxNC40MjQ5OTMyMzY3NiAtNTE2LjUxMTM0OTE1KSI+PHBhdGggZD0ibTAgMGgyNnYyNGgtMjZ6IiBmaWxsPSJub25lIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDE5IDU0NSkiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDE2LjU0NCA1MjguNTg4KSI+PGNpcmNsZSBjeD0iMTUuNDU3IiBjeT0iMjguNDE0IiByPSIzLjU3NSIvPjxwYXRoIGQ9Im0yOC43IDI3LjZhMTUuMzM1IDE1LjMzNSAwIDAgMCAtMjYuNDc4IDAgMS42MjkgMS42MjkgMCAwIDAgMCAxLjYyNiAxNS4zMzUgMTUuMzM1IDAgMCAwIDI2LjQ3OCAwIDEuNjI5IDEuNjI5IDAgMCAwIDAtMS42MjZ6bS0xMy4yNCA3LjJhNi4zOTIgNi4zOTIgMCAxIDEgNi4zOTItNi4zOTIgNi4zOTIgNi4zOTIgMCAwIDEgLTYuMzkyIDYuMzkyeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9nPjwvZz48L2c+PC9zdmc+");
}

.input-wrapper {
    position: relative;
}

input.input-login {
    width: 100%;
    font-size: 1rem;
    height: 44px;
    padding: 0 0.5rem;
}

.password-toggle {
    position: absolute;
    top: calc(100% - 21px);
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}

.password-toggle::after {
    content: "";
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    background: var(--eye-icons) no-repeat;
    width: 44px;
    height: 44px;
    background-position: -3rem 0;
    background-size: cover;
}


/******************************************************* gdpr page */

.gdpr-text {
    max-height: 200px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 0.5em 1em;
    font-size: small;
    box-shadow: -4px 3px 15px 0 rgb(0 83 159 / 10%);
}

.gdpr-card {
    padding: 1.5em;
    box-shadow: 0 0 12px 0 rgb(0 83 159 / 15%);
    margin: 0 auto;
}

.gdpr-container {
    height: 80%;
    position: relative;
    filter: drop-shadow(16px 16px 20px rgb(0 83 159 / 10%));
}

.gdpr-content {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    width: 95%;
    left: 2.5%;
    padding: 3em;
    display: none;
    background: white;
}


/* Custom checkbox css */

.filter-something {
    display: block;
    padding: 0 1.5em;
}

.list__item {
    margin: 0 0 .5rem 0;
    padding: 0;
}

.label--checkbox {
    font-weight: 700;
    cursor: pointer;
    user-select: none;
}

.checkbox {
    position: relative;
    top: -0.375rem;
    margin: 0 1rem 0 0;
    cursor: pointer;
}

.checkbox:before {
    transition: all 0.25s ease-in-out;
    content: "";
    position: absolute;
    left: 0;
    z-index: 1;
    width: 1.3rem;
    height: 1.3rem;
    border: 2px solid #f2f2f2;
}

.checkbox:checked:before {
    transform: rotate(-45deg);
    height: 0.5rem;
    border-color: #009688;
    border-top-style: none;
    border-right-style: none;
}

.checkbox:after {
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 1.1rem;
    height: 1.1rem;
    background: #fff;
    cursor: pointer;
}

@-webkit-keyframes slideUp {
    0% {
        transform: translateY(6.25rem);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes slideUp {
    0% {
        transform: translateY(6.25rem);
    }
    100% {
        transform: translateY(0);
    }
}



/* canvas signature */

#sig-canvas {
    border: 2px dotted #CCCCCC;
    border-radius: 15px;
    cursor: crosshair;
    touch-action: none;
}
.menu-top div.container{
    display: flex!important;
    justify-content: space-between!important;
}
@media screen and (max-width: 767px) {
    .menu-top div.container{
        justify-content: center!important;
    }
    .naviconMedlife{
        width: 74%!important;
    }
}