/*COPAL couleurs */
.ose_bleu{color:#006680;}
.ose_vert{color:#93b893;}
.ose_fbleu{background-color:#006680;}
.ose_fvert{background-color:#93b893;}
.ose_fbleulight{background-color:#fabd9e;}
.ose_noir{background-color:#d23df1;}
h1,h2,h3,h4,h5,h6{color:#006680;}

.icon-bar label{padding:0; margin:0;}
.icon-bar a.item{padding:0; margin:0; }
.icon-bar > * i + label{font-size:75%;}

/*Vive Flex !*/
.flex_parent{
display:flex;
flex-direction: row;
flex-wrap: wrap; /*nowrap | wrap | wrap-reverse;*/
}
.flexed{margin-right:5px;}

input[type="text"].fdatepicker{background:url(../img/icones/calendar-day.png) right no-repeat; width:100px;}
input[type="text"].ftimepicker{background:url(../img/icones/clock.png) right no-repeat; width:100px;}
h1{text-align:center;}

.log-in-form {
  border: 1px solid $medium-gray;
  padding: $form-spacing;
  border-radius: $global-radius;
}

.alert_lien{
	padding:10px;
	border-top: solid 2px teal;
	border-bottom: solid 2px teal;
	width:100px;
	margin:auto;
	}

.fv{background:#009e0f;color:#ffffff;} /*Vert = Verre*/
.fj{background:#eab004;color:#ffffff;} /*Jaune = Recyclable*/
.fg{background:#6d071a;color:#ffffff;} /*Grenat = Tout venant  Ord Men*/
.fm{background:#783e03;color:#ffffff;} /*Marron = Compost*/
.fe{background:#d23df1;color:#ffffff;} /*Violet = Ecombrant*/

.v{color:#009e0f;} /*Vert = Verre*/
.j{color:#eab004;} /*Jaune = Recyclable*/
.g{color:#6d071a;} /*Grenat = Tout venant Ord Men*/
.m{color:#783e03;} /*Marron = Compost*/
.e{color:#d23df1;} /*Violet = Encombrant*/



label.selected{background-color: #111111; }
label.selected:hover{background-color: #111111; }
label.selected img{opacity:1;}

.btn_rad{opacity:0.5;background:#3678c0;}
.btn_selected{font-weight:bold;background:#00b0ea;opacity:1;background:#111111;}
.uppercased{text-transform:uppercase;}
.cache{display:none;}
.big{font-size: 130%;;}

/*Autocompletion*/
.suggestionsBox {
	z-index:100;
    position: absolute;
    
    margin: -5px 0px 0px 0px;
    width: 80%;
    background-color: #333333;
    color: #aaaaaa;
	font-weight:bold;
}

.suggestionList {
    margin: 0px;
    padding: 0 10px;
	text-align:left;
}

.suggestionList a{
    text-align:left;
    color:#ffffff;
}
.suggestionList a:hover{
    color:#009e0f;
}


input[type='checkbox'].big {
    -webkit-appearance:none;
    width:35px;
    height:35px;
    background:white;
    border-radius:5px;
    border:2px solid #555;
}
input[type='checkbox'].big:checked {
    background: #333333;
}

.trespetit th{font-size:60%;}

/*#tabmain th{font-size:50%;}*/
#tabmain td{font-size:60%;}
.cliquable{cursor:pointer;}
.cliquable:hover{text-decoration:underline;}
.cd_adherent{border: solid 2px #ffffff; padding:8px; font-size: 120%; width:30%;margin:auto;}
.cache{display:none;}
.gras{font-weight:bold;}
table.petit td{font-size:75%;}
td.petit{font-size:75%;}


#popup{font-size:75%;}
footer{font-size:12px;}

/*Modal Grafikart*/
.modal {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    animation: fadeIn .3s both;
}

.modal-wrapper {
    overflow: auto;
    width: 600px;
    max-width: calc(100vw - 20px);
    max-height: calc(100vh - 20px);
    padding: 20px;
    background-color: #FFF;
    animation: slideFromTop .3s both;
}

.modal[aria-hidden="true"] {
    animation-name: fadeOut; 
    /* animation-direction: reverse; */
}

.modal[aria-hidden="true"] .modal-wrapper {
    animation-name: slideToBottom;
    /* animation-direction: reverse; */
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes slideFromTop {
    from { transform: translateY(-50px); }
    to {  transform: translateY(0px); }
}

@keyframes slideToBottom {
    from { transform: translateY(0px); }
    to {  transform: translateY(50px); }
}

label.bapt_label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}
input.bapt_label_chbx{
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
  }
 
 .scrollable{
	height:300px;
	overflow:auto;
	}
dl.tabs{font-size: 90%;}
dl.tabs dd.tab-title{background:#ffffff; border: solid 1px #ffffff; padding: 0; margin:0;}
dl.tabs dd.tab-title a{font-size: 90%;}


.ic_edit:before{content: "\270E  ";}
.ic_stat:before{content: "\21D7  ";}
.ic_mail:before{content: "\2709  ";}
.ic_next:before{content: "\27B1  ";}

.alerte_pesee{	background:#fffeee;	}
.alerte_pesee:after{content :" \2601";color : #d23df1;}

.transparent{opacity: 0.33;}
.famille2ungroup{color:red;}
.famille2ungroup:hover {cursor:pointer;}