:root {
    --spec-background-color : #21406B;
    --spec-background-colorGradient : linear-gradient( 90deg, #21406B, #3C64AD );
    --spec-cta-color : #21406B;
    --spec-cta-backgroundd-color : #F6C17D;
    --spec-cta-backgroundd-colorGradient : linear-gradient( 45deg, #F6C17D, #FFD8A7 );
}

html {
	scroll-behavior: smooth;
	background: rgba(0,0,0,.03);
	overflow-x : hidden;
	line-height: 1.15;
}
body {
	font-family: 'Open Sans', sans-serif;
	background: transparent;
}

label{
	font-weight: unset;
}
.mobile { display: none !important; }
body.mobile { display: block !important; }
.light { opacity : .5; }
.toggleHide { display: none; }

h1, h2, h3, h4, h5 {
	font-family: Montserrat, 'Open Sans', sans-serif;
}

.nonBreakable {
	white-space: nowrap;
}
.bigLine {
	line-height: 1.7em;
}

.row {
    margin: 0;
}

/* --------
--- Elements
--------*/
.modal-open {
	height: 100vh;
	overflow: hidden;
}
a {
	color : #2D95F8;
	display : inline-block;
}

.btn, a.btn {
    -webkit-transition: background 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out;
    -ms-transition: background 0.4s ease-in-out;
    -o-transition: background 0.4s ease-in-out;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5em;
    padding: 10px 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    outline: unset;
    border-radius: 20px;
    position: relative;
    background:transparent;
    color: #2D95F8;
    border: 1px solid #2D95F8;
}
.btn.inload:after {
    content : unset !important;
}
.btn.inload i:before {
    content : url("../../images/icon/loaderMini.gif");
    display: flex;
    align-items: center;
    justify-content: center;
}

.sweet-alert button {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    outline: unset;
    border-radius: 30px !important;
    background: linear-gradient(70deg, var(--color-back-base), var(--color-back-gradient)) padding-box !important;
    color: var(--color-base) !important;
    border: var(--border) !important;
}

.btn:hover, .btn.hover, .btn:focus, .btn:active, .btn.active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover {
	border :  1px solid white;
	background : #2D95F8;
	color : white;
    outline: transparent;
    box-shadow: none;
}

.sweet-alert button:hover, .sweet-alert button:focus, .sweet-alert button:active {
    background: var(--hovercolor-back-base) !important;
    background: linear-gradient(70deg, var(--hovercolor-back-base), var(--hovercolor-back-gradient)) padding-box !important;
    color: var(--hovercolor-base) !important;
    border: var(--hover-border) !important;
}

.sweet-alert button.cancel, .sweet-alert button.cancel:hover {
    --color-back-base: #FFFFFF;
    --color-back-gradient: #FFFFFF;
    --color-base: #666666;
    --border: 1px solid #666666;
    --hovercolor-back-base: #FFFFFF;
    --hovercolor-back-gradient: #FFFFFF;
    --hovercolor-base: #C4232E;
    --hover-border: 1px solid #C4232E;
    background-color: transparent;
}

.sweet-alert button.confirm, .btn-success {
    color: white !important;
    border: 1px solid transparent !important;
    background: linear-gradient(70deg, #65ad11, #7ed916) padding-box !important;
}

.btn-success:hover, .sweet-alert button.confirm:hover{
    filter: brightness(1.1);
}

.btn:disabled {
	filter: grayscale(1);
}

.btn span {
	color : #2D95F8AA;
	font-size : 1.5em;
	vertical-align: sub;
}
.btn:hover span {
	color : white;
}

.btn[disabled=disabled]{
	opacity : .5;
}
.btn span{
	white-space: nowrap;
}
.btn small{
	text-transform: capitalize;
	font-weight: 200;
}

.btn-action {
	font-size: 1.1em;
	padding: 10px 15px;
	border-radius: 10px;
    margin: 0 10px;
	cursor: pointer;
}
.btn-action:hover {
	text-decoration: none;
	opacity: .8;
	box-shadow: 0 5px 5px rgba(0,0,0,.1);
}
.btn-action.btn-info {
	background : #2D95F8;
	color : white;
	border : 0;
}
.btn-action.btn-add {
	background : #2D95F8;
	color : white;
	border : 0;
	font-size : 1em;
	padding : 5px;
	padding-left: 6px;
	border-radius: 5px;
}
.btn-action .glyphicon{
	opacity: .8;
	padding : 0 5px;
}
.btn-action.btn-light {
	border : 1px solid #2D95F8;
	color :  #2D95F8;
}
.btn-action.btn-remove {
	background :  black;
	color :  white;
	font-size : 1em;
	padding : 5px;
	border-radius: 5px;
}
.btnWithOption {
	position: relative;
	display: inline-block;
}
	.btnWithOption .btn-action {
		border-right: 0;
		border-radius: 10px 0 0 10px;
		margin-right : 0;
	}
		.btnOption {
			border: 1px solid #2D95F8;
			border-left: 1px dashed #2D95F8;
			color: #2D95F8;
			border-radius: 0 10px 10px 0;
			padding: 10px 15px;

			line-height: 22px;
			margin-left: -5px;
			background-image: url('../../images/icon/arrow-down.png');
			background-position: center center;
			background-repeat: no-repeat;
			height: 44px;
			vertical-align: bottom;

		}
		.btnOptionHide {
			position: absolute;
			top: 100%;
			right: 0px;
			background: white;
			padding: 10px;
			box-shadow: rgb(0 0 0 / 10%) 0px 2px 10px;
			border: 1px solid rgba(0,0,0,.2);
		}

.editable-container h3 {
	margin : 0;
	padding : 10px;
}
.editable-container .btn {
	padding : 0px;
	border : 0;
}
	.editable-container .btn:hover {
		background: transparent;
	}


.formHidenOptions {
	display: none;
}
.form-control {
	border-radius: 7px;
}
form.layoutColumn {
	text-align: center;
}
form.layoutVertical {
	line-height: 1.8em;
}
form.layoutVertical label {
	display: inline-block;
	width: 100%;
	text-align: left;
}
form.layoutVertical .formLine {
	margin-bottom : 20px;
	clear: both;
}
form.layoutColumn .formLine {
	display: block;
}
form.layoutColumn label {
	text-align : right;
	width : 30%;
	display : inline-block;
	padding-right : 40px;
}
form.layoutColumn input, form.layoutColumn select {
	width : 50%;
	display : inline-block;
	border-radius: 8px;
	border : 1px solid rgba(0,0,0,.2);
	margin-bottom : 20px;
	padding : 7px 10px;
}
form.layoutColumn textarea {
	width : 50%;
	min-height: 150px;
	display : inline-block;
	border-radius: 8px;
	border : 1px solid rgba(0,0,0,.2);
	margin-bottom : 20px;
	padding : 7px 10px;
	vertical-align: top;
}

.logoSupplier {
	display: inline-block;
	height : 100px;
	width : 100px;
	line-height: 100px;
	border-radius: 50%;
	overflow: hidden;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	background: white;
}
.logoSupplier > span {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.logoSupplier img {
	max-height : 100% !important;
	max-width : 100% !important;
}

table .logoSupplier {
    height: 70px;
    width: 70px;
    line-height: 70px;
    font-size: 30px;
    font-weight: 700;
    margin : 5px;
}
.tableAxonaut.filterSimple thead .fltrow td {
    padding : 0 !important;
}

.inload[type="submit"]:after {
	content : url("../../images/icon/loaderMini.gif");
	display : inline-block;
	margin-left : 10px;
}

.formAdvance input {
	margin : 0 0 30px;
	width: 100%;
	max-width: 500px;
	border-radius : 10px;
	border : 1px solid rgba(0,0,0,.3);
	padding : 10px 10px;
	display: block;
}

/* --------
---- Menu
-------- */
.menuPortal {
	background: #565656;
	color : white;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	right : 0;
	z-index: 1000;
	height: 55px;
	line-height: 55px;
}
.menuPortal .listSupplier {
	display: inline-block;
	vertical-align: top;
	height: 100%;
    position: relative;
}

.menuPortal h1{
	display: inline-block;
	margin :auto;
	text-transform: uppercase;
	height : 55px;
	line-height: 55px;
}
.menuPortal h1 a {
	color : white;
	font-family : Montserrat, sans-serif;
	font-size : 18px;
	font-weight: 400;
	padding : 0 20px;
	position: relative;
	height: 100%;
	vertical-align: top;
}
.menuPortal h1 a:after {
	content: "";
	position: absolute;
	right : 0;
	height: 50%;
	top : 25%;
	border-right : 1px dashed rgba(255,255,255,.8);
}
.menuPortal h1 a:hover{
	background: rgba(255,255,255,.1);
	text-decoration: none;
}
.listSupplier ul {
	margin : 0;
	padding : 0;
}
.listSupplier li {
	display: inline-block;
}

    .listSupplier .listSupplierLong {
        background: #616161;
        border : 0;
        border-radius: 0;
    }
    .listSupplier .listSupplierLongHover:hover .listSupplierLong {
        display: block;
        border-radius: 0;
        border: 0;
    }
    .listSupplier .listSupplierLong li {
        display: block;
    }
    .listSupplier .listSupplierLong li a {
        padding : 10px;
        display: block;
    }
    .supplierHover {
        padding : 0 10px;
    }
.listSupplier li .nameSupplier{
	color : white;
}
.listSupplier li a{
	padding : 0 10px;
}
.listSupplier li a:hover{
	background: rgba(255,255,255,.1);
	text-decoration: none;
}
.listSupplier li.active a{
	background: rgba(255,255,255,.1);
}
.listSupplier .logoSupplier {
	height : 30px;
	width : 30px;
	line-height: 26px;
	font-size: 14px;
	border : none !important;
}
.listSupplier .logoSupplier.withoutImg {
	border : 2px solid white !important;
}
.menuPortal .menuProfile {
	font-size: 2em;

	display: inline-block;
	vertical-align: top;
	position: absolute;
	right: 0;
	top: 0;
}
.menuProfile .dropdown-toggle {
	overflow : hidden;
	height: 55px;
	display: inline-block;
}
.menuProfile .dropdown-toggle .backProfil {
	background: black;
	border-radius: 100% 0 0 100%;
	line-height: 75px;
	width: 90px;
	height: 75px;
	margin-top : -10px;
	text-align: center;

}
.linkAxonaut{
	color : white;
	line-height: 45px;
	padding : 0 10px;
	vertical-align: top;
	font-size: 15px;
	margin : 5px 10px;
}
.linkAxonaut:hover{
	color : white;
	text-decoration: none;
	font-weight: 500;
	background: rgba(255,255,255,.1);
	border-radius: 30px;
}
.linkAxonaut i{
	font-size: 1.5em;
	vertical-align: sub;
}
.linkAxonaut:hover{
	color : white;
	font-weight: 600;
}
.menuProfile .dropdown-menu {
	right : 10px;
	top : 45px;
	left: unset;
	border : 0;
	border-radius: 10px;
}
.menuProfile .dropdown-menu ul {
	margin : 0;
	padding : 0;
}
.menuProfile .dropdown-menu li {
	height : auto;
	list-style-type: none;
	padding : 10px;
	line-height: 30px;
}
.menuProfile .dropdown-menu li span {
	margin-right: 10px;
	font-size: 2em;
	vertical-align: top;
}


/* --------
---- Header
-------- */

.container {
	position: relative;
	z-index : 1;
}
.containerLook {
	position: absolute;
	z-index : 0;
	overflow: hidden;
	width: 100vw;
	height: 100vh;
	height : calc( var(--specVH) * 100 ); /*fix ios viewport bug*/
	top : 0;
}
.isConnected .containerLook {
	height: calc(100vh - 55px);
	height : calc( var(--specVH) * 100 - 55px ); /*fix ios viewport bug*/

}
.circleLook {
	width: 1000px;
	height: 1000px;
	position: absolute;
	right : calc(50% - 150px);
	top : -500px;
	border-radius: 50%;
	overflow-x: hidden;
}

.decoCenter .circleLook {
	width: 1400px;
	height: 1400px; top : -800px;
	right : unset;
	left : 50%;
	margin-left : -700px;
}
.decoCenter header{
	margin-bottom : 30px;
}
.decoCenter header, .decoCenter header a:not(.btnCallToAction){
	color : white;
}
.headerCenter {
	text-align: center;
	margin-bottom: 50px;
}
.headerCenter img {
	border-left: 0;
	border-right: 1px dashed white;
	padding : 10px 20px;
	margin : 0 20px 0 0;
}
.decoCenter header {
	height: unset;
}

header {
	position: relative;
	height: 160px;
}

.containerLogo {
	display: flex;
}
.zoneLogo {
	display: block;
	/*background: white;*/
	border-radius: 50%;
	box-shadow : 0 10px 10px rgba(0,0,0,.1);
	height: 100px;
	width: 100px;
	overflow: hidden;
	text-align: center;
	line-height: 100px;
	float : left;
	text-transform: uppercase;
	margin : 30px 20px;
    flex : none;
}
.zoneLogo img {
	max-height: 100%;
	max-width: 100%;
	vertical-align: sub;
}
.zoneLogo .logoSupplier  {
	border : none !important;
}
.zoneLogo .logoSupplier.withoutImg  {
	font-size: 3em;
	border : 5px white solid !important;
	line-height: 90px;
	background: white;
}
header b {
	display: block;
}
header small {
	display: block;
	float: right;
}
header h2  {
	padding : 10px 20px ;
	height: 120px;
	/*line-height: 120px;*/
	display: flex;
	align-items: center;
	border-left : 1px dashed white;
}
	header h2 a  { color : white; font-size : 20px; text-align: right}
	header h2 a:hover  { text-decoration: none; opacity: .8;}
	.contrastColorBlack header h2{ border-left : 1px dashed black; }
	.contrastColorBlack header h2 a{ color : black; }

header h2 img {
	width : 250px;
	vertical-align : center;
	margin-bottom: 10px;
}
/* --------
---- Content
-------- */
.module {
	padding : 20px 30px;
	background: white;
	border-radius: 10px;
	box-shadow: 0 10px 40px rgba(0,0,0,.10);
	margin-bottom : 30px;
}
.module > h3{
	margin : 0 0 20px 0;
}
.module > h3 i{
	font-size: 1.7em;
	color : rgba(0,0,0,.4);
	vertical-align: middle;
}

/* --------
---- Content Document
-------- */
.loaderPdf {
	display: block;
	background: rgba(0,0,0,.1);
	width: 95%;
	height:  calc(100vh - 160px);
	height : calc( var(--specVH) * 100 - 160px ); /*fix ios viewport bug*/
	background-image: url('../../images/icon/searchloader.gif');
	background-repeat :  no-repeat;
	background-position :  center center;
}
.loaderPdf > span {
	background : white;
	display : block;
}
iframe {
	width: 100%;
	height:  calc(100vh - 160px);
	height : calc( var(--specVH) * 100 - 160px ); /*fix ios viewport bug*/
	vertical-align: bottom;
}
.isConnected iframe.iframeYousign {
	height:  calc(100vh - 215px);
	height : calc( var(--specVH) * 100 - 215px ); /*fix ios viewport bug*/
}
.pdfViewer {
	width: 100%;
	height:  calc(100vh - 160px);
	height : calc( var(--specVH) * 100 - 160px ); /*fix ios viewport bug*/
	vertical-align: bottom;
}

.isConnected .loaderPdf,
.isConnected .pdfViewer,
.isConnected .container iframe:not(.iframeYousign),
.isConnected .actionsPublicZone {
	height:  calc(100vh - 215px);
	min-height:  calc(100vh - 215px);
	height : calc( var(--specVH) * 100 - 215px ); /*fix ios viewport bug*/
	min-height : calc( var(--specVH) * 100 - 215px ); /*fix ios viewport bug*/

}

.iconIllus {
	font-size : 5rem;
	color: #2D95F8;
	display: block;
	text-align : center;
	margin-bottom : 10px;
}

.blockConnectPortal  {
	/*position: absolute;
	bottom : 40px;*/
    margin-top: 50px;
    margin-bottom: 20px;
    position: sticky;
    top : 100%;
}
.blockConnectPortal > div {
	background: white;
	border-radius: 10px;

	box-shadow: 0 10px 20px rgba(45,149,248,.2);
	overflow: hidden;
	padding : 20px;
}
.blockConnectPortal .iconBlock {
	width: 100px;
	height: 90px;
	overflow: hidden;
	border-radius: 15px 0 0 0;
	float: left;
	margin-right: -30px;
	margin-top: -20px;
}
.blockConnectPortal .iconBlock {display: inline-block;
	background : #2D95F8;
	border-radius: 50%;
	position: relative;
	height: 130px;
	width: 130px;
	top: -40px;
	left: -40px;
	padding: 40px 10px 0 30px;
	line-height: 95px;
	text-align: center;
	color: white;
	font-size: 65px;
}
.blockConnectPortal .txtBlock {
	text-transform: uppercase;
	color : #2D95F8;
	text-align: left;
	display : block;
	font-size : 1.2em;
}

.actionsPublicZone {
	min-height: calc(100vh - 160px);
	min-height : calc( var(--specVH) * 100 - 160px ); /*fix ios viewport bug*/
	position: relative;
}
	.amountToPayZone {
		font-size: 20px;
		margin : 10px 0 20px 0;
		text-align: left;
	}
		 .amountToPayZone span {
			font-weight: bold;
			text-transform: uppercase;
			display: inline-block;
			border-bottom: 1px dashed #2D95F8;
			padding : 5px 0;
		}
		 .amountToPayZone b {
			font-weight: bolder;
			font-size: 1.5em;
			display: block;
			color : #2D95F8;
			margin-top : 10px;
		}

        .actionsPublicZone #paypalButton {
            line-height: 0;
            position: relative;
            overflow: hidden;
            border: 1px solid #2d95f8;
            border-radius: 7px;
            height: 53px;
            max-width: 100%;
            width: 100%;
            position: relative !important;
        }
        .actionsPublicZone #paypalButton iframe {
            border: 1px solid #2d95f8;
            border-radius: 7px;
            position: absolute;
            top: -1px !important;
            left: -1px !important;
            right: -1px;
            bottom: -1px;
        }
.actionsPublicZone .section-2 {
	display : none;
}
.actionsPublicZone .containerTable {
	border : 1px solid rgba(0,0,0,.1);
	padding : 10px;
	border-radius: 10px;
	margin-bottom : 2em;
}
.actionsPublicZone table{
	width: 100%;
}
.actionsPublicZone table th{
	text-align: center;
	padding : 10px;
}
.actionsPublicZone table td{
	border-top : 1px solid rgba(0,0,0,.1);
	padding : 5px;
	text-align: left;
}
.actionsPublicZone table td:last-child{
	text-align: right;
}
.actionsPublicZone h3 .label{
    overflow-wrap: break-word;
    max-width: 100%;
    display: inline-block;
    white-space: pre-wrap;
    line-height: 1.4em;
    padding: 10px;
    font-size: .7em;
}
    .actionsPublicZone h3 .label span{
        margin-top: 10px ;
        margin-bottom: 20px ;
        font-size: 2em;
        display: block;
    }
    .actionsPublicZone h3 .label hr{
        border: 0px dashed white;
        border-bottom: 1px dashed white;
        height: 0;
    }

    .actionsPublicZone .btn.btn-block{
        flex-wrap: wrap;
    }

.signSuccess {
	border-radius: 10px;
	border : 1px solid #4bc13b;
	color : #4bc13b;
	padding : 10px;
	display: flex;
	font-weight : 600;
	align-items: center;
	justify-content: center;
}
.signSuccess i{
	display: inline-block;
	font-size : 3em;
	margin-right: 10px;
}
.signSuccess span{
	display: inline-block;
	text-align: left;
}


/* --------
---- LineDocument
-------- */
.lineDocument  {
	border-top : 1px dashed rgba(0,0,0,.1);
	vertical-align: top;
	display: flex;
}
.lineDocument a:not(linkFilterSupplier) {
	color : black;
	padding : 10px 0;
	flex-grow: 1;
	padding-left : 10px;
}
.lineDocument a:hover {
	background: #F2FBFF;
	color : #2d95f8;
	text-decoration : none;
}

.lineDocument a:hover .lineDocumentIconType{
	color : black;
}
.lineDocument a > div{
	display : inline-block;
	vertical-align: middle;
}
.lineDocumentAction {
	float: right;
}
.lineDocumentAction > div{
	display: inline-block;
}
.lineDocumentAction .zonePrice {
	padding : 10px 10px 10px 30px;
	font-size : 1.7em;
	font-weight: 600;
}
.lineDocumentAction .zonePrice small{
	font-weight: 200;
}
.lineDocumentAction .zoneButton {
	width : 130px;
	padding : 10px;
	border-left : 1px dashed rgba(0,0,0,.1);
	text-align : center;
	height : 100%;
}

.lineDocument .btn-action {
	font-size: 1em;
	padding : 7px 10px;
	border-radius : 10px;
}
.lineDocument a:hover .btn-action {
	opacity : .8;
	box-shadow : 0 5px 5px rgba(0,0,0,.1);
}

.lineDocument.btn-action.btn-success {
	background : limegreen;
	color : white;
	border : 0;
}
.lineDocument .btn-action.btn-info {
	background : dodgerblue;
	color : white;
	border : 0;
}

.lineDocument .lineDocumentIcon {
	padding : 10px 0;
}
.lineDocument .linkFilterSupplier {
	flex: 0 0 60px;
}
.lineDocument .linkFilterSupplier:hover {
	background: unset;
}
.lineDocument .logoSupplier {
	height: 50px;
	width: 50px;
	line-height : 46px;
	font-size : 24px;
}
.lineDocument .pe-icon {
	font-size : 3.2em;
	line-height: 70px;
	vertical-align: top;
	padding : 0 10px;
	width: 70px;
	text-align: center;
}
.lineDocument > div {
	display: inline-block;
	height: 70px;
	vertical-align: top;
}
.lineDocument > div:last-child {
	float : right;
	width : 100px;
	border-left : 1px dashed rgba(0,0,0,.1);
	text-align: center;
}
.lineDocument .linkFilterSupplier {
	display: inline-block;
	overflow-x: hidden;
	width: 60px;
	padding-left : 20px;
	padding-top : 10px;
	padding-bottom : 10px;
	transition: padding .2s ease ;
	position: relative;
	margin-left : -20px;
}
.lineDocument .linkFilterSupplier:hover{
	padding-left : 5px;
}
.lineDocument .linkFilterSupplier:after{
	content : "";
	display: block;
	position: absolute;
	left : 100%; top : 10px;
	height : 50px;
	width: 5px;
	background: white;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	border-radius: 50%;
}
.iconEvent {
	border : 2px solid black;
	border-radius: 15px;
	padding : 3px 13px;
	position: relative;
	background : white;
}
.iconEvent:after {
	content : "";
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	background: white;
	transform: rotateY(-35deg) rotateZ(45deg);
	height : 10px;
	width : 10px;
	position: absolute;
	bottom : -5px;
	left : 10px;
}

.isOnSpecificSupplier .lineDocument .linkFilterSupplier {
	display : none;
}

#divDocument .lineDocument .pull-right {
	margin-top : 10px;
}

#divDocument,
#divTicket,
#divTask {
	min-height: 200px;
}
#divInvoiceQuotation  {
	min-height: 200px;
}
#divTicket .pe-7s-plus{
	font-size : 2em;
	line-height: 1.3em;
}

.modalOnlyContent .modal-header {
	height: 0;
	padding: 0;
	z-index: 1000;
	position: absolute;
	right : 10px;
	left : 10px;
}

/*Modal chat*/
.modalChat .modal-dialog {
	top : 5vh;
	max-width: 90% ;
	width: 1100px;
}
.modalChat .close {
	padding: 10px;
	border-radius: 31px;
	display: block;
	height: 40px;
	width: 40px;
	background: white;
	margin: 10px;
	opacity: .9;
}
.modalChat .close:hover {
	opacity: 1;
}
.modalChat .modal-content{
	background: #F5F5F5;
	border : 0;
	border-radius: 15px;
}
.modalChat .modal-header {
	position: absolute;
	right: 0;
	z-index: 1000;
	border: 0;
}
.modalChat .modal-header,
.modalChat .modal-footer {
	height: 0;
	padding: 0;
}
.modalChat .modal-body{
	padding : 0;
	overflow: auto;
}
.modal-content {
	overflow : auto
}
.modalInfoPanel {
	float : right;
	height: 80vh;
	width: 30%;
	padding : 20px;
	padding-top : 150px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.decorInfoPanel {
	border-radius: 100%;
	background : #4285f4;
	width: 200%;
	position: absolute;
	left : -50%;
	top : -100px;
	padding-top : 100px;
}
.decorInfoPanel .logoSupplier{
	position: relative;
	top : 30px;
}
.decorInfoPanel .logoSupplier:not(.withoutImg){
	border : 0 !important;
}
.modalMessagePanel {
	float : left;
	width: 70%;
	background: white;
	display: flex;
	height: 80vh;
	flex-direction: column;
	justify-content: flex-end;

	box-shadow: 20px 0 20px -20px rgba(0,0,0,.1);
}
.allMessage {
	overflow : auto;
	padding : 10px 20px;
}
.allMessage > div{
	display : flex;
	flex-direction: column-reverse;
}
.actionMessage {
	position : relative;
	padding : 20px;
	border-top : 1px dashed rgba(0,0,0,.1);
	box-shadow : 0 -20px 20px -20px rgba(0,0,0,.1);
}
.actionMessage form > div:first-child{
	width: calc(100% - 90px);
	display: inline-block;
}
.actionMessage textarea {
	padding : 10px;
	border-radius: 10px;
	width: 100%;
	vertical-align: bottom;
	outline: none;
}
.actionMessage textarea:focus {
	border-color : #2D95F8;
}

.actionMessage form > div:nth-child(2) {
	width: 80px;
	display: inline-block;
	text-align: center;
	position: relative;
	vertical-align: bottom;
}
.actionMessage button.sendButton {
	border : 0;
	background : #2D95F8;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	color : white;
	font-size: 2em;
	outline: none;
	margin-bottom : 40px;
}
.actionMessage button.sendButton:hover {
	background : #2D95F8BB;
}
.toggleFile {
	cursor: pointer;
	padding : 10px 0;
}
.toggleFile:not(.toggleHide) {
	display : inline-block;
}
.toggleFile input {
	padding : 5px 10px;
	border : 1px dashed rgba(0,0,0,.2);
	border-radius : 10px;
	outline : none !important;
}
.toggleFile input:hover {
	background : #2D95F855;
}
.oneMessage {
	margin : 20px 0 20px 50px;
	word-break: break-all;
}
.oneMessage.fromSupplier {
	margin : 20px 50px 20px 0;
}
.oneMessageContent {
	background: rgba(0,0,0,.05);
	border-radius: 20px;
	padding : 10px;
	margin-right : 70px;
}
.fromSupplier .oneMessageContent {
	background: rgba(201, 229, 255, 0.53);
	margin-left : 70px;
	margin-right : 0px;
}
.badgeEmployee {
	float : right;
	width: 60px;
	height : 60px;
	text-align: center;
	line-height: 60px;
	padding : 0;
	font-size: 2em;
	border-radius: 100%;
}

.oneMessage .logoSupplier {
	float : left;
	width: 60px;
	height : 60px;
}
.fromSupplier .badgeEmployee {
	float : left;
}

.oneMessageContent > h4 {
	font-size: 1.15em;
}
.oneMessageFooter {
	border-top: 1px dashed rgba(0,0,0,.05);
	overflow: auto;
	padding : 5px 0;
	margin-top : 20px;
}
.errorChat {
	display: none;
	color : red;
	padding : 10px 0;
}

/*------------------
Masquage de éléments (style for js)
----------------- */

.displayMoreJsConteneur > div {
	display : none;
}
.displayMoreJs {
	/*display: none;*/
	text-align: center;
}
.displayMoreLink {
	display: inline-block;
	margin-top : 40px;
	cursor: pointer;
}
.displayMoreLink:hover {
	color : #2D95F8;
}
.selectFilter {
	border : 1px dashed rgba(0,0,0,.2);
	padding : 3px 10px;
	border-radius: 20px;
	outline : 0;
}

/** --------------
--- Login SPEC ---
---------------**/
.loginPortal.decoCenter header .col-md-6 {
	width : 100%;
}
.loginPortal.decoCenter header h2 {
	text-align : center;
}
.loginPortal.decoCenter header .header-right {
	display : none;
}
.loginPortal .hideOnPortal
{
	display : none !important;
}

.loginPortal .module {
	width : 50%;
	margin :auto;
	z-index: 10000;
	position: relative;
	text-align: center;
}
.loginPortal .col-sm-offset-4.col-sm-4,
.loginPortal .container .col-sm-6 {
	width : 80%;
	margin-left :10%;
}
.loginPortal .container .well{
	border: 0;
	background: transparent;
	box-shadow : none;
}

.loginPortal .container button {
	width : 40%;
	margin : 20px auto;
	float: right;
}
.loginPortal .container label {
	margin-top : 20px;
	text-align: left;
	display: block;
}
.passwordForgot {
	clear : both;
	display: block;
	border-top : 1px dashed rgba(0,0,0,.1);
	padding : 10px;
	position: relative;
	top : 30px;
}
.homePublicZone.decoCenter .circleLook{
    /*width: 280%;
	left : -50%;*/
	width: 280%;
	left : 50%;
	margin-left : -140%;
	top : -920px;
}
.homePublicZone.decoCenter.accountantPortalPage .circleLook{

	top : -1060px;
}
.homePublicZone .circleLook {
    display: none;
}
.homePublicZone header {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="3606" height="1080" viewBox="0 0 3606 1080"><defs><clipPath id="clip-path"><rect id="Rectangle_3923" data-name="Rectangle 3923" width="3606" height="1080" transform="translate(3216 -20151)" fill="%23fff" stroke="%23707070" stroke-width="1"/></clipPath><linearGradient id="linear-gradient" x1="0.385" y1="1.157" x2="1.091" y2="-0.073" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="%2321406b"/><stop offset="1" stop-color="%233c64ad"/></linearGradient></defs><g id="Groupe_de_masques_41" data-name="Groupe de masques 41" transform="translate(-3216 20151)" clip-path="url(%23clip-path)"><rect id="Rectangle_3922" data-name="Rectangle 3922" width="2974" height="1451.153" rx="68" transform="matrix(0.996, -0.087, 0.087, 0.996, 4142.355, -20517.18)" fill="url(%23linear-gradient)"/></g></svg>');
    background-position: bottom center;
    background-repeat: no-repeat;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;

    margin : 0 0 0 0 !important;
}
.homePublicZone header > div{
    width: 1170px;
    margin: auto;
}
.homePublicZone header h2{
	margin-top : 50px;
}
.homePublicZone header img{
	border : 0;
}
.homePublicZone header .logoGeneral{
	border-right : 1px dashed white;
	padding : 30px;
	margin-right : 10px;
}
.homePublicZone header .logoAxonaut{
	margin : 5px;
	margin-top : -20px;

}
.linkHeader {
	display: block;
	clear: both;
	margin-bottom : 30px;
}
.linkHeader span {
	background: rgba(0,0,0,.1);
	padding : 20px 15px;
	position: relative;
	top : -10px;
}
.linkHeader, .linkHeader a {
	color: white;
	display: inline-block;
	margin : 10px;
}
.linkHeader a {
	font-weight: bold;
	border-bottom : 1px solid white;
}
.linkHeader a:hover {
	text-decoration: none;
	border-bottom : 1px solid transparent;
}
.homePublicZone header .capturePortal{
	width: 587px;
	height: 400px;
}
.homePublicZone header .capturePortalAccountant{
}
.forAnimate {
	position : relative;
	top: -30px;
}
.forAnimate:after{
	content : " ";
	height: 10px;
	width: 10px;
	position: absolute;
	z-index: 100;
	left : 50%;
	top : 20%;
	box-shadow : 0 30px 100px 250px rgba(0,0,0,.05)
}
.forAnimate img{
	position : relative;
	z-index: 200;
	max-width: 100%;
	margin-top: 50px;
	animation: fadein 1s;
}
@keyframes fadein {
	from {
		transform: scale(1.2);
		opacity:0;
	}
	to {
		transform: scale(1);
		opacity:1;
	}
}
.prezCustomerPortal {
	/*padding : 50px 20px 50px 80px;
	margin-top : -30px;*/
	padding-left : 80px;
}
.prezCustomerPortal h3 b {
	display: block;
	color : #4285f4;
	margin-bottom: 30px;
	margin-top: 5px;
}
.prezCustomerPortalInformation {
    background: var(--spec-background-color);
    background: var(--spec-background-colorGradient);
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    color : white;
}
/*
.prezCustomerPortal:first-child {
	border-right : 1px dashed rgba(0,0,0,.2);
}
*/
.prezCustomerPortal > div {
	margin-bottom: 40px;
}
.prezCustomerPortal .textWithIcon i {
	margin-left:  -50px;
	font-size : 30px;
	float : left;
}

.prezCustomerPortal .btn {
	padding-right: 80px;
}
.prezCustomerPortal .btn i {
	font-size : 1.3em;
}

.linkPubAxonaut:hover {
	text-decoration: none;
}
.linkPubAxonaut img {
	max-width: 90%;
	margin : auto;
}
.linkPubAxonaut .module{
	padding : 0;
	overflow : hidden;
	position: relative;
	border : 10px solid white;
}
.linkPubAxonaut:hover .module{
	box-shadow: 0 20px 30px rgba(0,0,0,.20)
}
.linkPubAxonaut .decorateur {
	background : #4285f4;
	display: block;
	height: 600px;
	width: 900px;
	position: absolute;
	top : 100px;
	left : -150px;
	border-radius: 100%;
	z-index: 1;
}
.linkPubAxonaut .module div {
	position: relative;
	z-index: 2;
	color : white;
	text-align: center;
	padding : 20px;
	font-size : 1.4em;
	transition: transform 0.2s ease-out;
}
.linkPubAxonaut:hover .module div {

	text-decoration: none;
	transform: scale(1.05);

}
.linkPubAxonaut .module img {
	margin-bottom: 20px;
}
.linkPubAxonautInvoice  {
	margin: 40px 0;
	text-align: right;
}
.linkPubAxonautInvoice span {
	color : #2D95F8;
}
.linkPubAxonautInvoice img {
	position : relative;
	top : -3px;
	margin : 0 5px;
}
.linkPubAxonautInvoice a {
	color : white;
	background-color: #5cb85c;
	border-color: #4cae4c;
	display: inline-block;
	padding : 10px 20px;
	font-size: 1.2em;
	border-radius: 5px;
}
.linkPubAxonautInvoice a:hover {
	color : white;
	background-color: #5cb85c;
	border-color: #4cae4c;
	box-shadow : 0 5px 5px rgba(0,0,0,.1);
	text-decoration: none;
}

.linkPubAxonautHome {
	width : 100%;
	margin-top : 30px;
}
.linkPubAxonautHome:hover {
	text-decoration: none;
	transform: scale(1.05);
	transition: transform 0.2s ease-out;
}
.linkPubAxonautHome .module{
	padding : 20px;
	overflow : hidden;
	position: relative;
	border : 10px solid white;
	background : var(--spec-background-color);
	background : var(--spec-background-colorGradient);
	color : white;
	display: flex;
	align-items : center;
}
.linkPubAxonautHome .module > div{
	flex : 1 1 25%;
}
.linkPubAxonautHome .logoAxonaut {
	width: 180px;
	margin-bottom : 20px;
}
.linkPubAxonautHome h4 {
	font-size : 26px;
}
.slogan h3{
	line-height: 1.4em;
}

.sloganPortal {
	font-size : 1.2em;
	margin-top : 30px;
}
.btnCallToAction {
	color : var(--spec-cta-color);
	background: var(--spec-cta-backgroundd-color);
	background: var(--spec-cta-backgroundd-colorGradient);
	display: inline-block;
	padding : 10px 20px;
	font-size: 1.1em;
	border-radius: 16px;
	margin : 0 10px;
	text-decoration: none;
    border : 0;
}
.btnCallToAction:hover {
    filter: brightness(1.1);
	text-decoration: none;
}
.btnCallToAction i {
    margin :  0 10px;
}
.portalLogin .modal-body{
	overflow: hidden;
	position: relative;
}
.portalLogin .modal-footer {
	display: none;
}
.portalLogin .modal-header {
	border : none;
	margin-top: 15px;
}
.portalLogin .modal-header button{
	width : 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}
.portalLogin .modal-header button:hover{
	background : rgba(0,0,0,.1);
	border-radius: 50%;
}
.portalLogin .iconModal {
	display: block;
	width : 200px;
	height : 200px;
	position: absolute;
	top: -100px;
	left: -70px;
	padding: 120px 0 0 110px;
	font-size: 2.5em;
	border-radius: 50%;

}
.contentModalLogin {
	display: flex;
	align-items : stretch;
}
.loginInfo {
	background: #2D95F8;
	background: linear-gradient(45deg , #1172f8, #2D95F8);
	color : white;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	padding : 40px;
	margin: -15px 0;
}
	.loginInfo h3 {
		 text-transform: uppercase;
	 }
	.loginInfo img {
		max-width: 120%;
	}
.portalLogin h3 {
	margin-left : 120px;
	margin-bottom : 40px;
}
.switchLogin {
	margin-top: 70px;
	text-align: center;
	padding: 20px 0;
	border-top: 1px dashed #2D95F8;
}

.datePickerAxonaut {
	font-size : 1.15em;
	line-height : 1em;
	margin: 40px 0 ;
	overflow: auto;
}
.datePickerAxonaut input {
	border-radius : 10px;
	border : 1px dashed rgba(0,0,0,.25);
	padding : 5px;
	padding-right : 30px;
	text-align : center;
	margin : 0 5px
}
.datePickerAxonaut button {
	font-size : 1em;
	border-radius : 1em;
	padding : 5px 10px;
	margin : 0 0 0 10px !important;
}
.datePickerAxonaut input:focus,
.datePickerAxonaut button:focus {
	outline: none;
	border :1px solid #008FC4;

}
.datePickers  {
	padding-right : 30px;
	background-image: url('../../images/icon/icon-datepicker-blue-opacity.png');
	background-repeat: no-repeat;
	background-position: right 10px top 50%;
	background-size: 15px;
}
.datePickers:hover  {
	cursor: pointer;
	background-image: url('../../images/icon/icon-datepicker-blue.png');
}

.articleAnnexe {
    display: flex;
    gap : 20px;
    font-size: 18px;
}
    .articleAnnexe a {
        display: inline-block;
        background: white;
        border-radius: 10px;
        box-shadow: 0 10px 40px rgba(0,0,0,.10);
        padding : 20px 10px;
        flex : 1;
        text-align: center;
    }
    .articleAnnexe i {
        font-size: 2em;
        display: block;
    }

/** --------------
--- ACCOUNTANT PORTAL PAGE ---
---------------**/

.contentAccountInvitation {
	line-height: 1.8em;
}
.contentAccountInvitation div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin : 20px 0;
}

.accountantPortalPage .form-control {
	height: unset;
	padding : 15px;
}

.accountantPortalPage header {
	height: unset;
}
.accountantPortalPage .container {
	/*max-width: calc(100% - 40px);*/
    max-width: 100%;
	/*width: 1600px;*/
	width: 1800px;
}
.headerAccountantLogin {
	text-align : center;
	margin : 100px 0;
	display : flex;
	justify-content: center;
}
.homePublicZone .headerAccountantLogin {
	margin : 100px 0 30px 0;
}
.headerAccountantLogin h1 {
	font-size: 4rem;
	text-transform: uppercase;
	line-height: 1.4em;
	font-weight: bold;
}
.headerAccountantLogin h1 i {
	opacity: .5;
	margin-left : -1em;
}
.headerAccountantLogin h1 img{
	display : block;
}

.paginationAxonaut {
	margin-top: -1px;
}
.mdiv {
	width: 70% !important;
	text-align: right !important;
}

.accountantPortalPage .contentWithMenu .link {
	text-decoration: underline;
}
.accountantPortalPage .contentWithMenu .btn span{
}

.accountantPortalPage .contentWithMenu h4{
	font-weight: 700;
	color : #2D95F8;
}
.accountantPortalPage .contentWithMenu h4 .bigIcon{
	 display: block;
	margin: auto;
	font-size : 3em;
 }


.contentWithMenu {
	padding : 30px 40px;
	min-height : 550px;
}
.contentWithMenu h3{
	margin : 20px 0 30px 0;
	padding : 7px 0;
}


.accountantPortalPage .header-left {
	display: flex;
	align-items: center;
	height: 200px;
}
.accountantPortalPage .header-left .zoneLogo {
	margin-left: -15px;
}
.accountantPortalPage .header-left a:hover {
	text-decoration : none;
	opacity: .8;
}
.accountantPortalPage .contentHeaderComptable{
    display: flex;
    gap : 30px;
    align-items: center;
    justify-content: right;
    margin-top : 20px;
    margin-bottom: 20px;
}
.accountantPortalPage .contentHeaderComptable a:hover{
    filter: brightness(1.05);
}
.accountantPortalPage .header-right {
	display: flex;
    flex-direction: column;
	align-items: flex-end;
	min-height: 200px;
	justify-content: flex-end;
}
.accountantPortalPage header h2 {
	line-height: unset;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 3.5rem;
	height: unset;
}
.accountantPortalPage header h1 img {
	border: 0;
	padding : 0;
	width: 180px;
}
.accountantCustomer h3 {
	margin-left : 30px;
}
.accountantCustomer h3 a:hover {
	text-decoration: none;
}
.accountantCustomer .logoSupplier {
	width : 150px;
	height: 150px;
	border-width: 5px !important;
	font-size : 50px
}
.accountantCustomer .imageCustomerAccount {
	position: relative;
	left: -80px;
	top: 30px;
	background: white;
	border-radius: 50%;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.accountantCustomer .topRightInfo {
	margin-top : 100px;
}

.accountantCustomer .linkAccountantDashboard {
	display: inline-block;
	text-align: center;
	text-decoration: none;
}
.accountantCustomer .linkAccountantDashboard i {
	font-size: 4em;
	color : grey;
	display: block;
	margin: auto;
}
.accountantCustomer .iconLinkDashboard {
	display: flex;
	margin : 40px 0;
}
.accountantCustomer .iconLinkDashboard a {
	display : block;
	padding-top : 10px;
	padding-bottom : 10px;
}
.accountantCustomer .iconLinkDashboard a:hover {
	background-color: #f7f7f7;
	text-decoration: none;
	border-radius: 10px;
	color : #2D95F8;
}
.accountantCustomer .iconLinkDashboard a:hover i{
	color : #2D95F8;
}
.accountantCustomer .iconLinkDashboard > div{
	flex-basis:  20%;
	text-align: center;
	margin : 0 20px;
}
a.btnExportTable {
	display: none;
}

.blocInvitation {
	border: 2px dashed rgba(0,0,0,.1);
	border-radius: 10px;
	margin-bottom : 40px;
}
	.blocInvitation .toggleInvitation > div {
		display: flex;
		justify-content: center;
	}
		.blocInvitation .toggleInvitation a{
			display: block;
			width: 100%;
			padding : 20px;
			border-radius: 10px;
			background: #f7f7f7;
			color: #2D95F8;
		}
		.blocInvitation .toggleInvitation a:hover{
			background: #eaf5ff;
		}
	.blocInvitation .messageInvitation {
		padding : 20px;
		background: white;
		border-radius: 10px;
	}
		.blocInvitation .messageInvitation > div {
			display: flex;
			justify-content: center;
		}

	.blocInvitation .form-control {
		display : inline-block;
		margin: 0 20px 0 0;
		width: 400px;
	}
	.formInvitation {
		white-space: nowrap;
	}

.helpInvitation {
	width: 570px;
	max-width: 100%;
	padding : 10px;
}
.listInvit {
	padding : 10px 0;
	border-top : 1px dashed #eee;
}
.listInvit a{
	float : right;

}
.accountantMenu  {
	padding : 10px 20px;
}
.accountantMenu a {
	display: block;
	margin: 0 -10px;
	padding: 10px 20px;
}
.accountantMenu a span {
	display: block;
	line-height: 1.8em;
}
.accountantMenu .active a, .accountantMenu a.active {
	background: rgba(0,0,0,.05);
	background: #2D95F8;
	color: white;
}
.accountantMenu a:hover, .accountantMenu a:active, .accountantMenu a:focus  {
	text-decoration: none;
	background: #3cacff;
	color: white;
}
.accountantMenu i {
	font-size : 2em;
	vertical-align: middle;
	width: 35px;
	text-align: center;
	color : #aaa;
	display: block;
	float: left;
	margin-left: -5px;
	margin-right: 5px;
}
.accountantMenu a:hover i, .accountantMenu .active i, .accountantMenu :focus  i, .accountantMenu :active  i {
	color: white;
}
.accountantMenu .submenu {
	border-left : 1px solid rgba(0,0,0,.1);
	padding : 5px 10px;
	margin : 5px 0 10px 20px;
}
.accountantMenu .submenu a {
	margin: 0 -20px 0 -10px;
}
.accountantMenu .toggleSubmenu {
	display: block;
	cursor : pointer;
	margin-left : 15px;
	padding : 10px 0;

}
.accountantMenu .toggleSubmenu:before {
	content: "";
	height : 10px;
	width : 20px;
	display: inline-block;
	position: relative;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url('../../images/icon/arrow-down.png');
}
.accountantMenu .toggleSubmenu.active:before  {
	background-image: url('../../images/icon/arrow-up.png');
}
.swalClose {
	position: absolute;
	top : 10px;
	right : 10px;
	font-size: 2em;
}
.specParagraphSwal {
	position: unset !important;
}


.accountantMenu hr {
	margin : 15px -10px;
}
.headerExport {
	background: rgba(0,0,0,.05);
	border-radius: 7px;
	justify-content : space-around;
	margin-bottom : 2em;
	padding : 10px;
	overflow: auto;
}
.headerExport label {
	display : inline-block ;
	width: 60%;
	text-align: left;
	vertical-align: middle;
	margin : 10px 10px 10px 0;
}
.headerExport > div {
	padding : 10px;
}
.headerExport .tagit {
	background : white;
	border: 1px solid black;
}
.headerExport input, .headerExport select {
	padding : 5px;
	border-radius: 5px;
	border-width: 1px;
}
.headerExport hr {
	background : transparent;
	border-top : 1px dashed rgba(0,0,0,.2);
	margin : 10px -10px;
	display: block;
	clear: both;
}
.formDiv > div {
	padding : 5px;
	border-bottom : 1px dashed rgba(0,0,0,.1);
	display: block;
	clear: both;
	text-align: left;
}
.formDiv > div:last-child {
	border-bottom : 0px;
}

.popover h3 {
	margin : 0;
	padding : 10px;
}
.popover .btn i {
	position: relative;
	right: 0;
	margin-top : 10px;
}
.editable-click, a.editable-click, a.editable-click:hover {
	border-bottom : dashed 1px rgba(0,0,0,.3);
}
.editable-empty{
	color : grey;
	opacity: .5;
	font-style: unset;
}
.editable-empty:hover, .editable-empty:focus {
	opacity: 1;
	font-style: unset;
}


.newLineTable {
	position: relative;
}
.newLineTable:hover {
	box-shadow: unset !important;
}
.newLineTable td {
	padding : 0;
	background: white !important;
	border : 0 !important;
}
.newLineTable > td > div{
	margin-top: 20px;
	padding : 20px 10px;
	border-top : 2px dashed rgba(0,0,0,.1);
	border-bottom : 2px dashed rgba(0,0,0,.1);
	height: 100px;

}
.newLineTable > td:first-child > div {
	border-left : 2px dashed rgba(0,0,0,.1);
	border-radius: 10px 0 0 10px;
}
.newLineTable > td:last-child > div {
	border-right : 2px dashed rgba(0,0,0,.1);
	border-radius: 0 10px 10px 0 ;
}
.newLineTable  tr:hover div{
	border-color : #2D95F8 !important;
}

.explainCol img {
	width: 30px;
	margin-top: 20px;
}
.sortable {
	position: relative;
}
.sortable > div{
	position: relative;
}
.sortable select, .sortable .ui-state-default select {
	padding: 5px;
	border-radius: 5px;
	/*margin : 0 10px;*/
}
.sortable .ui-state-default, .sortable .ui-state-default {
	background: #d5e8fba3 !important;
	margin: 10px 0;
	padding : 10px;
	border-radius: 10px;
	border: 0 !important;
	cursor: move;
	/*height: 70px;*/
	overflow: auto;
}
.sortable .glyphicon {
	opacity: .5;
	margin : 0 10px;
}
.sortable .removeColumn {
	margin : 10px 10px;
	height: 30px;
	width: 20px;
	text-align: center;
	cursor : pointer;
	line-height: 30px;
}
.sortable .removeColumn:hover {
	background: black;
	color : white;
	border-radius: 10px;
}
.sortable input,.sortable select {
	padding : 5px;
	border-radius: 5px;
	border-width: 1px;
	width: 20%;
	display: inline-block;
}
.sortable .fieldName {
	display: inline-block;
	width: 40%;
	max-width : 40%;
	margin: 10px 0;
}
.sortable .fieldOptionLength, .sortable .fieldOptionDate, .sortable .fieldOptionCode {
	display: inline-block;
	width: 20%;
}
.sortable input, .sortable select {
	display: block;
	width: 80%;
	margin : 0;
}
.sortable .ui-state-highlight {
	height: 70px;
}
.addLine {
	display: block;
	width: 100%;
	border: 2px dashed rgba(0,0,0,.1);
	padding: 20px 10px;
	border-radius: 10px;
	color: #2D95F8;
	background: white;
}
.addLine:hover, .addLine:active, .addLine:focus {
	text-decoration: underline;
	border: 2px dashed #2D95F8;
	outline: none;
}

.blocParamFile {
}
.helpFileName {
	background : rgba(0,0,0,.05);
	padding : 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}
.headerModule {
	vertical-align: bottom;
	overflow: auto;
}
.unfoldMenu {display: none}

	.tagGrey {
		border : 1px dashed rgba(0,0,0,.3);
		padding : 0 10px;
		border-radius: 5px;
		background: rgba(0,0,0,.1);
	}
	.tag-success {
		border : 1px dashed #63b971;
		border-radius: 10px;
		background : #63b97133;
	}
	.tag-info {
		border : 1px dashed #58bbee;
		border-radius: 10px;
		background : #58bbee33;
	}
.help-block > div {
	background: rgba(0,0,0,.05);
	margin : 20px -25px 40px -25px;
	padding : 10px 20px;
	border-radius: 10px;
	border: 1px dashed rgba(0,0,0,.1);
	line-height: 1.7em;
}
.help-block i {
	font-size : 2em;
	float: left;
	margin-right: 20px;
}

.formFile {
    display: block;
    font-weight: light;
    text-align: center !important;
    color: #555;
    width: 100%;
    border: 2px dashed #3AA2F4;
    border-radius: 8px;
    cursor: default;
    background: url(../../../svg/icon-dropfile.svg);
    /* background-color: #f1efec; */
    background-color: #EDFBFF;
    /* background-size: auto 80%; */
    background-repeat: no-repeat;
    background-position: 0px center;
    padding: 30px 10px 30px 100px;
    position: relative;
}

	.formFile:hover {
		/*border: 1px dashed rgba(0,0,0,0.5);*/
		border: 2px dashed #58bbee;
		cursor : pointer;
	}
	.formFile:active {
		border: 2px dashed red;
	}
	.formFile:focus {
		border: 2px dashed green;
	}

	.formFile::-webkit-file-upload-button {
		background: #58bbee;
		border: 1px solid #58bbee;
		color: #fff;
		border : 0;
		padding : 5px;
		border-radius : 5px;
		cursor : pointer;
	}
	.formFile:hover::-webkit-file-upload-button {
		background: #0b96de;
	}
.formInscriptionDirectory {
	border : 1px dashed #0b96de;
	margin-top : 40px;
	border-radius: 10px;
	padding : 20px;
}
	.formInscriptionDirectory .formLine {
		display: flex;
		gap: 30px;
		flex-wrap: wrap;
	}
	.formInscriptionDirectory .formLine > *{
		flex: calc(50% - 40px);
	}
	.formInscriptionDirectory .formLine .form-floating{
		width : 100%;
	}
	.accountantThirdParty .modal-body {
		padding : 30px;

	}
	.selectZone {
		margin-top : -50px;
		margin-bottom: 20px;
	}
.numberPreview {
	background: rgba(212, 233, 255, 0.4);
	border-radius: 10px;
	padding : 10px 20px;
	width: calc(100% + 40px);
	margin: 20px -20px -20px -20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.numberPreview > div {
	font-size : 1.8em;
	font-weight: 800;
	margin : 10px 0;
}
.optionLine {
	display : flex;
	justify-content: space-around;
	align-items: center;
}
	.optionLine .toggleAxo label {
		margin : 0 5px;
	}
	.accountantThirdParty .modal-footer {
		border-top : 1px dashed #0b96de;
		margin : 0 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.accountantThirdParty .modal-footer > *{
		margin : 0 20px;
	}
	.accountantThirdParty h4 {
		font-weight: bold;
	}
.modalTicketAdd.modalTicketAxonaut .modal-body {
	background : url('../../images/team-create-ticket.png') no-repeat -1px -1px;
	padding: 30px 60px;
	padding-top : 100px;
}
	.modalTicketAdd.modalTicketAxonaut h3 {
		margin-left: 120px;
		text-transform: uppercase;
		text-align: left;
	}

	.modalTicketAdd.modalTicketAxonaut .modal-header {
		position: absolute;
		top: 20px;
		right: 20px;
		border: 0;
		z-index: 1000;
	}
	.modalTicketAdd.modalTicketAxonaut .modal-header .close {
		padding: 1rem;
		margin: -1rem -1rem -1rem auto;
		font-size: 3em;
	}

/** --------------
--- SPEC IMPORT V2 COMPTABLE ---
---------------**/

.gapV4 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.gapV8 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.gapV16{
    display: flex;
    flex-direction: column;
    gap:16px;
}

.gapV32{
    display: flex;
    flex-direction: column;
    gap:32px;
}

.gapH8{
    display: flex;
    flex-direction: row;
    gap:8px;
    align-items: center;
}

.btn:hover .axiconSVG svg *, .btn:active .axiconSVG svg *, .btn:focus .axiconSVG svg *{
    fill: white !important;
}

.succesImport {
    background-color: #E0EFCF;
    padding: 16px;
    border: dashed 3px #71C313;
    border-radius: 8px;
    margin-bottom: 32px;
}

.overModale.import .tag {
    padding: 0.5px 0.5em;
    text-transform: uppercase;
    font-weight:700;
}

/* Modale guide des imports */
.textInfo {
    background-color: #f5f9fe;
    padding: 16px;
    border-radius: 8px;
}

.modal-body .corset400 label {
    font-weight: 600;
    color: #494d55;
    margin: 0;
}

.modal-body {
    padding: 30px 60px;
}

.colImport {
    border: solid 1px #d7d7d7;
    padding: 16px;
    border-radius: 4px;
}

.infoColImport {
    margin: auto;
    width:100%;
}

.overModaleScrollable.import .modaleImport {
    max-width: 100%;
    width: 850px;
    position: relative;
}

.overModaleScrollable.import .overModalePage {
    max-height: 85vh !important;
    width: 100%;
    max-width: unset;
    overflow: auto;
}

.accountantModal::-webkit-scrollbar, .containerTableResponsive::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px !important;
    height: 12px !important;
}

.accountantModal::-webkit-scrollbar-thumb, .containerTableResponsive::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    border : 2px solid white;
    cursor:grab;
}

.bandeauInfo {
    background-color: #f5f9fe;
    padding: 16px;
    border-radius: 8px;
    width: 100%;
}

.bandeauInfo h3 {
    margin: 0;
    font-size: 18px;
}

.zoneButton {
    padding: 16px;
    border: solid lightgray 1px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    text-align: center;
    margin:auto;
}

.tag {
    color: #008FC4;
    border: 1px solid #008FC4;
    border-radius: 1em;
    font-size: 0.8em;
    padding: 0 .5em;
}

.title-modal {
    font-family: montserrat;
    font-size: 2.5rem;
    text-align: left;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 0;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.title-modal.noBorder {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 20px;
}

.title-modal .fa, .title-modal .glyphicon {
    color: #58bbee;
}

.cursor {
    cursor: pointer;
}

.title-noline {
    border-bottom: 0;
}

.corset400 {
    max-width: 400px;
    display: block;
    margin: auto;
}

/* Aperçu imports */

.textInfo h4 {
    font-family: inherit;
    font-weight: 500 !important;
    line-height: 1.1;
    color: inherit !important;
}

.importError {
    gap: 16px;
    background-color: #FDE8F3;
    padding: 16px;
    border: dashed 3px #F03993;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
}

tbody.blurLine tr:last-child::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%);
    z-index: 1;
}

#tableLinesErrors .containerTableResponsive, #tableLinesReview .containerTableResponsive {
    max-height: 40vh;
    overflow-y: scroll;
    width: 100%;
    padding-bottom: 0;
}

#tableLinesReview .tableAxonaut > thead > tr > th, #tableLinesReview tr > td, #tableLinesErrors .tableAxonaut > thead > tr > th, #tableLinesErrors tr > td {
    text-wrap-mode: nowrap;
}

#tableLinesReview .tableAxonaut thead tr, #tableLinesErrors .tableAxonaut thead tr{
    background: #f5f9fe;
}

.sweet-alert .loading {
    color: #2D95F8;
    margin-bottom:32px;
}

.error-indicator {
    position: sticky;
    top: 55%;
    transform: translateY(-50%);
    color: white;
    cursor: pointer;
    display: none;
    z-index: 3;
    width: 40px;
    height: 0;
}

.bgError {
    background-color: #FDE8F3;
    padding: 4px !important;
    border-radius: 8px;
    border: solid 2px red;
}

.error-indicator.visible {
    display: block;
}

.error-indicator.visible.hiddenOnLeft {
    left: 5%;
}

.error-indicator.visible.hiddenOnRight {
    left: 95%;
}

.hiddenOnRight .arrowRight {
    display:block !important;
}

.hiddenOnLeft .arrowLeft {
    display:block !important;
}

.axiconSVG svg * {
    fill: black !important;
}

/*------------Connexion logiciel comptable --------------*/
.videoComptable {
    margin-left: 32px;
    width: 360px ;
}

.videoComptable .imgPreview, .videoComptable a {
    border-radius: 10px;
}


.line.active, .line.completed {
    background-color: #2D95F8;
}

.line {
    width: 50px;
    height: 4px;
    background-color: #ddd;
    flex-grow: 1;
}

.step, .btnNavStep{
    width: 100%;
}

.step-indicator.active, .step-indicator.completed {
    background-color: #2D95F8;
    color: white !important;
    fill: white !important;
}

.stepConnexionEC.flex {
    width: 80%;
    margin: auto;
}

.step-indicator {
    flex-direction: column;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ddd;
    color: #888;
    font-weight: bold;
    font-size: 18px;
    padding: 5px;
}

.stepConnexionEC{
    justify-content: center;
    align-items: baseline;
    width: 100%;
}

.stepConnexionEC p{
    text-align: center;
}

.btnTutoEC{
    width: 100%;
}

.btnNavStep {
    justify-content: center;
}

.chiftTutorials{
    margin-bottom: 32px;
}

.align-items-center {
    align-items: center;
}

.linkStep {
    max-width: 75px;
}

.gapV4, .gapV8, .gapV16, .gapV24, .gapV32, .gapV40, .gapV64, .gapH4, .gapH8, .gapH16, .gapH24, .gapH32, .gapH40, .gapH64 {
    display: flex;
}

.gapV4, .gapV8, .gapV16, .gapV24, .gapV32, .gapV40, .gapV64{
    flex-direction: column;
}

.gapH4, .gapH8, .gapH16, .gapH24, .gapH32, .gapH64 {
    flex-direction: row;
    align-items: center;
}

.gapV4, .gapH4 {
    gap: 4px;
}

.gapV8, .gapH8{
    gap: 8px;
}

.gapV16, .gapH16{
    gap:16px;
}

.gapV24, .gapH24{
    gap:24px;
}

.gapV32, .gapH32{
    gap:32px;
}

.gapV40, .gapH40{
    gap:40px;
}

.gapH64, .gapV64{
    gap:64px;
}

.flex {
    display: flex;
}

#step1, #divConnectKlafuti, #divConnectChift, #divConnect471, #alreadyconnectToSoftware {
    min-height: 232px;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.flex-center{
    align-items: center;
    justify-content: center;
    align-content: center;
}

.text-align-center{
    text-align: center;
}

#pdf-tutoEC-viewer {
    border: none;
}

.contentStepConnexionEC {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contentStepConnexionEC h4{
    margin: 0;
}

.containerTableScroll_chiftErrors:before {
    display: none;
}

@media screen and (max-width: 768px){
    .videoComptable {
        top: 16px;
        position: relative;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 500px){
    .videoComptable {
        top: 0;
        position: relative;
        max-width: 100%;
        margin: 0;
    }
}

/** --------------
--- RESPONSIVE ---
---------------**/

@media screen and (max-width: 1360px) {
    .action.portailComptable {
        margin-bottom: 32px;
    }

    .pull-right:has(.portailComptable){
        float: none !important;
    }
}

@media only screen and (max-width: 992px) {

    .heightResp{
        height: calc(var(--specVH) * 120);
    }

    .pe-7s-close {
        font-size: 2em;
    }

    .portalCloseMobile {
        position: fixed;
        width: 40px;
        padding-top: 20px;
        left : 0;
        top : 0;
        bottom : 0;
        color :white;
        text-align: center;
    }

    .isConnected .portalCloseMobile {
        top : 55px;
    }

    .error-indicator.visible.hiddenOnRight {
        left: 90%;
    }
    .loaderPdf {
        width: 100%;
    }

    .actionsPublicZone {
        display : none;
        position: fixed;
        z-index: 10000;
        width: calc(100% - 40px);
        top : 0px;
        right : 0;
        bottom : 0;
        /*height: calc(100vh - 40px);*/
        /*height : calc( var(--specVH) * 100 - 40px );*/ /*fix ios viewport bug*/
        /*max-height : calc( var(--specVH) * 100 - 40px );*/ /*fix ios viewport bug*/
        overflow: auto;
        background: white;
        box-shadow: 0 10px 20px rgba(0,0,0,.1),0 0 10px 150px rgba(0,0,0,.5);
        padding : 20px;
        padding-bottom: 120px !important;
    }

    .mobile.preview{
        display: block !important;
    }

    .noMobile.preview, .noMobile {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {

	.mobile {
        display: block !important;
    }

	.row {
		max-width: 100%;
		margin : 0;
	}
		.homePublicZone header .capturePortal {
			max-width: 80% !important;
			height: unset;
		}
		.linkHeader span {
			display: inline-block;
		}
		.logoCustomerPortal {
			margin: 0;
			margin-top: 0 !important;
			text-align: center;
			width: 100%;
		}
    .homePublicZone .prezCustomerPortal {
        padding : 50px 0;
    }
    .homePublicZone .prezCustomerPortal .textWithIcon{
        padding-left : 50px;
    }
    .homePublicZone .articleAnnexe {
        flex-wrap: wrap;
    }

	.accountantPortalPage .headerAccountantLogin {
		margin-top : 30px;
		text-align: center;
	}
	.capturePortal {
		max-width: 80%;
		margin : 0 10%;
	}

	.containerLook {
		overflow: hidden;
		height: 100vh;
		height : calc( var(--specVH) * 100 ); /*fix ios viewport bug*/
		position: absolute;
		width: 100%;
	}
	.circleLook {
        /*
        margin-right: -400px;
        width: 800px;
        height: 500px !important;
        top: -300px !important;
        right: calc(50%) !important;
        */
        margin-right: -400px;
        width: 1200px;
        height: 1200px !important;
        top: -500px !important;
        right: calc(50%) !important;
	}
	.zoneLogo {
		/*width: 70px;
		height: 70px;
		line-height: 70px;*/
		margin : -5px -10px 0 0;
		transform: scale(.7);
	}
	header  {
		height: 100px;
	}
	header h2 {
		display : flex;
		align-items: center;
		height: 70px;
		/*line-height: 70px;*/
		margin: 10px;
		/*width: 40%;*/
		width : calc(100% - 110px);
		padding : 0 10px;

	}
	header h2 a {
		font-size: 18px;
		text-align: left;
	}
	header h2 img {
		width: 100px;
		/*height : 30px;
		padding : 5px 10px;*/
		padding : 0;
		max-height: 30px;
	}
	.header-right {
		position: absolute;
		top : 20px;
		right : 20px;
	}
	.homePublicZone header .capturePortal{
		max-width: 100%;
	}
	.linkConnectHeader {
		background: white;
		border : 1px solid #2D95F8;
		border-radius: 50%;
		height : 3em;
		width : 3em;
		text-align : center;
		line-height : 3em;
		box-shadow: 0 3px 10px rgba(0,0,0,.1);
	}
	.linkConnectHeader span{
		display : none;
	}

	.actionsPublicZone .section-1{ display : none; }
	.actionsPublicZone .section-2{ display : block; }

    .blockConnectPortal {
        position: fixed;
        background: white;
        padding: 20px;
        bottom: 0;
        left: 40px;
        right: 0;
        box-shadow: 0 -5px 20px -10px #00519f78;
        margin-top : 0;
        margin-bottom : 0;
        top : unset;
     }

	.isConnected .actionsPublicZone {
		height:  90vh;
		height : calc( var(--specVH) * 90 ); /*fix ios viewport bug*/
        top : 55px;
	}
	.isConnected .containerLook {
		height: calc(100vh - 55px);
		height : calc( var(--specVH) * 100 - 55px ); /*fix ios viewport bug*/
	}

	.pdfViewer {
		background: rgb(212, 217, 223);
		width: 100%;
		/*height: calc(100vh - 200px);*/
	}
	.menuMobile a {
		display: inline-block;
		width: 25%;
		margin : 10px 3% 0 3%;
		text-align: center;
		vertical-align: top;
	}

	.menuMobile .[class^="pe-7s-"] {
		font-weight: bold;
		font-size : 3em;
	}

	.mobileTab  {
		margin-bottom : 100px;
	}
	.moduleLight {
		background: rgba(255,255,255,.1);
		margin-bottom : 100px;
		margin-top : -50px;
	}

	.module > h3 {
		font-size: 1.5em;
		margin-top : 5px;
	}

	.modalChat .modal-dialog {
		max-width: 95%;

	}
	.modalChat .modalInfoPanel {
		float: none;
		width: 100%;
	}
	.modalChat .modalInfoPanel {
		float: none;
		width: 100%;
		height: auto;
		padding: 20px;
		padding-top: 20px;
		padding-left: 70px;
	}
	.decorInfoPanel {
		width: 60%;
		left: -25%;
	}
	.decorInfoPanel .logoSupplier {
		top: -30px;
		left: 20%;
		transform: scale(.6);

	}
	.modalChat .modalMessagePanel {
		width: 100%;
	}
	.oneMessageContent {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.oneMessage {
		margin-top : 40px;
	}
	.oneMessage .badgeEmployee {
		transform: scale(.8);
		margin-top : -10px;
	}

	#boxBottom {
		position : fixed;
		bottom : 0;
		width : 100%;
		background : white;
		box-shadow: 0 0 10px rgba(0,0,0,.2);
		color : black;
		z-index: 900;
		display : flex;
	}
	#boxBottom .mobileIcon {
		display : inline-block;
		padding : 5px;
		text-align : center;
		font-size : 1.2rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		flex: 1 1 20%;
	}
	#boxBottom .mobileIcon i {
		line-height : 40px;
		font-size : 25px;
		display :block;
		margin : auto;
	}
	#boxBottom .mobileIcon.active {
		background : #4285f4;
		color : white;
	}
	.module.mobileTab {
		margin-top : 30px;
		min-height: 300px !important;
	}
	.lineDocumentAction {
		text-align: right;
		clear: both;
		width: 100%;
	}
	.lineDocumentAction > div {
		width: auto;
		padding : 0 !important;
	}

	/*-----------menu--------*/
	.menuBurger {
		position: absolute;
		top : 0;
		right : 10px;
		padding : 0 10px;
		font-size: 2em;
		z-index: 10000;
	}
    .menuShow {
        overflow: hidden;
        height: 100vh;
    }

	.menuShow .toggleMenuMobile {
		display: block;
		position: fixed;
		z-index: 999;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,.8);
		text-align: center;
		transition: all 0.2s ease-out;
	}


	.menuConteneur {
		background: #565656;

		position: fixed !important;
		z-index: 1001;
		top: 0;
		bottom: 0;
		left: -100%;
		right: 20%;
		width: 80%;
		height: 100vh;
		height : calc( var(--specVH) * 100 ); /*fix ios viewport bug*/
		overflow: auto;
		transition: all 0.2s ease-out;

	}
	.menuShow .menuConteneur {
		left: 0;

        display: flex;
        flex-direction: column-reverse;
        gap: 10px;
        justify-content: space-between;
	}
	.menuPortal .listSupplier {
		height: auto;
        flex: 1;
        overflow-y: auto;
	}
	.menuPortal .menuProfile {
		/*position: absolute;
		bottom: 0;
		top : unset;
		left : 0;
		right: 0;
		width : 100%;
		height: 200px;*/
        position: relative;
	}
	.listSupplier {
		width : 100%;
		height: calc(100vh - 200px);
		height : calc( var(--specVH) * 200px ); /*fix ios viewport bug*/
	}
	.listSupplier li{
		display: block;
		text-align: left;
		padding : 0;
	}

    .listSupplierLongHover {
        display: none;
    }
    .listSupplier .listSupplierLong {
        display: block !important;
        position: relative;
        top: unset;
    }

	#dropdownMenu-user{
		display: none;
	}
	.menuProfile .dropdownMenuOption {
		display: block;
		width: 100%;

		border-top : 1px dashed white;
		box-shadow: unset;
		background: transparent;
		border-radius: 0;
		position: relative;
		top : unset;
		right : 0;
	}
	.menuMobileConteneur li,
	.menuMobileConteneur ul {
		width: 100%;
		margin : 0 !important;
		padding : 0 !important;
	}
	.menuMobileConteneur a {
		width : 100%;
		display: block;
		color:  white;
		text-align: left;
		padding : 10px 30px !important;
	}

	/*accountant*/
	.active .unfoldMenu {display: block}
	.unfoldMenu a {
		padding : 10px;
		line-height: 1em;
	}
	.accountantMenu {
		display : none;
	}
	.accountantPortalPage .header-left {
		height: unset;
	}
	.accountantPortalPage .header-right {
        /*
		display : block;
		height: unset;
		position: relative;
		top: unset;
		right: unset;
         */

        display : flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        top: unset;
        right: unset;
	}
	.datePickerAxonaut {
		text-align: center;
		margin : 20px 0;
	}
	.datePickerAxonaut .pull-right{
		float : none !important;
	}
	.datePickerAxonaut span{
		display: block;
		margin : 0 0 10px 0;
	}
	.accountantPortalPage .contentWithMenu {
		padding: 30px 20px;
	}
	.accountantPortalPage .btn-action {
		display: inline-block;
		margin : 10px auto;
	}
	.contentWithMenu h3 {
		margin: 20px 0px;
		padding: 7px 0;
		padding-top : 20px;
		clear: both;
	}

	.accountantPortalPage header h2 {
		width: unset;
		font-size: 2rem;
	}

	.accountantCustomer .iconLinkDashboard {
		display: block;
	}
	.accountantCustomer .iconLinkDashboard > div {
		width: calc(50% - 45px);
		display: inline-block;
	}

	.blocInvitation {
		display: block;

	}
	.formInvitation {
		white-space: normal;
	}
	.formInvitation input{
		max-width: 100%;
	}
	.accountantCustomer .imageCustomerAccount {
		left : unset;
		top : unset;
		margin: auto;
	}
	.accountantCustomer .logoSupplier {
		width: 80px;
		height: 80px;
	}


	.sortable .fieldOptionLength, .sortable .fieldOptionDate, .sortable .fieldOptionCode {
		display: bloxk;
		width: 100%;
		padding-left : 30px;
	}

	.newLineTable {
		border: 2px dashed rgba(0,0,0,.1) !important;
		padding : 0 !important;
	}
	.newLineTable td  {
		background: rgba(35, 157, 255, 0.1) !important;
	}
	.newLineTable > td > div {
		border: unset;
		border-left: unset;
		border-right: unset;
		height: unset;
		margin-top: unset;
		padding: unset;
	}
	.newLineTable > td:first-child {
		padding-top: 15px;
	}
	.newLineTable > td:last-child {
		padding-bottom: 15px;
	}

	.linkPubAxonautHome .module {
		flex-direction: column;
	}


	.formInscriptionDirectory .formLine > *{
		flex: 100%;
	}


    /*Spec Import*/
    .overModale.import .modalPanel{
        margin: 0 !important;
        width: 100%;
    }


    #fullscreen-btn {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .heightResp{
        height: calc(var(--specVH) * 100);
    }
}