html { background: #ffffff ; }
body {
	/* ce Important est moche mais �a evite des d�calages lors de l'ouverture des modals*/
    padding: 60px 20px 0 20px !important;
    margin: 0 auto;
    background: white ;
    min-height: 100vh;
}
.container {
    max-width: 95%;
}
div.main.container > div > table.dataTable {
    width:100%;
    padding-bottom:25px;
    margin:0;
}
.navbar { border-bottom: 4px #60Cbff  solid; }
.navbar .container { position: relative; }
.main.container { min-height: calc(100vh - 90px); }
.div-button {
    width: 30%;
    min-width:300px;
    text-align: right!important;
    margin: 10px 0 0 auto;
}
h1 {
    font-size:1.8rem;
    padding: 15px 0 10px 0 ;
}
h2 {
    font-size:1.5rem;
    padding: 10px 0 10px 0 ;
}
.bg-gray {
    background-color: #e9ecef !important;
}
.dropdown-menu {
    border-radius:0;
    border: 1px #555 solid ;
    border-left: 0;
    border-right: 0;
    color:#212529;
    background-color: white ;
}
.dropdown-item {
    color:#212529;
}
footer {
    padding:5px 20px;
    text-align:right;
    color:#ccc;
    font-size:10px;
    width:100%;
}
.line-through {
	text-decoration: line-through;
}

@media (min-width: 576px) {
    .navbar-nav li:last-of-type {
        position: relative;
    }
}
@media (max-width: 768px) {
    .dropdown-menu {
        border-radius:0;
        border: 1px #555 solid ;
        border-left: 0;
        border-right: 0;
        color:white;
        background-color: transparent ;
    }
    .dropdown-item {
        color:white;
    }
}
@media (min-width: 768px) {
    .mobile-only{
    	display: none;
    }
}
label.required {
    font-weight: bold;
}
label.required:after { content:"*"; }

.w-25 {
    width: 25% !important;
}
.w-30 {
    width: 30% !important;
}
.w-35 {
    width: 35% !important;
}
.w-40 {
    width: 40% !important;
}
.buttons {
    padding: 30px 0 15px 0;
    text-align: right ;
}
#calendar h2 {
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
}
.agendabutton {
    text-align:center;
}
.agendabutton > select, .agendabutton > button {
    margin:5px;
}
.hidden {
    display:none;
}

.list > table {
    margin-top: 10px;
}

/* Fix bug des autocomplete dans des modals qui n'affiche plus rien */
.ui-front {
	z-index:1200;	
}
.navbar-brand {
    font-size:0.9rem;
    padding-top:0;
    padding-bottom:0;
}
.container .fc-time-grid-event.fc-short .fc-title {
    font-size:0.9em;
}
.container .fc-event {
    font-size:0.7em;
}
.list table {
    font-size:0.8rem;
    line-height:1rem;
}
.list table tr td div {
    height:2rem;
    overflow: hidden;
}
/*Formulaires*/
label {
    margin-bottom: .25rem;
    padding-right: .25rem;
    text-align: left;
    font-size: 1rem;
    color: #333;
    display: block;
}
.mb-1, .my-1 {
    margin-bottom: .22rem!important;
}
.mb-2, .my-2 {
    margin-bottom: .44rem!important;
}
.mb-3, .my-3 {
    margin-bottom: .66rem!important;
}
.mb-4, .my-4 {
    margin-bottom: .88rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 1.1rem!important;
}
.zoo-list-items {
    width:100%
}
.nolink{
	color:#222;
}
.nolink:hover{
	text-decoration:none;
}
.link_card{
	display: block;
	width: 100%;
	padding: 2px 8px;
	border-radius: 4px;
	background-color: #07f;
	color: white;
	margin:7px 0px ;
}
.link_card:hover{
	color:white;
	background-color: #05c;
	text-decoration:none;
}

#the_mail_zone{
	display:none;
	
}


#the_mail_zone label{
	padding-top:0.7rem;
	font-size : 0.8rem;
	color:#888;
}

#mail-suggestions{
	margin-bottom:5px;
}

.mail-suggestion{
	display:inline-block;
	background-color:#06d;
	color:white;
	font-size : 0.6rem;
	padding: 2px 8px;
	border-radius: 5px;
	cursor: pointer;
}

/* Pour la cloche de notification dans la navbar */
.iconClass{
    position: relative;
}
.iconClass span{
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
}