/* Move down content because we have a fixed navbar that is 50px tall */
body {
	padding-top: 50px;
	font-family: Roboto, Calibri, Arial, sans-serif;
	padding-right: 0px !important;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #c0c0c06b;
}

button[aria-expanded="true"] .help-collapse-btn {
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}

/* Screen status*/
.screnn-title {
	overflow-wrap: break-word;
}
/* Screen connected*/
.screen-status-on{
	border: 3px solid #00ffff !important;
	border-radius: 16px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.greyhouse{
	background-color: #c0c0c06b;
}

.connected{
	color: #00ffff;
}
/* Screen disconnected*/
.screen-status-off{
	border: 3px solid #ff3737 !important;
	border-radius: 16px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.disconnected{
	background-color: #ffc1c1;
	color: #ff3737;
}
/* the position of the exclamation mark in the center of the screen when it is disconnected*/
.tvcircle{
	position: relative;
	bottom: 78px;
}
/* End screnn status*/
/* Move down content because we have a fixed navbar that is 50px tall */


a {
	cursor: pointer;
}

.police2 {
	font-family: QuickSand, Roboto, Calibri, Arial, sans-serif;
}

.pointer-c {
	cursor: help;
}

.pointer-click {
	cursor: pointer;
}

/* Marges hautes pour le corps de la page*/
#page_body {
	padding-left: 27px;
}

@font-face {
	font-family: Roboto;
	src: url(../fonts/Roboto-Light.ttf);
}

@font-face {
	font-family: QuickSand;
	src: url(../fonts/Quicksand-Light.otf);
}

.pBold{
	font-weight: bold;
	color:#6A6E66;
}

th {
	text-align: center;
}

/* Pagination sur la page d'accueil */
.pagination > li > a, .pagination > li > span {
	float : none;
	color: #1fa0b3;
	
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #1fa0b3 !important;
	border-color: #1fa0b3 !important;
	color : #fff !important;
}

ul.pagination a {
	color : #1fa0b3 !important;
}

ul.pagination a:hover {
	color : #fff !important;
	background-color : #1fa0b3 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	color : #fff !important;
	padding: unset;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background-color : #fff !important;
	background: white !important;
	border : none ;
}

/** Trigger la navbar small dès les écrans small et pas juste xs*/
@media ( max-width : 991px) {
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	.navbar-collapse.collapse {
		display: none !important;
	}
	.navbar-nav {
		float: none !important;
		margin: 7.5px -15px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-text {
		float: none;
		margin: 15px 0;
	}
	/* since 3.1.0 */
	.navbar-collapse.collapse.in {
		display: block !important;
	}
	.collapsing {
		overflow: hidden !important;
	}
	.dropdown-menu {
		left: 0;
		right: auto;
	}
}

/*
* Changement du style des bouttons 
*/

.btn-warning {
	background-color: #fff;
	color: #E8B400;
	border-color: #E8B400;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active,
	.btn-warning.active, .open.dropdown-toogle.btn-warning {
	background-color: #E8B400;
}

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning,
	.btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover,
	.btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus,
	.btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active,
	.btn-warning.disabled.active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning.active
	{
	background-color: #fff;
	border-color: #E8C963;
	color: #E8C963;
	border-width: 2px;
}

.btn-primary {
	background-color: #fff;
	color: #3D5DF0;
	border-color: #3D5DF0;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary,
	.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover,
	.btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus,
	.btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active,
	.btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active
	{
	background-color: #fff;
	border-color: #6A7EFF;
	color: #6A7EFF;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
	.btn-primary.active, .open.dropdown-toogle.btn-primary {
	background-color: #3D5DF0;
}

.btn-info {
	background-color: #fff;
	color: #628794;
	border-color: #628794;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,
	.open.dropdown-toogle.btn-info {
	background-color: #628794;
}

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info,
	.btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover,
	.btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus,
	.btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active,
	.btn-info.disabled.active, .btn-info.active[disabled], fieldset[disabled] .btn-info.active
	{
	background-color: #fff;
	border-color: #739FAD;
	color: #739FAD;
	border-width: 2px;
}

.form-signin {
	max-width: 360px;
	padding: 15px;
	margin: 0 auto;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus
	{
	color: #080808;
}

.navbar-inverse .navbar-toggle {
	color: #373934;
	border-color: #D6D6D6;
	background-color: #D6D6D6;
}

.unbtn:active, .unbtn.active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

a:focus {
	outline: none;
}

.btn-create {
	background-color: #e387b8;
	color: white;
}

.btn-create:hover {
	background-color: #b75b8c;
	color: white;
}

.btn-validation {
	background-color: #1fa0b3;
	color: white;
}

.btn-validation:hover {
	background-color: #008194;
	color: white;
}

.valid_btn{
	background-color: #1fa0b3;
	color : white;
}

.valid_btn:hover{
	background-color: #bac8d4;
	color : white;
}

.close_btn {
	background-color: #bac8d4;
	color : white;
}

.close_btn:hover {
	background-color: #1fa0b3;
	color : white;
}

#dialog_text {
 	line-height: 50px;
	min-height: 68px;
}
.dialog_message {
	top:36%;
}

.modal_middle_pos {
	top:20%;
}

a.previous {
	filter: invert(45%);
}

a.previous:hover {
	filter: invert(11%) sepia(60%) saturate(563%) hue-rotate(167deg) brightness(99%) contrast(86%);
}

.prev_page {
	width: 26px;
	height: 26px;
}

.modal-dialog-account {
	top: 30%;
	width: 600px;  
	position: relative;
	margin: 30px auto;
}

.screen_no_maj {
	filter: invert(0%) sepia(92%) saturate(7467%) hue-rotate(226deg) brightness(80%) contrast(101%);
}

.screen_on {
	filter: invert(48%) sepia(42%) saturate(608%) hue-rotate(82deg) brightness(96%) contrast(89%);
}

.screen_off {
	filter: invert(6%) sepia(94%) saturate(6799%) hue-rotate(341deg) brightness(97%) contrast(107%);
}

.screen_vertical {
	transform: rotate(90deg);
}

.modal-xxl {
	--bs-modal-width: 1550px;
}

[x-cloak] {
  display: none !important;
}