/*
Fichier CSS de customisation
Date : 2019/06
Owner : Auriga
Client : YNCREA

Intégration du fichier de customisation de Web Aurion.
1. Sur le serveur web, dans le dossier : ..\bin\web\webapps\ROOT\resources\
2. Ouvrir le fichier main.css
3. Ajouter sur la première ligne : @import "custom/custom_YNCREA.css";
4. Enregistrez et fermez le fichier
5. Enregistrez ce fichier (custom.css) dans le dossier : ..\bin\web\webapps\ROOT\resources\custom\

*/

/*
GENERALE
*/

/*Police*/

.templatePrincipal, body .Heading1, body .Heading2, body .Heading3, body .Heading4, body .Heading5, body .Heading6, .sidebar .ui-menu .ui-slidemenu-wrapper .ui-slidemenu-backward, .sidebar .ui-menu .ui-menuitem.rubrique-en-cours, .sidebar .ui-menu .ui-menuitem:hover, .sidebar .ui-menu .ui-menuitem .ui-menuitem-link, .sidebar .ui-menu .ui-menuitem .ui-submenu-link, .ui-datatable table tbody tr td, .mainMenuPage .widgetPlanning .fc-toolbar .fc-next-button, .mainMenuPage .widgetPlanning .fc-toolbar .fc-prev-button, .mainMenuPage .todo .contenu, .dataTableMoyenne table tbody tr td, .dataTableMoyenne table thead tr th, .dataTableMoyenne table tfoot tr td, .dataTableApprenantSub table tbody tr, .dataTableMoyenneSub table tbody tr, .dataTableEpreuveSub table tbody tr, .moteurDeRecherche .panel-recherche-avancee .div-titre .div-texte, .planning .fc-toolbar .fc-right button {
  font-family: "latoregular" !important;
}


.ui-message-error, .ui-messages-error, .ui-message-info, .ui-messages-info, .ui-message-warn, .ui-messages-warn, .ui-message-fatal, .ui-messages-fatal, .ui-button-text, button .ui-button-text {
  font-family: "latobold" !important;
}

/*
HOME PAGE CONNEXION
*/

/*couleur de fond*/

.AquaBack {
  background-color: #ffffff !important;
}

/*Image du logo*/

.loginPage .divLogo {
  background-image: url("../custom/logo.png") !important;
  width: auto !important;
  height: 200px !important; /*indiquer la taille en largeur souhaitée */
}

.loginPage .liens .bouton-recevoir-mot-de-passe > span {
    background-color: #3F2A56; 
    border-color: white;     
    color: white;
}

.loginPage .liens .bouton-recevoir-mot-de-passe.ui-state-hover span {
    background-color: #66448A;
}


/*
*/

/*
TOP MENU
*/

/* Couleur de la barre du menu haut */

.templatePrincipal.MyTopBar #layout-topbar-cover {
  background-color: #0084b4 !important;
}

/* Image du logo (svg, png, jpg) */

.header #logo img {
  background-image: url("../custom/logo_header.png") !important;
  width: auto !important;
  height: 200px !important;
}

/*
*/

/*
MENU LATERAL : SIDEBAR
*/

/*Menu latéral : Couleur */

.sidebar .ui-menu {
  background-color: #333 !important;
}

/*Menu latéral : Bordure droite*/

#layout-menu-cover {
  background-color: #333 !important;
}

/*Menu latéral : Couleur des liens*/

.sidebar .ui-menu .ui-menuitem .ui-menuitem-link, .sidebar .ui-menu .ui-menuitem .ui-submenu-link {
  color: rgba(255, 255, 255, 0.9);
}

/*Menu lateral : Rubrique*/

.sidebar .ui-menu .ui-slidemenu-wrapper .ui-slidemenu-backward {
  position: relative;
  background-color: #282828;
  color: rgba(255, 255, 255, 0.6);
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 0;
  border-radius: initial;
}

/*Menu lateral : Sous rubriques*/

.sidebar .ui-menu .ui-menuitem .ui-menu-list {
  background-color: #282828;
}

/*
*/

/*
CONTENU
*/

/*Ombre */

.ShadowEffect {
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/*Séparateur de formulaire*/

.formulaire .div-grille-composants .ligne {}

.formulaire .div-grille-composants .ligne .composant-separateur-bandeau {}

.formulaire .div-grille-composants .ligne .composant-separateur-text {}

/*
*/

/*
BOUTONS
*/

/*bouton vert*/

button.GreenButton .ui-button-text {
  background-color: #FF5C39;
  border-color: #FF927A;
}

button.GreenButton.ui-state-hover .ui-button-text {
   background-color: #FF927A;
   border-color: #FF927A;
}

button.GreenButton.ui-state-active .ui-button-text {
   background-color: #FF927A;
   border-color: #FF927A;
}

/*bouton bleu*/

button .ui-button-text {
  font-size: 14px;
  border: solid 1px #0893c7;
  color: #FFF;
  background-color: #00aaff;
}

button .ui-button.ui-state-hover .ui-button-text {
  background-color: #29C0F9;
}

/*bouton gris*/

button.GrayButton .ui-button-text {
  background-color: #ECEFF1;
  color: #525252;
  border-color: #CCCFD2 !important;
}

button.GrayButton.ui-state-hover .ui-button-text {}

/*bouton rouge*/

button.RedButton .ui-button-text {
  background-color: #e2033d;
  border-color: #BD0A39;
}

button.RedButton.ui-state-hover .ui-button-text {}

/*bouton jaune*/

button.YellowButton .ui-button-text {
  background-color: #f7ce03;
  border-color: #cead0a;
}

button.YellowButton.ui-state-hover .ui-button-text {}

/*bouton rose*/

button.PinkButton .ui-button-text {
  background-color: #FF4081;
  border-color: #DA2A66;
}

button.PinkButton.ui-state-hover .ui-button-text {
  background-color: #FD6297 !important;
}

/* Barre de titre des widgets du type INDICATEUR du dashboard */
.mainMenuPage .dashboard .widget-type-indicateur .ui-panel-titlebar {
	background: #3F2A56 !important;
}

/* Barre de titre des widgets du type LIBRE du dashboard */
.mainMenuPage .dashboard .widget-type-libre .ui-panel-titlebar {
	background: #3F2A56 !important;
}

/* Texte des widgets du type INDICATEUR du dashboard */
.mainMenuPage .dashboard .widget-type-indicateur .indicateur .texteIndicateur {
	color: #3F2A56 !important;
}

/* Icone des widgets du type INDICATEUR du dashboard */
.mainMenuPage .dashboard .widget-type-indicateur .indicateur .iconeIndicateur {
	color: #3F2A56 !important;
}

/* Texte, 2e ligne, des widgets du type INDICATEUR du dashboard */
.mainMenuPage .dashboard .widget-type-indicateur .indicateur .champsText2 {
	color: #3F2A56 !important;
}

/* Bandeau d'en-tête du menu de gauche de WebAurion */
.templatePrincipal #layout-topbar-left {
	background-color: #FF5C39
}

/* Bandeau d'en-tête de la partie droite de WebAurion */
.templatePrincipal #layout-topbar-right {
	background-color: #FF5C39
}

/* A partir de la version 1.15.20x 
   Pour rendre plus visible le texte "Click on the button (Summary of payments) to access the payment" de la rubrique "Deposit payment" 25771611 */
.id_rubrique_27829972 .formulaire .div-grille-composants .ligne .composant-separateur-text {
	color: #f00 !important;
    font-size: 16px;
    font-weight: bold;
}

.id_rubrique_28167538 .formulaire .div-grille-composants .ligne .composant-separateur-text {
	color: #f00 !important;
    font-size: 16px;
    font-weight: bold;
}

.id_rubrique_28167545 .formulaire .div-grille-composants .ligne .composant-separateur-text {
	color: #f00 !important;
    font-size: 16px;
    font-weight: bold;
}

.id_rubrique_27830080 .formulaire .div-grille-composants .ligne .composant-separateur-text {
	color: #f00 !important;
    font-size: 16px;
    font-weight: bold;
}

.id_rubrique_27834395 .formulaire .div-grille-composants .ligne .composant-separateur-text {
	color: #f00 !important;
    font-size: 16px;
    font-weight: bold;
}

/* A supprimer à partir de la version 1.15.20x, car remplacé par le bloc au-dessus
   Pour rendre plus visible le texte "Click on the button (Summary of payments) to access the payment" de la rubrique "Deposit payment" 25771590 
.id_form_25771590 .formulaire .div-grille-composants .ligne .composant-separateur-text {
	color: #f00 !important;
    font-size: 16px;
    font-weight: bold;
}*/

/* Icone du bandeau du dashboard 
.templatePrincipal .topbar-link i {
    font-size: 2rem;
    margin: 1.3rem 0 0;
    display: inline-block;
    color: #FF5C39; 
}*/