/**************REGLE CSS GENERALE DE L APPLICATION**************/
md-icon svg {
	fill: inherit;
}

html {
	overflow-y: scroll !important
}

md-dialog {
	overflow: initial;
	overflow-x: hidden !important;
}

.hintTxt {
	font-size: smaller;
	!
	important
}

.headerText {
	font-weight: bolder;
	font-size: x-large;
}

.iconeMenuPage {
	width: 40px;
	height: 40px;
}

.input {
	margin-top: 10px;
	margin-bottom: 10px;
}

.validationButton {
	margin-left: 0px !important;
	background-color: rgb(72, 207, 205) !important;
}

.validationButton:hover {
	background-color: rgb(0, 178, 175) !important;
}

.annulationButton {
	background-color: rgb(67, 74, 84) !important;
}

.annulationButton:hover {
	background-color: #2c3138 !important;
}

.messageInformation {
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	padding-left: 15px;
	padding-right: 15px;
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.messageWarning {
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	padding-left: 15px;
	padding-right: 15px;
	color: #31708f;
	background-color: #ffe6cc;
	border-color: #ffb366;
}

.messageSucess {
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	padding-left: 15px;
	padding-right: 15px;
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.messageError {
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	padding-left: 15px;
	padding-right: 15px;
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.titrePage {
	background-color: white;
	height: 100px;
	font-weight: bold;
	font-size: inherit;
}

.goToTopButton {
	position: fixed;
	top: 89%;
	right: 4%;
}

@media screen and (max-height: 567px) {
	.goToTopButton {
		position: fixed;
		top: 80%;
		right: 4%;
	}
}

@media screen and (max-width: 960px) {
	.titrePage {
		margin-top: 37px;
		font-size: inherit;
	}
}

md-dialog .md-actions, md-dialog md-dialog-actions {
	padding-right: 16px;
	padding-left: 16px;
}

md-select.md-default-theme .md-select-value, md-select .md-select-value
	{
	border-bottom-color: #434A54;
}

md-input-container.md-default-theme:not (.md-input-invalid ).md-input-has-value label,
	md-input-container:not (.md-input-invalid ).md-input-has-value label {
	color: #434A54;
}

md-input-container.md-default-theme:not (.md-input-focused ):not (.md-input-invalid
	) label.md-required:after, md-input-container:not (.md-input-focused ):not
	(.md-input-invalid ) label.md-required:after {
	color: #434A54;
}

md-backdrop.md-opaque {
	position: fixed;
}

/********************************CSS PAGE DE LOGIN*****************************/
.ecritureNoir {
	color: #434A54;
}

md-input-container.md-default-theme .md-input, md-input-container .md-input
	{
	color: rgba(0, 0, 0, 0.87);
	border-color: #434A54;
}

.loginPage {
	height: 100%;
	background: #FFF;
	/*FIREFOX*/
	background-image: -moz-linear-gradient(135deg, #A5F3CB, #9CC3EC 50%, #8F71F5);
	/*GOOGLE*/
	background-image: -webkit-radial-gradient(15% 0%, 40% 63%, #8F71F5 0%, transparent),
		-webkit-radial-gradient(100% 100%, 70% 75%, #A5F3CB 60%, transparent),
		-webkit-radial-gradient(55% 0%, 80% 90%, #9CC3EC 30%, transparent),
		-webkit-radial-gradient(0% 100%, 75% 80%, #A8E2EE 50%, transparent);
	/*IE*/
	background-image: -ms-radial-gradient(15% 0%, 40% 63%, #8F71F5 0%, transparent),
		-ms-radial-gradient(100% 100%, 70% 75%, #A5F3CB 60%, transparent),
		-ms-radial-gradient(55% 0%, 80% 90%, #9CC3EC 30%, transparent),
		-ms-radial-gradient(0% 100%, 75% 80%, #A8E2EE 50%, transparent);
}

.logoTimeToPlanLogin {
	width: 166px;
	height: 150px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.logoUtilisateur {
	width: 141px;
	height: 142px;
	margin-top: 3%;
	margin-bottom: 3%
}

.erreurMessage {
	color: #DD2C00;
}

.texteVersion {
	margin-bottom: 10px;
	margin-top: 0px;
	color: #C1C6CC;
}

.texteAcceuil {
	color: white;
	text-align: center;
	font-size: x-large;
}

.loginPanel {
	border-radius: 5px;
	box-shadow: 1px 1px 12px #8a8686;
	background-color: white;
	width: 600px;
	margin-top: 2%;
}

.loginTexte {
	margin-bottom: 10px;
	margin-top: 0px;
	color: #434A54;
	cursor: pointer;
}

.logoTimeToPlanSmallDevice {
	display: none;
	width: 100px;
	height: 92px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.connexionButton {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

@media screen and (max-height: 840px) {
	.logoTimeToPlanLogin {
		display: none;
	}
	.texteAcceuil {
		display: none;
	}
}

@media screen and (max-height: 430px) {
	.actionSuplementaires {
		display: none;
	}
	.loginPanel {
		padding-bottom: 2%;
	}
}

@media screen and (max-width: 840px) {
	.logoTimeToPlan {
		display: none;
	}
	.logoTimeToPlanLogin {
		display: none;
	}
	.texteAcceuil {
		display: none;
	}
	.logoUtilisateur {
		display: none;
	}
	.logoTimeToPlanSmallDevice {
		display: block;
		margin-bottom: 0px;
	}
}

/********************************CSS HEADER*****************************/
.logoTimeToPlanHeader {
	width: 129px;
	height: 117px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.fondEcranHeader {
	background: #FFF;
	/*FIREFOX*/
	background-image: -moz-linear-gradient(135deg, #A5F3CB, #9CC3EC 50%, #8F71F5);
	/*GOOGLE*/
	background-image: -webkit-radial-gradient(15% 0%, 40% 63%, #8F71F5 0%, transparent),
		-webkit-radial-gradient(100% 100%, 70% 75%, #A5F3CB 60%, transparent),
		-webkit-radial-gradient(55% 0%, 80% 90%, #9CC3EC 30%, transparent),
		-webkit-radial-gradient(0% 100%, 75% 80%, #A8E2EE 50%, transparent);
	/*IE*/
	background-image: -ms-radial-gradient(15% 0%, 40% 63%, #8F71F5 0%, transparent),
		-ms-radial-gradient(100% 100%, 70% 75%, #A5F3CB 60%, transparent),
		-ms-radial-gradient(55% 0%, 80% 90%, #9CC3EC 30%, transparent),
		-ms-radial-gradient(0% 100%, 75% 80%, #A8E2EE 50%, transparent);
}

@media screen and (max-width: 960px) {
	.fondEcranHeader {
		display: none;
	}
}

/********************************CSS MENU*****************************/
.menuBurger {
	width: 51px;
	height: 37px;
	border-width: 1px;
	border-style: solid;
	border-color: white;
	border-radius: 6px;
	padding-left: 11px;
	padding-top: 5px;
	cursor: pointer;
}

.menuBackground {
	background-color: #434A54;
}

.menuButton {
	background-color: #434A54 !important;
	color: white;
}

.menuContent {
	background-color: #434A54 !important;
}

.menuItem {
	color: white;
	text-align: center;
}

.menuBar {
	padding: 0;
	height: 40px;
}

.toolbar {
	min-height: 0px;
}

.menuSmallDevice {
	display: none;
}

.menuSide {
	padding-top: 50px;
}

.menuRow {
	padding-top: 10px;
	padding-bottom: 5px;
	border-width: 1px;
	border-style: dotted;
	border-top: none;
	border-left: none;
	border-right: none;
	border-color: white;
}

.itemMenuSide {
	color: white;
	padding-left: 10px;
}

@media screen and (min-width: 960px) {
	.md-sidenav-left {
		display: none !important;
	}
}

@media screen and (max-width: 960px) {
	.menuLargeDevice {
		display: none;
	}
	.md-sidenav-left {
		display:;
	}
	.menuSmallDevice {
		display: inline-flex;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 100%;
		height: 50px;
	}
}

/********************************CSS MODAL*****************************/
.modalContent {
	width: 670px;
}

@media screen and (max-width: 840px) {
	.modalContent {
		width: 400px;
	}
}

@media screen and (max-width: 600px) {
	.modalContent {
		width: 300px;
	}
}

/**********************CSS TABLEAU DES PAUSES**************************/
.maPauseEpargne {
	background-image: linear-gradient(to left, #FACD45, #EBA005 95%, #FACD45);
	width: 150px;
	color: black;
	max-height: 30px;
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 4px;
}

.unePauseEpargne {
	background-image: linear-gradient(to left, #FCE49E, #FCE49E 95%, #FBC24E);
	width: 150px;
	color: black;
	max-height: 30px;
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 4px;
}

.maPausePrevoyance {
	background-image: linear-gradient(to left, #329EC2, #329EC2 95%, #1E84B5);
	width: 150px;
	color: black;
	max-height: 30px;
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 4px;
}

.unePausePrevoyance {
	background-image: linear-gradient(to left, #A8E9FF, #A8E9FF 95%, #61C2EC);
	width: 150px;
	color: black;
	max-height: 30px;
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 4px;
}

.maPauseAde {
	background-image: linear-gradient(to left, #F38BC5, #F38BC5 95%, #E164A6);
	width: 150px;
	color: black;
	max-height: 30px;
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 4px;
}

.unePauseAde {
	background-image: linear-gradient(to left, #F9C0E0, #F9C0E0 95%, #E98DBE);
	width: 150px;
	color: black;
	max-height: 30px;
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 4px;
}

.unePauseAdeAdmini {
	background-image: linear-gradient(to left, rgba(50, 247, 145, 0.38),
		rgba(50, 247, 145, 0.38) 95%, rgb(106, 197, 150));
	width: 150px;
	color: black;
	max-height: 30px;
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 4px;
}

.maPauseAdeAdmini {
	background-image: linear-gradient(to left, rgb(106, 197, 150),
		rgb(106, 197, 150) 95%, rgb(27, 115, 70));
	width: 150px;
	color: black;
	max-height: 30px;
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 4px;
}

.adeSurvol:hover {
	background: rgba(243, 139, 197, 0.26);
	cursor: pointer;
}

.epargneSurvol:hover {
	background: rgba(250, 205, 69, 0.38);
	cursor: pointer;
}

.prevoyanceSurvol:hover {
	background: rgba(50, 158, 194, 0.35);
	cursor: pointer;
}

.adeAdminiSurvol:hover {
	cursor: pointer;
	background: rgba(40, 171, 103, 0.13);
}

.epargneSelectionne {
	background: green;
}

.ecritureDansUnePause {
	margin: 0 0 10px;
	margin-left: 15px;
	font-weight: 500;
	padding-top: 3px;
	padding-bottom: 3px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.heure {
	width: 8%;
	text-align: center;
	border-left-style: none !important
}

.heureMobileDevice {
	width: 6%;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	border-left-style: none !important;
}

.heureSmallDevice {
	width: 15%;
	text-align: center;
	border-left-style: none !important
}

.competence {
	width: 23%;
}

.cellulePrevoyance {
	/* background-color: #4FC0E8*/
	
}

.celluleEpargne {
	/*background-color: #ffce56;*/
	
}

.celluleAde {
	/*background-color: #EC87C1;*/
	
}

.celluleAdeAdministrateur {
	/* background-color: rgba(152, 113, 216, 0.96);*/
	
}

.enteteEpargne {
	background-color: #ffce56;
	border-radius: 8px;
	color: white;
	padding-top: 1%;
	padding-bottom: 2%;
	font-weight: bold;
	width: 200px;
	margin: 0 auto;
	text-align: center;
	margin-top: 1%;
	margin-bottom: 1%;
}

.entetePrevoyance {
	background-color: #4FC0E8;
	border-radius: 8px;
	color: white;
	padding-top: 1%;
	padding-bottom: 2%;
	font-weight: bold;
	width: 200px;
	margin: 0 auto;
	text-align: center;
	margin-top: 1%;
	margin-bottom: 1%;
}

.enteteAde {
	background-color: #EC87C1;
	border-radius: 8px;
	color: white;
	padding-top: 1%;
	padding-bottom: 2%;
	font-weight: bold;
	width: 200px;
	margin: 0 auto;
	text-align: center;
	margin-top: 1%;
	margin-bottom: 1%;
}

.enteteAdeAdministratif {
	background-color: rgba(40, 171, 103, 0.69);
	border-radius: 8px;
	color: white;
	padding-top: 1%;
	padding-bottom: 2%;
	font-weight: bold;
	width: 200px;
	margin: 0 auto;
	text-align: center;
	margin-top: 1%;
	margin-bottom: 1%;
}

.detailEntete {
	border: 3px solid;
	width: 60px;
	border-radius: 28px;
	margin: 0 auto;
	text-align: center;
	font-size: large;
}

.refreshIcone {
	transform: rotate(180deg);
}

.cursorPointer {
	cursor: pointer;
}

.pauseRefresh:hover {
	color: rgb(72, 207, 205) !important;
}

table {
	empty-cells: show;
	background-color: white;
	border-spacing: 0px;
}

tr {
	height: 48px;
}

td, th {
	border-width: 1px;
	border-color: #ddd;
	border-left-style: solid;
	border-top-style: solid;
}

.filtreDeRecherche {
	background-color: white;
	padding-top: 10px
}

.conteneurHead {
	margin-top: 40px;
}

.conteneurDeFilterFullSize {
	margin-top: 40px;
}

md-toast {
	position: fixed !important;
}

.md-toast-animating {
	overflow: initial !important;
}

.md-tab:first-child {
	background: #ffe4a3;
	color: white;
}

.md-tab.md-active:first-child {
	cursor: default;
	background: #ffce56;
}

.md-tab:nth-child(2) {
	background: #9fd4e6;
	color: white;
}

.md-tab.md-active:nth-child(2) {
	cursor: default;
	background: #4fc0e8;
}

.md-tab:nth-child(3) {
	background: #fdcee9;
	color: white;
}

.md-tab.md-active:nth-child(3) {
	cursor: default;
	background: #ec87c1;
}

.md-tab:nth-child(4) {
	background: #add6c1;
	color: white;
}

.md-tab.md-active:nth-child(4) {
	cursor: default;
	background: rgba(40, 171, 103, 0.69);
}

md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
	color: rgb(67, 74, 84);
	background: rgb(67, 74, 84);
}

.enteteAdeAdministratifSmallDevice {
	color: rgba(152, 113, 216, 0.96);
}

body._md-toast-animating {
	overflow: auto !important;
}

md-toast.md-default-theme .md-toast-content, md-toast .md-toast-content
	{
	background-color: rgba(87, 177, 75, 0.81);
	color: rgb(250, 250, 250);
}

.contentSmallDevice {
	background-color: white;
	padding: 0;
}

.tableauDePausesComplet {
	width: 100%;
}

.tableauDePausesSmallDevice {
	width: 100%
}

.margeBas {
	margin-bottom: 40px;
}

@media screen and (max-width: 900px) {
	.tableauDePausesComplet {
		display: none;
		width: 100%
	}
}

@media screen and (min-width: 900px) {
	.tableauDePausesSmallDevice {
		background-color: white;
		display: none;
		width: 100%
	}
}

/**********************CSS TABLEAU DES CONTRAINTES**************************/
.affichageDesContraintes {
	background-color: white;
	padding-top: 1%;
}

.validationButtonContrainte {
	width: 100%;
	background-color: #48CFC8 !important;
	margin-left: 0px;
}

.conteneurContraintes {
	margin-top: 40px;
	color: #434A54;
}
/********************************CSS DOWNLOAD FICHIER*****************************/
.conteneurGlobal {
	margin-top: 40px;
}

md-select.md-default-theme .md-select-value.md-select-placeholder,
	md-select .md-select-value.md-select-placeholder {
	color: #434A54;
}

.erreurMessage {
	color: red;
}

.conteneurFichier {
	background-color: white;
	padding-top: 10px;
	overflow: hidden;
}

.tailleImageFichier {
	width: 50px !important;
	height: 50px !important;
	min-height: 50px;
	min-width: 50px;
}

.bottom-etiquette {
	background-color: #434A54;
	color: white;
	padding: 3px;
}

.filetext-frame-taille {
	font-size: small;
}

.listeFichier {
	padding-left: 0px !important;
}

.filetext-frame-nom {
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.download-etiquette {
	margin-top: 20px;
	text-align: center;
	box-shadow: 2px 2px 20px #aaa;
}

.top-etiquette {
	background-color: white;
}

.img-download {
	width: 70px;
	height: 70px;
	margin: 10px;
	color: #2CB7B0;
}

.img-d {
	color: #434A54;
	cursor: hand;
	width: 30px !important;
	height: 30px !important;
	min-width: 30px !important;
	min-height: 30px !important;
}

.img-download:hover {
	color: #1a6d69;
	cursor: hand;
}

.img-d:hover {
	color: #2CB7B0;
	cursor: pointer;
}

.modal_importFichier {
	padding: 30px;
}

.affichageFichierSmallScreen {
	display: none;
}

@media screen and (max-width: 959px) {
	.affichageFichierLargeScreen {
		display: none;
	}
	.affichageFichierSmallScreen {
		display: block;
	}
	.affichageAjouter {
		display: none;
	}
}

/********************************CSS UTILISATEURS*****************************/
.pdf {
	color: #BB0706;
}

.doc {
	color: #2C5898;
}

.ppt {
	color: #D04727;
}

.xls {
	color: #207347;
}

.zip {
	color: black;
}

.file {
	color: grey;
}

.table-user {
	width: 85% !important;
}

table.table-user a:hover {
	cursor: hand;
	color: #1a6d69;
}

.md-select-menu-container {
	z-index: 99999;
}

.modifButton {
	min-width: 30px !important;
}

.supprButton {
	min-width: 30px !important;
}

.user-icon {
	color: #FFFFFF;
}

.userBtn {
	width: 9% !important;
}

.user {
	width: 14% !important;
	text-align: center;
}

.userLogin {
	width: 6% !important;
	text-align: center;
}

.userFonction {
	width: 23% !important;
	text-align: center;
}

.userMail {
	width: 20% !important;
	text-align: center;
}

.containerEntete {
	background-color: white;
	border-bottom: #434A54;
	height: 50px;
	color: #434A54;
	border-bottom-style: solid;
	border-bottom-width: 3px;
}

.containerUser {
	background-color: white;
	border-bottom: #434A54;
	height: 50px;
	color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.userMobileDevice {
	padding-top: 5px;
	padding-bottom: 5px;
}

.enteteUtilisateur {
	font-weight: bold;
}

.enteteUtilisateur:hover {
	cursor: pointer;
	color: #2c3138
}

.dataUser {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.dataUserMobile {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.utilistateurMediumDevice {
	display: none;
}

.utilisateurSmallDevice {
	display: none;
}

.utilisateurMobileDevice {
	display: none;
}

.pair {
	background-color: rgba(149, 127, 245, 0.11);
}

.conteneurAjoutUtilisateur {
	background-color: white;
}

.ajouterUtilisateur, .ajouterFichier {
	margin: 0px;
	background-color: #434A54 !important;
}

.impair {
	background-color: white;
}

@media screen and (max-width: 1550px) {
	.utilistateurLargeDevice {
		display: none;
	}
	.utilisateurSmallDevice {
		display: none;
	}
	.utilisateurMobileDevice {
		display: none;
	}
}

@media screen and (min-width: 960px) and (max-width: 1550px) {
	.utilistateurLargeDevice {
		display: none;
	}
	.fonction {
		display: none;
	}
	.utilistateurMediumDevice {
		display: initial;
	}
	.utilisateurSmallDevice {
		display: none;
	}
	.utilisateurMobileDevice {
		display: none;
	}
}

@media screen and (min-width: 600px) and (max-width: 960px) {
	.utilistateurLargeDevice {
		display: none;
	}
	.utilistateurMediumDevice {
		display: none;
	}
	.mail {
		display: none;
	}
	.fonction {
		display: none;
	}
	.utilisateurSmallDevice {
		display: initial;
	}
	.utilisateurMobileDevice {
		display: none;
	}
}

@media screen and (max-width: 598px) {
	.utilistateurLargeDevice {
		display: none;
	}
	.utilistateurMediumDevice {
		display: none;
	}
	.utilisateurSmallDevice {
		display: none;
	}
	.utilisateurMobileDevice {
		display: initial;
	}
	.conteneurDeFilterFullSize {
		display: none;
	}
}

.adresse
{
	    font-weight: bold;
}

/********************************CSS ABSENCE*****************************/

.md-datepicker-input-container {
    width: 192px;
}

.md-button.md-icon-button {
   height: 24px;
   width: 24px;
   padding: 0px;
   margin: 0px;   
}

.motif {
	width: 200px;
}

._md-datepicker-floating-label._md-datepicker-has-calendar-icon>label:not(.md-no-float):not(.md-container-ignore) {
    right: 0px;
    left: 34px;
    width: 192px;
}

._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
    margin-left: 35px;
}

.md-select-value .md-select-icon { 
    margin: 0px;
    
}