/* Body */
body {
	background-size: cover;
	color: #444040;
}

.image-logo {
	width: 100px;
	border-right: 1px solid #d6d6d6;
	padding: 5px;
}

iframe {
	width: 100%;
	height: 500px;
}

.modal {
	z-index: 2050;
	/* Adjust this value based on your requirements */
}

footer {
	font-size: 12px;
	width: 100%;
	text-align: right;
	position: fixed;
	bottom: 0;
	padding: 5px;
	z-index: -10;
}

@media print {
	body {
		font-size: 14px;
		-webkit-print-color-adjust: exact;
		padding: 15px;
	}

	.invoice-box table tr.heading td {
		background-color: white !important;
		background: #eee;
		-webkit-print-color-adjust: exact;
	}

	.liste-facture:not(:last-child) {
		page-break-after: always;
	}

	.container.margin-top-nav {
		margin: 0px;
		padding: 10px;
	}

	.consentement.print,
	.certifie {
		page-break-before: always;
	}

	.panel-heading {
		padding: 2px;
	}
}

@page {
	margin: 0;
	margin-top: 15mm;
	margin-bottom: 15mm;
	margin-left: 10mm;
	margin-right: 10mm;
}

.print-window {
	margin-top: -100px;
}

.margin-top-nav {
	margin-top: 85px;
	margin-bottom: 100px;
	background-color: white;
	border-radius: 5px;
	min-width: 350px;
	padding-bottom: 10px;
}

.container {
	padding-left: 1px;
	padding-right: 1px;
}

.panel-body {
	background-color: rgba(238, 238, 238, 0.2);
}

.loading {
	position: fixed;
	width: 100%;
	height: 100%;
	opacity: 0.1;
	background-color: black;
	color: black;
	z-index: 10;
	left: 0;
	margin-top: -20px;
}

.loading.text {
	width: 100%;
	height: 55px;
	opacity: 0.3;
	position: fixed;
	font-size: 40px;
	z-index: 20;
	text-align: center;
	margin-top: 40px;
	color: white;
}

.gallery-item {
	position: relative;
	overflow: hidden;
	/* border: 1px solid #ddd; */
	border-radius: 5px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	padding: 10px;
	height: 350px;
	margin-top: 10px;
}

.gallery-item img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
}

.gallery-container {
	/* border:1px solid #eee; */
	padding:5px;
}

.gallery-container .delete-button {
	background-color: #dc3545;
	color: #fff;
	border: none;
	padding: 5px 10px;
	border-radius: 5px;
	cursor: pointer;
	float: right;
	margin-bottom: 10px;
}

input.form-control.datepicker-readonly[readonly] {
	background-color: white;
}

input.form-control.datepicker-readonly[disabled] {
	background-color: #eee;
}

/*Top-menu*/
li a {
	color: #6d6f71;
	font-family: 'Lora', sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0px;
	text-transform: uppercase;
}

li a:hover {
	color: #00b8e4;
}

li a:active {
	color: #00b8e4;
}

@media(max-width:767px) {
	li a {
		font-size: 11px;
	}

	;
}

@media(min-width:768px) {
	li a {
		font-size: 11px;
	}

	;
}

@media(min-width:992px) {
	li a {
		font-size: 11px;
	}

	;
}

@media(min-width:1200px) {
	li a {
		font-size: 13px;
	}

	;
}

.dropdown-menu>li>a {
	color: #777;
}


.navbar-brand,
.navbar-nav li a:hover {
	color: #00b8e4 !important;
}

.navbar-default .navbar-nav>.active>a {
	color: #00b8e4 !important;
}

.subnavbar {
	font-weight: bold;
	border-top: 1px solid #d6d6d6;
	min-height: 30px;
	padding: 8px 0px;
	margin-left: 10px;
	margin-right: 10px;
}

.subnav-history {
	min-height: 30px;
}

.subnavbar .text-center {
	margin-top: -32px;
	margin-left: 5%;
}

/* Connexion */
.connexionPanel {
	background-color: white;
	opacity: 0.8;
	min-width: 300px;
	max-width: 800px;
	height: 380px;
	border-radius: 5px;
	margin: auto;
	box-shadow: 1px 1px 1px 1px lightgrey;
}


/* Fiches */
.autresServices {
	margin-left: -15px;
}


/********************************************************************/
/*** PANEL INFO ***/
.nav-tabs {
	background-color: #f3f3f3;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 5px;
}

.nav-tabs>li>a,
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
	padding: 11px;
	color: #31708f;
}

.nav-tabs>.open>a,
.nav-tabs>.open>a:hover,
.nav-tabs>.open>a:focus,
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
	color: #31708f;
	background-color: #bce8f1;
	border-color: transparent;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
	color: #31708f;
	background-color: #fff;
	border-color: #bce8f1;
	border-bottom-color: transparent;
}

.accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 8px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 14px;
	transition: 0.4s;
}

.active,
.accordion:hover {
	background-color: #ccc;
}


.margin {
	margin-top: 10px;
}

.margin-top-btn {
	margin-top: 20px;
}

.margin-left-btn {
	margin-left: 20px;
}

.sans-margin {
	margin: 0px;
}

.row {
	padding: 5px;
}

.row-sans-padding {
	padding: 0px;
}

.row-sans-margin {
	margin-left: 0px;
	margin-right: 0px;
}

.row-sans-padding>.col-xs-3 {
	padding-left: 2px;
	padding-right: 2px;
}

.row-sans-padding>.col-xs-12 {
	padding-left: 2px;
	padding-right: 2px;
}

.sm-padding {
	padding-left: 5px;
	padding-right: 5px;
}

.sans-padding {
	padding-top: 0px;
	padding-bottom: 0px;
}

.margin-bottom-sm {
	margin-bottom: 10px;
}

.margin-top-sm {
	margin-top: 10px
}

.margin-left {
	margin-left: 10px;
}

.margin-right {
	margin-right: 10px;
}

.margin-top {
	margin-top: 18px
}

.margin-bottom {
	margin-bottom: 18px
}

.max-width-325 {
	max-width: 325px;
}

.btn-link-custom {
	font-size: 20px;
	color: #337ab7;
	font-weight: 400;
	margin: 5px;
}

.btn-link-custom:hover {
	border-bottom: 1px solid;
}

textarea {
	resize: none;
}

.petit-hr {
	margin-top: 0px;
	margin-bottom: 0px;
}

.pointer {
	cursor: pointer;
}

i.goTo:hover {
	color: black;
}

.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

.table-col {
	padding-left: 0px;
	padding-right: 0px;
}

.table {
	margin-bottom: 10px;
	margin-top: 10px;
}

.table.no-margin {
	margin-bottom: 0px;
	margin-top: 0px;
}

.table>tbody>tr>td {
	padding: 4px;
}

.table.sm-padding>tbody>tr>td {
	padding: 1px;
}

.separteur {
	border-left: 1px solid #eee;
	padding-left: 5px;
	padding-right: 5px;
	min-height: 15px;
	overflow: hidden;
}

.ellipsis {
	text-overflow: ellipsis;
}

.row-selected {
	border: 3px solid grey;
}

.listeVide {
	font-size: 20px;
}

@media(max-width:767px) {
	.table-col {
		font-size: 11px;
	}

	.table-col .pointer {
		font-size: 14px;
	}
}

.ng-table th {
	text-align: left;
	background-color: rgb(0, 185, 229);
	color: white;
	font-size: 12px;
}

.ng-table th.sortable.sort-desc,
.ng-table th.sortable.sort-asc {
	text-align: left;
	background-color: rgb(0, 185, 229);
	color: white;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: rgb(0, 185, 229);
	border-color: #adadad
}

.pagination>li>a,
.pagination>li>span {
	color: rgb(45, 45, 45);
}

.affix {
	top: 120px;
	right: 0px;
}

.affix-top {
	top: 120px;
	right: 0px;
}

.on-input {
	left: 15px;
	position: absolute;
}

.underline {
	text-decoration: underline;
}

/* FACTURE */
.modal-facture {
	padding: 10px;
	border: 1px solid lightgrey;
	border-radius: 4px;
	margin-bottom: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}

.liste-facture {
	margin-bottom: 10px;
}

.glyphicon.pointer {
	font-size: 18px;
}

.glyphicon.pointer.big {
	font-size: 24px;
}

.glyphicon.pointer.big:hover {
	font-size: 24px;
	color: black;
}


/*SPINNER*/
.glyphicon-refresh-animate {
	font-size: 30px;
	-animation: spin .7s infinite linear;
	-webkit-animation: spin2 .7s infinite linear;
}

.glyphicon-refresh-animate-text {
	font-size: 30px;
}

@-webkit-keyframes spin2 {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	from {
		transform: scale(1) rotate(0deg);
	}

	to {
		transform: scale(1) rotate(360deg);
	}
}

.lds-dual-ring.sm {
	width: 20px;
	height: 20px;
}

.lds-dual-ring.sm:after {
	content: " ";
	display: block;
	width: 15px;
	height: 15px;
	margin: 8px;
	border-radius: 50%;
	border: 3px solid white;
	border-color: white transparent white transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}

.lds-dual-ring {
	display: inline-block;
	width: 80px;
	height: 80px;
}

.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 35px;
	height: 35px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid #ED1C24;
	border-color: #ED1C24 transparent #ED1C24 transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.temps-libre {
	background-color: rgba(255, 0, 0, 0.5);
	-webkit-print-color-adjust: exact;
	/* background-image: url("images/diagonale.png");
	  background-repeat: repeat-x;
	  background-size: contain; */
	background: repeating-linear-gradient(45deg, rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 0.5) 1px, white 1px, white 10px)
}

.table-heure {
	margin-top: 0px;
}

.montant-type {
	font-size: 12px;
	min-width: 100%;
	display: table;
}

.separation-ligne {
	text-align: center;
	margin-left: -5px;
	margin-right: -5px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
}

.table-produits tr {
	border-bottom: 2px solid #ddd
}

.table-produits td:last-child {
	font-weight: bold;
}

.separation-sans-ligne {
	text-align: center;
	margin-left: -5px;
	margin-right: -5px;
	padding-top: 5px;
}

.txt-temps-libre {
	font-size: 10px;
}

@media print {
	@page {
		margin: 0mm 0mm 0mm 0mm;
	}

	.montant-type {
		font-size: 10px;
	}

	.dateJourSalon,
	.nomJourSalon {
		font-size: 12px;
	}

	.txt-temps-libre {
		font-size: 8px;
	}

	.temps-libre {
		border: 2px solid rgba(255, 0, 0, 0.5);
	}

	.table {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.table-heure>tbody>tr>th {
		padding: 0px;
		font-size: 12px;
		padding-left: 5px;
	}

	.table-heure>tbody>tr>td {
		padding: 0px;
		font-size: 11px;
		padding-left: 5px;
	}

	.panel.panel-default {
		margin-bottom: 0px;
	}

	.panel-body {
		padding: 0px;
	}

	body {
		margin: 1mm 1mm 1mm 1mm;
		zoom: 95%;
	}
}

.form-control-sm {
	width: 60px;
	padding-left: 3px;
	padding-right: 3px;
	display: inline;
}