/* GLOBAL*/
@font-face {
  font-family: Raleway;
  src: url(/temp/idfm/font/Raleway-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: Raleway;
  src: url(/temp/idfm/font/Raleway-SemiBold.ttf);
  font-weight: 500;
}
@font-face {
  font-family: Raleway;
  src: url(/temp/idfm/font/Raleway-bold.ttf);
  font-weight: 600;
}

body, h1, h2, h3, h4, p{
	font-family: Raleway, Calibri !important;
	font-weight: 500;

}

.field-error .help-block{
	color: #CC3939 !important;
}

.ms-options-wrap > .ms-options > ul li label:hover{
	background-color: #1972D2;
}

.ms-options-wrap > .ms-options > ul li.selected label{
	background-color: #0050AA;
}

.menuitem:hover i{
	color: white;
}

.inbox .inbox-nav li.compose-btn > a{
	background-color: #00873C !important;
	border-radius: 6px !important;
	border: none !important;
	color: white !important;
}

.inbox .inbox-nav li .btn{
	border: none !important;
	background: #DEEEFF !important;
	color: #25303B !important;
}
.inbox .inbox-nav li:hover .btn{
	background: #1972D2 !important;
	color: white !important;
}
.inbox .inbox-nav li.active .btn, .inbox .inbox-nav li.active:hover .btn{
	background: #0050AA !important;
	color: white !important;
}




/* PAGE DE CONNEXION*/
.BackStreetch{
    opacity:0;
}

.note.note-info{
	background-color: #F5F9FF;
	color: #25303B;
}

.logo-default{
    --height:130px;
	width: 200px;
	background-color: white;
	box-shadow: 0 3px 10px #D2E1F0;
}
/* cacher le logo transscolaire */
.LogoTransScolaire{
    display:none !important;
}

.login .content {
  /*background: none; */
  background-color:#white !important;
  box-shadow: 0 3px 10px #D2E1F0;
}

/* Style initial de .create-account de index.php
color: #fff;*/

.login .content h3,
.login .content p,
.login .content label,
.login .content h4,
.login .content .create-account,
.login .content .form-title{
	color : #25303B !important;
	font-weight:600 !important;
}

.login {
  background-color: white !important;
}

/* Style initial de lien mdp oublié de index.php
color:#E198BB;font-weight: bold;background-color:#3B3B3B; */

a {
	color : #1972D2;
	background: none;
}

a:hover{
	color : #0050AA;
	font-style: underline;
}

#forget-password > span{
	color : #1972D2 !important;
	background: none !important;
}
#forget-password > span:hover{
	color : #0050AA !important;
	font-style: underline !important;
}

.btn{
	color: #1972D2 !important;
	font-weight: 600 !important;
	background-color: #fff !important;/*#428bca;*/
	border-radius: 6px !important;
	border: 1px solid #1972D2 !important;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{
	background-color: #1972D2;
	color: white;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
	background-color: #0050AA;
}

body > div.content > div.row > div:nth-child(2) > div > div:nth-child(1) > span > span:nth-child(1),
body > div.content > div.row > div:nth-child(2) > div > div:nth-child(1) > span > span:nth-child(3),
body > div.content > div.row > div:nth-child(2) > div > div:nth-child(2) > span > span > strong,
body > div.content > div.row > div:nth-child(2) > div > div:nth-child(5) > span > span:nth-child(1),
body > div.content > div.row > div:nth-child(2) > div > div:nth-child(5) > span > span:nth-child(3),
body > div.content > div.row > div:nth-child(2) > div > div:nth-child(5) > span,
body > div.content > div.row > div:nth-child(2) > div > div > span,
body > div.content > div.row > div:nth-child(2) > div > span{
	font-family: Raleway, Calibri !important;
	font-weight: 500;
}

body > div.content > div.row > div:nth-child(2) > div > span > span{
	font-family: Raleway, Calibri !important;
}


#register-form > div:nth-child(8) > div > div > span{
	color: #25303B !important;
}



/* TETIERE BARRE BLUE*/

.page-header.navbar {
    background-color: #25303B;/*#1a73e8;*/
	/*box-shadow: 0 3px 10px #D2E1F0;*/
    /* Top notification menu/bar */
    /* Header seaech box */
    /* Toggler button for sidebar expand/collapse and responsive sidebar menu */
}
.page-header .navbar li .active a {
	color : white !important;
}
.page-header.navbar .hor-menu .navbar-nav > li.active > a:focus,
.page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a,
.page-header.navbar .hor-menu .navbar-nav > li.current > a {
    color: white !important;
    background: none !important;/*#d64635 !important;*/
}
.username, .dropdown .dropdown-user{
	color: white !important;
    background: none !important;
}
.username:hover,.username:focus, .dropdown .dropdown-user .open{
	color: #64B5F6 !important;
    background: none !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a, .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a > i{
	color: #25303B;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a:hover > i{
	color: white;
}

/*CUBES*/
.tiles .tile .tile-body a> .numberRq0{
	background-color: #25303B !important;
}


/* ICONES*/
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #fff;/*#44FFF;*/
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
    color: #1972D2;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
    background: none;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i{
	color: #64B5F6;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    
}

/* ICONES*/

/* ICONES*/

/* ICONES*/

/*STATUTS liste des usagers*/

#D1ETAT > a > span.non-controle{
	color: #CC3939 !important;
}
#D1ETAT .a-reconduire{
	color: #826450 !important;
}
#D1ETAT .Modifie{
	color: #4F338B !important;
}
#D1ETAT .en-attente{
	color: #25303B !important;
}
#D1ETAT .controle{
	color: #25303B !important;
}


/* MENU MOUSE OVER */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
.page-sidebar .page-sidebar-menu > li:hover > a,
.page-sidebar .page-sidebar-menu > li.open > a
 {
    background: none;/*#ea0303;*/
    color: #fff;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
.page-sidebar .page-sidebar-menu > li:hover > a > i,
.page-sidebar .page-sidebar-menu > li.open > a > i{
	color: #fff;
}

/* SOUS MENU MOUSE OVER */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a
 {
    background: #1972D2 !important;/*#FD0000 !important;*/
}
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a{
	background: #0050AA !important;
}

/*
MENU LORS DE LA SELECTION
*/
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
.page-sidebar .page-sidebar-menu > li.active > a:hover,
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
    background: #1972D2;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a {
    /*background: #d64635;*/
    border-right: 8px solid #64B5F6;
    border-top-color: transparent;
    color: #ffffff;
}



/* Button blue */

.blue.btn, .blue .btn .pull-right {
	/*Style initial venant de index.php
	background-color:#0051A8; color: #fff; font-size: 18px;*/
  color: #FFFFFF !important;
  background-color: #1972D2 !important;/*#3598dc; */
  font-size: 16px !important;
  border-radius: 6px !important;
  border: none;
  font-weight: 600;
}
.blue.btn:hover, .blue.btn:focus, .blue.btn:active, .blue.btn.active {
  color: #FFFFFF;
  background-color: #0050AA;/* #2386ca */
  border-radius: 6px;
  border: none;
}
.open .blue.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #00857e;/* #2386ca */
}
.blue.btn:active, .blue.btn.active {
  background-image: none;
  background-color: #DAAE2B;
}
.blue.btn:active:hover, .blue.btn.active:hover {
  background-color: #217ebd;
}
.open .blue.btn.dropdown-toggle {
  background-image: none;
}
.blue.btn.disabled, .blue.btn.disabled:hover, .blue.btn.disabled:focus, .blue.btn.disabled:active, .blue.btn.disabled.active, .blue.btn[disabled], .blue.btn[disabled]:hover, .blue.btn[disabled]:focus, .blue.btn[disabled]:active, .blue.btn[disabled].active, fieldset[disabled] .blue.btn, fieldset[disabled] .blue.btn:hover, fieldset[disabled] .blue.btn:focus, fieldset[disabled] .blue.btn:active, fieldset[disabled] .blue.btn.active {
  background-color: #25303B;
}

.blue.btn .badge {
  color: #25303B;
  background-color: #FFFFFF;
}



/* Button SELECTEUR JAUNE MOUTARDE */
.blue2.btn {
  /*color: #FFFFFF;*/
  background-color: #DDDDDD !important;
  color: #25303B !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  border: 1px solid #DDDDDD !important;
}
.blue2.btn:hover, .blue2.btn:focus, .blue2.btn:active, .blue2.btn.active {
	color: white !important;
	background-color: #1972D2 !important;/*#dfba49;*/
	border: 1px solid #1972D2 !important;
}

.blue2.btn:focus, .blue2.btn:active, .blue2.btn.active {
	color: white;
	background-color: #0050AA;/*#dfba49;*/
	border: 1px solid #0050AA;
}

.btn-warning, .btn-warning:hover, .btn-warning:focus {
  /*color: #FFFFFF;*/
  background-color: #FDB557;
  color: #25303B;
  border-radius: 6px !important;
  font-weight: 600;
  border: 1px solid #FDB557;
}



/***
Red Default
***/
/* Button */
.red.btn, .btn-danger{
  color: #FFFFFF;
  background-color: #CC3939;/*#cb5a5e;*/
  border-radius: 6px !important;
  font-weight: 600;
  border: 1px solid #CC3939;
}
.red.btn:hover, .red.btn:focus, .red.btn:active, .red.btn.active, .btn-danger:hover {
  color: #FFFFFF;
  background-color: #CC3939;/*#c23f44;*/
}
.open .red.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #CC3939;
}
.red.btn:active, .red.btn.active {
  background-image: none;
  background-color: #CC3939;
}
.red.btn:active:hover, .red.btn.active:hover {
  background-color: #CC3939;
}
.open .red.btn.dropdown-toggle {
  background-image: none;
}
.red.btn.disabled, .red.btn.disabled:hover, .red.btn.disabled:focus, .red.btn.disabled:active, .red.btn.disabled.active, .red.btn[disabled], .red.btn[disabled]:hover, .red.btn[disabled]:focus, .red.btn[disabled]:active, .red.btn[disabled].active, fieldset[disabled] .red.btn, fieldset[disabled] .red.btn:hover, fieldset[disabled] .red.btn:focus, fieldset[disabled] .red.btn:active, fieldset[disabled] .red.btn.active {
  background-color: #CC3939;
}
.red.btn .badge {
  color: #CC3939;
  background-color: #FFFFFF;
}




/* SUCCESS */
/*btn Ajouter une usager → page dossier élèves*/
.btn-success, .btn-success > span > span {
  color: #fff !important;
  background-color: #00873C !important;/*#45B6AF*/
  font-weight: 600 !important;
  border: none !important;
  border-radius: 6px !important;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
  color: #fff;
  background-color: #00873C;/*#3b9c96*/
  /*border-color: #307f7a;*/
}
.open .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #00873C;/*#3b9c96*/
  /*border-color: #307f7a;*/
}
.btn-success:active, .btn-success.active {
  background-image: none;
  background-color: #00873C;
}
.btn-success:active:hover, .btn-success.active:hover {
  background-color: #00873C;
}
.open .btn-success.dropdown-toggle {
  background-image: none;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: #00873C;/*#45B6AF*/
  /*border-color: #3ea49d;*/
}
.btn-success .badge {
  color: #00873C;/*#45B6AF*/
  background-color: #fff;
}

/* JAUNE MOUTARDE*/

.btn-warning, .btn-warning .btnNext, .btn-warning > span > span{
  color: #25303B !important;
  background-color: #FDB557 !important;/*#dfba49;*/
  border-radius: 6px !important;
  border-color: #FDB557 !important;
  font-weight: 600 !important;
  /*border-color: #dbb233;*/
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning .btnNext:hover, .open .btn-warning.dropdown-toggle, .open .btn-warning.dropdown-toggle:focus, .btnNext:hover, .open .btn-warning.dropdown-toggle, .open .btn-warning.dropdown-toggle:active {
  color: #25303B !important;
  background-color: #FDB557 !important;/*#daae2b;*/
  border-color: #FDB557 !important;
}

/* BLEU PRIMARY */
.btn-primary, .btn-primary > span {
  color: #fff !important;
  background-color: #1972D2! important;/*#428bca;*/
  /*border-color: #357ebd;*/
  border-radius: 6px !important;
  font-weight: 600 !important;
}
.btn-primary, .btn-primary > span > span {
  color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:hover > span {
  color: #fff;
  background-color: #0050AA;/*#3379b5;*/
  /*border-color: #2a6496;*/
}

/* BLEU SECONDARY */

/*Style initial du btn creer une compte famille de index.php
background-color:#973033;*/
.btn-secondary {
  color: #1972D2;
  font-weight: 600;
  background-color: #fff;/*#428bca;*/
  border: 1px solid #1972D2;
  border-radius: 6px !important; 
  
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
  color: #0050AA;
  background-color: #fff;/*#3379b5;*/
  border-color: #0050AA;
}

/*BOUTON VIOLET*/

.btn.purple{
	 background-color: #4F338B;
	 border: 1px solid #4F338B;
 }
.btn.purple:hover{
	 background-color: #4F338B;
	 border: 1px solid #4F338B;
 }

/* GROS BOUTON D'ACCES BLEU */
.dashboard-stat.blue {
  background-color: #1972D2;/*#3598dc;*/
}
.dashboard-stat.blue:hover {
  background-color: #0050AA;/*#3598dc;*/
}
.dashboard-stat.blue .more {
  color: #FFFFFF;
  background: none;/*#258fd7;*/
}

/*INPUT*/
.input-group{
	border-radius: 4px !important;
}

/*BADGE*/
.alert-warning{
	background-color: #25303B;
	color: white !important;
}

.alert.alert-warning.fade.in{
	background-color: #DEEEFF;
	border: none;
	color: #25303B !important;
	font-weight: 500;
}

.control-label i.fa.fa-question-circle.fa-lg{
	color: #1972D2 !important;
}

/*FOOTER*/

.page-footer{
    background-color: #64B5F6;/*#258fd7;*/
}

/*Style initial venant de index.php
background-color: rgb(23, 90, 135);*/

#ftcookieConsent{
	background-color:#64B5F6;padding:5px;color:#FFFFFF;
}