/*
codes couleurs
#180A9B bleu foncé
#9893FF bleu clair
#E84924 orange
*/

#inner-header {
    background-color: #180A9B !important;
    color: #9893FF;
    padding: 10px;
    text-align: center;
}
.menu-item a{
    color: #9893FF !important;
}
.stepline {
    background-color: rgba(152, 147, 255, 0.4); !important;
}

/* Sélecteur pour cibler tous les placeholders */
::-webkit-input-placeholder { /* Pour les navigateurs WebKit (Chrome, Safari, Opera) */
    color: #9893FF; /* Couleur du texte du placeholder */
}

:-moz-placeholder { /* Pour Firefox 4 à 18 */
    color: #9893FF; /* Couleur du texte du placeholder */
    opacity: 1; /* Opacité du placeholder */
}

::-moz-placeholder { /* Pour Firefox 19+ */
    color: #9893FF; /* Couleur du texte du placeholder */
    opacity: 1; /* Opacité du placeholder */
}

:-ms-input-placeholder { /* Pour Internet Explorer 10 et 11 */
    color: #9893FF; /* Couleur du texte du placeholder */
}

/* Exemple de sélecteur pour cibler uniquement les placeholders dans les champs de type texte */
input[type="text"]::-webkit-input-placeholder {
    color: #9893FF; /* Couleur du texte du placeholder */
}

input[type="text"], input[type="number"], input[type="date"] , input[type="time"], input[type="email"], input[type="password"], input[type="tel"] {
    border: 2px solid #180A9B !important;
    border-radius: 5px;
    color: #9893FF !important;
}

.tooltip {
    background-color: #9893FF !important;
    color: white !important;
}
.tooltip p{
    color: white !important;
}

.fullbus-select {
    position: relative;
    height: 45px !important;
    border: 2px solid #180A9B !important;
    border-radius: 4px !important;
    color: #9893FF !important;
    padding-right: 30px; /* Ajustez selon la largeur de l'icône */
    background: url('/img/icon/caret.png') no-repeat calc(100% - 10px) center, #FFFFFF; /* Combinez le fond de couleur et l'image */
    background-size: 20px; /* Ajustez selon la taille de l'image */
}

.fullbus-select::after {
    /*content: '\25BE' !important; !* Utilisez le code Unicode de l'icône caret *!*/
    content: '\0025BE' !important; /* Code Unicode du caret en hexadécimal */
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;/* Ajustez selon l'emplacement désiré */
    transform: translateY(-50%) !important;
    font-size: 18px !important; /* Ajustez selon la taille désirée */
    color: #180A9B !important;
}

.equipment-label {
    display: inline-block;
    margin-right: 15px; /* Espacement entre les éléments */
    line-height: 50px;
    cursor: pointer;
}
.equipment-icon{
    display: inline-block;
    width: 25px; /* Largeur de l'icône */
    color: #9893FF;
}

.equipment-checkbox:checked + .equipment-icon {
    color: #180A9B; /* Change la couleur de l'icône lorsque la case est cochée */
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
}

.tippy-box[data-theme~='blue'] {
    background-color:  #9893FF;
    color: white;
}
.tippy-arrow{
    color: #9893FF; /* Couleur de la flèche */
}

.reservation-module{
    box-shadow: 0px 0px 15px #9492ba !important;
    padding-bottom: 20px !important;
}
.mb-35{
    margin-bottom: 35px !important;
}
.text-blue{
    color: #180A9B !important;
}
.text-orange { color: #e84924 !important;}
.text-purple{
    color: #9893FF !important;
}
.w-100{
    width: 100% !important;
}
.text-center{
    text-align: center !important;
}

.text-end{
    text-align: right !important;
}

.reservation-module{
    margin-bottom: 35px !important;
}

.menu-item a{
    color: white !important;
}

.menu-item a:hover{
    color: #9893FF !important;
}

.link-footer{
    color: white !important;
    text-decoration: none !important;
    line-height: 30px !important;
}


.recap .top:before {
    background-color: #9893FF !important;
}

.page-connexion{
    background: #9893FF !important;
}

li.active a .number{
    border : 2px solid #E84924 !important;
}
li p.number{
    border : none !important;
    background: white !important;
}
.input{
    border: none;
}

/* Masquer l'input de type file par défaut */
#uploadPassengerFileInput {
    opacity: 0;
    width: 0.1px;
    height: 0.1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
}

/* Styliser le bouton de remplacement */
.custom-file-upload {
    border: 2px solid #180A9B;
    border-radius: 4px;
    background-color: #fff;
    color: #180A9B;
    padding: 10px 15px;
    cursor: pointer;
}

/* Styling du texte à côté du bouton */
.file-name {
    margin-left: 10px;
}


/* Edit du 20240408 */
.card-user {
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    overflow: hidden;
    margin-bottom: 20px;
    padding: 25px;
    border-radius: 10px;
}

.card-header h3 a {
    color: #180A9B;
    text-decoration: none;
}

.card-header .email {
    color: #9893FF;
}

.card-header .role {
    font-weight: bold;
}


.hr {
    border-top: 1px solid #ccc;
}

.address-infos {
    display: block !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 10px !important;
}

.address-infos p{
    display: block !important;
    margin-right: 10px !important;
    color: #180A9B;
}