@charset "UTF-8";

/*
Projet : 68000adm
Version : 202012
Description : style global
Auteur : olivier@68000.fr
*/




body {
	font-family: 'Lato', sans-serif;
	padding-top: 5em;
	padding-bottom: 1em;
}

td.first {background: #005EA0;}
td.second {background: #B4B4B4;}
td.third {background: #C6C6C6;}
td.fourth {background: #D3D3D3;}
td.fifth {background: #EFEFEF;}
td.sixth {background: #ffffff;}

tr:hover.data {background:white;}
tr.data {line-break: anywhere;}


/* Header */
table.header {
	background: #5875a7;
	background: linear-gradient(to right, #5875a7 0%,#7589ad 100%);
}

.header .title {
	color:white;
	font-size:2em;
}
.header .site_name {
	color:white;
	font-size:1.2em;
}



/* Buttons */
td.button {	
	background: #5875a7;
	text-align:center;
	vertical-align:middle;
	height:20px;
}

td.button.current {
	background: #efefef;
}

td.button:hover {
	background: #d3d3d3;
}

.button a {
	color: white;
	display: block;
	text-decoration:none;
	padding: 1em;
}
.button.current a {
	color: black;
	display: block;
	font-weight:bold;
	text-decoration:none;
}
button.buttonSubmitFA {
	background: transparent;
	border: 0;
	cursor: pointer;
}

.textAlignRight {
	text-align:right;
}

.btnSelected {
  color: white;
  background: blue;
}
.btnAction {
	background: #46ab00;
	color: white;
	border-color: #46ab00;
}
.btnWarning {
	color: #da6a00;
	border-color: #da6a00;
}



/* FORMULAIRES */
.formLabel {
	color:#5d5d5d;
}
fieldset {
	border: 1px solid #ced4da;
	border-radius: 0.5em;
	padding: 0.8em;
}
textarea {
	border: 1px solid #999999;
	padding:5px;
	width: 600px;
	height: 100px;
}

textarea.mceEditor {
	width: 100%;
	height: 100%;
}

.shmDbDetail input.form-control {
	display:inline-block;
	width:auto;
	max-width:100%;
}

.pagin input.form-control {
	width:100%;
}

select.form-control, select.form-select {
	display:inline-block;
	width:auto;
}

.nav_rec_nb {
	vertical-align:super;
}

span.light {
	color:#888888;
}
span.title {
	font-weight:bold;
}
span.data {
	color:#376A98;
}
span.ask {
	color:#FFFF99;
	font-weight:bold;
}
span.answer {
	color:#CCFFCC;
	font-weight:bold;
}
span.warning {
	color:#FF0000;
	font-weight:bold;
}
span.bold {
	font-weight:bold;
}

.infoAlt {
	cursor: help;
}



/* Font Awesome */
.fa, .fas, .far {
	color: #5875a7;
	font-size: 1.5em;
	padding: 0.2em;
}
.fa:hover, .fas:hover, .far:hover {
	color:#FF9800;
}

.pagin {
  display: flex;
}

.listing input {
	padding:2px;
}

.form-group {
    margin-bottom: 2em;
}



.shmDbList tr th {
	display: none;
}
.shmDbList tr th:nth-child(1),
.shmDbList tr th:nth-child(2),
.shmDbList tr th:last-child,
.shmDbList tr td:nth-child(1),
.shmDbList tr td:nth-child(2),
.shmDbList tr td:last-child {
	display: table-cell;
}

.shmDbList a img {
	width:120px;
}
.shmDbDetail a img,
.shmDbDetail video {
	width:320px;
}

/* mobile */
@media (max-width: 720px) {
	
	.mobile tr {
    display: flex;
    flex-direction: column;
  }

	.mobile td {
    display: block;
    padding: 5px;
    margin: 0;
	}

	.mobile td.fifth {
    padding-bottom: 2em;
	}
	
	.mobile input[type=text], .mobile textarea {
    width:100% !important;
  }
  
  .mobileHide {
  	display:none !important;
  }
  
  td.button {
  	width:auto !important;
  	height: auto;
  	margin: 1px;
  }
}

.presentationTables {
	padding-left: 1em;
    border-left: 3px solid;
    justify-self: right;
    max-width: 600px;
}