/* ****************************************************************************
 *  clubMgt.css                                              clubMgt project
 * ****************************************************************************
 *
 *   File Description:
 *
 *     Fichier de css.
 *
 *
 *
 *
 *
 *
 *
 *
 * ****************************************************************************
 *  (C) 2014 Catherine Burvelle <contact.burvelle@free.fr>
 *  (C) 2015 Catherine Burvelle
 * ****************************************************************************
 */

/*
	Permet d'avoir les éléments de la div répartis sur la ligne
*/
.box {
  display: flex;
  justify-content: space-between;
}

.inputerror {border: 1px dashed #FF0000;}
input[type=checkbox].inputerror {outline: 2px solid #F00;}

.alternate {
    width:100%;
    border-collapse: collapse;
    padding-bottom: 10px;
    
}

.alternate td, .alternate th {
    font-size: 1em;
    border: 1px solid #98bf21;
    padding: 3px 7px 2px 7px;
}

.alternate th {
    font-size: 1.1em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
}


.alternate tr.even_row td {
    color: #000000;
    background-color: #d7d7d7;
}
.alternate tr.odd_row td {
    color: #000000;
    background-color: #FFFFFF;
}

.alternate td.no_insc {
    background-color: #DDD;
}
.alternate td.insc {
    background-color: inherit;
}
.alternate td.ok{
    border: 1px solid #98bf21;
}
.alternate td.ko{
    border: 2px solid #F00;
}

.sortable {
    width:100%;
    border-collapse: collapse;
}

.sortable td, .sortable th {
    font-size: 1em;
    border-left: 1px solid #366393;
    border-right: 1px solid #366393;
    padding: 3px 7px 2px 7px;
}

.sortable th {
    font-size: 1.1em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
}

/*
table.sortable tbody {
	display: block;
	overflow: auto;
	width: 100%;
}
table.sortable thead {
	display: block;
	width: 100%;
}
*/
table.sortable tbody tr:nth-child(2n) td {
  background: #F2F8FF;
}
table.sortable tbody tr:nth-child(2n+1) td {
  background: #FFFFFF;
}

input[disabled].submit {
	border: 2px outset ButtonFace;
  	color: GrayText;
  	cursor: inherit;
}

/*-- COLORS according to status --*/
.status_abandon {
	background-color:rgb(170, 9, 66);
	color: #EEEEEE;
}
tr.status_abandon td {
	background-color: rgb(170, 9, 66);
	color: #EEEEEE;
}
tr.status_abandon:nth-child(even) td {
	background-color: rgb(170, 9, 66);
	color: #EEEEEE;
}
tr.status_abandon a {	color: #EEEEEE;
}

.status_init {
	background-color:#ff5bef;
}
tr.status_init td {
	background-color: #ff5bef;
}
tr.status_init:nth-child(even) td {
	background-color: #ff5bef;
}

.status_disc {
	background-color: #FF9933;
}
tr.status_disc td {
	background-color: #FF9933;
}
tr.status_disc:nth-child(even) td {
	background-color: #FF9933;
}

.status_info {
	background-color: #FFFF00;
}
tr.status_info td {
	background-color: #FFFF00;
}
tr.status_info:nth-child(even) td {
	background-color: #FFFF00;
}

.status_payed {
	background-color: #77FF77;
}
tr.status_payed td {
	background-color: #77FF77;
}
tr.status_payed:nth-child(even) td {
	background-color: #77FF77;
}

.status_val {
	background-color: #0096ff;
	color: #FFFFFF;
}
tr.status_val td {
	background-color: #0096ff;
		color: #FFFFFF;
}
tr.status_val:nth-child(even) td {
	background-color: #0096ff;
		color: #FFFFFF;
}

/*-- checkbox div for status formatting --*/
.status_cb_format {
	display: inline;
	padding: 8px;
	margin: 2px;
	border-radius: 15px;
}


title {
	text-align:center;
	color: #840C0E;
	display:block;
	font-size: 2em;
	font-weight:bold;
}

fieldset#member-registration_options {
    display: none;
}

 
.iframe-container object,
.iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.iframe-container {
    padding-bottom: 100%;
    padding-top: 30px; height: 0; overflow: hidden;
	position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     background-color: rgba(155, 155, 155, 0.7);
     z-index: 1000;
}

.iframe-container iframe {
	 width:100%;
     height:100%;
}

.iframe-container div {
     top: 0px;
	 left: 0px;
     right: 0px;
	 width:70%;
     height:600px;
     margin: auto;
     border:1px solid #000;

     text-align:center;
}


.drawLeft {
	border-left-style: double;
	border-left-color: black;
}

.drawTop {
	border-top-style: double;
	border-top-color: black;
}

.drawElement {
	border-style: double;
	border-color: black;
    background-color: #a2e1eb;
    padding: 5px;
 }
.readOnlyElement {
    background-color: #fdbec0;
}
.editedElement {
    background-color: #ace3cf;
}
 
.elementHead {
    font-size: 1.2em;
	border-bottom-style: groove;
	border-bottom-color: black;
	color:#941515;
/* 	background-color: #941515;
	color: #FFF */
	padding-bottom: 5px;
	margin-bottom: 5px;
} 
.elementHeadTitle{
	display: inline;
	text-transform: uppercase;
}

.elementHeadId {
	display:inline;
	float: right;
	
}
.elementFooter{
	padding-top: 5px;
	
}
.elementField dd {
	display: inline;
}

.elementField {
	padding: 2px;
}

.elementEnabled {
	border-width: 3px;
	border-color: green;	
	font-size: 1.1em;
	color: green;
}

.elementDisabled {
	border-color: inherit;
	border-width: inherit;
}

.elementSubmit {
	border-radius: 10px;
	padding: 0px 10px;
	
}

.emptyCell {
	padding: 5px 20px;
}

.elementAction {
	padding: 20px;
	border:3px dashed #941515;
	border-radius: 10px;

}

ul.tabulation {
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.tabulation  li {
	float: left;
    border-radius: 5px 5px 0px 0px;
    border-right:1px solid #bbb;
    border-top:1px solid #bbb;
    background-color: #fef8db;
	
}

ul.tabulation li a {
    display: block;
    color: #719a45;
    text-align: center;
    padding: 7px 10px;
    text-decoration: none;
}
ul.tabulation li a img {
	max-height: 1.5em;
	vertical-align: middle;
}

ul.tabulation  li a:hover:not(.active) {
    border-radius: 5px 5px 0px 0px;
    background-color: #941515;
    color: white;
}

ul.tabulation  li.active {
    background-color: #941515;
    color: white;
    /*border:solid red 1px;*/
    border-bottom:none;
    border-radius: 5px 5px 0px 0px;
}
ul.tabulation li.active a {
    color: white;
}

div.tabulation {
    background-color: #ededed;
    border: 1px solid #941515;
    border-radius: 0px 5px 5px 5px;
    min-height: 100px;
    padding: 10px;
}

fieldset.tabulation {
    background-color: #fef8db;
    border: 1px solid #bbb;
    border-radius: 0px 5px 5px 5px;
    min-height: 100px;
    padding: 10px;
}

.module-mini-contents ul {
	list-style-image: url('images/clubMgt_mini.png');
	text-align: left;
}

table.recette thead th {
    padding: 8px;
    background-color: #df85d2; /* rose */
    color: #E5E6E6;
    font-size: 1.1em;
    text-align: center;
    font-weight: normal;

}
table.depense thead th {
    padding: 8px;
    background-color: #7eb1de; /* bleu */
    color: #E5E6E6;
    font-size: 1.1em;
    text-align: center;
    font-weight: normal;

}
.bg-color-emphasis {
	background-color: #CEE2BA;
    border: 2px solid #bbb;
    border-radius: 5px;
    margin:3px;
}

.basic-button:disabled {
	background-color: #bbb
}


/* Notifications */

.notification {
	  background-color: var(--bgc-alt);
	  color: var(--txt-alt);
	  /* color: white; */
	  text-decoration: none;
	  padding: 15px 26px;
	  margin: 10px;
	  display: inline;
	  position: relative;
	 /* min-height: 150px; */
	  border-radius: 10px;
	  font-size: 20px;
	  text-align:center;
	  width: 155px;
	  
}

.notification:hover {
  background: var(--head-yellow);
  color: var(--bgc-alt);
}

.notification .badge {
  position: absolute;
  top: -5px;
  right: -5px;
  padding: 10px 10px;
  border-radius: 50%;
  background-color: var(--warning-dark);
  color: white;
}

.flex-container {
  display: flex;
  flex-flow: wrap;
  
}