body{
	overflow: initial;
	height:100%;
	color: #004080;
}
html{
	overflow: initial;
	height: 100%;
	font-size:.93rem;
}
img{
	border:0;
}
td{
	vertical-align:top;
	white-space:nowrap;
}
hr{
	width: 100%; 
	color: #e5e5e5; 
	height: 1px;
	padding:0;
	margin-top:8px;
	margin-bottom:8px;
}
.footer{height:40px;}
.wrap{white-space: normal;}
.nowrap{white-space: normal;}

/* width */
.w12 {width:12px}
.w25 {width:25px}
.w40 {width:40px}
.w50{width:50px}
.w100 {width:100px}
.w140 {width:140px;min-width:140px;}

/* vertical-align */
.left-0{padding-left:0;margin-left:0;}
.top-0{margin-top:0;}

/* Menu */
.navbar-dark .navbar-nav .nav-link,.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-toggler, div.nav-item a.nav-link {
	color: #fff;
}
.container{margin-bottom:60px;}
.navbar-nav li:hover>.dropdown-menu {
  display: block;
}

.dropdown-menu {
	min-width: 200px;
}

/* Buttons */

div.btn-group
{
	margin-right:5px;
}
.btn
{
	font-size:.90rem;
}

/* Soplanning Box */
.soplanning-box .inline,.soplanning-box .inline .input-append {
	margin:0;
}

.soplanning-box .inline .input-append input {
	height: 16px;
}

.soplanning-box {
	border-radius: 4px;
	padding: 10px;
}

.soplanning-box form {
	margin:0;
}


/* Modal Box */
.modal-dialog-normal{
	max-width:610px;
}

.modalBig {
	max-width: 960px;
	height:auto;
}

.modalMiddle {
	max-width: 500px;
	height:auto;
}

.modalSmall {
	max-width: 300px;
    transform: translate(0, -50%);
    top: 30%;
    margin: 0 auto;
}


.modal-backdrop,.modal-backdrop.fade.in {
	opacity: .5;
}

.modal-header {
	cursor: move;
}

.modal-header h5 {
	font-weight:700;
}

/* Tooltip */
.tooltip-inner {
	max-width: 300px !important;
	padding: 6px 8px;
	background-color:#FAFAF7 !important;
	color: #000;
	text-align: left !important;
	background-color: #000;
	border-radius: .25rem;
	opacity:1;
	border:1px solid silver;
}

.tooltip.show {
  opacity: 1 !important;
}
.picto-link
{
position: absolute;right:-5px;top:12px;color:#000;font-size:9px
}
.picto-comment
{
position: absolute;right:-5px;top:12px;color:#000;font-size:9px;
}
.picto-milestone-reduit
{
	position:absolute;
	left:35%;
	bottom:25%;
	top:1px;
}
.picto-milestone-large
{
	position:absolute;
	left:35px;
	bottom:0px;
}
/* Pagination */
.pagination {
	margin: 4px 5px 0px 0px;
	position: relative;
	display: inline-block;
	white-space: nowrap;
	vertical-align: middle;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 2px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-left-width: 0;
}

/* Cursor */
.cursor-help
{
	cursor:help;
}
.cursor-pointer
{
	cursor:pointer;
}


/* Form */
.datepicker
{
	 width:103px !important;
}
.ui-datepicker-week-col
{
	text-align:center;
}
.ui-datepicker{ 
	z-index: 9999;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
	text-align:center;
}
.alert li {
	list-style-type:disc;
	margin-left:15px;
}

.backgroundRouge{
	background-color: #f91919;
}

.form-group {
	margin-bottom: .5rem;
}
#top-scroll{height: 20px;width: 1200px;overflow-x: scroll; overflow-y:hidden;display:none; }
#top-scroll-inner {height: 20px;}
#right-scroll{float:right;right:30px;position:absolute;top:50%;display:none;z-index:900}
#left-scroll{float:left;position:absolute;top:50%;display:none;z-index:900}
#left-button,#right-button{cursor:pointer;color:gray;}
#FilterToggle1{display:none;}
#tab_audit_valeurs {margin-top:10px;}
#tab_audit_valeurs table,#tab_audit_valeurs tr, #tab_audit_valeurs td, #tab_audit_valeurs th {border: 1px solid silver; border-collapse: collapse;padding: 5px;white-space: normal; }

.week[drop-active=true] {
  box-shadow: inset 0px 0px 0px 2px red;
}

.hidden {
	display:none
}

.versionNumber {
	font-size: 60%;
}

.box {
    min-width: 300px;
    padding: 19px 29px 0px;
    margin: 10px 30px 10px 10px;
    border: 1px solid #004080;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

button.close {
    font-size: 50px;
	line-height: 0.8;
}

.modal-header {
    padding: 7px 12px 3px 12px;
}

.modal-title {
    font-size: 20px;
}

.boutonReservation {
	width:80px;
	font-size:0.8em;
	padding:2px 5px 2px 5px;
	margin-bottom:3px;
}

.boutonInscrit {
	font-size:0.8em;
	padding:2px 5px 2px 5px;
	margin-bottom:3px;
	background-color:#fdb44d;
	color:#000000;
	border-color:#c87904;
}

.boutonAbsent {
	font-size:0.8em;
	padding:2px 5px 2px 5px;
	margin-bottom:3px;
	background-color:#c0c0c0;
	color:#000000;
	border-color:#808080;
}

.boutonPresent {
	font-size:0.8em;
	padding:2px 5px 2px 5px;
	margin-bottom:3px;
	background-color:#a4fba8;
	color:#000000;
	border-color:#339900;
}


/* pour le planning */

.calendar-container {
  width: 94%;
  margin: auto;
  overflow: hidden;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background: #fff;
  max-width: 800px;
}
.calendar-header {
  text-align: center;
  padding: 20px 0;
  background: linear-gradient(to bottom, #fafbfd 0%, rgba(255, 255, 255, 0) 100%);
}

.tableCalendar {
	background-color:#ffffff;
	border-collapse:collapse;
	width:100%;
}

.tableCalendar td {
	border:1px solid #F4F4F6;
	width:14%;
 }

.titreJour {
	padding: 10px 0 10px 0;
	font-weight:bold;
	font-size:12px;
	color:#A8B2B9;
	text-align:center;
}

.caseJour {
	height:70px;
}

.numeroJour {
	padding: 10px 0 0px 0;
	font-weight:bold;
	font-size:14px;
	color:#A8B2B9;
	text-align:center;
	width:100%;
}

.caseSessions {
	border-left-color: #004080;
    background: #c5f0fe;
    color: #004080;
    margin-top: -5px;
	border-left-width: 3px;
    padding: 8px 12px;
    margin: 10px;
    border-left-style: solid;
    font-size: 11px;
    position: relative;
	cursor:pointer;
}

.caseReservations {
	border-left-color: #fdb44d;
    background: #fef0db;
    color: #fc9b10;
    margin-top: -5px;
	border-left-width: 3px;
    padding: 8px 12px;
    margin: 10px;
    border-left-style: solid;
    font-size: 11px;
    position: relative;
	cursor:pointer;
}

.divPictoSession {
	display:inline-block;
}
.divMotSession {
	display:inline-block;
}

@media screen and (min-width:640px) {
	.divMotSession {
		display: inline-block;
		width:65px;
	}
}
@media screen and (max-width:640px) {
	.divMotSession {
		display: none;
	}
	.divPictoSession {
		width:20px
	}
}

.jourGrise {
	background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f9f9fa' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}


.boutonConfirmationPresence {
	font-size: 0.6rem;
	padding:4px 4px;
	margin-bottom:7px;
}