/* 
    Created on : 19 août 2024, 08:46:25
    Author     : Jeremy Dorilas <jeremy@kowidi.ai>
*/

:root {
    --app-dark-blue: #1a237e;
    --app-light-blue: #e5edfa;
    --app-main-red: #e4794a;
}

a {
    cursor: pointer;
}

.event-desc a {
    color: #fff;
}

.royal-navy .event-container:hover>.event-info>p>a {
    color: #164255;
    font-weight: bold;
}

.bg-blue {
    background-color: #184e66;
}

html {
    overflow-y: scroll;
}


.bg-blue {
    background-color: #184e66;
}

.bg-purple {
    background-color: #1a237e;
}

.navbar {
    height: 100px;
    padding: 1.5rem;
    color: #fff;
}

.main-header {
    width: 100%;
}

.service-h3 {
    font-weight: bold;
}

.btn-cta {
    color: #fff;
    background-color: var(--app-dark-blue);
    padding: .5rem 1rem;
    border: 0;
}

.btn-cta-lg {
    height: 65px;
    border: 0;
    color: #fff;
    background-color: var(--app-dark-blue);
    font-weight: bold;
    padding: 1.25rem 3.125rem;
    display: flex;
}

.btn-step {
    width: 240px;
}

.btn-staff-pick {
    width: 240px;
    margin-bottom: 5px;
}

.btn-del {
    color: #fff;
    background-color: var(--app-main-red);
    padding: .5rem 1rem;
    border: 0;
}

.btn-link {
    background-color: #FEEBD0;
    color: #695240;
    padding: 3px;
    border-width:  0;
    border-radius: 5px;
    font-weight: bold;
}


.list-group-item-action {
    color: var(--app-dark-blue);;
}

.i-dark {
    background-color: var(--app-dark-blue);
    padding-bottom: 50px;
}

.discover {
    color: #fff;
    text-align: center;
    padding-top: 50px;

}

.s-titre {
    color: #fff;
    text-align: center;
}

.partenaires {
    text-align: center;
    margin-bottom: 50px;
}

#pre-viz-file, #r-pre-viz-file {
    margin-top: 15px;
}

.mailbox-read-message {
    padding: 32px !important;
}

.app-loading-ring {
    height: 24px !important;
    width: 24px !important;
}

.sidebar-custom {
    background-color: #4550e5;
}

.nav-pills .nav-link {
    color: #fff;
}

.nd-input {
    height: 64px;
}

.nd-button {
    width: 128px;
}

.nd-box-title {
    font-size: 20px;
}

.nd-box-rounded {
    border-radius: 5px;
}

label {
    cursor: pointer;
}

.nd-register-page {
    -ms-flex-align: center;
    align-items: center;
    background: #e9ecef;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}

.app-button-container {
    margin-bottom: 20px;
}

.app-text {
    padding: 20px;
    border: 1px solid #eee;
    margin-bottom: 15px;
}

.app-rich-text {
    padding: 20px;
    border: 3px solid #eee;
    margin-bottom: 15px;
}

.app-title {
    border: 3px solid #000;
    padding: 20px;
    margin-bottom: 15px;
}

.app-hidden-info {
    display: none;
}

.schedule-input, .day {
    width: 50px;
    border: 1px solid #0069d9;
    height: 38px;
    text-align: center;
    color: #0069d9;
    border-radius: .25rem;
}

.sc-day-name {
    width: 150px;
    border: 0;
    background-color: #fff;
    text-align: left;
}

.schedule-input::placeholder {
    color: #fff;
    opacity: 1;
}

input[type="text"][disabled] {
    background-color: red;
}

.day {
    width: 50px;
    border: 1px solid #00bcd4;
    background: #fff;
}

#schedule {
    margin-bottom: 15px;
}

.daily {
    margin-bottom: 5px;
}

.schedule-setting {
    height: 38px;
    width: 38px;
    vertical-align: middle;
    color: #fff;
    line-height: 28px;
    border: 0;
    border-radius: .25rem;
}

.sc-cl {
    background-color: #ef5350;
}

.sc-ni {
    background-color: #00c853;
}


.usager-service {
    padding: 10px;
}

.usager-service .inside {
    background-color: #fff;
    padding: 10px;
}

.usager-service .inside img {
    width: 150px;
    height: 150px;
}

.btn-etat {
    width: 120px;
}

.control-sidebar {

    right: -800px;
    width: 800px;
    height: 100%;
    background-color: #343a40; /* Example color */
    transition: right 0.4s ease-in-out;

}

.control-sidebar-slide-open .control-sidebar {
    right: 0; /* Move into view when toggled */
}

a.app-link {
    color:#007bff !important;
}

img.bloc-img {
    width: 100%;

}

.titre-page {
    font-weight: bold;
    color: #19355c;
}

.img-actualite, .img-prestation {
    margin-bottom: 10px;
    height: 248px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.square {
    width: 100%; /* Or any dynamic width */
    aspect-ratio: 1 / 1; /* Maintains a 1:1 aspect ratio */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.service-info {
    margin-bottom: 15px;
}

.service-name {
    height: 180px;
}

.bloc-actu {
    margin-bottom: 20px;
}

.bloc-actu .meta {
    color: #000;
}

.bloc-actu h3 {
    font-size: 1.25rem;
    color: #1a237e;
    font-weight: bold;
}

.bloc-actu .date {
    font-size: 1rem;
    color: #78909c;
}

.i-prestation {
    margin-bottom: 20px;
}

.i-cta {
    border: 0;
    border-radius: 5rem;
    color: #fff;
    background-color: #19355c;
    height: 67px;
    width: 316px;
    font-size: 1.4375rem;
}

.i-prestation h3 {
    font-size: 1.25rem;
    color: #1a237e;
    font-weight: bold;
}




.sim-section {
    background-color: #D3E1F5;
    padding-top: 5px;
    padding-bottom: 15px;
}

.agence-fiche {
    margin-bottom: 10px;
    height: 248px;
    width: 248px;
    background-repeat: no-repeat;
}

.btn-agenda-horaire {
    margin-bottom: 12px;
    width: 100%;
}

.commentaire-btn {
    width: 200px;
    padding: 15px;
}

.commentaire-zone {
    padding: 15px;
}

.commentaire-card {
    display: none;
}

.envoyeur-message {
    border: 1px solid #eee;
    padding: 10px;
    margin-bottom: 20px;
}

.service-box {
    margin-bottom: 30px;
    height: 286px;
}

.sb-contenu {
    margin-right: 20px;
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
    box-shadow: 0 3px 3px -2px #0003, 0 3px 4px #00000024, 0 1px 8px #0000001f;
}

.p-text {
    font: 1.6875rem/2.125rem RalewayRegular;

}

.p-nav {
    margin-top: 15px;
    color: #212529;
}

.p-nav a {
    color: #212529;
    text-decoration: underline;
}

.p-nav a:hover {
    color: #000;
}

.p-contenu  {
    margin-right: 20px;
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
    box-shadow: 0 3px 3px -2px #0003, 0 3px 4px #00000024, 0 1px 8px #0000001f;
}

.p-nom {
    height: 80px;
}

ul.sc-list {
    list-style: none; /* Remove default bullet points */
    padding: 0;
    margin: 0;
}

ul.sc-list li {
    position: relative;
    padding-left: 20px; /* Add space for the arrow */
    margin-bottom: 10px; /* Optional: Add some space between items */
}

ul.sc-list li::before {
    content: "➔"; /* Right-pointing arrow */
    position: absolute;
    left: 0;
    color: #333; /* Optional: Customize arrow color */
}

.list-group-item {
    border: 0;
}

.p-detail-table {
    border: 1px solid #eee;
    padding: 5px;
    margin-top: 15px;
}

.p-detail-table td {
    padding: 10px;
}

.p-detail-table .d-titre {
    width: 200px;
    font-weight: bold;
}

.panier-recap {
    background-color: var(--app-light-blue);
    color: #000;
    padding: 15px;
    margin-bottom: 30px;
}

.card {
    box-shadow: none;
}

.sidebar-custom {
    background-color: #fff;
}
.elevation-4 {
    box-shadow: none !important;
}

.nav-pills .nav-link {
    color: #25396f;
}


table, thead, tbody, table tr, .table thead th {
    border: 0;
}

.t-cf-id {
    width: 100px;
}


.modal-content {
    box-shadow: none;
    border: 0;
}

.app-icon.red {
    background-color: #ff7976;
}

.app-icon.blue {
    background-color: #57caeb;
}

.app-icon {
    width: 3rem;
    height: 3rem;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.7rem;
}

.navbar-blue {
    background-color: #1a237e;
    color: #000;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-weight: bold;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    text-decoration: underline;
}

/* Messagerie */

.card-primary.card-outline {
    border: 0;
}

.card-header {
    background-color: transparent;
    border: 0;
    padding: .75rem 1.25rem;
    position: relative;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.table-hover tbody tr:hover, .table-striped tbody tr:nth-of-type(odd):hover {
    color: #212529;
    background-color: #eee;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

/* Recherche */


.sticky-div {
    position: sticky;
    top: 0; /* Sticks to the top of the viewport */
    background-color: white; /* Optional: background to prevent overlap */
    padding: 10px;
    z-index: 1000; /* Ensure it's above other content */
    border: 2px solid #000091;
}

.p-rslt {
    padding: 7px;
    text-overflow: ellipsis;
}

.results-container {
    display: flex;
    flex-direction: column; /* Stack results vertically */
    gap: 10px; /* Space between results */
    width: 100%; /* Make it responsive */
}

.search-result {
    display: flex;
    align-items: center; /* Align button and text vertically */
    justify-content: space-between; /* Space out text and button */
    gap: 10px; /* Space between text and button */
    padding: 10px;
    border: 1px solid #ddd; /* Optional border */
    background: #000091; /* Light background */
    border-radius: 5px;
    width: 100%; /* Make it responsive */
    color: #fff;
    font-weight: bold;
}

.result-text {
    flex: 1; /* Allow text to take available space */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* Add "..." if text is too long */
}

.result-button {
    flex-shrink: 0; /* Keep button fixed size */
    padding: 5px 10px;
    background: #fff;
    color: #000091;
    border: 1px solid #000091;
    cursor: pointer;
    font-weight: bold;
}

.auth-right-login {
    background-image: url('../img/bg/login-bg-2.jpg');
    background-size: cover;

}

.auth-right-register {
    background-image: url('../img/bg/login-bg-3.jpg');
    background-size: cover;

}

.navbar-badge {
    font-size: .6rem;
    font-weight: 300;
    padding: 2px 4px;
    position: absolute;
    right: -3px;
    top: 3px;
    background-color: red;
}

.comment-bubble {
    border:  solid #0dcaf0;
    border-radius: 0 0 5px 5px;
    padding: 15px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
}

.comment-bubble-author {
    border-radius: 5px 5px 0 0;
    margin-left: 15px;
    margin-right: 15px;
    background-color: #0dcaf0;
    color: #fff;
    width: fit-content;
    padding-left: 10px;
    padding-right: 10px;
}

#history-modal .modal-content, #report-modal .modal-content {
    background-color: #f2f7ff;
}

.service-table th, .service-table td {
    color: #000;
    border-bottom: 1px solid #eee;
}

.stats-icon-1 {
    height: 3rem;
    width: 6rem;
    border-radius: .5rem;
    background-color: #000;
    align-items: center;
    justify-content: center;
    background-color: #57caeb;
    display: flex;
    color: #fff;
}

table.no-border,
table.no-border * {
    border: none !important;
    border-collapse: collapse;
}

.cf-content td {
    border-bottom: 0;
}

.cf-badge {
    height: 50px;
    width: 50px;
    color: #000;
    background-color: #0dcaf0;
    padding: 5px;
    border-radius: 5px;
    font-weight: bold;
}

.btn-del-dayoff {
    width: 100%;
}

.view-task-span {
    cursor: pointer;
    color: #1a237e;
}

.view-task-span:hover {
    text-decoration: underline;
}

.stats-icon.todo {
    background-color: #c62828;
    color: #450000 !important;
}

.stats-icon.on-going {
    background-color: #f9a825;
    color: #450000 !important;
}

.stats-icon i {

}

.card {
    overflow-x: auto;
}

.state-n {
    background-color: #dc3545;
    color: #fff;
}

.state-p {
    background-color: #ffc107;
}

.state-v {
    background-color: #198754;
}

.home-block {
    height: 200px;
    border-radius: 10px;
    padding: 15px;
    font-weight: bold;
    color: #fff;
}

.home-block-total {
    background-color: #1a237e;
}

.home-block-todo {
    background-color: #ff562f;
}

.home-block-on-going {
    background-color: #ff9920;
}

.home-block-done {
    background-color: #04a08b;
}

.home-block-day {
    background-color: #5ddab4;
}

.home-block-month {
    background-color: #57caeb;
}

.home-block h1 {
    color: #fff;
}

#filter-content {
    margin-top: 5px;
}

.a-white {
    color: #fff;
}

.user-profile li {
    list-style-type: none;
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1300px !important;
    }
}



@media (min-width: 1200px) {
    .p-desc-hp {
        border-left: 2px solid #eee;
        padding-left: 15px;
    }
}