/***************
* 
* Commun
*
***************/

/* Général */
.mobile-body .mainscreenLogin {
    background-color: #4BACC6 !important;
    color: #333 !important;
}
.mobile-body .mainscreenLogin h1 {
    color: #31849B !important;
}

/* Entetes */
.headerWindowContainer {
    background-color: #4BACC6 !important;
    color: #333 !important;
}
    .headerWindowContainer .icon {
        filter: invert(100%) !important;
    }
.window .modal-header {
    background-color: #4BACC6 !important; 
    color: #333 !important;
}
.headerScreenContainer {
    background-color: #4BACC6 !important;
    color: #333 !important;
}
    .headerScreenContainer .icon {
        filter: invert(100%) !important;
    }

/* Barre progression étapes rdv */
.circleEtape, 
.lineEtape {
    background-color: #E46D0A !important;
    color: #FFFFFF !important;
}

.circleEtape.etapeCurrent {
    background-color: #6495ED !important;
    color: #FFFFFF !important;
}
.circleEtape.etapeDone, .lineEtape.etapeDone{
    background-color: #90EE90 !important;
    color: #FFFFFF !important;
}

/* Message d'information */
.message-info {
    background-color: #E5F0FF !important;
    color: #333 !important;
}    

/* Boutons gris */
.xang.xa-form-button {
}
    .xang.xa-form-button .back {
        border: 1px solid #F1F1F1 !important;
        background: #F1F1F1 !important;
        color: #333 !important;
    }

.xang.xa-form-button.disabled {
}

/* Boutons bleu */
.xang.xa-form-button.blue-button {
    border: 1px solid #4A91D9 !important;
}
    .xang.xa-form-button.blue-button .back {
        border: 1px solid #4A91D9 !important;
        background: #4A91D9 !important;
        color: #FFFFFF !important;
    }

/* Footer */
.footerScreenContainer {
}

/***************
* 
* Patient Menus - Accueil
*
***************/

/* Bandeau Entete Portail */
.portail-header {
    background-color: #93CDDD !important;
    color: #333 !important;
}
.portail-header .nom-utilisateur {
    color: #333 !important;
}

/* Menu Principal */
.portail-menu {
    background-color: #F8F8F8 !important;
    color: #333 !important;
}
.portail-menu-item {
}
.portail-menu-item.selected, 
.portail-menu-item:hover {
    border-bottom : 3px solid #719AF1 !important;
    color: #719AF1 !important;
}

/* Titres "Mon prochain rendez-vous" et "Mon dernier examen" */
.portail-main-title {
    background-color: #F8F8F8 !important;
    color: #333 !important;
}

/* Vignette Rendez-Vous */
.portail-vignette-rdv {
    background-color: #FFF0DD !important;
    color: #333 !important;
}
.portail-vignette-rdv .portail-vignette-title {
    background-color: #FFE4CC !important;
    color: #333 !important;
}

/* Bouton "Gagner du temps en procédant à mon pré-accueil" */
.xang.xa-form-button.portail-vignette-rdv-action-principale {
    border: 1px solid #FFA372 !important;
}
    .xang.xa-form-button.portail-vignette-rdv-action-principale .back {
        border: 1px solid #FFA372 !important;
        background: #FFA372 !important;
        color: #333 !important;
    }

/* Autres Boutons */
.xang.xa-form-button.portail-vignette-rdv-action-secondaire {
    border: 1px solid #FFCCB2 !important;
}
    .xang.xa-form-button.portail-vignette-rdv-action-secondaire .back {
        border: 1px solid #FFCCB2 !important;
        background: #FFCCB2 !important; 
        color: #333 !important;
    }

/* Vignette Resultats */
.portail-vignette-examen {
    background-color: #C6EDCE !important;
    color: #333 !important;
}
.portail-vignette-examen .portail-vignette-title {
    background-color: #B6EAC1 !important;
    color: #333 !important;
}

/* Bouton "Acceder à mes résultats" */
.xang.xa-form-button.portail-vignette-examen-action-principale {
    border: 1px solid #57D16E !important;
}
    .xang.xa-form-button.portail-vignette-examen-action-principale .back {
        border: 1px solid #57D16E !important;
        background: #57D16E !important;
        color: #333 !important;
    }
    
/* Autres Boutons */
.xang.xa-form-button.portail-vignette-examen-action-secondaire {
    border: 1px solid #8BE89D !important;
}
    .xang.xa-form-button.portail-vignette-examen-action-secondaire .back {
        border: 1px solid #8BE89D !important;
        background: #8BE89D !important; 
        color: #333 !important;
    }

/***************
* 
* Common Menus - Mes Rdvs
*
***************/

/* Vignette Demande de rendez-vous */
.portail-vignette-demrv {
    background-color: #FFE8DD !important;
    color: #333 !important;
}
.portail-vignette-demrv .portail-vignette-title {
    background-color: #FFD7CC !important;
    color: #333 !important;
}

/* Bouton "Supprimer la demande de rendez-vous" */
.xang.xa-form-button.portail-vignette-demrv-action-principale {
    border: 1px solid #FFB9B2 !important;
}
    .xang.xa-form-button.portail-vignette-demrv-action-principale .back {
        border: 1px solid #FFB9B2 !important;
        background: #FFB9B2 !important; 
        color: #333 !important;
    }


/***************
* 
* Medecin Menus - Mes Patients
*
***************/

/* Vignette Diffusion */
.portail-vignette-diffusion {
    background-color: #C6EDCE !important;
    color: #333 !important;
}
.portail-vignette-diffusion .portail-vignette-title {
    background-color: #B6EAC1 !important;
    color: #333 !important;
}
.portail-vignette-diffusion.portail-vignette-diffusion-readed {
}
.portail-vignette-diffusion.portail-vignette-diffusion-readed .portail-vignette-title {
}

/* Bouton "Acceder aux résultats" */
.xang.xa-form-button.portail-vignette-diffusion-action-principale {
    border: 1px solid #57D16E !important;
}
    .xang.xa-form-button.portail-vignette-diffusion-action-principale .back {
        border: 1px solid #57D16E !important;
        background: #57D16E !important;
        color: #333 !important;
    }

.portail-vignette-diffusion-readed .xang.xa-form-button.portail-vignette-diffusion-action-principale {
}
    .portail-vignette-diffusion-readed .xang.xa-form-button.portail-vignette-diffusion-action-principale .back {
    }
  
/* Bouton "Visualiser les images" */
.xang.xa-form-button.portail-vignette-diffusion-action-secondaire {
    border: 1px solid #8BE89D !important;
}
    .xang.xa-form-button.portail-vignette-diffusion-action-secondaire .back {
        border: 1px solid #8BE89D !important;
        background: #8BE89D !important;
        color: #333 !important;
    }

.portail-vignette-diffusion-readed .xang.xa-form-button.portail-vignette-diffusion-action-secondaire {
}
    .portail-vignette-diffusion-readed .xang.xa-form-button.portail-vignette-diffusion-action-secondaire .back {
    }

/***************
* 
* Prise Rdv
*
***************/

/* Creneaux */
.creneau-disponible {
    background-color: #F0F0F0 !important;
    color: #374959 !important;
}
.creneau-disponible a {
    color: #374959 !important;
}

.creneau-disponible-header {
    background-color: #EAEAEA !important;
    color: #333 !important;
}

.creneau-horaire {
    background-color: #9FDBF4 !important;
    color: #374959 !important;
}

.creneau-horaire-favoris {
    background-color: #E5D604 !important;
    color: #374959 !important;
}

.creneau-show-moreless {
    color: #374959 !important;
}