@CHARSET "UTF-8";
/*
* RESET
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	font-family: arial, sans-serif;
	font-weight:normal;
	/*font-size: 12px;*/
	color: #666;
	background:#F1F2F2;
	height:100%; /* needed for container min-height */
}

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:arial,sans-serif;
	font-size:small;
}

ol, ul {
	list-style: none;
}
ol.styled, ul.styled {
	list-style: inside;
}
blockquote, q {
	quotes: none;
}
a{
	color:#555D87;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
}

.clearFix:after {
  content:"";
  display:block;
  clear:both;
}

#mainContainer {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:900px;
	background:#FFF;
	height:auto !important; /* real browsers */
	min-height:100%; /* real browsers */
	border:2px solid #3d4667;
	/* border-bottom:0px; */
}

#logoContainer {
	background:#FFF;
	width:100%;
	position:relative;
}
#menuTopContainer {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	margin-top:0px;
	border:2px solid #3d4667;

}
#menuTop {
	width:100%;
	background:#D2D3E8;
}
#menuTop ul {
	margin-left:10px;
}
#menuTop li {
	float:left;
	margin-right:10px;
	text-align:center;
}
#menuTop li.languageSelection {
	float:right;
}
#menuTop li.languageSelection select {
	height:100%;
}
#menuTop li.languageSelection img {
  width: 30px;
  cursor: pointer;
  border: 2px solid transparent;
}
#menuTop li.languageSelection img.selected {
	border: 3px solid #ecefe1;
}
#menuTop li:hover {
}
#menuTop a {
	display:block;
	margin-top:10px;
	color:#3d4667;
	text-decoration:none;
	font-weight:bold;
}
#menuTop p {
	margin-top:10px;
}
#menuTop a:hover{
	color:#000;
}

#centralContent {
	width:840px;
	margin-left:auto;
	margin-right:auto;
	padding:1em 1em 5em; /* bottom padding for footer */
	position:relative;
}
#content{
	width:550px;
}
#centralContent p{
		width:550px;
}
#content p{
	color:#333;
}
#centralContent ul{
	/*color:#555;*/
}
#centralContent h3{
	color:#222;
	margin:10px 0;
}
#content h2{
	color:#222;
}
#footerContainer {
	width:900px;
	position:relative;
	background:#3d4667;
	color:#FFFFFF;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	border:2px solid #3d4667;
}
#menuFooter {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
#logoFooter{
	margin-top:10px;
	float:left;
}
#menuFooter ul {
	margin-top:15px;
	float:left;
	height:30px;
}
#menuFooter li {
	width:150px;
	height:22px;
	text-align:center;
	float:left;
}
#menuFooter a {
	display:block;
	margin-top:5px;
	font-size:12px;
	color:#7e7e7e;
	text-decoration:none;
	font-weight:normal;
}
#menuFooter a:hover {
	color:#EEEEEE;
}
/* GLOBAL
*/
#plusContent{
	position:absolute;
	top:70px;
	left:640px;
	width:230px;
}
#plusContent li{
	text-align:left;
}
h1 {
	font-size:18px;
	color:#333;
	width:100%;
	display:block;
	border-bottom:1px solid #CCC;
	margin-bottom:30px;
}
/*
* TITRE
*/
.titleGrey {
	height:32px;
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
	color:#383838;
	padding-top:7px;
	position:relative;
}
.titleGreyCloser {
	position:absolute;
	top:0px;
	left:0px;
}
.button{
	border:3px solid #4F5B99;
	width:200px;
	text-align:center;
	display:block;
	clear:both;
	margin-top:15px;
	margin-right:10px;
}
.button a{
	margin:3px 5px;
	color:#4F5B99;
	text-decoration:none;
}
.button a:hover{
	color:#000;
}

.actionBt{
	border:3px solid #4F5B99;
	width:150px;
	text-align:center;
        text-decoration: none;
	display:inline-block;
	clear:both;
	margin-top:15px;
	margin-right:10px;
	margin-bottom:5px;
}



/* HOME
*/
#subLine{
	margin-top:10px;
	padding:7px;
	font-family: times, sans-serif;
	font-size:17px;
}
#homeActivities{
	position:absolute;
	top:150px;
	left:420px;
}
/*
* FORM
*/
#price{
	position:absolute;
	top:75px;
	left:600px;
	width:250px;
	border:3px solid #CCC;
	padding:5px;

}
#price input{
	float:right;
}
#price li{
	height:40px;
}
#priceTarget{
	float:right;
}
.priceDisplay{
	color:#2C8EBF;
	font-weight:bold;
	/*font-size:11px;*/
}
.smallForm input, .smallForm label, .smallForm select, .smallForm button {
	/*font-size:9px;*/
}
.linkForm{
	display: inline
}
.linkForm input[type="submit"] {
	background: none;
	border: none;
	color:#555D87; /* Link color */
	cursor: pointer;
	text-decoration: underline; /* Underline the text to mimic link style */
	font-size: inherit;
	padding: 0; /* Remove padding to make it more link-like */
}
.button .linkForm input[type="submit"] {
	text-decoration: none;
}
/*
* CONFIRMATION
*/
.productDesc{
	border:2px solid #8B9991;
	padding:10px;
	margin-bottom:10px;
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}

.productDesc li {
	flex: 8;
}

/*
*HELP BOX
*/
.helpBox{

	width:240px;
	margin:5px;
}
/*
* CONTACT BOX
*/
#contactBox{
	position:absolute;
	top:350px;
	left:600px;
	width:250px;
	border:3px solid #CCC;
	padding:5px;

}
/*
* FIELDSET
*/

#store-fieldset{
	background:#EEE;
}
.proFieldsetZend fieldset{
	border:1px solid #CCC;
	padding:10px;
	margin-bottom:10px;
	width:550px;
}
.proFieldsetZend legend{
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#666;
}

.normalinput{
	margin-left:150px;
}
/* NB: `body.required` is used for CKEditor instances */
input.required, textarea.required, select.required, body.required {
  box-shadow:0 0 3px red;
}

#user-fieldset{
	background:#FFF;
}

.proFieldsetZend dt{
	/*font-size:10px;*/
	font-weight:bold;
	width:280px;
	float:left;
	clear:none;
}
.proFieldsetZend dt.action{
    float: none;
}
#cpsForm .description{
	width:350px;
	font-size:9px;
}
.proFieldsetZend dd{
	width:240px;
	margin-left:280px;
	margin-bottom:2px;
}

.proFieldsetZend input[readonly=readonly],.proFieldsetZend select[disabled=disabled]{
	border:0px;
}

.required{
	color:#454B41;
}
.optional{
	color:#454B41;
}
.errors{
	/*font-size:9px;*/
	color:#E90815;
	margin-bottom:4px;
}
.requiredLocal{
	color:#99181A;
}
.formhelpers{
	color:#E57E44;
}

.alertMessage{
	font-weight: bold;
	color:#E90815;
}
/*
* FIELDSET SPECIFIC
*/
#fieldset-gap{
	background:#e8ddd6;
}
#fieldset-pm{
	background:#d2d3e8;
}
#fieldset-gc{
	background:#d2e8dd;
}




.tool-tip {
	color: #fff;
	width: 250px;
	z-index: 13000;
}

.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: #333 top left;
}

.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #333 bottom right;
}

.custom-tip {
	color: #000;
	width: 250px;
	z-index: 13000;
}

.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}

.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
/*
* ADMIN
*/
#menuAdmin{
	background:#3d4667;
	width:100%;
	height:30px;
}
#menuAdmin ul {
	margin-left:10px;
}
#menuAdmin li {
	float:left;
	margin-top:7px;
	color:#FFF;
}
#menuAdmin a {
	color:#FFF;
	text-decoration:none;
	margin-left:10px;
}
.searchForm, .searchForm input{
	font-size:9px;
}

.basicTable{
	border:1px solid #CCC;
	text-align:left;
	width:800px;
	font-size:11px;
}

.basicTable td{
	color:#666;
	padding:2px 5px 2px 5px;
}



.basicTable thead{
	background:#2079A6;
}

.basicTable tbody{
	background:#FFF;
}

.basicTable tr:hover{
	background:#CCC;
}
.basicTable th{
	color:#FFF;
	padding:2px 5px 2px 5px;
}
.basicTable a:hover {
	cursor: pointer;
}

.comTable{
	border:1px solid #CCC;
	text-align:left;
	width:800px;
	/*font-size:11px;*/
}



.comTable tbody{
	background:#FFF;
}

.comTable thead{
	background:#2079A6;
}
.comTable td{
	color:#666;
	padding:2px 5px 2px 5px;
}
.comTable td.registration-number{
        white-space: nowrap;
}
.comTable tr{
	background:#2079A6;
}
.comTable tr:hover{
	background:#CCC;
}
.comTable th{
	color:#FFF;
	padding:2px 5px 2px 5px;
}
.comTable tr+tr{
	border:1px solid #000;
	background:#FFF;
}
.comTable a.sort{
	color:#FFF;
}
.comTable a.detail{
	color:#000;
}
.statTable{
	border:1px solid #CCC;
	text-align:right;
	width:800px;
	font-size:11px;
}
.statTable td{
	color:#666;
	padding:2px 5px 2px 5px;
}
.statTable tr{
	background:#2079A6;
}
.statTable tr:hover{
	background:#CCC;
}
.statTable th{
	color:#FFF;
	padding:2px 5px 2px 5px;
}
.statTable .collapsed, form .collapsed{
        display: none;
}
.statTable th.expanded{
        color: #bbb;
}
.statTable td.expanded{
        color: #999;
}
.statTable tr+tr{
	border:1px solid #000;
	background:#FFF;
}
.statTable a.sort{
	color:#FFF;
}
.statTable a.detail{
	color:#000;
}
.nowrapTd{
	white-space: nowrap;
}
.section {
	border: 1px solid #CCC;
  width: 800px;
  margin-bottom: 10px;
  background-color: #fafdfa;
  padding: 20px;
}
.userLogo {
  background-color: #F1F1F2;
  border: 2px solid #3D4667;
  position: absolute;
  top: 0px;
  right: 85px;
}
.jpzContainer{
	float:right;
	width:45px;
	height:22px;
}
.jpz{
	width:20px;
	height:20px;
	display: block;
	clear:none;
	float:right;
	background-color: #CCC;
	border-right:1px solid white;
}

.sinistreJpz{
	width:20px;
	height:20px;
	display: inline-block;
	clear:none;
	background-color: #eee;
	border:1px solid #8C8C8C;
}

.displayTwoColonnes{
	width:400px;
	height:90px;
	display: block;
	margin-bottom:5px;
}
.tcImage, .tcImage img{
	width:80px;
	height:80px;
}

.displayTwoColonnes .tcText{
	width:300px;
	margin-left:100px;
	margin-top:-75px;
}

tr.avoirCom {
    background: none repeat scroll 0 0 #CCCCCC !important;
}

a.button {
    text-decoration: none;
    color: initial;
}

form#eventAssociation {
  width: 800px;
  border: 1px solid #CCC;
  padding: 0 1em 1em 1em;
}
form#eventAssociation > div.subsection + div.subsection {
  border-top: 1px black solid;
}
form#eventAssociation > div.subsection {
  padding-top: 10px;
  padding-bottom: 10px;
}
form#eventAssociation > div.subsection > div {
  margin-top: 5px;
}
form#eventAssociation button {
  margin-left: 20px;
}

.parentDisable {
	z-index: 999;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.6);
}


#popinRoot {

}
.popin {
	width: 90em;
	max-height: 80%;
	overflow-y: scroll;
	margin: auto;
	margin-top: 50px;
	color: #000;
	background-color: #fff;
	border: 2px white solid;
	height: 100%;
}
.popin .header {
  position: fixed;
  width: inherit;
  background-color: #e9e9e9;
  z-index: 1;
  /* can't define left/right padding here as the position is fixed
	so we would outgrow the parent */
  padding-top: 2em;
  padding-bottom: 2em;
  border-bottom: 3px solid #CCC;
}
.popin .header h1 {
	border-bottom: none;
	margin: 0 0 0 3em;
}
.popin .content {
	margin: 6em 2em;
}
.popin .content > div {
  margin-top: 1em;
}
.popin .content form > div {
  border: 1px solid #e9e9e9;
  padding: 0.5em;
}
.popin .footer {
	position: fixed;
	width: inherit;
	bottom: calc(20% - 52px);
	background-color: #e9e9e9;
	border-top: 3px solid #CCC;
}
.popin .footer a {
  display: inline-block;
  margin-bottom: 10px;
}

.popin .content .association ul {
  list-style: inside;
}

.popin .content label {
  line-height: 2.5em;
}


.popin .content .searchProviderResults ul{
	padding: 20px;
}
.popin .content .searchProviderResults li{
	list-style:none;
	cursor:pointer;
	border: 1px solid #e9e9e9;
	margin: 5px;
	margin-left: 5px;
	padding:5px;

}

.popin .content .searchProviderResults li:hover{
	background-color: #e9e9e9;
}

.popin .content .ProviderForm{
   display : none ;
}

.popin .content .searchProviderResults{
	display : none ;
}

.popin .content .ProviderForm table{
	margin-left: 5px;
}

.popin .content .ProviderForm td:first-child {
	width: 100px;
}

.popin .content .ProviderSummary {
	border: 1px solid #e9e9e9;
	padding: 0.5em;
}

.popin .content .ProviderSummary > div {

	margin: 5px;
}


input#communicationSubject{
	width: 50%;
}

form#addEditTemplate > div + div {
  margin-top: 1em;
}
div#templateLocales {
  display: inline-block;
  vertical-align: middle;
}
div#templateLocales img {
  width: 30px;
  cursor: pointer;
  border: 2px solid transparent;
}
div#templateLocales img.selected {
	border: 3px solid #0f0;
}
div#templateLocales img.disabled {
	opacity: 0.2;
}
form#addEditTemplate label {
	font-weight: bold;
}
form#addEditTemplate span.cke_button__templates_label {
	display:inline;
}
form#addEditTemplate span.cke_toolbar:last-child span.cke_button_label {
   display: inline;
}

div.additionalInfo {
  border: 2px double rgb(48, 186, 34);
  padding: 10px;
}
div.additionalInfo h2 {
  margin-bottom: 20px;
  border-bottom: 1px solid rgb(48, 186, 34);

  padding-top: 5px;
  padding-bottom: 10px;
}
div.additionalInfo textarea {
    width: 100%;
    resize: none;
	background-color: #f5fff2;
	border: solid 1px grey;
}

div.additionalInfo.preview {
	border-color: rgb(110, 199, 255);
}
div.additionalInfo.preview h2 {
	border-bottom-color: rgb(110, 199, 255);
}
div.additionalInfo.preview textarea {
	background-color: rgb(242, 251, 255);
}

.sortLink{
	color : #FFF;
}
.sortLink:hover{
	color : #000;
}

.ui-dialog { z-index: 1000 !important ;}

.communicationContent_datepicker{
	Z-index: 1000;
}

.recipients{
	font-weight: normal;
	background-color: rgb(242, 251, 255);
}

.attachments{
	font-weight: normal;
	background-color: rgb(242, 251, 255);
}

.formContent {
	padding: 5px;
	margin: 10px 0;
	color: #000;
	background-color: #fff;
	border: 1px solid #ccc;
}


.formGrid{
	padding: 5px;
}
.formInput{
	width : 30%;
	display:inline-block;
	padding-left: 2px;
	padding-top: 2px;
	border: 1px solid #ccc;
}

table.formGrid th{
	width: 9%;
	font-size: 9px;
}

table.formGrid input{
	width: 40px;
}

table.formGrid input.partAmount{
	width: 55px;
}

table.formGrid #discountSelect select {
	width: 70px;
}

table.formGrid select{
	width: 200px;
}

.statActions{
        display: flex;
        justify-content: space-between;
}

.multi-combobox {
        min-width: 32rem;
}

ui5-multi-combobox {
        margin-top: 0;
}
ui5-static-area {
        --ui5-v1-23-1-listitem-selected-border-bottom: none;
}

.signatureState{
	border:3px solid #5b5b5d;
	width:200px;
	text-align:center;
	display:block;
	clear:both;
	margin-top:15px;
	margin-right:10px;
}

@-webkit-keyframes blinker {
	from {opacity: 1.0;}
	to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	color : #d1000d;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

.sinistreInfoLeft{
	padding: 0.5em;
	margin: 0.5em;
	border : 2px solid #8c8c8c;
	background-color: #eee;
	width: 46%;
	float: left;
}

.sinistreInfoRight{
	padding: 0.5em;
	margin: 0.5em;
	border : 2px solid #8c8c8c;
	background-color: #eee;
	width: 46%;
	float: right;
}

.sinistreInfoBottom{
	padding: 0.5em;
	margin: 0.5em;
	border : 2px solid #E90815;
	background-color: #eee;
	width: 98%;
	float: left;
}

.insuranceSinistreRules{
	padding: 0.5em;
	margin: 0.5em;
	border : 2px solid #E90815;
	background-color: #eee;
	width: 98%;
	float: left;
	color: #E90815;
	font-weight: bold;
	animation: blinkBorder 2s infinite;
}

@keyframes blinkColor {
	0% { color: #E90815; }  /* Rouge */
	50% { color: #666; } /* Noir */
	100% { color: #E90815; } /* Rouge */
}

@keyframes blinkBorder {
	0% {
		box-shadow: 0 0 10px #E90815, 0 0 20px #FF0000, 0 0 30px #FF0000; /* Lueur rouge autour du cadre */
	}
	50% {
		box-shadow: none; /* Pas de lueur */
	}
	100% {
		box-shadow: 0 0 10px #E90815, 0 0 20px #FF0000, 0 0 30px #FF0000; /* Retour de la lueur */
	}
}

.sinistreProviderInfoBottom{
	padding: 0.5em;
	margin: 0.5em;
	border : 2px solid #8c8c8c;
	background-color: #eee;
	width: 98%;
	float: left;
}

.sinistreProviderInfoBottom table{
	width: 98%;
	padding: 0.5em;
	margin: 0.5em;
}



.webAppInfos {
	padding: 0.5em;
	background-color: #D6D6D6;
}
.validState{
	background-color: rgb(48, 186, 34);
}

.formGridContact{
	padding: 5px;
}

table.formGridContact th{
	width : 9%;
	font-size: 9px;
}

table.formGridContact input{
	width : 100px;
}

.whiteLink {
	color:#FFFFFF;
}

dt label.hiddenLabel {
    display: none;
}

.actionContainer {
	display: flex;
	flex-wrap: wrap;
}

#goToTopBtn {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: #4F5B99; /* Set a background color */
	color: white; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 15px; /* Some padding */
	border-radius: 10px; /* Rounded corners */
	font-size: 18px; /* Increase font size */
}

#goToTopBtn:hover {
	background-color: #555; /* Add a dark-grey background on hover */
}

.displayTableBtn {
	background-color: #4F5B99;
	color: white;
	cursor: pointer;
	padding: 5px;
	border-radius: 5px;
	width: 200px;
	margin-top: 15px;
	margin-right: 10px;
	text-align: center;
}

.partCovered {
	background-color: #80ffaa;
}
.partNotCovered {
	background-color: #ff8080;
}
.partMaybeCovered {
	background-color: #ffb380;
}
.notAPart {
	background-color: #ffffff;
}
#fieldset-customerProducts input[type="radio"] {
	appearance: none;
	width: 13px;
	height: 13px;
	border: 2px solid #359435;
	border-radius: 50%;
	background-clip: content-box;
	padding: 2px;
}
#fieldset-customerProducts input[type="radio"]:disabled {
	border: 1px solid #ff7f7f;
}
#fieldset-customerProducts input[type="radio"]:checked {
	background-color: #359435;
}
#fieldset-dealerProducts input[type="radio"] {
	appearance: none;
	width: 13px;
	height: 13px;
	border: 2px solid #359435;
	border-radius: 50%;
	background-clip: content-box;
	padding: 2px;
}
#fieldset-dealerProducts input[type="radio"]:disabled {
	border: 1px solid #ff7f7f;
}
#fieldset-dealerProducts input[type="radio"]:checked {
	background-color: #359435;
}


.dealerContractPackageInfoLeft{
	padding: 0.5em;
	margin: 0.5em;
	width: 46%;
	float: left;
}

.dealerContractPackageInfoRight{
	padding: 0.5em;
	margin: 0.5em;
	width: 46%;
	float: right;
	display: flex;
	justify-content: flex-end;
}
.dealerContractPackageInfoBottom{
	padding: 0.5em;
	margin: 0.5em;
	width: 98%;
	float: left;
}

/* Custom styling for alert-info in preview-contract-package */
.alert-info-custom {
	border: 2px solid  #E90815; /* Red border */
	background-color: #eee; /* Gray background */
	padding: 10px;
	margin: 10px 0;
}

/* Replies table styling for commercial notes */
.comTableReplies {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* ensures predictable column widths */
}

.comTableReplies th,
.comTableReplies td {
  padding: 6px 8px;
  vertical-align: top;
  word-wrap: break-word;
}

/* Light blue background for data rows (header uses <th>, so unaffected) */
.comTableReplies td {
  background-color: #e8f2ff; /* light blue */
  border: 1px solid #000; /* ensure each row/cell has a thin black border */
}

/* Optional subtle zebra striping for readability */
.comTableReplies tr:nth-child(even) td {
  background-color: #dfeeff;
}

/* First column takes 20% of the table width */
.comTableReplies th:first-child,
.comTableReplies td:first-child {
  width: 20% !important;
  white-space: nowrap;
  overflow: hidden; /* prevent long author names from expanding the column */
  text-overflow: ellipsis;
}

/* Ensure second column uses remaining width */
.comTableReplies td:nth-child(2) {
  width: 80% !important;
}