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

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

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

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

	.lz_section_body
	{
		background-color:#FFF;
	}
	
	.addressborder
	{
		border-left:1px solid #000;
		padding-left:10px;
	}
	
	/* modal */
	.lz_modal_heading h4
	{
		background-color:transparent;
		color:#FFF;
		text-transform:uppercase;
		font-size:14px;
		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%;
	}

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

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

		-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_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: 12px;
		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;
	}

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

	/* ajout astérisque aux labels class required */
	label.required:after {
		color: #d00;
		content: "*";
		/*position: absolute;	bug, si label fini par un espace sa l'ignore */
	}

	/*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.glyphicon
	{
		color:#5cb85c;
	}
	.bs-callout.bs-callout-success
	{
		border-color:#5cb85c;
	}
	.bs-callout.bs-callout-danger span.glyphicon
	{
		color:#d9534f
	}
	.bs-callout.bs-callout-danger
	{
		border-color:#d9534f;
	}
	.bs-callout.bs-callout-info span.glyphicon
	{
		color:#5bc0de
	}
	.bs-callout.bs-callout-info
	{
		border-color:#5bc0de;
	}
	.bs-callout.bs-callout-black span.glyphicon
	{
		color:#000;
	}
	.bs-callout.bs-callout-black
	{
		border-color:#000;
	}
	.bs-callout.bs-callout-warning span.glyphicon
	{
		color:#f0ad4e;
	}
	.bs-callout.bs-callout-warning
	{
		border-color:#f0ad4e;
	}

	.lz_account_menu
	{
		min-width:320px;
		/*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;
	}

	.form-control[readonly]:not([disabled])
	{
		background-color: #FFF;
	}

	.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;
	}*/

	.panel > .panel-heading
	{
		border-bottom:0;
	}

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

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


/*******************************************************************************/
/********************************** 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(-50%);
		top:40px;
	}

	.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;
	}
}