/* //arounded corners in option
input, .progress-bar, .datepicker-time, .table a, .table span, .bloc-questions .select2-selection--single, .claim-contact #country, .js .input-file-trigger1, .file-return1 {border-radius: 3px;}
#btn-back, .btn-confirm {border-radius: 5px;}
.navigation li span {border-radius: 20px;}
*/
body, footer, div.logo-footer-center {background-color: #c1c1c1;}
div#global {background-color: #ffffff;}

input {width: 290px; height:60px; border: 1px solid #c7c9c7;}
a label {cursor:inherit;}
b {font-weight: 600;}
h1 {color: #0077c8; padding: 20px 6px; font-size: 30px;}
h2 {font-size:20px; font-weight:600; color: #0069b5;}

header {margin-top: 20px;}

ul#head_nav {
    position: relative;
    top: -50px;
}

ul#head_nav li {
    background-color: #00a9e0;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    margin-right: 20px;
    cursor:pointer;
}

ul#head_nav li span {
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
}

#scripthistory .comment {
    font-style:italic;
}

div.errormsg {
    background-color: antiquewhite;
    padding: 10px 40px;
    color:red;
    text-align:center;
}

.tooltip {position: relative;}
.tooltip .tooltipTextError {
    visibility: hidden;
    width: 400px;
    background-color: antiquewhite;
    color: red;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 75%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}
.tooltip .tooltipTextError::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: antiquewhite transparent transparent transparent;
}
.tooltip:hover .tooltipTextError {
    visibility: visible;
    opacity: 1;
}

div#transactionLayer {
    z-index: 999999990;
    opacity:0.8;
    position: absolute;
    left:0;
    top:0;
    width:0;
    height:0;
    background: transparent url(../img/images/ajax-loader.gif) no-repeat center center;
}

.progress-bar {
    background-color: #B4F5B4;
    width: 0%;
    height: 48px;
    position: relative;
    left: 0px;
}

.shortfilename {
    padding-left: 15px;
    width: 265px;
    position: relative;
    left: 0px;
    top: -50px;
    white-space: nowrap;
    overflow-x: hidden;
}

.container {position:inherit; max-width: 1200px; margin: 0 auto; padding: 0px 6px;}
.container_2 {position:inherit; max-width: 1280px; margin: 0 auto; padding: 0px 6px;}
.picto { display: inline-block; background-image: url(../img/sprite.png); background-repeat: no-repeat; }
.center {text-align: center;}
.hauto {height: auto !important;}
.hide {display: none !important;}
.block {display: block !important;}
.inline {display: inline-block;}

div#langbar {     
    position: relative;
    top: -60px; 
    margin-right: 10px;
	cursor:pointer;
}


/* ------------ HEADER ------------ */
/*
div#global > div.az-classic-header {
    border-top: solid 18px #003483;
}
*/
.az-classic-header > div.logo-header {
    /*border-bottom: solid 5px #dbdbdb;*/
    /* background: linear-gradient(to top,#ebebeb 50%,#fff 50%); */
}
.az-classic-header .logo-header img {
    margin-top: 7px;
    height: 99px;
    padding: 30px;
    padding-left: 0px;
}
.head-banner img {vertical-align: top; width: 100%;}

.az-classic-header > div.bg_head {
   /*border-bottom: solid 2px #003483;*/
}

.az-classic-header > div.bg_head img {
    width:100%;
}


.az-classic-header div.text-header {
    position:relative;
    top:-90px;
    height: 0px;
    text-align:center;
    width:100%
}
.az-classic-header div.text-header h2 {
    color: white;
    font-size: 40px;
    /*font-weight: bold;*/
    font-style: italic;
}
/*
section.maincontainer > section.claim > div {
     margin-top:30px; 
}
*/
/* -- Jquery UI -- */
.ui-widget-header {background: #0069b5; border: none;}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {	border: 1px solid #fff;	background: #0069b5 url("../img/images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;	font-weight: bold; color: #0069b5;}
.datepicker {height:50px; width:190px;  background: url(../img/form/calendar.png) no-repeat 95% center ; padding-left: 15px; color: #6B6B6B;}
.datepicker-time {width:85px;height:50px;padding-left:10px;border:1px solid #c7c9c7;}

/* ------------ FOOTER ------------ */
div.logo-footer-center {
    text-align: center;
}
.logo-footer-center img { max-height: 81px; }
footer {position:relative; border: none; padding: 10px 0px 10px 0px;}
footer li {display: inline-block; font-size:12px;}
footer a, footer a:visited {font-size:12px; color: #54585A;}
footer a:hover {opacity: 1; }
footer ul {
    text-align: center;
    padding-left: 134px;
    padding-right: 134px;
}
footer ul a:hover {text-decoration: underline;}
div.logo-footer {position: absolute; top:-68px; right: 10px;}
div.logo-footer img {width: 130px;}
div.logo-footer.logo-footer-left {left: 10px; display: inline-table;}


/* ------------ NAVIGATION ------------ */
.navigation li {display: inline-block; line-height: 40px; margin-right: 2px;}
.navigation li span {display:inline-block; height: 40px; line-height: 34px; padding: 2px 15px; background: #b2e5f6; font-size: 14px; color: #fff; margin-left: -2px; text-align: center; width: 190px; vertical-align: middle;}
.navigation li span.double {line-height: 18px;}
.navigation li i {background-position: -183px -102px; width: 60px; height: 10px; }
.navigation li.valid span {background: #0069b5;}
.navigation li.valid i {background-position: -61px -102px;}
.navigation li.active span{background: #00a9e0;}
.navigation li.active i {background-position: -122px -102px;}
.navigation ul li:first-child i {display:inline-block; background-position: 0px -102px; width: 60px; height: 43px; }
#nav-resp {display: none;}
_::-moz-svg-foreign-content, :root .navigation li { margin-right:0px !important;}

.claim .tableau h3 {color:#e35205; font-size: 30px; text-align: left;}

.titre-page {
    background: #0069b5; width: 100%; height: 40px; margin-top: 20px; text-align: left;
    padding: 10px 0px 7px 0px; line-height: 15px; height: auto;
}
.titre-page i {
    background-position: -21px -81px; width: 15px; height: 11px;
    margin: 5px 10px;
}
.titre-page h3 {
    display: inline-block; color: #fff; font-size: 20px; font-weight: 600; 
    width:95%; line-height: 21px; vertical-align: top;
}

/* ------------ FORMULAIRE ------------ */

#btn-back, .btn-confirm {
    height: 50px; 
    text-align: center; 
    line-height: 50px; 
    border: none; 
    font-size: 16px; 
    font-weight: 600; 
    text-transform: uppercase; 
    color:#fff; 
    display:block; 
    width: 220px; 

}

#btn-back {
    position: relative; 
    background: #c7c9c7; 
    left: 20px; 
    bottom: -70px; 
}

/* .claim-contact #btn-back {bottom:-20px;} /* todo: check the real need */

.btn-confirm {
    position: relative; 
    float:right; 
    /* background: #e35205; */
    background: linear-gradient(#ff001a,#ea0018)!important;
    margin-top: 20px;
    margin-right: 10px;
}

form#form50 .btn-confirm {
    width: 100%;
    position: absolute;
    bottom: 0px;
}

.bottom-button {border-top:1px solid #c7c9c7; margin-top: 10px;}

/* ------------- STANDARD FORM LAYOUT -----------------*/
.form-30 {display:inline-block; width: 277px; margin-right: 20px;}
.form-30:last-child { margin-right: 0px; vertical-align: top;}

.form-60 {display:inline-block; width: 100%; min-width: 277px; max-width: 577px; margin-right: 20px;}

.bloc-50 {display: inline-block; width: 49.5%; padding: 40px 20px 20px 20px ; vertical-align: top;}
.bloc-50 .picto {background-position: -495px 0px; width: 65px; height:60px; vertical-align: top; margin: 0px 20px 20px 0px;}
.bloc-50 > div {display: inline-block; width: 75%;}


/* ------------ CONNECTION PAGE ------------ */
.nav-claim li i {width: 30px;}

.claim .form-50 { max-width: 640px; margin: 30px auto 50px auto;}
.claim .form-50 div {position:relative; display: inline-block; width: 317px; vertical-align: top;}
.claim .form-50 div form {position: relative; min-height:150px; }
.claim .form-50 div:nth-child(1) {padding-right: 80px;}
.claim .form-50 div:nth-child(2) {padding-left: 80px;}
.claim .form-50 input {display: block; width: 100%; height: 40px; margin-bottom: 10px; padding-left: 15px;}
.claim .form-50.warn { background: url(../img/bg_form.png) center center no-repeat; }
.claim .form-50:not(.warn) .form50Msg { display:none !important; }
.claim .container {margin: 40px auto 110px auto;}
.claim .container h1 {display:block; font-size: 30px; /* margin-bottom: 10px; */}
textarea {padding:15px 0px 0px 15px; font-size: 14px !important; line-height: 14px; vertical-align: top;}


	/* ------------ Tableau ------------ */
	.claim .tableau {margin-top: 40px;}
	.claim .tableau p {font-size: 14px; text-align: left;}

	.tableau .table {width: 300px; display: inline-block; margin:20px 20px 0px 0px; text-align: left;}
/*
	.tableau > div > .table:nth-child(3n+3) {margin-right: 0px;}
*/
	.table .orange {position:relative; background: #e35205; padding: 10px 15px; line-height: 20px; color: #ffffff; white-space: nowrap; overflow-x: hidden;}
	.table .orange p {font-size: 16px;}
	.table .gris {position:relative; min-height:140px; background: #eeefee; padding: 15px;}
	.table li {font-size: 14px; line-height: 22px; white-space: nowrap; overflow-x: hidden;}
	.table li.small {font-size: 12px; }

	.table a {
        position:absolute; left:15px; bottom:20px; 
        /* width: 120px; */
        width: 90%; 
        line-height:30px; 
        background: #01a9e0; 
        font-size: 14px; 
        color: #fff; 
        text-transform: uppercase; 
        padding: 0px 10px; 
	}
	.table .picto {background-position: -200px -81px; height: 10px; width: 7px; margin-left: 15px;}
	.table a.jaune {background: #f2a900;}
	.table a.vert {background: #009a44;}
	.table a.violet {background: #a50034;}
	.table a.vertfonce {background: #007a53;}

	.table span {position:absolute; left:15px; bottom:20px; line-height:30px; padding: 0px 10px; font-size: 14px; color: #fff; text-transform: uppercase;}
	.table span.jaune {background: #f2a900;}
	.table span.vert {background: #009a44;}
	.table span.violet {background: #a50034;}
	.table span.vertfonce {background: #007a53;}
	
	.policyList div.policyItem.bold {
		border: 3px solid #f2a900;
		box-shadow: 0 7px 8px -4px rgb(0 0 0 / 30%), 0 5px 22px 4px rgb(0 0 0 / 15%), 0 12px 17px 2px rgb(0 0 0 / 30%);
	}

/* ------------ CLAIM QUESTIONS ------------ */
.bloc-questions {padding-bottom: 110px;}
.bloc-questions li .picto {background-position: -229px -81px; width: 20px; height: 18px; margin-right: 10px; vertical-align: top;}
.bloc-questions form > ul > li {padding: 20px; }
.bloc-questions form > ul > li:nth-child(odd) {background:#fff;}
.bloc-questions form > ul > li:nth-child(even) {background:#f6f7f6;}
.bloc-questions form > ul > li p {display: inline-block;}
.bloc-questions input[type="radio"] {width: 20px; height: 20px; line-height: 20px; vertical-align: top; margin-top: 2px;}

.bloc-questions form > ul > li > div {max-width: 49.5%; width: 100%; display: inline-block; text-align: left; vertical-align: middle;}
.bloc-questions form > ul > li p {width: 85%;}

.bloc-questions input[type="checkbox"] {width: 20px; height: 13px; text-align: left; margin-right: 5px; margin-top: 5px; vertical-align: top;}
.bloc-questions input[type="text"] {padding-left:15px; font-size: 14px !important;}
.bloc-questions .form-other {margin-top: 10px;}
.bloc-questions .reponse {font-size: 14px !important;}
.bloc-questions .reponse p {width: 90%;}
.bloc-questions .p5 {margin-top: 5px;}
.bloc-questions .questions-hide {display: none;}
.bloc-questions .yesno p {width: 40px !important;}

.bloc-questions .select2 {border: none; width: 237px !important; float: left; text-align: left;}
.bloc-questions .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 35px !important; color: #6B6B6B; font-size: 14px;}
.bloc-questions .select2-selection--single {width: 237px; height:50px; border: 1px solid #c7c9c7;}
.bloc-questions .select2-selection--single {background: url(../img/form/fleche.png) no-repeat 95% center #fff;}
.bloc-questions .select2-selection__placeholder {font-size:14px; font-family: 'Open Sans', sans-serif;}

.bloc-questions {margin-bottom: 110px;}
.bloc-questions label {cursor: pointer;}

div.answeroption {margin-bottom:10px; width:100%; text-align:left;}
div.answeroption span {display:inline-block; margin-left: 10px; width:75%; line-height:21px; vertical-align:top;}

div#claimSubmit .bloc-questions input[type="radio"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
}

div#claimSubmit div#answeroptions {
	display: inline-block;
	width: 100%;
	padding: 80px 20px 40px 20px;
	vertical-align: top;
}

/* ------------ CLAIM CONTACT ------------ */
.claim-contact {margin-bottom: 110px;}
.claim-contact .bloc-100 {padding: 30px 35px;}
.claim-contact .bloc-100.gris {background:#f6f7f6;}
.claim-contact .bloc-100 > div {margin-bottom: 5px;}
.claim-contact label {display: block; padding: 10px 0px;}
.claim-contact input {width: 100%; max-width:880px; min-width: 277px; height:50px; line-height: 50px; padding-left: 15px;}
.claim-contact #country, .claim-contact #apcategorylist {width: 100%; height: 50px; padding-left: 10px; border: 1px solid #c7c9c7;}

#form-call, #form-mail, #form-warn {border-top: 1px solid #cbcdcd; padding: 20px 40px; margin-bottom: 30px;}
#form-call, #form-mail {border-bottom: 1px solid #cbcdcd; display: flex;}
#form-call > div, #form-mail > div, #form-warn > div {display: inline-block;}
#form-call .picto {background-position: -560px 0px; width: 40px; height: 40px; margin-right: 20px;}
#form-mail .picto {background-position: -340px -80px; width: 60px; height: 48px; margin-right: 20px;}
#form-warn .picto {background-position: -410px -78px; width: 58px; height: 50px; margin-right: 20px;}

div#docdonelist .docdoneitem:not(:first-child) .docdoneheader {
    display:none;
}

/* ------------ NEW CLAIM ------------ */
.claim-create {margin-bottom: 110px;}
.claim-create label {display: block; margin-bottom: 10px;}


/* ------------ CLAIM UPLOAD ------------ */
.claim-upload {margin-bottom: 110px;}
.claim-upload label {display: block; margin-bottom: 10px;}
.claim-upload form {margin-bottom: 10px;}

/* INPUT FILE*/
.js .input-file-container { display: inline-block; position: relative; width: 120px; vertical-align: top; cursor:pointer;}
.js .input-file-trigger1 { display: block; text-align: center !important; line-height: 50px; background: #c7c9c7; color: #fff; font-size: 16px; font-weight:600; cursor: pointer; text-transform: uppercase;}
.js .input-file1 { position: absolute; top: 0; left: 0; width: 225px; padding: 14px 0; opacity: 0; cursor: pointer;}
.file-return1 { display: inline-block; width:280px; height: 50px; border:1px solid #c7c9c7; margin-right: 20px;}
.js .file-return1 { font-size: 16px; line-height: 50px; }

/* ------------ CLAIM CONFIRM ------------ */
.bloc-confirm {padding: 40px;}
.bloc-confirm li {padding: 10px 0px;}
.bloc-confirm li div {display:inline-block; width: 49.5%; vertical-align: top;}
.bloc-confirm li div:first-child p {font-weight: 600;}
.bloc-confirm h3 {color: #0077c8;}

.claim-confirm {margin-bottom: 110px;}
.claim-confirm input[type="checkbox"],.claim-confirm p {display: inline-block; vertical-align: top;}
.claim-confirm p {width: 90%;}
.claim-confirm input[type="checkbox"] {width: 20px; height: 13px; text-align: left; margin-right: 5px; margin-top: 5px;}
.claim-confirm form .bloc-100 {display:block; padding-left: 30px; }
.claim-confirm form .bloc-100:nth-child(2) {padding-bottom: 30px; border-bottom: 1px solid #cbcdcd;}

.table div.claimstatus a
{
    height: 30px;
    overflow: hidden;
}
.table div.claimstatus a .picto
{
    position: absolute;
    right: 10px;
    top: 10px;
}

.missingData {
    background-color: antiquewhite;
}

/* ---------------- help button ------------ */
div#helpbt {
	background-color: #004684;
	color: white;
	cursor: pointer;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999999;
	height: 60px;
    width: 60px;
	border-radius: 50%;
    text-align: center;
    line-height: 60px;
	box-shadow: 0 7px 8px -4px rgb(0 0 0 / 30%), 0 5px 22px 4px rgb(0 0 0 / 15%), 0 12px 17px 2px rgb(0 0 0 / 30%);
	/* font-style: italic; */
	/* padding: 7px 15px; */
}
div#helpbt:hover {
	background-color: #480084;
}
span#closehelpbt {
	position: absolute;
	right: 5px;
	top: -3px;
	z-index: 9999999;
	font-weight: bold;
	font-style: initial;
	font-size: small;
}

/* ----- index & contract list bottom page ----- */
div#bottom_info_pane{
    display: grid;
    grid-template-columns: auto auto auto auto;
	margin: 20px 0 20px 20px;
}


div#bottom_info_pane img{
    height: 64px;
}

div#bottom_info_pane div{
    text-align: center;
    padding: 20px 20px 0 0;
}

div#bottom_info_pane div.float-bloc {
	display: inline;
}
div#bottom_info_pane div.float-bloc-left {
	float: left;
	padding: 0;
}
div#bottom_info_pane div.float-bloc-right {
	padding: 5px 0 0 75px;
	text-align: left;
    font-size: 18px;
}
div#bottom_info_pane div.float-bloc-right1 {
	padding: 5px 0 0 70px;
	text-align: left;
    font-size: 18px;
}
div#bottom_info_pane div.float-bloc-right2 {
	padding: 5px 0 0 60px;
	text-align: left;
    font-size: 18px;
}
div#bottom_info_pane div.float-bloc-right3 {
	padding: 5px 0 0 70px;
	text-align: left;
    font-size: 18px;
}
div#bottom_info_pane div.float-bloc-right4 {
	padding: 5px 0 0 75px;
	text-align: left;
    font-size: 18px;
}

div#bottom_info_pane div ul{
    list-style-type: disc;
}

/* feedback score rating */
div.feedback {
	display:grid;
	grid-template-columns: minmax(300px, max-content) minmax(350px, max-content) auto;
	margin-top: 40px;
}

div.feedback > div {
	margin: 0 20px 20px 0;
}
		
div.rating-list {
	display: inline-block;
	line-height: 40px;
}

div.rating-list > span {
	float: right;
	color: #ddd;
	padding: 5px 5px 0 0;
	cursor: pointer;
	font-size: 70px;
}

div.rating-list > span:hover,
div.rating-list > span:hover ~ span,
div.rating-list > span.selected,
div.rating-list > span.selected ~ span
{
	color: #0077c8;
}