body {
	background-color: #154360;
	color:white;
}
.display-none {
	display:none;
}
.font-small {
	font-size:10px;
	font-family:Arial;
}
.bg-prev {
	background-color:   #b2babb  !important;
	color:black!important;
}
.bg-reel {
	/* background-color:  #d5d8dc !important; */
	background-color: lightgray!important;
	color:black!important;
}
.bg-type-site-ELEMENTAIRE {
	background-color: lightgray!important;
	color:black!important;
}
.bg-type-site-MATERNELLE {
	background-color: white!important;
	color:black!important;
}
.table-sites > :not(caption) > * > * {
	padding:0px;
	font-size:13px!important;
	height:15px;
}
.table-sites td div {
	line-height:15px;
}
.table-sites button {
	font-size:14px!important;
	padding:0px;
}
.nav-tabs .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #000;
}
.nav-tabs .nav-link:hover {
  color: #495057;
  background-color: #fff;
  border-color: #000 #000 #fff;
}
.nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #000 #000 #fff;
}
.nav-tabs {
  border-bottom: 1px solid #000!important;
}
div.tabpanformat {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  padding-bottom: 10px;
  border-radius:0px 3px 3px 3px;
  min-height:300px;
}
div.tabpanformat {
	border-left:1px solid #000 ;padding-left:10px;
}

div.tabpanformat h5 {
	padding:5px;
	margin-top:10px;
	margin-bottom:5px;
	background-color: #154360;
	color:white;
}
div.waitArea {
	min-height:100vh;
	min-width:100%;
	background-color:transparent;
	opacity:0.9;
	position:absolute;
	z-index:10000;
	left:0;
	top:0;
	display:none;
	flex-direction:row;
	justify-content: center;
	align-items:center;
}
div.waitArea img {
	border-radius:4px;
	background-color:#000;
	opacity:0.7;
	padding:5px;
	height:50px;
	width:50px;
}
div.waitArea.visible {
	display:flex;
}
#buttonMenu {
	position:absolute;
	left:20px;
	top:20px;
}

#buttonMenu li {
	background-color: #ffecb3;
	color:black;
}
#buttonMenu a {
	background-color: #ffecb3;
	color:black;
}
#buttonMenu .dropdown-menu {
	background-color: #ffecb3;
	color:black;
}
.hover-pointer:hover {
	cursor:pointer;
}
#status-area {
position:fixed;margin-top:0px;margin-left:0px;z-index:9999;	
}
.main-container {
	padding:10px;
	background: transparent;
	color: white;
	border-radius:3px;
}
.modal-content {
	color:DarkSlateGrey;
}
.panel-body {
	background-color:white;
	color:DarkSlateGrey;
	padding:10px;
	border-radius:0px 0px 3px 3px;
}
.panel-heading {
	font-size:1.3rem;
	border-radius: 3px 3px 0px 0px;
	background-color: #a9cce3 ;
	color:black;
	padding:10px;
}

.panel {
	margin-bottom:20px;
}
.bg-level-0 {
	background-color: #c2185b;
	border-color: #c2185b;
	color: white;
}

.bg-level-1 {
	background-color: #c2185b;
	border-color: #c2185b;
	color: white;
}

.bg-level-2 {
	background-color: #1565c0;
	border-color: #1565c0;
	color: white;
}

.bg-level-3 {
	background-color: #2e7d32;
	border-color: #2e7d32;
	color: white;
}

.bg-level-4 {
	background-color: #6d4c41;
	border-color: #6d4c41;
	color: white;
}

.bg-level-5 {
	background-color: #546e7a;
	border-color: #546e7a;
	color: white;
}

#status-area {
  position:fixed;
  margin:0 auto;
  width:300px;
  line-height:2rem;
  min-height:2rem;
  background: transparent;
  color:transparent;
  z-index:10000;
  top:30vh;
  left:-300px;
  opacity:0;
  text-align: center;
  transition:opacity  0.6s,left  0.6s; 
  font-size:1.3rem;
}

#status-area.shown {
  background:  #a0e1e7 ;
  color:black;
  left:0;
  opacity:1;
}

#status-area.shown.alertInfo {
  background:  #a0e1e7 ;
  color:black;
  left:0;
  opacity:1;
}

#status-area.shown.alertSuccess {
  background: #c5e7a0 ;
  color:black;
  left:0;
  opacity:1;
}

#status-area.shown.alertDanger {
  background:  #e79584 ;
  color:black;
  left:0;
  opacity:1;
}

.get-nb-repas {
	max-width:60px;
	border-radius:4px;
	border:1px solid transparent;
	margin-bottom:1px;
}
.get-nb-repas-prev {
	max-width:60px;
	border-radius:4px;
	border:1px solid transparent;
	margin-bottom:1px;
}
input.disabled {
	background-color:gray;
}
#dtSaisie {
	border-radius:4px;
	background-color:#a9cce3;
}
.bold {
	font-weight:bold;
}
.center {
	text-align:center;
}
.prev-color {
	color:black;
	background-color:lightblue;
}
.calc-color {
	color:black;
	background-color:lightgray;
}
.reel-color {
	color:black;
	background-color:lightgreen;
}
.reel-danger {
	color:black;
	background-color:red;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */