/*

Anciennes couleurs officielles
	#101E49  bleu foncé
	#5096CA  bleu clair
	#666666  gris

Références pour les caractères : https://offroadcode.com/rem-calculator/
	8px = 0.4444rem
	9px = 0.5rem
	10px = 0.5556rem
	11px = 0.6111rem
	12px = 0.6667rem
	13px = 0.7222rem
	14px = 0.7778rem
	15px = 0.8333rem
	16px = 0.8889rem
	18px = 1rem (base)
	20px = 1.111rem
	22px = 1.222rem
	24px = 1.333rem
	26px = 1.444rem
	28px = 1.556rem
	30px = 1.667rem
	32px = 1.778rem
	34px = 1.889rem
	36px = 2rem
	38px = 2.111rem
	40px = 2.222rem
	50px = 2.778rem

Palette officielle
	$mainColor-light 			#5FC1EB
	$mainColor 					#3BB3E7
	$mainColor-dark 			#1BA3DE
	$secondaryColor-light 		#0C3345
	$secondaryColor 			#061922
	$secondaryColor-dark 		#000000
	fond						#F5F5F5

*/


/** Prevent iPhone to render address, telephone numbers etc. as links **/
/*
a[href^=3D"x-apple-data-detectors:"] {
	color: inherit;
	text-decoration: inherit;
}


a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}
 */

/* juste dans l'accueil */
.blue_bold b {
	color: #3BB3E7;
}

/*
.espacev {
	margin-top: 6px;
}
 */

/*
juste pour l'exemple, pas utilisé
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'),
       local('Roboto-Regular'),
       url(https://themes.googleusercontent.com/static/fonts/roboto/v11/2UX7WLTfW3W8TclTUvlFyQ.woff)
       format('woff');
}
 */

.popover-content > .alert  {
	margin-bottom: -30px !important;
}

body {
	font-family: Barlow, Helvetica, Arial, sans-serif;
	font-size: 0.8333rem;
}

/* pour corriger hauteur changée par body */
.main-header .sidebar-toggle {
	font-size: 14px;
}

a {
	color: #1ba3de;
	transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}

a:hover {
  color: #0c3345;
}

a.disabled, a[disabled] {
	opacity: 0.40;
	pointer-events: none;
	cursor: default;
}

.strike {
	text-decoration: line-through;
	opacity: 0.40;
}

.nav-tabs-custom .tab-content {
	border: 1px solid #d2d6de;
}

.nav-tabs-custom>.nav-tabs>li.active {
	border-top-color: #3BB3E7;
	border-top-width: 4px;
	border-left: 1px solid #d2d6de;
	border-right: 1px solid #d2d6de;
}

.nav-tabs-custom>.nav-tabs>li>a {
	color: #737373;
}

.nav-tabs-custom>.nav-tabs>li.active>a {
	color: #3BB3E7;
};

.btn {
/* 	transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); */
}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
	background-color: #0c3345;
}

.plan {
    font-family: "Montserrat", sans-serif;
	font-size: 2.778rem;
	color: #0c3345;
	display: flex;
    align-items: center;
}

.plan > i {
	color: #3BB3E7;
}

.plan > small {
/* 	color: red; */
	font-size: 0.7778rem;
}

.sgt-pager > .status {
	background-color: #0c3345;
	border-color: #0c3345;
	color: #FFFFFF;
	opacity: 1;
}

.section {
    font-family: "Montserrat", sans-serif;
	display: block;
	color: #0c3345;
	font-weight: bold;
	font-size: 1rem;
	margin-top: 30px;
	margin-bottom: 15px;
}

.section2 {
    font-family: "Montserrat", sans-serif;
	display: block;
	color: #0c3345;
	font-weight: bold;
	font-size: 1rem;
	margin-top: 30px;
	margin-bottom: 15px;
}

.section2[disabled] {
	color: rgb(0, 0, 0, 0.4);
}

.section:before {
	padding-right: 10px;
	color: #5fc1eb;
	font-family: FontAwesome;
	font-weight: light;
	content: "\f054";
/* 	content: "\f0c9";	/* code unicode dans doc de fa */ */
}

.section a.pull-right {
	font-family: Barlow, Helvetica, Arial, sans-serif;
	font-size: 0.8333rem;
	font-weight: 400;
	color: #1ba3de;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
	font-weight: 800;
}

h1 {
	color: #3BB3E7;
	font-size: 1.66667rem;
	line-height: 1.05; }
}

h2 {
	color: #3BB3E7;
	font-size: 1.33333rem;
	line-height: 1.05;
}

h3 {
  font-size: 1.16667rem;
  line-height: 1.1;
}

h4 {
  font-size: 1rem;
  line-height: 1.1;
}

h5 {
    font-family: "Montserrat", sans-serif;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 0.77778rem;
	line-height: 1.1;
}

h6 {
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 0.66667rem;
	line-height: 1.1;
}

blockquote {
	border-left: 0.4em solid #3BB3E7;
	font-size: 0.8333rem;
}

/* p, blockquote, .content-wrapper { */
/* p, blockquote, content { */
/* 	font-size: 0.8333rem; */
/* 	line-height: 1.50; */
/* 	margin-bottom: 1.3em; */
/* } */

.content-wrapper {
	background-color: #F5F5F5;
}

code {
	color: #337ab7;
	background-color: rgba(51, 122, 183, 0.1);
}

code:empty {
  display: none;
}

/* enlever le filet bleu en haut */
.box.box-primary {
	border: none;
}

/* on ne veut pas les marges habituelles dans les entêtes */
.box-header > .section {
	margin-top: 4px;
	margin-bottom: 4px;
}

.xbox {
	border: none !important;
	box-shadow: none;
	background-color: #F5F5F5;
}

.xbox-header {
	padding-left: 0px;
	padding-right: 0px;
/* 	background-color: rgba(51, 122, 183, 0.1); */
}

.xbox-body {
	padding-left: 0px;
	padding-right: 0px;
}

.xbox-footer {
	background-color: #F5F5F5;
}

html {
	overflow-y: scroll;  /* forcer le scroll bar vertical */
	font-size: 18px; /* référence = 1 REM */
}

.highlightedText {
    background: yellow;
}

/* override de styles Admin LTE*/
@media print {
	.box-header, .box-footer, .btn-group {
		display: none !important;
	}

	.section {
		background-color: #CCCCCC !important;
		padding: 4px !important;
	}
}

/* pour les tables override bootstrap */
.table>thead>tr>th {
	background-color: #0c3345;
	color: #3BB3E7;
	border-bottom: none;
}

.table>thead>tr>th a {
	color:#FFFFFF;
}

/* pour éviter que les boutons fassent changer la hauteur des tableaux */
.table .dropdown-toggle {
	margin-top: -6px !important;
	margin-bottom: -5px !important;
}

/* réaligner le haut des dropdowns avec le bas des boutons */
.table .btn-group .dropdown-menu {
	margin-top: 6px;
}

/* enlever les coins ronds et ajouter de l'ombre */
.dropdown-menu {
	box-shadow: 2px 2px 5px 0px #999999;
	border-radius: 0px;
}

.table {
	background-color: #FFFFFF;
	font-size: 0.7222rem;
	font-size: 0.7778rem;
}

/*  pour les regroupement dans les tableaux */
.table>tbody>.group {
	color: #061922;
	font-weight: 800;
    font-family: "Montserrat", sans-serif;
/* 	text-transform: uppercase; */
}

.table>tbody>.group td {
/* 	background-color: #5FC1EB; */
}

/* expériences - pas en production - pas beau
.table>tbody>tr>td:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.table>tbody>tr>td:last-child {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
 */

/* footer */
/*
.table>tbody:last-child>tr td {
	border-radius: 0px;
}
 */

/* désactiver le :hover pcq laid avec coins ronds... */
/*
.table>tbody:last-child>tr:hover {
	background: none;
}
 */

/*  pour date coupons resto */
.btn-group-vertical .btn+.btn {
	margin-left: 0px;
	margin-top: -3px;
}

/* pour passer au dessus du header de AdminLTE */
/* 1030 = modal */
.datepicker {
	z-index: 1051 !important;
}

.datepicker table tr td.highlighted {
	background-color: #FFFFFF;
	font-weight: bold;
}

.tableau_de_bord {
	cursor: pointer;
}

canvas[chart-click] {
	cursor: pointer;
}

.tableau_de_bord:hover {
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}

.table .footer {
	font-weight: bold;
}

/* le texte normal doit être avec rbg() pour ne pas affecter les menus contextuels qui sont aussi dans le td directement
 opacity hérite sur tout le contenu du TD ... */
.table .disabled>td,
.table .disable>td {
	color: rgb(0, 0, 0, 0.4);
}

/* span(ex.: note) - code - lien - check */
/* .table .disabled>td>span, */
/* .table .disable>td>span, */
.table .disabled>td>my-checked,
.table .disable>td>my-checked,
.table .disabled>td>a,
.table .disable>td>a,
.table .disabled>td>code,
.table .disable>td>code {
	opacity: 0.4;

}

.small-box {
	border-radius: 3px;
}

.small-box-icon {
	position: absolute;
	top: -10px;
	right: 10px;
	font-size: 60px;
	transition: none;
	color: rgba(0, 0, 0, 0.15);
}

.small-box-header {
	background-color: #FFFFFF;
	padding: 6px;
}

.small-box-body {
	color: #333;
	background-color: #FFFFFF;
}

.form-text {
	margin-top: 25px;
/* 	background-color: teal; */
	line-height: 34px;
	display: inline-block;
	width: 100%;
	text-align: center;
}

.duallistbox {
/* 	padding: 10px; */
/* 	border: 1px solid silver; */
/* 	border-radius: 3px; */
/* 	background-color: #d9edf7; */
}

.duallistbox select[multiple] {
	background-color: #FFFFFF !important;
}

select::-ms-expand {
    display: none;
}

/* pour option disabled */
select[multiple] .disable {
	color: #BBBBBB;
}

select, select.ng-invalid, select.ng-dirty.ng-invalid {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0LjkgMTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQuOSAxMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM0NDQ0NDQ7fQo8L3N0eWxlPgo8dGl0bGU+YXJyb3dzPC90aXRsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxLjQsNC43IDIuNSwzLjIgMy41LDQuNyAiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzLjUsNS4zIDIuNSw2LjggMS40LDUuMyAiLz4KPC9zdmc+Cg==) !important;
	background-size: 32px 32px; /* sans taille, IE strech les BG en SVG */
	background-repeat: no-repeat;
	background-position: right 0px top;
	padding-right: 30px !important;

	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 3px !important;
}

/* pas encore supporté par tous les browsers */
label:has(>input[type=checkbox][disabled]) {
	color: rgb(0, 0, 0, 0.4);
}

input, textarea {
	border-radius: 3px !important;
}

/* doit être après bloc précédent... */
@media print {
	select, input, textarea {
		background-image: none !important;
		border: none !important;
		padding: 0px !important;
	}

	.input-group-btn, .btn, .drag-handle {
		display: none;
	}
}

select[multiple] {
	background: none !important;
	padding-right: 0px !important;
}

.btn:not(.dropdown-toggle) {
/* 	border: 1px solid #3BB3E7; */
/* 	background: #3BB3E7; */
	font-size: 0.7778rem;
	font-weight: 500;
/* 	color: #061922; */
	border-radius: 0;
}

.btn:hover {
	border: 1px solid #3BB3E7 !important;
	color: #FFFFFF !important;
	background: #3BB3E7 !important;
}

.btn-group > .btn {
	margin: 2px;
}

input.mono, textarea.mono {
	font-family: Lucida Console, Monaco, monospace;
}

/* pour les validations */
input.ng-invalid, textarea.ng-invalid, select.ng-invalid {
	background-color: #FFFFCC !important; /* jaune */
}

input.ng-dirty.ng-invalid, textarea.ng-dirty.ng-invalid, select.ng-dirty.ng-invalid {
	background-color: #FFEEEE !important; /* rose */
}

.form-control[disabled] {
	color: #333333;
	background-color: #F5F5F5;
}

.form-control-static {
	color: #555;
	font-size: 14px;
}

/* pour le positionnement des icones dans les champs */
/* enable absolute positioning */
.inner-addon {
	position: relative;
}

/* style icon */
.inner-addon .fa {
/* 	background-color: lightblue; */
	z-index: 5;
	position: absolute;
	font-size: 0.8889rem;
	height: 34px;
	line-height: 34px;	/* pour centrage vertical */
	width: 34px;
	color: #666;
	text-align: center;
	pointer-events: none;
}

/* align icon */
.left-addon .fa  { left:  0px; }
.right-addon .fa { right: 0px; }

/* add padding  */
.left-addon input  { padding-left:  38px; }
.right-addon input { padding-right: 38px; }

.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }
.pagination-page>a { width: 50px; text-align: center;}

a[ng-click] {
    cursor: pointer;
}

/* les liens de navig dans les box sortent gris, on les veut bleus...
	équivalent à text-light-blue */
.box-body .nav-pills a {
	color: #1ba3de;
}

.box-body .nav-pills a:hover {
	background-color: #1ba3de;
	color: #FFFFFF;
}

.isdragged {
	background-color: #1ba3de;
	color: #FFFFFF;
}

.drag-handle {
	color: #1ba3de;
	text-align: center;
	vertical-align: middle !important;

}

.drag-handle:hover {
	background-color: #1ba3de;
	color: #FFFFFF;
	cursor: pointer;
}

.box-body .nav-pills a > i:first-of-type {
	color: #0c3345;
}

/* les couleurs d'AdminLTE sont à vomir... retour à  l'original Bootstrap */
.alert-info {
	color: #31708f !important;
	background-color: #d9edf7 !important;
	border: none;
}

.alert-warning {
	color: #8a6d3b !important;
	background-color: #fcf8e3 !important;
	border-color: #faebcc !important;
}

.alert-danger {
	color: #843434 !important;
	background-color: #f2dede !important;
	border: none;
}

.alert-success {
	color: #3c763d !important;
	background-color: #dff0d8 !important;
	border: none;
}

.alert a {
	color: #1ba3de;
	text-decoration: none;
}

.alert a:hover {
  color: #0c3345;
}

/* pour angularupload - voir https://github.com/nervgh/angular-file-upload/wiki/Introduction */
.nv-file-over {
	color: #31708f !important;
	background-color: #d9edf7 !important;
	border: 1px solid #31708f;
}

/* éviter l'override en blanc pour les événements en plage... */
.fc-v-event .fc-event-main,
.fc-h-event .fc-event-main {
	color: inherit;
}

/* pour les icones en "lettrine" dans les alertes */
.modal-content .big, .alert .big, .box-body .big {
	font-size: 4rem;
	float: left;
	margin-right: 10px;
}

.gras {
	font-weight: bold;
}

.content {
	padding-top: 0px;
}

/* réduire le padding des zone de filtrage */
.box-header > .well-sm {
	padding: 2px;
}

.breadcrumb {
	background-color: #0c3345;
	font-size: 0.8889rem;
	font-weight: normal;
}

/* le dernier */
.breadcrumb>.active {
	color: #5fc1eb;
}

/* les cliquables */
.breadcrumb a {
	color: #ffffff;
}

.breadcrumb>li+li:before {
	padding-right: 0px;
	color: #8aa4af;
	font-family: FontAwesome;
	font-weight: light;
	content: "\f105";	/* code unicode dans doc de fa */
}

.btn.btn-app {
	margin-left: 0px;
	width: 100%;
	white-space: normal;
	height: auto;
	font-weight: 700;
	color: #3BB3E7;
	background-color: #FFFFFF;
	border: 4px solid #3BB3E7;
}

.btn.btn-app:hover {
	border: 4px solid #3BB3E7 !important;
}

.btn.btn-app i {
	color: #000000;
}

.btn.btn-app.btn-app-lg {
	font-size: 1.444rem;
	min-height: 100px;
}

.btn.btn-app.btn-app-lg i {
	font-size: 2rem;
	color: #061922;
}

.btn.btn-app:hover i {
	color: #ffffff;
}

.btn-app:hover i {
	color: #ffffff;
}

.rotate {
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.rotate.down {
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
}
.rotate.left {
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}

.bell{
  -webkit-animation: ring 7s .7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 7s .7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 7s .7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

.questionnaire div.form-group:has(input[type="radio"]) {
	margin-bottom: 0px;
	margin-left: 10px;
}

.questionnaire label:has(>input[type="radio"]) {
	border: none;
	padding: 4px;
	margin: 0px;
}

.questionnaire label:has(>input[type="radio"]:checked) {
	color: #31708f !important;
	background-color: #d9edf7 !important;
	border: none;
	padding: 4px;
	border-radius: 3px;
}

/* https://www.w3schools.com/howto/howto_css_switch.asp */
.sgt-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.sgt-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.sgt-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.sgt-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .sgt-slider {
  background-color: #3788d8;
}

input:focus + .sgt-slider {
  box-shadow: 0 0 1px #3788d8;
}

input:disabled + .sgt-slider {
	background-color: #F5F5F5;
}

input:checked + .sgt-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.sgt-slider.sgt-round {
  border-radius: 34px;
}

.sgt-slider.sgt-round:before {
  border-radius: 50%;
}

.sgt-sticky {
	position: fixed;
	top: 0;
	z-index: 6;
}