body{
/*    background-color: skyblue;*/
    background-color: transparent;
}
/* html{
    background-color: transparent;
    background-image: url({{ asset('../images/adivas.png') }}); 
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right 5% top 5%;
} */

.app-chapter {
    font-weight: bold;
}

.app-label {
	vertical-align: text-top;
    font-weight: bold;
}

.app-label2 {
	vertical-align: text-top;
    font-weight: bold;
	font-style: italic;
}

.app-form-control-read-only {
	display:block;
	width:100%;
/*	height:calc(.375em + .75rem + .375em + .75rem); */
	padding:.375rem .75rem .375em .75rem;
	font-size:1rem;
/*	font-weight:400; */
    font-weight: bold;
	line-height:1.5;
	color:#495057;
	background-color:#e9ecef;
	background-clip:padding-box;
	border:1px solid #ced4da;
	border-radius:.25rem;
	transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.app-fraicheur {
    color: green;
	padding:.375rem .75rem .0rem;
	line-height:1;
	font-size: .75rem;
	font-style: italic;
    font-weight: bold;
	background-color:#e9ecef;
	border:1px solid #ced4da;
	border-radius:.25rem;
}

.app-auteur {
    color: gray;
	font-size: .75rem;
	font-style: italic;
    font-weight: bold;
}

.todo {
    text-decoration: line-through;
    color: tan;
	/* text: icon-cog-alt; */
}

.ongoing {
    color: tan;
	/* text: icon-wrench; */
}

.boxMsg {
    font-weight: bold;
    text-align: center;
}

.attention1 {
	font-style: italic;
}
.attention2 {
	font-style: italic;
    font-weight: bold;
}
.attention3 {
    font-weight: bold;
}

.attention-alert {
    color: magenta;
}
.interruption {
    text-decoration:line-through;
}

.underline {
    text-decoration: underline;
}

/* -------------------------------------------------------------------------- */
  
tbody tr:nth-child(even) {
	background-color: #f3f3f3;
  }

.jt {
	border-collapse: collapse;
  }
  
  .jth,
  .jth[scope='col'] {
	background-color: #0070c0;
	color: white;
	text-align: center;
	padding: 5px 10px;
  }

  .jt-no-head {
	background-color: white;
  }
  
  .jth-title {
	border: 2px solid #0070c0;
  }
  
  .jth-first {
	border-left: 2px solid #0070c0;
	border-right: 1px solid white;
  }
  
  .jth-middle {
	border-left: 1px solid gray;
	border-right: 1px solid white;
  }
  
  .jth-last {
	border-left: 1px solid white;
	border-right: 2px solid #0070c0;
  }
  
  .jtd-info {
	background-color: white;
	color: #0070c0;
	vertical-align: top;
	text-align: left;
	border: 2px solid #0070c0;
	padding: 0px 5px;
  }
  
  .jtd-resultat {
	background-color: LightCyan;
	color: #0070c0;
	vertical-align: top;
	text-align: left;
	border: 2px solid #0070c0;
	padding: 0px 5px;
  }
  
  .jtd {
	text-align: center;
	color: #0070c0;
	padding: 0px 0px;
  }
  
  .jtd-one {
	border-left: 2px solid #0070c0;
	border-right: 2px solid #0070c0;
  }
  
  .jtd-first {
	border-left: 2px solid #0070c0;
	border-right: 1px solid gray;
  }
  
  .jtd-middle {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
  }
  
  .jtd-last {
	border-left: 1px solid gray;
	border-right: 2px solid #0070c0;
  }
  
  .jtd-no-synthesis {
	background-color: white;
	border-top: 2px solid #0070c0;
  }
  
  .jtd-synthesis {
	background-color: LightCyan;
	color: #0070c0;
	vertical-align: top;
	text-align: left;
	border-left: 2px solid #0070c0;
	border-top: 2px solid #0070c0;
	border-right: 2px solid #0070c0;
	border-bottom: 2px solid #0070c0;
	padding: 0px 5px;
  }
  
  .jt-first2 {
	border-left: 6px double #0070c0;
  }
  
  .jt-marge {
	background-color: white;
  } 
  
/* -------------------------------------------------------------------------- */

/* @see App\Model\Game\ColorEnum */
.app-number-red {
    color: white;
	background-color:red;
    font-weight: bold;
    text-align: center;
}

.app-number-black {
    color: white;
	background-color:black;
    font-weight: bold;
    text-align: center;
}

.app-number-zero {
    color: white;
	background-color:#00B050;
    font-weight: bold;
    text-align: center;
}

.app-status-unbridled {
    color: grey;
	font-style: italic;
    /* text-decoration:line-through; */
}

.app-status-gain {
    color: #a1467e;
    font-weight: bold;
}
.app-status-perte {
	color: white;
	background-color:#FF5429;
}
.app-status-focus {
	color: white;
	background-color:#A1467E;
}
.app-status-line1 {
	color: black;
	background-color:#DFEBF7;
}
.app-status-line2 {
	color: black;
	background-color:#C9E8D8;
}
.app-status-group {
	color: white;
	background-color:#203864;
}
.app-status-security {
    color: white;
	background-color:#a1467e;
    text-align: center;
}

.app-part-end {
	border-bottom: 2px solid #0070c0;
}
.app-dif-end {
	border-bottom: 2px solid IndianRed;
} 
.app-game-end {
	border-bottom: 2px solid DarkRed;
} 
.app-status-gain {
    color: #a1467e;
    font-weight: bold;
}
.app-game-ongoing {
	color: white;
    font-weight: normal;
}
.jt-cumul {
  background-color: #0070c0;
}

/* -------------------------------------------------------------------------- */

.app-config-header {
	background-color: #e9ecef;
	padding: 5px 10px;
}

.app-config-detail {
	background-color: #f8f9fa;
	padding: 5px 10px;
}