html,
body {
  height: 100%;
}

body {
   /* background-color: #f5f5f5; */

   background-color: #e9ecef;
}

footer{
	color: var(--primary);
}

/* début page d'accueil */

#navbar{
	-webkit-box-shadow: 0px 1px 10px 0px #ccc;
	-moz-box-shadow: 0px 1px 10px 0px #ccc;
	box-shadow: 0px 1px 10px 0px #ccc;
	background-color:#007bff !important;
	color:white !important;
}

#navbar li.active .nav-link{
	color:white ! important;
}

#navbar .nav-link{
	color:rgba(255,255,255,0.8) !important;
}
#navbar .nav-link:hover{
	color:rgba(255,255,255,1) !important;
}

.navbar-brand{
	padding: 0;
	font-size: 0;
}

#LI_LOGOUT a:hover{
	color: #BB3F58;
}

#duree_demande{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
 }

main > .container {
    padding: 60px 15px 0;
}

/* couleur des tuiles */
.row > div.rounded {
	background-color: rgba(250,250,250, 0.75)!important;
	    box-shadow: 0 .5rem 1rem rgba(0,0,0,.08)!important;

}

.ajax_block,  .ajax_block div, .ajax_block table{
	font-size:14px;
}

.ajax_block div.text-primary{
	font-size:16px;
}

.ajax_block .spinner-grow{
	height:16px;
	width:16px;
	margin-top:4px;
}

.modal-dark{
background-color: #000000a1;
}

/*.bloc{
	background-color: #f8f9fae6!important;
}*/

.font16{
	font-size:16px !important;
}

.font15{
	font-size:15px !important;
}

#legend i{
	top: 0px;
	left: 10px;
	position: relative;
	margin-right: 5px;
}

#tuto_modal .modal-content, #tuto_modal .modal-dialog {
	height: 90%;
}

#search_modal .modal-content, #search_modal .modal-dialog{
	/*max-height: 100%;*/
	max-width: 90%;
}

#carouselTuto{
	height: 100%;
}

#carouselTuto li{
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.carousel .carousel-indicators {bottom:  -15px;}
.carousel .carousel-indicators li {  background-color: gray; }
.carousel .carousel-indicators li.active { background-color: var(--primary); }
.carousel-control-next-icon {
	filter: invert(70%) sepia(47%) saturate(6646%) hue-rotate(200deg) brightness(102%) contrast(102%);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-control-prev-icon {
	filter: invert(70%) sepia(47%) saturate(6646%) hue-rotate(200deg) brightness(102%) contrast(102%);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

#commencer{
	position: absolute;
  bottom: 25px;
}

.carousel-control-prev,  .carousel-control-next{
width: 20px;
}

.imgTuto{
	width: 65%;
}


.citybg{
    background-image: url(/views/images/new-york-light2.png);
    background-repeat-y: no-repeat;
    background-repeat: repeat-x;
    background-size: contain;
    background-position: bottom;
    background-attachment: fixed;
}

/*main, footer{
	background-color: #ffffffc2;
}*/

@media (max-width: @screen-xs-max) { 
.carousel-control-prev{
	left: -10px;
	top: -40px;
 }
 .carousel-control-next{
	right: -10px;
	top: -40px;
 }
}


.ignorer{
	position: absolute;
	bottom: 10px;
font-size: 14px;
cursor: pointer;
color: var(--secondary) ;

}

.ignorer:hover{
color: var(--primary) ;
}


.big-checkbox,  .big-spinner {width: 18px; height: 18px;}

.cercleProfil { 
	height: 64px; 
	width: 64px; 
	background-color: #d2d9e5;
	/*border: 5px solid rgba(0, 0, 0, 1);*/
	border-radius: 50%; 
} 

.cercleProfil span{ 
	font-size: 26px;
  position: relative;
  top: 12px;
}
.cercleProfil .icone_shield {
		position: relative;
    top: -15px;
    right: -20px;
    text-shadow: 1px 1px 2px #00000073;
}

 .cercleProfilBig { 
		height: 96px; 
		width: 96px; 
		background-color: #d2d9e5;
		/*border: 5px solid rgba(0, 0, 0, 1);*/
		border-radius: 50%; 
	} 

.cercleProfilBig span{ 
	font-size: 42px;
    position: relative;
    top: 16px;
    /*left:  11px;*/
}


.path i, .rel-t-6{
position: relative;
top:  6px;
}




#liste_place_modal i{ 
	float: right;
}

.br50{
	border-radius: 50%;
}

.legend_icon{
	font-size: 10px;
	position: relative;
	top: -8px;
}

.options span{
	position: relative;
	top: -3px;
}

.editPic{
	position: relative;
	top: -65px;
}

.editPicPhoto{
	position: relative;
	top: -105px;
}

.file {
  visibility: hidden;
  position: absolute;
}

.hover_do:hover{
	cursor:pointer;
}

.hover_help{
	cursor: help;
}

.h-90{
	height: 90%;
}
.icone_shield{
	width: 32px;
	height: 0px;
}
.icone_shield b{
	position: relative;
	top: -28px;
	left: -2px;
	color: white;
	text-shadow: 0px 1px 2px #00000078;
}
.gold{
color: gold;
}
.silver{
color: silver;
}
.bronze{
color: #CD7F32;
}

.admin_form, .f-14 {
	font-size: 14px;
}

.admin_form label {
	min-width: 30% ;
	text-align: right;
	padding-right: 20px;
}

.admin_form select, .admin_form input[type="text"], .admin_form input[type="date"] {
	display: inline;
	width: auto;
	min-width: 50%;
	font-size: 14px;
}

.admin_form input[type="checkbox"]{
		display: inline;
		width: auto;
		height: 1em;
}

.form-control{
	font-size: 14px;
}
.select-admin{
	padding: 0;
	width: 50px;
}

.admin_form  .id_admin_small {
    min-width: auto!important;
    width: 8%!important;
}
.admin_form  .descr_admin_small {
    min-width: auto!important;
    width: 41%!important;
}
.action_td i{
	cursor: pointer!important;
}

.bt-0{
	border-top: 0!important;
}

.w40{
	width: 40px;
}

.min-w140{
	min-width: 140px;
}

.max-w400{
	max-width: 400px;
}

tr{display: table-row;}

.formSearch input{
	display: none;
}

.stats_globale div span{
	font-size: 56px;
	font-weight: lighter;
	color: var(--primary);
}

.stats_globale div{
	padding: 40px;
}

.title_light{
	font-weight: 200;
    font-size: 28px;
    color: var(--primary);
}

.gestionnaire_copro div span{
	font-size: 42px;
	font-weight: lighter;
	color: var(--primary);
}

.icon-search[disabled]{
	color: var(--secondary);
}
.icon-search{
	color: var(--primary);
}

.searchUserTr:hover{
	background-color: #e2f0ff;
	cursor: pointer;
}

.coproTitle{
	color: var(--primary);
	font-weight: 300;
}

/* commit test - again - trois */