/*/ Polylog SA @ 2023 /*/

/*/ Base de la structure /*/

.fwk-container-main {
	display: none;
	z-index: 200;
	padding: 96px 40px 40px 40px; 
	}

.fwk-container-main.main-leftpanel {
	margin-left: 210px;
	}
	
.fwk-bartop {
	z-index: 901;
	position: fixed;
	top: 0; 
	left: 0;
	right: 0;
	height: 7px;
	background: linear-gradient(90deg, var(--main) 0%, var(--col2) 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: 45px;
	width: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 15px;
	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);
	}
	
/*/ 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);
	border-top: 2px solid var(--drop1);
	}
	
.fwk-container-minimize div {
	display: inline-block;
	margin: 0;
	}
	
.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: 10px;
	}
	
.fwk-container-minimize a:hover u {
	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: 330px;
	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; 
	top: 0; 
	right: 0; 
	left: 0;
	z-index: 950;
	cursor: pointer;
	}
	
.fwk-container-banner div.code { 
	display: block;
	font-size: 8px;
	}
	
.fwk-container-banner table td { 
	min-height: 80px;
	padding: 27px 25px; 
	font-weight: 600;
	}
	
.fwk-container-banner table td.fwk-icon { 
	width: 50px;
	padding-right: 0;
	font-size: 18px;
	text-align: center;
	}
	
.fwk-container-banner .fwk-linky { 
	background: var(--fixlight);
	color: var(--fixdark);
	margin: -10px -10px -10px 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-nav { 
	position: fixed; 
	z-index: 900;
	top: 0; 
	left: 0;
	bottom: 0;
	height: calc(100% - 73px);
	width: 210px;
	margin: 73px 0 0;
	padding: 5px;
	background: var(--white);
	color: var(--dark1);
	border-right: 3px solid var(--gray1);
	overflow: auto;
	}

.fwk-nav .fwk-linky { 
	display: block;
	text-align: left;
	padding: 4px;
	margin: 10px;
	line-height: 28px;
	background: transparent;
	}

.fwk-nav .fwk-linky:hover,
.fwk-nav .fwk-linky.linky-selected { 
	background: var(--gray1);
	opacity: 1;
	}
	
.fwk-nav .fwk-linky:hover em,
.fwk-nav .fwk-linky.linky-selected em { 
	background: var(--main);
	color: var(--fixlight);
	}
	
.fwk-nav .fwk-linky em { 
	float: left;
	margin: 0 12px 0 0;
	height: 28px;
	width: 28px;
	line-height: 28px;
	background: var(--gray1);
	color: var(--dark1);
	}
	
/*/ En-tête /*/

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

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

.fwk-header .fwk-linky:hover { 
	background: var(--gray2);
	opacity: 1;
	}
	
.fwk-header .fwk-linky.linky-photo,
.fwk-header .fwk-linky.linky-photo:hover { 
	float: left;
	background-size: cover;
	background-position: center;
	background-color: var(--fixlight);
	color: transparent !important;
	padding: 0;
	line-height: 36px;
	border-radius: var(--round1);
	margin-right: 7px;
	}

.fwk-header .fwk-linky.linky-photo-text,
.fwk-header .fwk-linky.linky-photo-text:hover { 
	background-color: var(--drop1);
	color: var(--fixlight) !important;
	}
				
/*/ Barre d'outils /*/

.fwk-toolbar {
	background-color: var(--white);
	color: var(--dark1);
	margin: 15px -5px 15px;
	padding: 0;
	}

.fwk-toolbar .fwk-input {
	margin: 0;
	}
	
.fwk-toolbar .fwk-linky-tabs { 
	float: left;
	margin: 5px;
	}

.fwk-toolbar .fwk-linky:hover {
	opacity: 0.7;
	}
		
.fwk-toolbar h2 { 
	line-height: 34px;
	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;
	width: calc(100% - 30px);
	max-width: 1240px;
	max-height: calc(100% - 120px);
	margin: 60px auto auto;
	padding: 96px 40px 25px;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	background-color: var(--white);
	border-radius: var(--round1);
	} 

.fwk-container-modal.modal-small,
.fwk-container-modal.modal-small .fwk-modnav  {
	max-width: 500px;
	margin-top: 30px;
	}

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

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

.fwk-modnav {
	position: fixed;
	z-index: 930;
	top: 0; 
	left: 0;
	right: 0;
	margin: 60px auto 60px; 
	width: calc(100% - 30px);
	min-height: 56px;
	max-width: 1240px;
	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;
	}