:root {
    --primary-main-color: #004138;
    --secondary-main-color: #359e88;
    --secondary-main-color-blur: #359e8767;
    --tertiary-main-color: #b8cfcd;

    --primary-cal-color: #37605a;
    --secondary-cal-color: #6f8c88;

    --gk-blue: #4472c4;
    --gk-blue-sec: #98b2e0;
}

/*#region Global*/

html,
body {
    height: 100%;
    margin: 0;
    background-color: #ebe9e0;
    /* overflow-x: hidden; */
}

.container-fluid {
    height: 100%;
}

.hidden {
    display: none;
}

h3 {
    font-family: 'gothambold',-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 2rem;
    width: 100%;
    text-align: center;
    color: var(--primary-main-color);
}

embed {
    width: -webkit-fill-available;
    height: 1080px;
}

.text-bg-info {
    color: #fff !important;
    background-color: var(--secondary-main-color) !important;
}

#notif-count {
    border-radius: 50%;
    position: relative;
    top: -10px;
    left: -10px;
}

/*#endregion Global*/

/*#region Header*/

header {
    background-color: var(--primary-main-color);
    width: 98vw;
    border-radius: 20px;
    margin: 0 auto;
    padding: 1rem;
}

.navbar {
    font-weight: bold;
    font-size: 1vw;
    margin: 0 1rem;
    --bs-navbar-brand-hover-color: var(--secondary-main-color);
}

.navbar a {
    text-decoration: none;
    color: #fff;
}

.navbar img {
    width: 6%;
    height: auto;
    object-fit: contain;
}

.navbar-nav {
    --bs-nav-link-hover-color: var(--secondary-main-color);
}

.dropdown-menu {
    background-color: var(--primary-main-color);
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-link-hover-bg: var(--secondary-main-color);
}

/*#endregion Header*/

/*#region Login Page*/

#login-wrapper {
    background-color: var(--primary-main-color);
    height: 100%;
}

#login-img {
    object-fit: cover;
    width: 60%;
    min-height: 100%;
}

#login-logo {
    width: 60%;
}

#login-btns {
    height: 40%;
}

#login-btns a {
    text-decoration: none;
}

#mdp-forget {
    margin: 10px auto 0 0;
    text-decoration: none;
    color: #fff;
}

#mdp-forget-title {
    margin: 25px auto 0 0;
    text-decoration: none;
    color: #fff;
}

#mdp-forget:hover {
    color: var(--secondary-main-color);
}

#login-social-links {
    width: 70%;
}


a .fa-brands,
a .fa-solid {
    color: #fff;
    font-size: 2rem;
}

a .fa-brands:hover,
a .fa-solid:hover {
    color: var(--secondary-main-color);
}

.btn-light {
    color: #fff;
    font-weight: bold;
    background-color: var(--secondary-main-color);
    border: none;
    border-radius: 30px;
}

#connexion-btn {
    width: 100%;
    height: 55px;
    margin: 0 auto 0 0;
    font-size: larger;
}

/*#endregion Login Page*/

/*#region Home Page*/

#container-border {
    border: 3px solid var(--primary-main-color);
    border-radius: 15px;
}

#container-home {
    width: 90%;
    margin: 2rem auto;
}

#calendar, #client-calendar {
    width: 50%;
    /* height: 90vh; */
    height: 560px;
    /* margin: auto; */
    background-color: var(--primary-cal-color);
    padding: 1rem;
    border-radius: 10px;
}

#calendar h2, #client-calendar h2 {
    color: #fff;
}

#calendar .prev,
#calendar .next,
#calendar .fc-button,
#calendar .fc-event-title-container,
#client-calendar .prev,
#client-calendar .next,
#client-calendar .fc-button,
#client-calendar .fc-event-title-container {
    cursor: pointer;
}

#calendar .fc-h-event,
#client-calendar .fc-h-event {
    border: 2px solid var(--primary-main-color);
    border-radius: 5px;
}

#calendar .fc-event-title-container,
#client-calendar .fc-event-title-container {
    background-color: var(--primary-cal-color);
    color: #fff;
}

#calendar table,
#client-calendar table {
    background-color: var(--secondary-cal-color);
}

#calendar table a,
#client-calendar table a {
    text-decoration: none;
    color: black;
}

#calendar .fc-header-toolbar,
#client-calendar .fc-header-toolbar {
    display: flex;
    flex-direction: column;
}

#calendar .fc-toolbar-chunk,
#client-calendar .fc-toolbar-chunk {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#calendar .fc-toolbar-chunk h2,
#client-calendar .fc-toolbar-chunk h2 {
    margin: 0 auto;
    text-transform: uppercase;
}

#client-media {
    width: 70%;
}

.scd-wrapper {
    height: auto;
}

.card {
    color: #fff;
    background-color: var(--primary-main-color);
    border-radius: 20px;
    /* max-width: 290px; */
    max-width: 500px;
    margin: 1.5rem 1.5rem 3rem 1.5rem;
    padding: 1rem;
}

.card .card-title {
    margin-bottom: 0;
}

.card .card-body {
    padding-top: 0;
}

.card h5 {
    text-align: center;
}

.card .list-group,
.profil-card .list-group {
    --bs-list-group-border-color: rgba(0, 0, 0, 0);
}

.card .list-group-item {
    color: #fff;
    background-color: var(--primary-main-color);
}

.card .list-group-item a {
    color: #fff;
}

.card .list-group-item>a:hover,
.card .list-group-item .btn:hover {
    color: var(--secondary-main-color);
}

.card .list-group-item .btn {
    color: #fff;
}

.card-position {
    position: relative;
    z-index: 0;
}

.card-position .card-body .list-group .dropdown .show {
    z-index: 2;
}

.card-position .left-vignette {
    position: absolute;
    border-radius: 50%;
    width: 30%;
    top: -52px;
    right: 115px;
    z-index: 1;
}

.card-position .right-vignette {
    position: absolute;
    border-radius: 50%;
    width: 20%;
    top: -58px;
    right: 195px;
    z-index: 1;
}

.card-position h5 {
    padding-top: 2rem;
}

.card-layer {
    min-width: 19em;
}

/*#endregion Home Page*/

/*#region Profil Page*/

.profil-card {
    border-radius: 20px;
    max-width: initial;
    margin: 1.5rem 1.5rem 3rem 1.5rem;
    padding: 1rem;
    height: 100%;
}

.profil-card .fa-solid {
    font-size: 2.5rem;
}

.profil-card .card-body p {
    font-weight: bold;
}

/*#endregion Profil Page*/

/*#region Form*/

.form-group {
    width: 35%;
    margin: auto;
}

.input-group-text,
input[type="email"],
input[type="password"],
input[type="text"],
input[type="date"],
input[type="time"],
input[type="number"],
input[type="search"],
input[type="file"],
.form-floating textarea {
    border: 2px solid var(--secondary-main-color);
}

.input-group-text {
    justify-content: space-around;
    background-color: var(--secondary-main-color-blur);
}

.form-floating select {
    border: 2px solid var(--secondary-main-color);
}

.drop-label {
    width: 100%;
}

.fa-eye {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: -25px;
}

.eye-green {
    color: var(--secondary-main-color);
}

/*#endregion Form*/

/*#region Table*/

.table-wrapper {
    overflow-x: auto;
}

.table-light {
    border: 2px solid black;
    --bs-table-bg: var(--tertiary-main-color);
}

.table-light a,
.table-light .btn-link {
    color: var(--primary-main-color);
    font-weight: bold;
}

.table-light a:hover,
.table-light .btn-link:hover {
    color: var(--secondary-main-color);
}

.table-light .dropdown-menu a {
    font-weight: initial;
    color: #fff;
}

.table-light thead th {
    background-color: var(--primary-main-color);
    color: #fff;
}

thead td,
thead th,
td,
th {
    text-align: center;
    vertical-align: middle;
}

.fixed thead td,
.fixed thead th,
.fixed td,
.fixed th,
.scrolled thead td,
.scrolled thead th,
.scrolled td,
.scrolled th {
    white-space: nowrap;
}

.eval_table span {
    text-align: center;
    white-space: nowrap;
    height: 35px;
}

.eval_table {
    position: relative;
    overflow: hidden;
}

.fixed{
    position: absolute;
}

.fixed .fix {
    position: relative;
    z-index: 1;
}

.scrolled td {
    position: relative;
}

.scrolled {
    overflow-x: auto;
    scroll-behavior: smooth;
}

.scrolled .table-eval-ga,
.fixed .table-eval-ga {
    white-space: inherit;
}

.scrolled .table-eval-ct,
.fixed .table-eval-ct {
    min-width: 18rem;
}

/*#endregion Table*/

/*#region Entreprise*/

#client-display hr {
    border-top: 5px solid var(--gk-blue);
    opacity: 1;
}

#client-display .bg-gk {
    background-color: var(--gk-blue);
}

#client-display .bg-gk-sec {
    background-color: var(--gk-blue-sec);
}

#client-display .text-gk-sec {
    color: var(--gk-blue-sec);
}

#client-display .sm-txt {
    font-size: 0.5rem;
}

#client-display .gauge {
    height: 12px;
}

#client-display .gauge-0 {
    width: 1%;
}

#client-display .gauge-1 {
    width: 10%;
}

#client-display .gauge-2 {
    width: 20%;
}

#client-display .gauge-3 {
    width: 30%;
}

#client-display .gauge-4 {
    width: 40%;
}

#client-display .gauge-5 {
    width: 50%;
}

#client-display .gauge-6 {
    width: 60%;
}

#client-display .gauge-7 {
    width: 70%;
}

#client-display .gauge-8 {
    width: 80%;
}

#client-display .gauge-9 {
    width: 90%;
}

#client-display .gauge-10 {
    width: 100%;
}

/*#endregion Entreprise*/

/*#region Iframe*/

.full-iframe {
    width: 100%;
    height: 100%;
}

.qcmresult {
    display: flex;
    justify-content: space-between;
    /* flex-direction: column; */
    /* height: 100%; */
}

#radar {
    width: 45%;
    height: 500px;
}

#bar {
    width: 45%;
    height: 500px;
}

.table .disabled-link,
.card .list-group-item .disabled-link {
    pointer-events: none;
    text-decoration: none;
    color: grey;
}

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

.pdfView {
    width: 100%;
    height: 100%;
}

/*#endregion Iframe*/

/*#region Media Query*/

@media (max-width: 480px) {

    /* Login Page */
    #login-wrapper {
        flex-direction: column;
        justify-content: space-around;
    }

    #login-img {
        object-fit: cover;
        width: 60%;
        min-height: min-content;
        min-width: 100%;
    }

    #login-social-links {
        margin-top: 1rem;
    }

    /* Nav */
    .navbar {
        font-size: initial;
    }

    #logout {
        text-align: end;
    }

    .navbar img {
        width: 30%;
    }

    /* Home */
    .wrapper {
        flex-direction: column;
    }

    .scd-wrapper {
        flex-direction: column;
    }

    #calendar,
    #client-calendar {
        width: 100%;
        margin: 2rem 0;
    }

    .card-position .left-vignette,
    .card-position .right-vignette {
        position: absolute;
        border-radius: 50%;
        width: 30%;
        top: -43px;
        right: 89px;
        z-index: 1;
    }

    #client-media {
        width: 100%;
    }

    #client-media .profil-card {
        margin: 0 1.5rem 1rem 0rem;
    }

    /* Infos */
    .w-50 {
        width: inherit !important;
    }

    .card-body {
        padding: 0;
    }

    .profil-card {
        margin: 0;
    }

    .list-group form,
    .list-group a {
        margin-top: 1em;
    }

    .list-group .btn-light {
        margin: 0 !important;
    }

    .list-group-item {
        flex-direction: column;
    }

    /* Form */
    .form-group {
        width: 100%;
    }

    /* Table */
    article .table {
        display: block;
        overflow-x: scroll;
    }

}

@media print {
    header {
        display: none;
    }

    html, body {
        background-color: #fff;
    }

    .frst-page { page-break-after: always;}
}

/*#endregion Media Query*/