/*******************************************************************************/
/********************************* DESKTOP *************************************/
/*******************************************************************************/
@media screen
{
	html, body
	{
		height:100%;
	}

	label
	{
		margin-bottom: 0;
	}

	.lz_truncate_text
	{
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	.logizone_btn
	{
		margin: -4px auto 0;
		max-width: 960px;
		text-align: right;
	}

	/* section */
	.lz_section
	{
		border-color:#363636;
	}

	.lz_section_heading, .lz_section > .lz_section_heading
	{
		background-color:#363636;
		color:#FFF;
		text-transform:uppercase;
		font-size:0.875rem;
		font-weight:bold;
	}

	.lz_section_body
	{
		background-color:#FFF;
	}
	
	.addressborder
	{
		border-left:1px solid #000;
		padding-left:10px;
	}
	
	/* modal */
	#div_modal_login > .modal-dialog
	{
		max-width: 545px;
	}

	.lz_modal_heading h5
	{
		background-color:transparent;
		color:#FFF;
		text-transform:uppercase;
		font-size:0.875rem;
		font-weight:bold;
	}

	.lz_modal_heading
	{
		background-color:#363636;
	}

	.lz_modal_heading .close
	{
		color:#FFF;
		opacity:0.60;
	}

	.lz_modal_heading .close:hover, .lz_modal_heading .close:focus
	{
		opacity:0.90;
	}

	.lz_overlay_content
	{		
		width:53%;
		margin-left:23%;
	}

	.lz_overlay_small_content
	{
		width:60%;
		margin-left:20%;
	}

	.lz_modal_logizone_what .lz_modal_body .col
	{
		text-align: center;
	}

	/* main wrapper */
	.lz_wrapper
	{
		min-height:100%;
		position:relative;
	}

	/* hauteur de la barre logizone */
	.lz_header
	{
		height: 50px;
		padding: 0;

		-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.6);
		-moz-box-shadow:    0px 1px 4px 0px rgba(0, 0, 0, 0.6);
		box-shadow:         0px 1px 4px 0px rgba(0, 0, 0, 0.6);
	}

	/* contenu de la barre logizone */
	.lz_header_content
	{
		max-width:960px;
		/*margin:0 auto;*/
		height:100%;
		background-repeat: no-repeat;
		background-position:left center;
	}

	.lz_content
	{
		max-width:960px;
		margin:0 auto;
		padding-top:60px;
		padding-bottom:40px; /* Height of the footer element */
	}

	.lz_content .card
	{
		margin-bottom: 15px;
	}

	.lz_avatar_overlay
	{
		position: absolute;
		top: 0;
		left:0;
		width: 100%;
		height: 100%;
	}

	.lz_avatar_overlay:hover
	{
		background-color: rgba(0,0,0,0.5);
		color: #fff;
		padding: 50%;
		transition: all 0.5s;
	}

	.lz_avatar_overlay_remove
	{
		position:absolute;
		top:5px;
		right:5px;
		cursor:pointer;
	}

	/* btn */
	.lz_btn
	{
		padding: 2px 5px;
		font-size: 0.75rem;
		line-height: 1.5;
		-moz-border-radius: 0 0 8px 8px !important;
		-webkit-border-radius: 0 0 8px 8px !important;
		border-radius: 0 0 8px 8px !important;
	}

	.lz_btn_logizone_connect
	{
		text-align:right;
	}

	.lz_btn_individual
	{
		text-align:right;
	}

	/* account overview */
	.lz_account_avatar
	{
		margin-left:auto;
		margin-right:auto;
		cursor:pointer;
		position:relative;
		vertical-align:middle;
	}

	.lz_account_detail
	{
		text-align:left;
	}

	.lz_account_edit
	{
		text-align:right;
		margin-top:25px;
	}

	#div_modal_account .card .row:first-child
	{
		margin-bottom: 0;
	}

	/* members overview */
	.lz_member_add
	{
		text-align:right;
	}

	/* ajout astérisque aux labels class required */
	label.required:after {
		color: #d00;
		content: "*";
		display: inline;
		position: absolute;
	}

	/*fix pour enlever les margin aux radio + checkbox*/
	.radio, .checkbox
	{
		margin-top:0;
		margin-bottom:0;
	}
	.radio + .radio, .checkbox + .checkbox
	{
		margin-top:0;
	}

	/* fix pour ajouter un espacement entre les radio + checkbox aligné verticalement */
	.radio:not(:last-child), .checkbox:not(:last-child)
	{
		margin-bottom:5px;
	}

	/* applique le margin-bottom des elements de la form sur les colonnes (desktop 2 row, mobile 1 row on a probleme de margin)*/
	.form-group
	{
		margin-bottom:0;
	}
	.form-group .row
	{
		margin-bottom:15px;
	}

	/*.form-group > .row > div      -- trouver une meilleur methode sa brise un peu partout..
	{
		margin-bottom:15px;
	}*/

	/* fix vertical-align sur les grid bootstrap */
	.display-table
	{
	   display: table;
	   table-layout: fixed;
	   width:100%;
	   margin:0;
	}
	.display-table > div
	{
		display: table-cell;
		vertical-align: middle;
		float: none;
	}

	/* fix pour ne pas perdre la scrollbar en mode multiple modals */
	.modal
	{
		overflow: auto !important;
	}

	#members td, #history_del_content td
	{
		vertical-align:middle;
	}

	.bs-callout
	{
		width:100%;
		display:table;
		border-radius:0;
	}
	.bs-callout div:first-child
	{
		width:45px;
	}
	.bs-callout div
	{
		display:table-cell;
		vertical-align:middle;
	}

	/* fix pour changer couleur du glyphicon + ajout border success color */
	.bs-callout.bs-callout-success span.fas
	{
		color:#5cb85c;
	}
	.bs-callout.bs-callout-success
	{
		border-color:#5cb85c;
	}
	.bs-callout.bs-callout-danger span.fas
	{
		color:#d9534f
	}
	.bs-callout.bs-callout-danger
	{
		border-color:#d9534f;
	}
	.bs-callout.bs-callout-extreme-danger span.fas
	{
		color:#FFF;
	}
	.bs-callout.bs-callout-extreme-danger
	{
		border-color:#FFF;
		background-color:red;
		color: #FFF;
	}
	.bs-callout.bs-callout-info span.fas
	{
		color:#5bc0de
	}
	.bs-callout.bs-callout-info
	{
		border-color:#5bc0de;
	}
	.bs-callout.bs-callout-black span.fas
	{
		color:#000;
	}
	.bs-callout.bs-callout-black
	{
		border-color:#000;
	}
	.bs-callout.bs-callout-warning span.fas
	{
		color:#f0ad4e;
	}
	.bs-callout.bs-callout-warning
	{
		border-color:#f0ad4e;
	}

	.lz_account_menu
	{
		min-width:330px;
		/*padding: 14px;*/
	}

	.lz_footer
	{
		width:100%;
		border-top:1px solid #e7e7e7;
		text-align:center;
		background-color:#f8f8f8;
		height:40px;
		/*position:absolute;
		bottom:0;
		left:0;*/
	}
	.lz_footer_content
	{
		width:100%;
		height:100%;
		max-width:960px;
		margin:0 auto;
		padding:0;
	}

	/* bootstrap */
	.has-warning-bg
	{
		color:#8a6d3b;
		background-color:#fcf8e3;
	}

	.has-error-bg
	{
		color:#a94442;
		background-color:#f2dede;
	}

	.blue
	{
		color: #3b83c0 !important;
	}

	.form_errors
	{
		padding:12px 18px 12px 18px;
		background-color:#fff0f0;
		color:#a94442;
		box-shadow:0 0 0 1px #dbb1b1 inset,0 1px 2px 0 rgba(0, 0, 0, 0.05);
	}

	.list
	{
		list-style-position:inside;
		margin:0.5em 0 0;
		opacity:0.85;
		padding:0;
	}

	.list:first-child
	{
		margin-top:0;
	}

	.list:last-child
	{
		margin-bottom:0;
	}

	/* bootstrap */
	.has-warning-bg
	{
		color:#8a6d3b;
		background-color:#fcf8e3;
	}

	.has-error-bg
	{
		color:#a94442;
		background-color:#f2dede;
	}

	.blue
	{
		color: #3b83c0 !important;
	}

	.uploadfile_msgerror
	{
		color:red;
		margin-top:10px;
	}

	.btn-inverse
	{
		background-color: #363636;
		background-image: linear-gradient(to bottom, #444, #222);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		color: #fff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
	.btn-inverse:hover,
	.btn-inverse:active,
	.btn-inverse.active,
	.btn-inverse.disabled,
	.btn-inverse[disabled]
	{
		background-color:#222;
		color:#FFF;
		background-position:0 -15px;
		transition: background-position 0.1s linear 0s;
	}
	.btn-inverse:focus,
	.btn-inverse.focus
	{
		color:#FFF;
	}

	/* default panel border-color = header background-color + remove border-bottom panel + modal (header + footer) PB 2016-02-02*/
	/*.panel
	{
		border-color:#F5F5F5;
	}*/

	.card > .card-header
	{
		border-bottom:0;
	}

	.modal-dialog > .modal-content > .modal-header
	{
		border-bottom:0;
	}

	.modal-dialog > .modal-content > .modal-footer
	{
		border-top:0;
	}


	/* Bootstrap Toggle v2.2.2 corrections for Bootsrtap 4*/
	/* https://github.com/minhur/bootstrap-toggle/issues/186 */
	.toggle > .toggle-group
	{
		background:white;
		box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
		color:#666;
	}

	.toggle.off
	{
		border-color: rgba(0, 0, 0, .25);
	}

	.toggle-handle
	{
		background-color: white;
		border: thin rgba(0, 0, 0, .25) solid;
	}


	.form-control-feedback
	{
		display: none;
		width: 100%;
		margin-top: 0.25rem;
		font-size: 80%;
		color: #df382c;
	}
	
	.fa-times.form-control-feedback
	{
		width: 15px;
		margin: -25px 10px;
		float: right;
	}
	
	.palette_preview
	{
		background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(255, 255, 255, 0) 75%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0.2)), linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0.2));
		background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(255, 255, 255, 0) 75%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0.2)), linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0.2));
		background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(255, 255, 255, 0) 75%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0.2)), linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0.2));
		background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(255, 255, 255, 0) 75%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0.2)), linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0.2));
		-webkit-background-size: 20px 20px;
		-moz-background-size: 20px 20px;
		-o-background-size: 20px 20px;
		background-size: 20px 20px;
		background-position: 0px 0px, 10px 10px;
	}
	
	.palette_preview div
	{
		width:100%;
		height:34px;
		border:1px solid #ccc;
		box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;
		cursor:pointer;
	}
	
	button.fa-plus,
	button.fa-minus
	{
	    border: none;
	    padding: 0;
	    color: #FFF;
	    background-color: #363636;
	}

	.lz_cookie_consent_top
	{
		height: 4rem;
	}

	.lz_cookie_consent_top_container
	{
		position: fixed;
		width: 100%;
		z-index: 1;
		height: 4rem;
		border-bottom-style: solid;
		background-color: #ffffff;
		border-radius: 0;
	}

	.lz_cookie_consent_top_content
	{
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		background-color: #ffffff;
		flex-direction: row;
	}

	.lz_cookie_consent_top .cookie_consent_configure,
	.lz_cookie_consent_top .cookie_consent_accept_all
	{
		width: 125px;
	}

	.lz_cookie_consent_top .cookie_consent_message
	{
		flex: auto 1 1;
		/*margin: 0 5px 0 0;*/
		margin: 5px;
		font-size: 0.80rem;
		line-height: 0.80rem;
	}
	
	.lz_cookie_consent_top .cookie_consent_buttons
	{
		display:flex;
		flex-direction: row;
		
	}
}


/*******************************************************************************/
/********************************** TABLET *************************************/
/*******************************************************************************/
@media screen and (min-width: 768px) and (max-width: 991px)
{
	/* wrapper */
	.lz_content
	{
		margin-left:15px;
		margin-right:15px;
	}

	/* barre logizone */
	.lz_header .lz_header_content
	{
		max-width:none;
	}

	.lz_header > .container-fluid .navbar-brand
	{
		margin-left:0;
	}

	.lz_header .lz_header_content .navbar-right
	{
		float:right !important;
		margin-right:0;
	}

	.lz_header .lz_header_content .navbar-right .dropdown-menu
	{
		left:auto;
		right:0;
	}

	/* account overview */
	.lz_account_avatar
	{
		margin-left:auto;
		margin-right:auto;
	}

	.lz_account_detail
	{
		text-align:center;
		margin-top:15px;
	}

	.lz_account_edit
	{
		text-align:center;
		margin-top:15px;
	}

	/* members overview */
	.lz_member_add
	{
		text-align:center;
	}

	/* address */
	.lz_address
	{
		margin-top:15px;
	}
	
	/* footer */
	.lz_footer_content
	{
		padding-left:15px;
		padding-right:15px;
	}
}


/*******************************************************************************/
/********************************** MOBILE *************************************/
/*******************************************************************************/
@media screen and (max-width: 767px)
{
	/* modal content */
	.lz_overlay_content
	{
		width:100%;
		margin-left:0;
	}

	.lz_overlay_small_content
	{
		width:100%;
		margin-left:0;
	}

	/* barre logizone */
	.lz_header > .container-fluid .navbar-brand
	{
		margin-left:0;
	}

	.lz_header .lz_header_content
	{
		padding-left:5px;
		padding-right:5px;
	}

	.lz_header .lz_header_content .navbar-right
	{
		float:right !important;
		margin-right:0;
	}

	.lz_header .lz_header_content .navbar-right .dropdown-menu
	{
		left:auto;
		right:0;
	}

	.lz_header .lz_header_content .btn-group
	{
		position:static;
	}

	.lz_account_menu
	{
		/*transform: translate(-20%);*/
	}

	.lz_header .lz_header_content .navbar-right .dropdown-menu
	{
		left: 50%;
	}

	/* btn */
	.lz_btn_logizone_connect
	{
		text-align:center;
	}

	.lz_btn_logizone_forgotpwd
	{
		margin-top:10px;
		text-align:center;
	}

	.lz_btn_individual
	{
		text-align:center;
	}

	.lz_btn_organization
	{
		margin-top:10px;
		text-align:center;
	}

	/* account overview */
	.lz_account_avatar
	{
		margin-left:auto;
		margin-right:auto;
	}

	.lz_account_detail
	{
		text-align:center;
		margin-top:15px;
	}

	.lz_account_edit
	{
		text-align:center;
		margin-top:15px;
	}

	/* members overview */
	.lz_member_add
	{
		text-align:center;
	}

	/* address */
	.lz_address
	{
		margin-top:15px;
	}

	.lz_cookie_consent_top
	{
		height: 9rem;
	}

	.lz_cookie_consent_top_container
	{
		height: 9rem;
	}

	.lz_cookie_consent_top_content
	{
		flex-direction: column;
	}

	.lz_cookie_consent_top .cookie_consent_buttons
	{
		margin-bottom: 5px;
	}
}

.pac-container {
	z-index: 10000 !important;
}

.form_errors-excl_address{
	color: #dc3545;
	padding:7px 10px 10px;
}