/*/ Polylog SA @ 2023 /*/

/*/ Base de la structure /*/

.fwk-container-main {
	display: none;
	z-index: 200;
	padding: 95px 25px 25px 25px;
	overflow: auto;
	max-height: 100%;
	height: 100%;
	}

.fwk-container-main.main-leftpanel {
	margin-left: 245px;
	}

.fwk-body-nofreedom .fwk-container-main {
	padding: 40px;
}

.fwk-bartop {
	z-index: 902;
	position: fixed;
	top: 0; 
	left: 0;
	right: 0;
	height: 5px;
	background: linear-gradient(90deg, var(--main) 0%, var(--main) 100%);
	}
	
/*/ Accès rapides /*/

.fwk-container-quickaccess {
	position: fixed;
	z-index: 890;
	right: 0;
	bottom: 0;
	margin: 10px;
	}

.fwk-container-quickaccess a {
	display: inline-block;
	border-radius: var(--round1);
	background: var(--main);
	color: var(--fixlight);
	height: 55px;
	width: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 17px;
	margin: 10px;
	}
	
.fwk-container-quickaccess a:hover {
	cursor: pointer;
	opacity: 0.7;
	}

/*/ Clic droit /*/
		
.fwk-container-contextmenu {
	display: none;
	position: fixed;
	z-index: 945;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	background: var(--shadow2);
	}

.fwk-container-contextmenu-message {
	position: absolute;
	z-index: 950;
	right: 0;
	top: 0;
	left: 0;
	width: 330px;
	margin: 130px auto;
	border-radius: var(--round2);
	padding: 30px;
	background: var(--white);
	color: var(--dark1);
	}

.fwk-container-contextmenu .fwk-linky.linky-wide {
	margin: 10px 0;
}

/*/ Navigation des fenêtres /*/
		
.fwk-container-minimize {
	display: block;
	position: fixed;
	z-index: 940;
	right: 0;
	left: 0;
	bottom: 0;
	color: var(--fixlight);
	background: var(--drop2);
	}
	
.fwk-container-minimize div {
	display: inline-block;
	margin: -15px 0 -15px -18px;
	padding: 15px 5px 15px 18px;
	}
	
.fwk-container-minimize a {
	display: inline-block;
	line-height: 20px;
	padding: 15px 18px;
	}
	
.fwk-container-minimize a i {
	line-height: 20px;
	float: left;
	margin-right: 10px;
	}
	
.fwk-container-minimize a u {
	opacity: 0;
	line-height: 20px;
	float: right;
	margin-left: 5px;
	}

.fwk-container-minimize a u:hover {
	opacity: 1;
	}
	
.fwk-container-minimize a:hover {
	background: var(--drop1);
	}
	
/*/ Fenêtre de double validation /*/
	
.fwk-container-through {
	display: none;
	position: fixed;
	z-index: 945;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	background: var(--shadow2);
	}

.fwk-container-through-message {
	position: absolute;
	z-index: 950;
	right: 0;
	top: 0;
	left: 0;
	width: 350px;
	margin: 130px auto;
	border-radius: var(--round2);
	padding: 30px;
	text-align: center;
	font-weight: 600;
	background: var(--white);
	color: var(--dark1);
	}
	
.fwk-container-through-message b {
	display: block;
	font-size: 50px;
	line-height: 50px;
	padding: 30px 0 0;
	}
	
.fwk-container-through-message p {
	padding: 30px 0;
	}

.fwk-container-through-message .fwk-linky {
	background: var(--gray1);
	}
	
/*/ Réponse /*/
	
.fwk-container-response { 
	display: none; 
	position: fixed; 
	bottom: 0; 
	right: 0; 
	left: 0;
	z-index: 950;
	}
	
.fwk-response-showup { 
	padding: 25px;
	background: var(--dark1);
	color: var(--white);
	}
	
.fwk-container-banner { 
	display: none; 
	position: fixed; 
	bottom: 0;
	left: 0;
	z-index: 950;
	padding: 15px;
	}
	
.fwk-container-banner div.code { 
	display: block;
	font-size: 8px;
	}
	
.fwk-container-banner table {
	border-radius: var(--round1);
	}

.fwk-container-banner table td {
	padding: 20px 25px;
	font-weight: 600;
	}

.fwk-container-banner table td.fwk-icon { 
	width: 30px;
	padding-right: 0;
	font-size: 16px;
	line-height: inherit;
	text-align: left;
	}

.fwk-container-banner table td.fwk-linkies {
	padding-left: 0;
	padding-right: 20px;
	}

.fwk-container-banner table td.fwk-linkies em {
	font-size: 16px;
	line-height: inherit;
	}

.fwk-container-banner .fwk-linky { 
	background: var(--fixlight);
	color: var(--fixdark);
	margin: -5px 0 -5px 10px;
	}
	
/*/ En-tête /*/

.fwk-container-shortcuts {
	position: fixed; 
	z-index: 904;
	bottom: 0; 
	left: 0;
	padding: 0;
	}

.fwk-container-shortcuts .fwk-linky {
	width: 55px;
	height: 55px;
	margin: 0 0 15px 15px;
	line-height: 45px;
	border-radius: 55px;
	cursor: pointer;
	}

.fwk-container-shortcuts .fwk-linky b {
	font-size: 25px !important;
	}
			
/*/ Navigation sur la gauche /*/

.fwk-header .fwk-nav {
	position: fixed; 
	z-index: 900;
	top: 0; 
	left: 0;
	max-height: calc(100% - 130px);
	width: 220px;
	margin: 105px 25px 25px;
	padding: 5px;
	color: var(--dark1);
	overflow: auto;
	border-radius: var(--round1);
	background: var(--gray1);
	}

.fwk-header .fwk-nav .fwk-linky {
	display: block;
	text-align: left;
	padding: 4px;
	margin: 10px;
	line-height: 36px;
	background: transparent;
	color: var(--dark1);
	}

.fwk-header .fwk-nav .fwk-linky:hover,
.fwk-header .fwk-nav .fwk-linky.linky-selected {
	background: var(--white);
	opacity: 1;
	}

.fwk-header .fwk-nav .fwk-linky em {
	float: left;
	margin: 0 12px 0 0;
	height: 36px;
	width: 36px;
	line-height: 36px;
	font-size: 12px;
	background: var(--drop5);
	color: var(--fixlight);
	}

	
/*/ En-tête /*/

.fwk-header { 
	position: fixed; 
	z-index: 901;
	top: 0; 
	left: 0; 
	right: 0;
	width: 100%;
	height: 77px;
	margin: 3px 0 0;
	padding: 10px;
	background: var(--white);
	white-space: nowrap;
	border-bottom: 3px solid var(--gray1);
	}

.fwk-panel::-webkit-scrollbar{
	display: none;
	}
	
.fwk-header .fwk-linky-tabs { 
	margin: 5px;
	border-color: transparent;
	}
	
.fwk-header .fwk-linky {
	background: var(--gray1);
	color: inherit;
	display: inline-block;
	margin: 5px;
	}

.fwk-header .fwk-linky.disabled em,
.fwk-header .fwk-linky.disabled em:hover {
	background: var(--drop4) !important;
	color: var(--fixlight) !important;
	}

.fwk-header .fwk-linky:hover { 
	background: var(--gray2);
	opacity: 1;
	}

/*/ Barre d'outils /*/

.fwk-toolbar {
	color: var(--dark1);
	margin: 10px 0;
	padding: 15px;
	background: var(--gray1);
	border-radius: var(--round1);
	}

.fwk-toolbar .fwk-linky {
	background: var(--white);
}

.fwk-toolbar .fwk-linky sup {
	font-size: 9px;
	background-color: var(--orange);
	box-shadow: 0 0 0 3px var(--gray1);
}

.fwk-toolbar .fwk-input {
	margin: 0;
	}

.fwk-toolbar .fwk-linky-tabs {
	display: inline-block;
	margin: 5px;
	background: var(--white);
	}

.fwk-toolbar .fwk-linky-tabs .fwk-linky.linky-selected {
	background: var(--gray1) !important;
}

.fwk-toolbar .fwk-linky:hover {
	opacity: 0.7;
	}
		
.fwk-toolbar h2 { 
	line-height: 44px;
	float: left;
	padding: 0 0 0 5px;
	margin: 5px;
	}
	
/*/ Modal /*/

.fwk-container-modal {
	display: none;
	position: fixed;
	z-index: 930;
	right: 0;
	top: 0;
	left: 0;
	bottom: auto;
	width: calc(100% - 60px);
	max-width: 2040px;
	max-height: calc(100% - 60px);
	margin: 30px auto;
	-webkit-overflow-scrolling: touch;
	overflow: hidden;
	background-color: var(--white);
	border-radius: var(--round1);
	}

.fwk-container-modal.modal-popup  {
	max-width: 520px;
	margin: auto 30px 30px auto;
	top: auto;
	bottom: 0;
	}

.fwk-container-modal.modal-popup .fwk-modnav-drag  {
	display: none;
	}

.fwk-container-modal.modal-popup .fwk-table td  {
	border: none;
	}

.fwk-container-modal.modal-popup .fwk-chat-send textarea,
.fwk-container-modal.modal-small .fwk-chat-send textarea {
	min-height: 72px;
}

.fwk-container-modal.modal-small  {
	max-width: 530px;
	margin-top: 60px;
	}

.fwk-container-modal.modal-medium {
	max-width: 970px;
	margin-top: 50px;
	}
	
.fwk-container-modal-cover {
	display: none;
	position: fixed;
	z-index: 930;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	background: var(--shadow2);
	}

.fwk-scrollpos {
	padding: 90px 35px 25px;
	overflow-y: auto;
	scrollbar-gutter: stable;
}

/*/ En-tête du modal /*/

.fwk-modnav {
	position: absolute;
	z-index: 930;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 77px;
	max-width: 2040px;
	padding: 10px;
	border-radius: var(--round1) var(--round1) 0 0;
	color: var(--dark1);
	background-color: var(--white);
	border-bottom: 3px solid var(--gray1);
	}

.fwk-modnav .fwk-linky {
	color: inherit;
	background-color: var(--gray1);
	margin: 5px;
	float: left;
	}

.fwk-modnav .fwk-linky-tabs { 
	margin: 5px;
	border-color: transparent;
	}

.fwk-modnav-drag {
	position: absolute;
	z-index: 931;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: var(--white);
	color: var(--dark1);
	width: 40px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	border-radius: 0 0 var(--round2) var(--round2);
	cursor: move;
}