@-ms-viewport{
  width: device-width;
}

.navbar-default{
	background-image: none;
	background-color: #9C005D;
	border-radius: 0px;
	box-shadow: none;
	color: #FFF;
	border-color: #FFF;
}

.navbar-default .navbar-nav > li > a{
	color: #FFF;
	display: block;
	text-align: center;
}

#menu_stock div.current a{
	background-color: grey !important;
}

#menu_stock > div a{
	background-color: #00A7C1 !important;
}

li.separate {
    background-color: #FFF;
    height: 55px;
    width: 0.265%;;
}

li.menu{
	width: 16.446%;
}

.ss_menu{
	background-color: #FFF;
	height: 5px;
}

.ss_menu.active{
	background-color: #2289aa;
}

.navbar_invite li.menu{
	width: 33.157%;
}

h1, h2, h3{
	color: #2289aa;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	color: #2289aa;
}

li > a.inactive{
	background-color: grey;
	text-decoration: none;
	cursor: not-allowed;
	pointer-events: none;
}

li > a.inactive:hover{
	background-color: grey;
	text-decoration: none;
	cursor: not-allowed;
}

.datepicker .input-group-addon, .timepicker .input-group-addon{
	cursor: pointer;
}

.table tbody tr td{
	vertical-align: middle !important;
}

html, body{
	min-height: 100%;
}

#footer{
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 1000;
}

#menu-options{
	width: auto;
	display: inline-block;
	padding: 10px;
	padding-top: 8px;
	padding-right: 10px;
	background-color: #009DCD;
	color: white;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	cursor: pointer;
	float: right;
}

#menu-options span{
	display: block;
}

.navbar{
	max-height: 55px;
}

#menu{
	float: right;
	right: 0px;
	top: 0px;
	width: auto;
    overflow: hidden;
}

#menu ul{
	background-color: #009DCD;
	height: 38px;
	padding-top: 6px;
	padding-left: 0px;
	overflow: hidden;
	width: 174px;
	border-radius: 5px;
}

#menu ul li{
	display: inline;
	list-style-type: none;
	font-size: 20px;
	background-color: #009DCD;
	padding-top: 10px;
}

#menu ul li a {
	padding: 10px;
	color: #FFF;
}

#menu ul li a:hover {
	color: #2289aa;
}

.highlight {
    background-color: #f7f7f9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
}

.btn-admin{
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.btn-admin:hover, .btn-admin:focus, .btn-admin:active, .btn-admin.active, .open > .dropdown-toggle.btn-admin{
	background-color: #e0e0e0;
}

a.editable {
    cursor: pointer;
}

th.dt-center, td.dt-center { text-align: center; }

p.bg-success, p.bg-danger{
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

.help-block > .list-unstyled{
	color: #8a6d3b;
}

@media (max-width: 768px) {
	.navbar {
		max-height: 100%;
	}
	li.separate {
		display: none;
	}
	li.menu {
		width: 100%;
	}
	.navbar-nav {
		margin: 0;
	}
}

.insuline-pompe__title {
  background: #b9d2ee;     /* bleu clair comme la PJ */
  color: #000;
  text-align: center;
  font-weight: 700;
  padding: 6px 10px;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.insuline-pompe__choices {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;          /* si petit écran, ça passe à la ligne */
  gap: 12px;
  align-items: center;
  padding: 8px 10px;
  border-top: 1px solid #e6e6e6;

}

.insuline-pompe__choice {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-weight: 600;
  white-space: nowrap;
}

.insuline-pompe__choice label{
  margin:0;
  cursor:pointer;
}

.insuline-pompe__choice input[type="checkbox"] {
  margin: 0;
}


.bolus-glycemiques .pj-box{
  border:1px solid #cfd8e3;
  background:#fff;
  margin:12px 0;
  font-size:12px;
}

.bolus-glycemiques .pj-header{
  background:#b9d2ee;
  text-align:center;
  font-weight:700;
  padding:4px 8px;
  text-transform:uppercase;
}

.bolus-glycemiques .pj-subheader{
  text-align:center;
  font-weight:700;
  padding:6px 8px 4px;
  border-top:1px solid #e6e6e6;
}

.bolus-glycemiques .pj-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
}

.bolus-glycemiques .pj-col{
  padding:0;
}

.bolus-glycemiques .pj-col--right{
  border-left:1px solid #e6e6e6;
}

.bolus-glycemiques .pj-row{
  display:grid;
  grid-template-columns: 1fr 210px;
  gap:10px;
  align-items:center;
  padding:3px 8px;
  border-bottom:1px solid #e6e6e6;
}

.bolus-glycemiques .pj-row--last{
  border-bottom:none;
}

.bolus-glycemiques .pj-label{
  font-weight:600;
}

.bolus-glycemiques .pj-field{
  display:flex;
  justify-content:flex-start;
  align-items:center;
}

.bolus-glycemiques .pj-input{
  width:100%;
  height:20px;
  padding:2px 6px;
  border:1px solid #bdbdbd;
  border-radius:2px;
  font-size:12px;
}

.bolus-glycemiques .pj-input--small{
  width:80px;
}

.bolus-glycemiques .pj-choice label{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-right:10px;
  font-weight:600;
  white-space:nowrap;
}

.bolus-glycemiques .pj-inline{
  gap:10px;
}

.bolus-glycemiques .pj-ratios, .insuline-pompe .pj-ratios {
  display:flex;
  justify-content:space-around;
  flex-wrap:wrap;
  gap:12px;
  padding:6px 8px 10px;
  border-top:1px solid #e6e6e6;
}

.bolus-glycemiques .pj-ratio{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:600;
  white-space:nowrap;
}

.bolus-glycemiques .pj-ratio__choice{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.bolus-glycemiques .pj-ratio__choice label{
  margin:0;
  cursor:pointer;
}

.bolus-glycemiques .pj-ratio__choice input[type="checkbox"]{
  margin:0;
}

.bolus-glycemiques .d-in-flex {
	display: inline-flex;
}

.bolus-glycemiques .d-in-flex .pj-choice{
	padding-left: 5px;
}

.alert-transmissions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:10px;
  border:2px solid #db9191;
  box-shadow:0 0 8px rgba(0,0,0,0.08);
  font-weight:600;
}

.alert-transmissions__icon{
  font-size:18px;
  color:#d9534f;
}

.alert-transmissions__text{
  flex:1;
}

.alert-transmissions__link{
  margin-left:auto;
  float: inline-end;
}