/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/*
------------- ------------- -------------
| | |
| | |
| | |
| ------------ |
| | |
| | |
| | |
------------- ------------- -------------
*/
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* checkbox capcha*/
html.no-scroll,
body.no-scroll,
.page-section-current.no-scroll {
overflow: hidden;
}
/* CSS cylinder PACKED CUSTOMERS */
.texteInfosCylinder{
overflow:auto;
color: #131315;
font-size: 11.2px;
}
.title-InfosCylinder{
color: #ff0000;
font-size: x-large;
}
.divAllCylinder{
width: 33%;
float:left;
margin-bottom: 20px;
}
.imageAllCylinder{
float:left;
margin-right: 9px;
margin-top: 13px;
width:128px;
}
.ligneseparation{
margin: -41px auto;
width: 100%;
height: 1px;
background-color: #f44336;
border: none;
}
#ligneHidden , #ligneHidden2{
display:none;
}
.addCylinder{
background: url('../images/shopping_icon.png') no-repeat rgba(51, 128, 185, 1);
background-color: #4CAF50;
border: none;
color: white;
padding: 9px 31px 10px 52px;
text-align: center;
text-decoration: none;
font-size: 16px;
border-radius: 8px;
}
.RemoveCylinder{
background: url('../images/remove-shopping.png') no-repeat rgba(51, 128, 185, 1);
display: none;
background-color: #f44336;
border: none;
color: white;
padding: 9px 13px 10px 41px;
text-align: center;
text-decoration: none;
font-size: 16px;
border-radius: 8px;
}
.DivButtonCylinder{
text-align: center;
}
#ConfirmCylinder{
background-color: #4CAF50;
border: none;
color: white;
padding: 11px 46px;
text-align: center;
text-decoration: none;
font-size: 16px;
border-radius: 8px;
}
#CancelCylinder{
background-color: #f44336;
border: none;
color: white;
padding: 11px 46px;
text-align: center;
text-decoration: none;
font-size: 16px;
border-radius: 8px;
}
.MoreCylinder{
text-align: center;
font-size: 16px;
}
.MoreCylinderSnap{
color: #0a8a10;
font-size: 18px;
margin-bottom : 6px;
}
.MoreCylinderButton{
color: #0a8a10;
background-image: url(../images/more.png) ;
width: 30px;
height: 30px;
padding: 0;
cursor: pointer;
margin-left: 48.8%;
margin-top: 9px;
}
.HiddenCylinder{
display: none;
}
@media screen and (max-width: 768px) {
.divAllCylinder {
float: none;
width: 390px;
}
.ligneseparation{
display:none;
}
#ligneHidden #ligneHidden2{
display:none;
}
}
/* ------------------------------------------------ */
/* ---------Tableu place order antargaz--------------- */
table#t01 tr:nth-child(even) {
background-color: #f4f4f4;
font-size: 14px;
text-align: center;
}
table#t01 tr:nth-child(odd) {
background-color:#fff;
font-size: 14px;
text-align: center;
}
table#t01 th {
background-color: #51ae58;
color: white;
}
.ImageCylinder {
height: 81px;
width: 43px;
}
.PictureBottle {
cursor: pointer;
}
#messagePopUpCylinderInfo{
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.333);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
margin:auto;
margin-top:300px;
width: 647px;
min-height: 70px;
text-align: left;
color: #4d4d4d;
padding: 25px;
z-index: 9999;
position:relative;
}
.divPopUpCylinderInfo {
display:none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
min-height: 118%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
.InfosCylinder{
overflow:auto;
color: #131315;
font-size: 14px;
}
.BigImageCylinder {
float:left;
margin-right: 9px;
margin-top: 13px;
width:128px;
}
.CloseCylinder {
cursor: pointer;
background-color: #4CAF50;
border: none;
color: white;
padding: 9px 37px;
text-align: center;
text-decoration: none;
font-size: 16px;
border-radius: 4px;
margin-left: 73%;
margin-top: -10px;
}
/* ------------------------------------------------ */
/* ---------Tableu VersionSuivi--------------- */
.VersionSuivi {
font-size: 17px;
text-align: center;
width : 100%
}
table#t02 tr:nth-child(odd) {
font-size: 17px;
text-align: center;
font-size: 17px;
}
table#t02 th {
background-color: #51ae58;
color: white;
font-size: 17px;
}
/* ------------------------------------------------ */
input#nobot[type=checkbox] { /* On cache le bouton par défaut */
display: none;
}
input#nobot[type=checkbox]+label:before {
/* CSS du nouveau bouton décoché */
content: "";
display: inline-block;
width: 15px;
height: 15px;
vertical-align: middle;
margin-right: 15px;
background-color: rgba(0, 0, 0, 0);
box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 1);
border-radius: 4px;
margin-top: -2px;
}
input#nobot[type=checkbox]:checked+label:before {
/* CSS du nouveau bouton coché */
content: "\2714";
color: black;
background-color: rgba(0, 0, 0, 0);
font-size: 1.2em;
text-align: center;
line-height: 14px;
text-shadow: 0px 0px 1px #eee;
margin-top: -2px;
}
#nobot+label {
/* Couleur du texte pour acceptation des conditions */
color: #000000!important;
}
/* Design for csc web */
.global{
position: relative;
width: 100%;
}
.global .loginform_global {
top: 40px !important;
}
.pic{
width: 380px;
height: 285px;
margin: 0 auto;
}
.login{
margin: 150px auto;
width: 680px;
/*height: 300px;*/
}
.loginform{
margin: 0 auto;
width: 380px;
/*height: 300px;*/
}
.more{
margin-top: 5px;
}
.more a{
color: #F2F1EF;
text-decoration: none;
font-size: 13px;
}
.more a:hover{
text-decoration: underline;
}
input.footable-filter{
width: 250px !important;
/*background-image: url('../images/search.png');
background-repeat: no-repeat;*/
}
input[type=text]:hover, input[type=password]:hover{
border: 1px solid #F2F1EF;
}
input#login_client, input#login_Admin , input#forgot_snd, input#register_snd {
width: 380px;
height: 50px;
border: none;
font-size: 18px;
background: url('../images/login.png') no-repeat rgba(51, 128, 185, 1);
background-position: 35% 50%;
color: #FFFFFD;
text-align: left;
padding-left:45%;
cursor: pointer;
}
input#login_Admin {
width: 380px;
height: 50px;
border: none;
font-size: 18px;
background: url("../images/login.png") no-repeat scroll 35% 50% #F89828;
background-position: 35% 50%;
color: #FFFFFD;
text-align: left;
padding-left:45%;
cursor: pointer;
}
.demo input#login_Admin,
.demo input#login_Admin:hover,
.demo .formcustomersearchAdmin,
.demo #tablesearchcustomerAdmin th,
.demo #tablesearchcustomerAdmin thead td,
.demo #tablesearchcustomerAdmin tfoot > tr > td {
background: #89B840;
background-color: #89B840 !important;
border-color: #89B840 !important;
}
.ExpirelinkCSC{
text-align: center;
}
input#forgot_Validate{
width: 353px;
height: 50px;
border: none;
font-size: 18px;
background: url("../images/login.png") no-repeat scroll 35% 50% #F89828;
background-position: 35% 50%;
color: #FFFFFD;
text-align: left;
padding-left:45%;
cursor: pointer;
}
input#Reset_Validate_Link{
width: 380px;
height: 50px;
border: none;
font-size: 18px;
background: url("../images/login.png") no-repeat scroll 35% 50% #F89828;
background-position: 35% 50%;
color: #FFFFFD;
text-align: left;
padding-left:45%;
cursor: pointer;
}
input#backhomeLinkCsc{
width: 308px;
height: 50px;
border: none;
font-size: 18px;
background-color: #F89828;
color: #FFFFFD;
cursor: pointer;
}
input#ResetSecurity{
width: 164px;
height: 35px;
border: none;
font-size: 15px;
background: rgba(0, 0, 0, 0.33);
color: #FFFFFD;
cursor: pointer;
margin-left: 2%;
}
input#ResetPassword{
width: 164px;
height: 35px;
border: none;
font-size: 15px;
background: rgba(0, 0, 0, 0.33);
color: #FFFFFD;
cursor: pointer;
margin-top: 5px;
}
input#forgot_Back{
width: 180px;
height: 50px;
border: none;
font-size: 18px;
background-color: #DD4646;
color: #FFFFFD;
cursor: pointer;
}
input#forgot_Send{
width: 180px;
height: 50px;
border: none;
font-size: 18px;
background-color: #F89828;
color: #FFFFFD;
margin-left: 12px;
cursor: pointer;
}
.TextForgotSecurity{
width:100%;
font-size: 16px;
}
.ChangePasswordForgot{
width:100%;
display:none;
}
#ForgotSecurityQuestiontable{
display:none;
}
input#forgot_Continue {
width: 380px;
height: 50px;
border: none;
font-size: 18px;
background: url("../images/login.png") no-repeat scroll 35% 50% #F89828;
background-position: 35% 50%;
color: #FFFFFD;
text-align: left;
padding-left:45%;
cursor: pointer;
}
input#forgot_Continue2 {
width: 380px;
height: 50px;
border: none;
font-size: 18px;
background: url("../images/login.png") no-repeat scroll 35% 50% #F89828;
background-position: 35% 50%;
color: #FFFFFD;
text-align: left;
padding-left:45%;
cursor: pointer;
}
input#ChangePassword {
width: 353px;
height: 50px;
border: none;
font-size: 18px;
background: no-repeat scroll 35% 50% #E67E22 ;
color: #FFFFFD;
cursor: pointer;
margin-left: 223px;
}
input#MarketingGDPR {
background: no-repeat scroll 35% 50% #E67E22 !important;
}
input#SaveChangeGDPR, input#SaveChangeInformation{
background: no-repeat scroll 35% 50% #E67E22 !important;
/*margin: 0 auto;*/
}
input#ChangeSECURITY_Q{
width: 353px;
height: 50px;
border: none;
font-size: 18px;
background: no-repeat scroll 35% 50% #E67E22;
color: #FFFFFD;
cursor: pointer;
margin-left: 14px;
}
input#CancelAgreement {
min-width: 280px;
height: 42px;
border: none;
font-size: 14px;
background: url('../images/login.png') 15px center no-repeat #108524 !important;
background-size: 10% !important;
color: #F6F6F6;
text-align: left;
cursor: pointer;
margin-left: 294px;
padding-left: 60px;
}
input#Logintomyaccount {
cursor: pointer;
margin-left: 35%;
margin-right: auto;
background: none repeat scroll 0 0 #019875 !important;
}
input#backhomeAgreement {
width: 320px;
height: 50px;
border: none;
font-size: 18px;
background: url('../images/login.png') no-repeat rgba(51, 128, 185, 1);
background-position: 5% 50%;
color: #FFFFFD;
text-align: center;
padding-left:5%;
cursor: pointer;
}
.cancellcontractoffer{
margin-top: 130px;
margin-left: 160px;
}
#messagepaspossible{
color:black;
}
input#VALIDATE_password{
width: 354px;
height: 50px;
border: none;
font-size: 18px;
background: url("../images/login.png") no-repeat scroll 35% 50% #F89828;
background-position-x: 35%;
background-position-y: 50%;
background-position: 32% 50%;
color: #FFFFFD;
text-align: left;
padding-left: 42%;
cursor: pointer;
}
input#reset_password{
width: 100%;
height: 50px;
border: none;
font-size: 18px;
background: url("../images/login.png") no-repeat scroll 35% 50% #F89828;
background-position: 25% 50%;
color: #FFFFFD;
text-align: left;
padding-left:34%;
cursor: pointer;
}
.reset_passwordAnta{
width: 353px;
height: 50px;
border: none;
font-size: 18px;
background: url("../images/login.png") no-repeat scroll 35% 50% #89B840 !important;
background-position: 25% 50% !important;
color: #FFFFFD;
text-align: left;
padding-left:34%;
cursor: pointer;
}
.passwordAnta{
background: url('../images/pwd.png') no-repeat rgba(236, 240, 241, 0.2);
background-position: 2% 50%;
padding-left: 50px;
width: 353px !important;
height: 45px;
font-size: 17px;
color: #FFFFFF;
}
.ButtonVALIDATEPW{
width: 380px;
}
input#VALIDATE_Security{
width: 380px;
height: 50px;
border: none;
font-size: 18px;
background: url("../images/login.png") no-repeat scroll 35% 50% #F89828;
background-position-x: 35%;
background-position-y: 50%;
background-position: 32% 50%;
color: #FFFFFD;
text-align: left;
padding-left: 42%;
cursor: pointer;
}
.Changepassword{
margin-top: 0px !important;
}
input#CLOSEMarketingGDPR{
background: no-repeat scroll 35% 50% #E67E22 !important;
}
#TextMarketingCom{
font-size: 20px;
font-weight: bold;
}
.PopUpPreferenceMarketing{
display: none;
}
input#ValidateMarketingHOME{
background: #0CB701 !important;
margin-left: 75%;
}
/*__________________CSC Type Radio Account information________________________________ */
.labelGDPRMark {
cursor: pointer;
margin: 10px 10px;
display: inline;
}
.labelGDPRMark:before {
content: '';
display: inline-block;
height: 18px;
width: 18px;
border-radius: 87%;
z-index: 2;
transition: box-shadow 0.4s ease, background -0.7s ease;
border: 2px solid orange;
border-color: orange;
box-shadow: inset 0px 0px 0 2px rgb(255, 255, 255);
margin: 0 0px -4px 0px;
}
.GDPRRadioMark:checked + label:before {
box-shadow: inset 0px 0px 0 2.5px rgb(255, 255, 255);
background: #ed9b0c;
}
.GDPRRadioMark {
display: none;
}
/*__________________________________________________ */
/*__________________CSC Type Radio GDPR HOME________________________________ */
.GDPRRadio {
display: none;
}
.labelGDPR {
cursor: pointer;
margin: 10px 10px;
display: inline;
}
.labelGDPR:before {
content: '';
display: inline-block;
height: 18px;
width: 18px;
border-radius: 87%;
z-index: 2;
transition: box-shadow 0.4s ease, background -0.7s ease;
border: 2px solid orange;
border-color: orange;
box-shadow: inset 0px 0px 0 2px rgb(255, 255, 255);
margin: 0 0px -4px 0px;
}
.GDPRRadio:checked + .labelGDPR:before {
box-shadow: inset 0px 0px 0 2.5px rgb(255, 255, 255);
background: #ed9b0c;
}
/*__________________________________________________ */
input#ValidateMarketingGDPR{
background: no-repeat scroll 35% 50% #E67E22 !important;
margin-left: 2%;
}
input#login_client:hover, input#forgot_snd:hover{
background: url('../images/login.png') no-repeat #3498db;
background-position: 35% 50%;
}
input#login_Admin:hover, input#forgot_snd:hover{
background: url('../images/login.png') no-repeat #3498db;
background-position: 35% 50%;
}
input#username, input#LoginAdmin, input#accountNumber, input#postcode, input#postcodeLoginMode4,input#reponsequestion,input#reponsequestionfirst,#questionpasswordfirst,input#registercode, input#lastInvoiceNumber{
background: rgba(236, 240, 241, 0.2);
padding-left: 50px;
width: 380px;
height: 45px;
font-size: 17px;
color: #FFFFFF;
border: none;
}
input#LoginAdmin{
background: rgba(236, 240, 241, 0.2);
padding-left: 50px;
width: 380px;
height: 45px;
font-size: 17px;
color: #FFFFFF;
border: none;
}
input#userForgot{
background: rgba(236, 240, 241, 0.2);
padding-left: 50px;
width: 380px;
height: 45px;
font-size: 17px;
color: #FFFFFF;
border: none;
}
.InputuserForgotAvanti{
width: 353px !important;
}
input#PostcodeForgot{
background: rgba(236, 240, 241, 0.2);
padding-left: 50px;
width: 380px;
height: 45px;
font-size: 17px;
color: #FFFFFF;
border: none;
}
input#passwordforgot1{
background: url('../images/pwd_avanti.png') no-repeat rgba(236, 240, 241, 0.2);
background-position: 2% 50%;
padding-left: 50px;
width: 313px;
height: 45px;
font-size: 17px;
color: #FFFFFF;
}
input#passwordforgot2{
background: url('../images/pwd_avanti.png') no-repeat rgba(236, 240, 241, 0.2);
background-position: 2% 50%;
padding-left: 50px;
width: 313px;
height: 45px;
font-size: 17px;
color: #FFFFFF;
}
#Customerid{
padding-left: 0px;
text-align: center;
width: 180px;
height: 32px;
font-size: 16px;
border: none;
display:inline;
margin-left: 12px;
bolor: black;
}
.wrap-Customer {
display: flex;
width: 100%;
}
#Customeradress {
padding-left: 0px;
width: 240px;
height: 91px;
font-size: 16px;
border: none;
display: inline;
margin-left: 10px;
padding: 5px;
font-size: 14px;
}
#Customername {
padding-left: 0px;
text-align: center;
width: 300px;
height: 32px;
font-size: 16px;
border: none;
display: inline;
margin-left: 10px;
font-size: 14px;
}
.titrecancel{
padding-left: 0px;
font-size: 23px;
border: none;
color: #fcf9f9;
}
#textcalncel{
padding-left: 0px;
font-size: 17px;
border: none;
color: #fcf9f9;
}
#textLogintomyaccount{
padding-left: 0px;
font-size: 17px;
border: none;
color: #ffffff;
}
.divCancelAgreement{
margin-left: auto;
margin-right: auto;
margin-top: 130px;
}
#form_cancelagrement{
padding-left: 34px;
width: 700px;
background: #29496b;
min-height: 346px;
margin-left: auto;
margin-right: auto;
}
.divmessagepdf{
padding-left: 74px;
width: 694px;
background: #29496b;
height: 169px;
margin-top: 200px;
margin-left: auto;
margin-right: auto;
}
.divmessageAgreement{
padding-left: 74px;
width: 694px;
background: #29496b;
height: 162px;
margin-left: auto;
margin-right: auto;
margin-top: 196px;
}
select#questionpassword{
max-width:400px !important;
height:3.3125em;
width: 380px;
height: 45px;
font-size: 16px;
padding: 0;
padding-left: 46px;
}
input#username, input#LoginAdmin, input#userForgot, input#pwd, input#passwordAdmin, input#password1, input#password2, input#mailForgot, input#accountNumber, input#email, input#postcode, input#postcodeLoginMode4,input#reponsequestion,input#reponsequestionfirst,#questionpasswordfirst,input#registercode,input#lastInvoiceNumber, input#oldPassword {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
input#passwordforgot1, input#passwordforgot2{
margin-top: 0.8em;
margin-bottom: 0.8em;
}
input#passwordforgotLink1, input#passwordforgotLink2{
margin-top: 0.8em;
margin-bottom: 0.8em;
}
input#username, input#userForgot, input#accountNumber, input#postcode, input#postcodeLoginMode4{
background: url('../images/usr.png') no-repeat rgba(236, 240, 241, 0.2) ;
background-position: 2% 50%;
}
input#LoginAdmin {
background: url('../images/usr_avanti.png') no-repeat rgba(236, 240, 241, 0.2) ;
background-position: 2% 50%;
}
input#postcode, input#postcodeLoginMode4{
background: url('../images/usr.png') no-repeat rgba(236, 240, 241, 0.2) ;
background-position: 2% 50%;
}
input#registercode{
background: url('../images/pwd.png') no-repeat rgba(236, 240, 241, 0.2);
background-position: 2% 50%;
}
input#lastInvoiceNumber{
background: url('../images/invoice.png') no-repeat rgba(236, 240, 241, 0.2);
background-position: 2% 50%;
}
input#postcode, input#postcodeLoginMode4{
background: url('../images/postcode.png') no-repeat rgba(236, 240, 241, 0.2);
background-position: 2% 50%;
}
input#reponsequestionfirst{
background: url('../images/answer.png') no-repeat rgba(236, 240, 241, 0.2);
background-position: 2% 50%;
}
#questionpasswordfirst{
background: url('../images/loginInfo.png') no-repeat rgba(236, 240, 241, 0.2);
background-position: 2% 50%;
}
select#questionpasswordfirst{
width: 380px !important;
max-width: 380px !important;
}
#questionpasswordfirst{
background-position: 2% 50%;
}
.DivForgot{
display: none;
}
#SeparforgotPass{
width: 115.8%;
margin-left: -30.5px;
}
input#pwd {
background: url('../images/pwd.png') no-repeat rgba(236, 240, 241, 0.2);
background-position: 2% 50%;
padding-left: 50px;
width: 380px;
height: 45px;
font-size: 17px;
color: #FFFFFF;
border: none;
}
input#passwordAdmin {
background: url('../images/pwd_avanti.png') no-repeat rgba(236, 240, 241, 0.2);
background-position: 2% 50%;
padding-left: 50px;
width: 380px;
height: 45px;
font-size: 17px;
color: #FFFFFF;
border: none;
}
input#password1, input#password2, input#oldPassword{
background: url('../images/pwd.png') no-repeat rgba(236, 240, 241, 0.2);
padding-left: 50px;
width: 311px;
height: 45px;
font-size: 17px;
color: #FFFFFF;
}
input#passwordforgotLink1, input#passwordforgotLink2{
background: url('../images/pwd_avanti.png') no-repeat rgba(236, 240, 241, 0.2);
background-position: 2% 50%;
padding-left: 50px;
width: 340px;
height: 45px;
font-size: 17px;
color: #FFFFFF;
}
input#mailForgot, input#email{
background: url('../images/mail.png') no-repeat rgba(236, 240, 241, 0.2);
background-position: 2% 50%;
padding-left: 50px;
width: 380px;
height: 45px;
font-size: 17px;
color: #FFFFFF;
border: none;
}
.spanbutton{
cursor: pointer;
color: #FFFFFD;
font-size:12px;
}
.spanbutton:hover{
text-decoration: underline;
/*width: 109px !important;*/
}
.msg_info{
display:none;
background:url('../images/warning.png') no-repeat rgba(236, 240, 241, 1);
background-position: 2.5% 50%;
color: #F22613;
width: 680px;
height: 60px;
padding-left: 65px;
padding-top: 17px;
font-size:16px;
margin-bottom: 10px;
text-align: left;
margin-left: 8%;
}
.msg_info-alert-validdeliveredorderexists {
display:none;
background:url('../images/warning.png') no-repeat rgba(236, 240, 241, 1);
background-position: 2.5% 50%;
color: #F22613;
padding-left: 65px;
padding-right: 50px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 12px;
margin-bottom: 10px;
text-align: left;
}
.msg_info_Admin{
display:none;
color: #E11300;
height: 50px;
padding-top: 17px;
font-size: 16px;
}
#msg_infoForget{
display:none;
background:url('../images/warning.png') no-repeat rgba(236, 240, 241, 1);
background-position: 2.5% 50%;
color: #F22613;
width: 861px;
height: 75px;
padding-left: 65px;
padding-top: 10px;
font-size:16px;
margin-bottom: 10px;
text-align: left;
margin-left: 8%;
}
.msg_info_required, .msg_info_pwd, .msg_info_pwd2 , .msg_info_email{
display:none;
background:url('../images/warning.png') no-repeat rgba(236, 240, 241, 1);
background-position: 2.5% 50%;
color: #F22613;
width: 786px;
height: 60px;
padding-left: 65px;
padding-top: 10px;
font-size:16px;
margin-bottom: 10px;
text-align: left;
margin-left: 11%;
}
#messagefailed ,#messagefailedpwd{
display:none;
color: #F22613;
font-size: 15px;
}
#messagePWNotchanged {
display:none;
color: #F22613;
font-size: 15px;
}
#messagefailedLink ,#messagefailedpwdLink{
display:none;
color: #F22613;
font-size: 15px;
}
#msgPWNotchangedlink {
display:none;
color: #F22613;
font-size: 15px;
}
#msgPasswordInvalid{
display:none;
color: #F22613;
font-size: 15px;
}
#messagefailedoldpwd{
display:none;
color: #F22613;
font-size: 15px;
}
#messagewrongoldpassword {
display:none;
color: #F22613;
font-size: 15px;
}
#msg_infoExpirelinkCSC {
color: #F22613;
font-size: 16px;
}
#msgFailedID , #msgFailedInvalid {
display:none;
color: #F22613;
font-size: 15px;
}
#msgFailedAdminEmpty {
display:none;
color: #F22613;
font-size: 15px;
}
#msgFailedAdminRights {
display:none;
color: #F22613;
font-size: 15px;
}
#msgFailedLoginIncorrect {
display:none;
color: #F22613;
font-size: 15px;
width: 100%;
margin-bottom: 14px;
}
#msgFailedLoginIncorrect.display-block {
display: block !important;
}
#msgFailedAnswer, #msgAnswerInvalid {
display:none;
color: #F22613;
font-size: 15px;
}
#messagePWNotchanged {
display:none;
color: #F22613;
font-size: 15px;
}
#messagePWChanged {
display:none;
color: #03A817;
font-size: 15px;
}
#messagePWChangedLink {
display:none;
color: #03A817;
font-size: 15px;
}
.ClassMsgEmailSent{
display:none;
color: #03A817;
font-size: 18px;
}
#SecurityQuestionSpan {
font-size: 16px;
}
#msgReponseValid {
display:none;
color: #00AB26;
font-size: 15px;
}
#msgPasswordValid {
display:none;
color: #00AB26;
font-size: 15px;
}
#msgReponse {
display:none;
color: #F22613;
font-size: 15px;
}
.msg_info_succes, .msg_infoForgot{
display:none;
background:url('../images/success.png') no-repeat rgba(236, 240, 241, 1);
background-position: 2.5% 50%;
color: #26A65B;
width: 680px;
height: 60px;
padding-left: 65px;
padding-top: 10px;
font-size:16px;
margin-bottom: 10px;
text-align: left;
margin-left: 11%;
}
.msg_info_succes.withMessage {
width: 100%;
padding: 10px 0 10px 73px;
height: auto !important;
margin-left: 0;
background-position: 2.5% 12%;
}
.msg_info_succes.withMessage .final-message-concession {
color: red;
}
.msg_info_Resetsuces{
display:none;
background:url('../images/success.png') no-repeat rgba(236, 240, 241, 1);
background-position: 2.5% 50%;
color: #26A65B;
width: 680px;
height: 60px;
padding-left: 65px;
padding-top: 10px;
font-size:16px;
margin-bottom: 10px;
text-align: left;
margin-left: 11%;
}
.msg_info_message{
display:none;
background:url('../images/warning.png') no-repeat rgba(236, 240, 241, 1);
background-position: 2.5% 50%;
color: #F22613;
width: 100%;
height: 60px;
padding-left: 65px;
padding-top: 10px;
font-size:16px;
margin-bottom: 10px;
text-align: left;
}
.msg_info_amount{
display:none;
background:url('../images/warning.png') no-repeat rgba(236, 240, 241, 1);
background-position: 2.5% 50%;
color: #F22613;
width: 100%;
height: 60px;
padding-left: 65px;
padding-top: 10px;
font-size:16px;
margin-bottom: 10px;
text-align: left;
}
.alert-counter-confirm,
.msg_info_updateMeterConfirm{
display:none;
background:url('../images/confirm.png') no-repeat rgba(236, 240, 241, 1);
background-position: 1.5% 10%;
color: #4F4F4F;
width: 450px;
height: 240px;
padding-left: 65px;
padding-right: 65px;
padding-top: 10px;
font-size:14px;
margin-bottom: 10px;
text-align: left;
}
.msg_info_error, .msg_infoRegister, .msg_accountExist, .msg_accountInactive, .msg_accountError,.msg_formatclient,.msg_formatmail,.msg_accountpb,.msg_notRecognized, .msg_ErrorLogin,
.msg_notauthorizedaccount{
display:none;
margin: auto;
background:url('../images/warning.png') no-repeat rgba(236, 240, 241, 1);
background-position: 2.5% 50%;
color: #F22613;
width: 680px;
height: 60px;
padding-left: 65px;
padding-top: 10px;
font-size:16px;
margin-bottom: 10px;
text-align: left;
}
.msg_infoExpire{
width: 680px;
display: block;
margin-top: 25px;
background:url('../images/warning2.png') no-repeat rgba(236, 240, 241, 1);
background-position: 2.5% 50%;
color: #F22613;
height: 60px;
padding-left: 65px;
padding-top: 10px;
font-size:16px;
margin-bottom: 5px;
text-align: left;
}
.loaderajax{
display: none;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .5 ) url('../images/loader.GIF') 50% 50% no-repeat;
}
.loaderajaxEnddat{
display: none;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
height: 15%;
width: 23%;
background: rgba(238, 246, 246, 0.5) url('../images/loader.GIF') 50% 50% no-repeat;
margin: 19% 16% 18% 56%;
}
.large-8 img{
width: 50%;
/*height: 93px;*/
}
/* ********************************* */
/* --------- BULK TEMPLATE --------- */
/* ********************************* */
#noCommande{
font-size: 18px;
}
/* ****************************************** */
/* --------- CONTRACT LIST TEMPLATE --------- */
/* ****************************************** */
table.ManualOrder thead th, table.ManualOrder tfoot td{
background: #D35400 !important;
border-color: #D35400 !important;
}
table.SystematicOrder thead th, table.SystematicOrder tfoot td{
background: #6C7A89 !important;
border-color: #6C7A89 !important;
}
table.AutomaticOrder thead th, table.AutomaticOrder tfoot td{
background: #9B59B6 !important;
border-color: #9B59B6 !important;
}
table.TenantOrder thead th, table.TenantOrder tfoot td{
background: #0698F8 !important;
border-color: #0698F8 !important;
}
/* ************************************* */
/* --------- MESSAGES TEMPLATE --------- */
/* ************************************* */
.globalMessage{
width: 100%;
}
.listmessage{
float: left;
width: 30%;
}
.message, .messageactive{
width: 100%;
background: #FFFFFD;
border-top: 1px solid #BDC3C7;
border-right: 1px solid #BDC3C7;
border-bottom: 1px solid #BDC3C7;
padding: 14px;
color: #727272;
-webkit-transition: background 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, box-shadow 0.3s;
transition: background 0.3s, box-shadow 0.3s;
-webkit-transition: width 0.5s ease;
-moz-transition: width 0.5s ease;
-ms-transition: width 0.5s ease;
-o-transition: width 0.5s ease;
transition: width 0.5s ease;
}
.messageactive{
background: #E3E8E4;
}
.message:hover{
background: #E3E8E4;
width: 103%;
z-index: 9999;
}
.date{
float:right;
color: #353535;
font-size:11px;
}
.sender{
color: #353535;
}
.subject{
font-size: 12px;
}
.message_resume{
font-size: 11px;
}
.completeMessage{
display: none;
background: #F2F1EF;
padding: 25px;
color: #353535;
width: 69%;
float: right;
border-top: 1px solid #BDC3C7;
}
.contentmessage{
background: #FFFFFD;
padding: 15px;
}
.footable-filter-container{
display: none;
}
.contentmessage label, .subject label{
display: inline-block;
}
.contentmessage textarea{
resize: none;
height: 80px;
}
/* new message */
.global-overlay, .global-overlayContract{
display: none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
.global-overlay2{
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#PuopupGlobalG{
display: none;
position: fixed;
z-index: 9997;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#CurrentGaugePoPup{
position: relative;
z-index: 9998;
background: #E67E22;
}
#recalculateDate{
display: none;
}
#CurrentGaugeValid{
display: none;
background: none repeat scroll 0 0 #019875 !important;
margin-left: 40%;
}
#validerCurrentGauge{
background: none repeat scroll 0 0 #019875 !important;
margin-left: 40%;
}
input#yesbutton{
background: none repeat scroll 0 0 #26A65B;
}
input#nobutton{
background: none repeat scroll 0 0 #e74c3c;
width: 100px;
height: 40px;
}
.global-overlay-controlAmount{
display: none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
.controlAmount{
margin: 100px auto;
width: 350px;
height: auto;
background: rgba( 255, 255, 255, 1);
z-index: 9999;
padding: 25px;
border:1px solid rgba(0, 0, 0, 0.333333);
box-shadow:rgba(0, 0, 0, 0.2) 0 4px 16px;
color: #4d4d4d;
}
.createMessage{
margin: 50px auto;
width: 600px;
height: auto;
background: rgba( 255, 255, 255, 1);
z-index: 9999;
padding: 25px;
border:1px solid rgba(0, 0, 0, 0.333333);
box-shadow:rgba(0, 0, 0, 0.2) 0 4px 16px;
color: #4d4d4d;
}
.createMessage label{
display: inline-block;
}
.closemodal{
float: right;
}
.closeDivListContractPlace{
float: right;
color: red;
}
.closemodal i{
background:#E74C3C;
border: none !important;
}
/* ***************************************** */
/* ------- SEARCH CUSTOMER TEMPLATE -------- */
/* ***************************************** */
.formcustomersearch{
border-collapse: collapse;
table-layout: fixed;
margin: 0 auto;
width: 75%;
background: #4D87A8;
padding: 20px;
text-align: center;
}
.formcustomersearchAdmin{
border-collapse: collapse;
table-layout: fixed;
margin: 0 auto;
width: 70.9%;
background: #f89828;
padding: 20px;
text-align: center;
}
.formcustomersearchAdmin form table {
width: 100%;
}
#searchsubmitAdmin{
background: none repeat scroll 0 0 #27ae60 !important;
}
.formcustomersearch h3{
text-align: left;
color: #FFFFFD;
}
#tablesearchcustomer th, #tablesearchcustomer thead td{
background-color: #4D87A8 !important;
border-color: #4D87A8 !important;
}
#tablesearchcustomerAdmin th, #tablesearchcustomerAdmin thead td{
background-color: #f89828 !important;
border-color: #f89828 !important;
}
#tablesearchcustomer tfoot > tr > td{
background-color: #4D87A8 !important;
border-color: #4D87A8 !important;
}
#tablesearchcustomerAdmin tfoot > tr > td{
background-color: #f89828 !important;
border-color: #f89828 !important;
}
.color-5{
text-align: left !important;
}
.stopgaz{
color: white;
}
.divsoptgaz{
display:none;
}
#stopgazdisplay{
padding: 4px;
background-color: #E74C3C !important;
display: none;
}
#myofferdisplaybar{
padding: 4px;
cursor: Pointer;
background-color: #008000!important;
display: none;
}
.divmyoffer{
display:none;
}
.selectedcontract{
background-color: #e7e7e7 !important;
}
.basicTable,.basicTable tr:nth-of-type(2n){
background: none;
}
#backhome{
float: right;
}
#ForgotSecuritydetails{
}
#CLOSEChangePassword:hover {
width: 120px;
}
#CLOSEChangeSECURITY, #CLOSEChangePassword{
float: right;
width: 100px;
}
#divsage{
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.333);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
color: #4d4d4d;
margin:auto;
margin-top:100px;
padding: 25px;
width: 750px;
height: 550px;
text-align: left;
z-index: 9999;
}
#divordreexist{
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.333);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
margin:auto;
margin-top:200px;
width: 480px;
min-height: 300px;
text-align: left;
color: #4d4d4d;
padding: 25px;
z-index: 9999;
position:relative;
}
#divordrenew{
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.333);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
margin:auto;
margin-top:200px;
width: 650px;
min-height: 300px;
text-align: center;
color: #4d4d4d;
padding: 25px;
z-index: 9999;
position:relative;
}
#divordrenew #yesbutton{
margin-left: 80px;
}
#divordrenew #nobutton{
margin-right: 80px;
}
#divcontract{
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.333);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
margin:auto;
margin-top:200px;
width: 750px;
min-height: 450px;
text-align: left;
color: #4d4d4d;
padding: 12px;
z-index: 9999;
position:relative;
}
#listcontract{
height: 400px;
overflow: auto;
margin-top: 40px;
}
.customerInfoHeader{
/*border: 1px solid #FFFFFD;*/
margin: 0 auto;
width: 100%;
min-height: 70px;
max-height: 100%;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
font-weight: 800;
font-size: 16px;
padding: 5px;
background: #AEA8D3;
margin-bottom: 15px;
}
.customerInformations{
width: 30%;
float: left;
text-align: left;
padding-left: 15px;
}
.contractInfo{
width: 65%;
float: right;
}
.orderTable td{
height: 45px !important;
vertical-align: middle !important;
}
.orderTable select{
height: 24px !important;
}
#billingtablesearch{
width:600px;
}
#divsearchbilling{
background-color:#004B3A;
width: 650px;
margin: 0 auto;
padding: 10px;
}
#billingtable thead th, #billingtable tfoot td{
background: #004B3A !important;
border-color: #004B3A !important;
}
#billingtable tr td:last-child button {
margin: 0 auto;
}
#tablesearchorder thead th, #tablesearchorder tfoot td{
background: #653A76 !important;
border-color: #653A76 !important;
}
.imgInvoice{
cursor: pointer;
}
#F_createMessage input, #F_createMessage select{
margin-bottom: 1em;
}
.Consumption-page div.col2{
height: 395px !important;
}
#lastreadinglevel{
color: #FFFFFD;
background: url('../images/bouton_meter.png') repeat-y;
width: 85px !important;
}
.consoDetails{
background-color: #2A333C;
padding: 1.25em;
width: 100%;
}
.consoInputRead{
text-align: center !important;
background: #6c7a89 !important;
border: none !important;
color: #FFFFFD !important;
}
.consoDetails table.basicTable td{
border: none !important;
font-size: 14px;
color: #FFFFFD;
}
.readingGauge, .calculatedGauge{
width: 220px;
height: 220px;
}
.readingGaugeGeneral{
float: left;
}
.readingGaugeGeneral, .calculatedGaugeGeneral{
border: 1px solid #6c7a89;
padding: 0.520em;
height: 330px;
}
.readingGaugeInformations, .calculatedGaugeInformations{
margin-top: -25px;
}
.calculatedGaugeGeneral{
margin-left: 1em;
}
.fieldset_consoInfo{
padding: 0.3em 0.5em;
margin: 0;
}
.fieldset_consoInfo legend{
background: none;
}
.spangreen{
background-color: #26A65B;
width: 65px;
height: 23px;
padding-top: 4px;
display: inline-block;
text-align: center;
}
.spanred{
background-color: #C0392B;
width: 65px;
height: 23px;
padding-top: 4px;
display: inline-block;
text-align: center;
}
.spandisplay{
background-color: #6c7a89;
width: 95px;
min-height: 23px;
max-height: 65px;
padding-top: 3px;
display: inline-block;
text-align: center;
}
#citGauge{
width: 95px !important;
height: 1.85em !important;
text-align: center;
}
#pourcGauge{
width: 30px !important;
}
.globalPayment{
width: 50%;
margin: 0 auto;
background: #FFFFFD;
padding: 30px;
}
.linkupdate{
color: #222;
text-decoration: underline;
}
.col2{
min-height: 200px !important;
height: 100% !important;
}
.tableTabs{
width: 100%;
font-size: 18px;
text-align: center;
}
.tableTabs td{
color: #727272 !important;
}
.tableTabs tr td:hover{
cursor: pointer;
background: #19ABFF;
color: #FFFFFD !important;
}
.tableTabs td.active{
background: #19ABFF;
color: #FFFFFD;
color: #FFFFFD !important;
}
.globalTabs{
padding: 20px 10px 20px 10px;
}
.messagegauge {
text-align:left;
line-height:1.2em;
font-size:14px;
}
.messagegaugetitle {
text-align:left;
line-height:1.2em;
font-size:16px;
font-weight:bold;
}
#readingGaugeclient{
width:150px;
height:150px;
margin: 0 auto;
}
#tablebulkclientinfo{
width:100%;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2) !important;
border: none !important;
}
#tablebulkclientinfo td{
border: none !important;
color: #FFFFFD !important;
font-size: 16px !important;
}
#currentGauge{
}
#SpanTobeconfirmed{
color: #fe7474;;
}
#dateNewOrder {
text-align:center;
color: #222;
font-size: 18px;
font-weight: bold;
margin-left: 30%;
}
.csc_info_tiles{
text-align: left;
width: 100%;
}
#csc_info_tilesNew{
text-align: left;
background: #336e7b !important;
}
#csc_info_tilesNew label{
display: inline-block !important;
color: #FFFFFD;
}
.csc_info_tiles label{
display: inline-block !important;
color: #FFFFFD;
}
.inputPack{
text-align: center;
}
#buttonorder{
width: 100%;
padding-top: 10px;
}
#T_add_Pack thead th, #T_add_Pack tfoot td{
background: #105672 !important;
border-color: #105672 !important;
}
td.deliverycalc{
text-align: center !important;
font-weight: bold;
font-size: 16px;
}
td.GazWeight{
text-align: center !important;
font-weight: bold;
font-size: 16px;
}
.D_firstConnection{
width: 600px;
margin: 0 auto;
background: #4D87A8;
padding: 25px;
margin-bottom: 25px;
}
.D_firstConnection label{
display: inline-block !important;
color : #FFFFFD;
width: 225px !important;
}
.D_firstConnection input[type=text],
.D_firstConnection input[type=password],
.D_firstConnection select{
width: 300px !important;
max-width: 300px !important;
min-width: 300px !important;
}
.D_firstConnection textarea{
display: inline-block !important;
width: 300px !important;
height: 50px;
}
#username, #accountNumber,#pwd ,input#passwordAdmin {
width: 340px !important; /* force pour afficher la div info */
}
input#LoginAdmin {
width: 380px !important;
}
.infologin{
cursor: pointer;
background: url("../images/loginInfo.png") no-repeat rgba(236, 240, 241, 0.2);
background-position: 50% 50%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
width: 40px;
height: 45px;
float: right;
border: none;
z-index: 999;
}
.inputContainerWithHelper {
position: relative;
}
.invoiceInfoLogin, .postcodeInfoLogin{
cursor: pointer;
background: url("../images/loginInfo.png") no-repeat rgba(236, 240, 241, 0.2);
background-position: 50% 50%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
width: 40px;
height: 45px;
position: absolute;
right: 0;
top: 0;
border: none;
z-index: 999;
}
.infologinForgot{
cursor: pointer;
float: right;
margin-top: 6.5%;
}
.infoPostForgot{
float: right;
margin-top: 2.5%;
}
#IDInfopasswordForgot1{
color: #F89828;
}
#IDinfologinForgot{
color: #F89828;
}
.infopassword{
height: 29px;
float: right;
border: none;
z-index: 999;
}
.D_infoLogin, .D_invoiceInfoLogin, .D_postcodeInfoLogin{
/*background: url("../images/account_number_avantigas.jpg") no-repeat transparent;*/
background: rgba(64, 64, 64, 0.6);
width: 500px;
height: 314px;
display: none;
position: absolute;
cursor: pointer;
z-index: 9999;
}
.showpassword,.hidepassword{
cursor: pointer;
background-position: 50% 50%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
width: 40px;
height: 45px;
float: right;
border: none;
z-index: 999;
}
.showpasswordForgot1,.hidepasswordForgot1{
cursor: pointer;
background-position: 50% 50%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
width: 40px;
height: 45px;
float: right;
border: none;
z-index: 999;
}
.showpasswordForgotOld,.hidepasswordForgotOld{
cursor: pointer;
background-position: 50% 50%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
width: 40px;
height: 45px;
float: right;
border: none;
z-index: 999;
}
.InfopasswordForgot1{
float: right;
margin-top: 2.5%;
margin-left: 1.5%;
}
.InfopasswordForgot2{
float: right;
margin-top: 2.5%;
margin-left: 7.1%;
}
.infopasswordForgot{
cursor: pointer;
background-position: 50% 50%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
width: 40px;
height: 45px;
float: right;
border: none;
z-index: 999;
}
.showpasswordForgot2,.hidepasswordForgot2{
cursor: pointer;
background-position: 50% 50%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
width: 40px;
height: 45px;
float: right;
border: none;
z-index: 999;
}
.showpasswordAdmin,.hidepasswordAdmin{
cursor: pointer;
background-position: 50% 50%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
width: 40px;
height: 45px;
float: right;
border: none;
z-index: 999;
}
.showpassword i,.hidepassword i{
margin-top:9px;
margin-left:8px;
}
.showpasswordForgot2 i, .hidepasswordForgot2 i{
margin-top:9px;
margin-left:8px;
}
.showpasswordAdmin i, .hidepasswordAdmin i{
margin-top:9px;
margin-left:8px;
}
.showpasswordForgot1 i, .hidepasswordForgot1 i, .hidepasswordForgotOld i, .showpasswordForgotOld i{
margin-top:9px;
margin-left:8px;
}
.infopasswordForgot i{
margin-top:9px;
margin-left:8px;
}
.hidepassword{
display:none;
}
.hidepasswordAdmin{
display:none;
}
.hidepasswordForgot1 , .hidepasswordForgot2, .hidepasswordForgotOld{
display:none;
}
#lang_sel_click ul li a:hover, #lang_sel_click ul li a:focus,#lang_sel_list ul li a:hover, #lang_sel_list ul li a:focus{
text-decoration: underline !important;
}
#lang_sel_click ul li,#lang_sel_list ul li {
list-style-type:none;
}
.lang_sel_click ul li ul,#lang_sel_list ul li ul{
display: inline-block;
}
.lang_sel_click ul li ul li,#lang_sel_list ul li ul li{
display: inline-block;
}
/* SECTIONS */
.section {
clear: both;
padding: 0px;
margin: 0px;
}
/* COLUMN SETUP */
.col {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }
/* GROUPING */
.group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1; /* For IE 6/7 */
}
/* GRID OF THREE */
.span_3_of_3 {
width: 100%;
}
.span_2_of_3 {
width: 66.13%;
}
.span_1_of_3 {
width: 32.26%;
min-height: 171px;
height: 100%;
padding: 15px;
text-rendering: optimizelegibility;
background: rgba(80, 80, 80, 0.5);
}
.spanTexte{
font-size: 1em;
font-weight: normal;
line-height: 1.6;
}
.div_infotpl{
width: 550px;
}
#lang_sel_click{
float: right !important;
}
.tankconsumption{
background: none repeat scroll 0 0 #6c7a89 !important;
border: medium none !important;
color: #fffffd !important;
text-align: center !important;
height: auto;
width: 150px !important;
margin: 0 auto;
}
.inputgreen{
text-align: center !important;
background-color: #26A65B !important;
border: none !important;
color: #FFFFFD !important;
}
.selectedcontract{
overflow: hidden !important;
}
/* GO FULL WIDTH AT LESS THAN 600 PIXELS */
@media only screen and (max-width: 600px) {
.col {
margin: 1% 0 1% 0%;
}
.col2 {
margin: 1% 0 1% 0% !important;
}
}
/* CSS MOBILES ET TABLETTES */
@media only screen and (max-width: 600px) {
.span_3_of_3 {
width: 100%;
}
.span_2_of_3 {
width: 100%;
}
.span_1_of_3 {
width: 100%;
}
.span_2_of_2 {
width: 100% !important;
}
.span_1_of_2 {
width: 100% !important;
}
.div_infotpl, .orderTable{
width: 100%;
}
.login{
width: 100%;
}
.loginform{
width:100%;
}
.D_infoLogin{
width:100%;
}
.login input{
width: 100%;
}
input#login_client, input#login_Admin , input#forgot_snd, input#register_snd, input#pwd,input#passwordAdmin, input#password1, input#password2,
input#username,input#LoginAdmin, input#userForgot, input#accountNumber, input#postcode, input#postcodeLoginMode4, input#oldPassword {
width:100% !important;
}
.infologin{
display: none;
}
.pic{
width: 100%;
height: auto;
text-align: center;
}
.calculatedGauge{
width: 100%;
}
}
#valueGauge{
background-image:url('../images/pourcent.png');
background-repeat:no-repeat;
background-position:95%;
width:60px;
text-align:center;
display:inline;
height: 27px !important
}
#currentGauge{
background-repeat:no-repeat;
background-position: 39%;
}
.currentGaugeAv{
width: 51% !important;
}
#textChangeCurrent{
width: 51%;
}
#RefreshDate{
display: none;
margin-left: 17px;
color: #11b907;
cursor: pointer;
font-size: 19px;
}
#submitBulk{
}
#updateOrder{
}
.currentgaugeasasir{
border:1px solid #ffb3ae !important;
width: 101% !important;
}
#currentGauge:focus {
background-image:url('../images/pourcent.png');
border:none !important;
}
#currentGauge:focus::-webkit-input-placeholder{
color: transparent!important;
}
#currentGauge:focus::-moz-placeholder{
color: transparent!important;
}
#currentGauge:focus:-moz-placeholder{
color: transparent!important;
}
#currentGauge::-moz-placeholder{
font-style:italic;
}
#currentGauge::-webkit-input-placeholder{
font-style:italic;
}
#currentGauge:-ms-input-placeholder{
font-style:italic;
}
.logintable{
margin: 0 auto;
background: none repeat scroll 0 0 transparent;
}
table.logintable tbody tr {
background: none repeat scroll 0 0 transparent;
}
table.logintable tbody tr td {
line-height:30px ;
background: transparent;
border: 3px solid #666;
padding:20px 30px;
}
table.logintable tbody tr th {
background-color: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background-color: rgba(0, 0, 0, 0.25);
}
#textlogin{
color: #FFFFFE;
opacity: 1;
}
/* -------------------------- */
/* Contract offer */
/* -------------------------- */
span.spanInput {
width: 30%;
display: inline-block;
}
div.delSite table, tr, td, tbody {
border-bottom: 1px solid #b9b9b9 !important;
border-top: 1px solid #b9b9b9 !important;
border-width: 0px 0 !important;
}
#contractOfferTile input {
text-align: center;
}
@media screen and (max-width: 950px) {
div.delSite table, div.offerDiv table {
display: table;
}
div.offerDiv {
display: inline !important;
}
div.offerDiv tbody {
display: table;
width: 100%;
}
}
#whoRadio {
margin-left: 30%;
margin-top: 2%;
}
#whoRadio label {
color: #fffffe !important;
}
@media only screen and (min-width: 800px) {
.title {
margin-right: 18%;
}
}
.title {
min-width: 90px !important;
width: 90px;
}
/* ------------------------------ */
/* Checkbox et radio perso */
/* ------------------------------ */
/* Radio */
input.whoRadio[type=radio] { /* On cache le bouton par défaut */
display: none;
}
input.whoRadio[type=radio]+label:before {
/* CSS du nouveau bouton décoché */
content: "";
display: inline-block;
width: 15px;
height: 15px;
vertical-align: middle;
margin-right: 15px;
background-color: rgba(0, 0, 0, 0);
box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 1);
border-radius: 4px;
margin-top: -2px;
}
input.whoRadio[type=radio]:checked+label:before {
/* CSS du nouveau bouton coché */
content: "\2714";
color: white;
background-color: rgba(0, 0, 0, 0);
font-size: 1.2em;
text-align: center;
line-height: 14px;
text-shadow: 0px 0px 1px #eee;
margin-top: -2px;
}
/* Checkbox */
input#conditions[type=checkbox] { /* On cache le bouton par défaut */
display: none;
}
input#conditions[type=checkbox]+label:before {
/* CSS du nouveau bouton décoché */
content: "";
display: inline-block;
width: 15px;
height: 15px;
vertical-align: middle;
margin-right: 15px;
background-color: rgba(0, 0, 0, 0);
box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 1);
border-radius: 4px;
margin-top: -2px;
}
input#conditions[type=checkbox]:checked+label:before {
/* CSS du nouveau bouton coché */
content: "\2714";
color: white;
background-color: rgba(0, 0, 0, 0);
font-size: 1.2em;
text-align: center;
line-height: 14px;
text-shadow: 0px 0px 1px #eee;
margin-top: -2px;
}
#conditions+label {
/* Couleur du texte pour acceptation des conditions */
color: #fffffe !important;
}
/* ------------------------------ */
.accountHolderTable th, .accountHolderTable td, #contractOfferTile th,
#contractOfferTile td, .delSite th, .delSite td, #accInfo th, #accInfo
td {
box-shadow: 0 0px rgba(0, 0, 0, 0) inset, 0 0px rgba(0, 0, 0, 0) inset
!important;
}
.accountHolderTable th, .accountHolderTable td, .accountHolderTable input,
.accountHolderTable select #contractOfferTile th, #contractOfferTile td,
.delSite th, .delSite td {
color: black !important;
}
#contractOfferTile {
background-color: #26a65b;
margin: 0 auto;
padding: 10px;
width: 100%;
}
.delSite {
width: 100%;
display: inline;
}
.delSite table {
width: 100% !important;
}
#accountHolderTile {
background-color: #ffa200;
margin: 0 auto;
padding: 10px;
width: 43%;
margin-top: 6%;
height: 319px;
}
span.spanWTF{
margin-left: 15%;
}
#accountHolderTile input[type=text], #accountHolderTile select {
}
@media screen and (max-width: 1024px) {
#accountHolderTile {
height: 282px;
}
}
@media screen and (max-width: 745px) {
#accountHolderTile {
height: 290px;
}
span.spanInput {
width: 100%;
display: inline-block;
}
}
@media screen and (max-width: 480px) {
#accountHolderTile {
height: 343px;
}
}
@media screen and (max-width: 320px) {
#accountHolderTile {
height: 344px;
}
}
#agentTile { /* Tuile Agent cachée par défaut */
background-color: #336e7b;
margin: 0 auto;
padding: 10px;
width: 43%;
margin-left: 57%;
margin-top: 5%;
display: none;
}
#agentTile input, #agentTile select {
float: right;
}
/* ------------------------------ */
/* Boutons */
/* ------------------------------ */
#amendContact {
width: 170px;
margin-left: 34.5%;
background-color: #26a65b;
}
#confirmDetails {
background-color: #26a65b;
}
#renewSupply {
width: 180px;
margin-left: 0%;
margin-top: 1%;
}
#confirmgoback{
text-align:center;
margin-left: 1%;
}
#backToAccount {
width: 170px;
margin-left: 44%;
margin-top: 1%;
background-color: #e74c3c ;
}
#contractNext, #accountHolderNext {
margin-left: 0%;
}
#divContractNext{
text-align:center;
width: 100%;
padding-top: 20px;
}
#divAccountHolderNext{
text-align:center;
width: 100%;
padding-top: 50px;
}
#amendContactDiv{
text-align:center;
width: 100%;
padding-top: 2px;
}
#amendContactDiv{
}
#amendContact,#confirmDetails {
margin-left: 0%;
}
/* ------------------------------ */
#finalConfirm {
margin-top: 2%;
text-align:center;
}
#finalConfirm a { /* Style des liens */
text-decoration: underline;
}
.toEnable { /* Inputs invisibles */
box-shadow: 0 0px 0px rgba(0, 0, 0, 1) inset !important;
background-color: rgba(0, 0, 0, 0) !important;
border: 0px solid rgba(0, 0, 0, 0) !important;
}
@media screen and (max-width: 800px) {
input[type=text].toDisable {
width: 80px !important;
min-width: 80px !important;
}
}
#commencementDate { /* Div pour la date de début de contrat */
text-align: center;
color: black;
width: 23%;
height: 20%;
background-color: #d7d7d7;
display: inline-table;
}
#commencement {
color: #000000;
}
#Cancellation {
color: #000000;
}
/* ---------------- Remove -------------- */
#contractOfferTile{
margin-top: 20px;
padding: 15px;
}
.divremove {
width: 100%;
padding: 9px;
margin: 21px 1px 0em;
}
.offerDiv{
display: inline-block; width: 45%;
}
#divoffertable{
width: 100% !important;
}
#offerdiv2 {
margin-left: 9.5%;"
}
#yearContract{
width: 12% !important;
}
span.spanyearsupply{
margin-left: 15%;
}
#orderMethod {
width: 30%;
}
#val1{
width: 50% !important;
}
#val2{
width: 40% !important;
}
#rental{
width: 20% !important;
}
/* ---------------- Account Holder -------------- */
#accountHolderTable{
width: 75% !important;
margin-left: auto;
margin-right: auto;
}
/* ---------------- Account Infos -------------- */
#accountdetails{
background-color: #26A65B;
min-height:400px !important;
}
#contactInfo{
background-color: #8E44AD;
min-height: 400px !important;
}
#PaymentandInvoicing{
background-color: #E67E22;
min-height: 350px !important;
}
/* -------- ---------------------------- */
/* ----------------checkbox Conditions -------------- */
/* ------------ ---------------------------- */
input#checkconditions[type=checkbox] { /* On cache le bouton par défaut */
display: none;
}
input#checkconditions[type=checkbox]+label:before {
/* CSS du nouveau bouton décoché */
content: "";
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 15px;
background-color: rgba(0, 0, 0, 0);
box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 1);
border-radius: 4px;
margin-top: -2px;
}
input#checkconditions[type=checkbox]:checked+label:before {
/* CSS du nouveau bouton coché */
content: "\2714";
color: black;
background-color: rgba(0, 0, 0, 0);
font-size: 1.2em;
text-align: center;
line-height: 15px;
text-shadow: 0px 0px 1px #eee;
margin-top: -2px;
}
/* -------- ---------------------------- */
/* ----------------contractoffer popup-------------- */
/* ------------ ---------------------------- */
#contractoffer {
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#divPopUpInvoice {
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#difsectiontest {
display:none;
z-index: 9998;
top: 0;
left: 0;
min-height:674px;
width: 100%;
background: #ffffff;
margin-top: 17px;
}
#divNoNegativeOrder {
display:none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#divNoNegativeOrderSeveral {
display:none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#OKNoNegativeOrder {
background: none repeat scroll 0 0 #26A65B !important;
margin-left: 72%;
}
#OKNoNegativeOrderSeveral {
background: none repeat scroll 0 0 #26A65B !important;
margin-left: 72%;
}
#divCannotbevalidated {
display:none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#divSelectContractPlaceOrder {
display:none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#OKCannotbevalidated{
margin:auto;
margin-left: 33%;
}
#messageSelectContractPlaceOrder{
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.333);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
margin:auto;
margin-top:300px;
width: 45%;
min-height: 70px;
text-align: left;
color: #4d4d4d;
padding: 25px;
z-index: 9999;
position:relative;
}
#messageCannotbevalidated{
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.333);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
margin:auto;
margin-top:300px;
width: 450px;
min-height: 70px;
text-align: left;
color: #4d4d4d;
padding: 25px;
z-index: 9999;
position:relative;
}
#messageNoNegativeOrder{
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.333);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
margin:auto;
margin-top:352px;
width: 585px;
min-height: 70px;
text-align: left;
color: #4d4d4d;
padding: 25px;
z-index: 9999;
position:relative;
}
#divPopUpordertobevalidate{
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#divPopUpordertobevalidate {
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
.PopOredertobevalidate{
display: none;
overflow:auto;
}
#divPopUpordertobevalidate{
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#divPopUpRestPassword{
display: none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#divPopUpRestSecurity{
display: none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#messagePopUpRestPassword{
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.333);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
margin:auto;
margin-top: 264px;
width: 491px;
min-height: 70px;
text-align: left;
color: #4d4d4d;
padding: 25px;
z-index: 9999;
position:relative;
}
#messagePopUpRestSecurity{
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.333);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
margin:auto;
margin-top: 264px;
width: 491px;
min-height: 70px;
text-align: left;
color: #4d4d4d;
padding: 25px;
z-index: 9999;
position:relative;
}
#messagePopUptobevalidate{
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.333);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
margin:auto;
margin-top:300px;
width: 450px;
min-height: 70px;
text-align: left;
color: #4d4d4d;
padding: 25px;
z-index: 9999;
position:relative;
}
#messagecontractoffer{
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.333);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
margin:auto;
margin-top:300px;
width: 500px;
min-height: 160px;
text-align: left;
color: #4d4d4d;
padding: 25px;
z-index: 9999;
position:relative;
}
#messagePopUpInvoice{
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.333);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
margin:auto;
margin-top:300px;
width: 700px;
min-height: 70px;
text-align: left;
color: #4d4d4d;
padding: 25px;
z-index: 9999;
position:relative;
}
#DivmessageMarketingHOME{
background: rgb(255, 255, 255);
border: 1px solid rgba(0, 0, 0, 0.333);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
margin:auto;
margin-top:300px;
width: 594px;
height: auto;
min-height: 160px;
text-align: left;
color: #4d4d4d;
padding: 25px;
z-index: 9999;
position:relative;
margin: 12% auto;
}
#DivpopupMarketingHOME{
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
.iconePopUpInvoice .fa-5x{
font-size: 7em !important;
}
.PopUpInvoicemessage {
display: none;
overflow:auto;
}
.iconePopUpInvoice{
float:left;
margin-right: 32px;
margin-top: 33px;
}
.textePopUpInvoice{
overflow:auto;
}
#okclosePopUpInvoice{
margin-right: 20px;
float: right;
}
.iconInvoicecolor{
color: #F89828 ;
}
.econtractmessagehidden {
display: none;
}
#titrepopupnew{
background:#002248;
text-align:center;
color:#ffffff;
width: 100%;
height:28px;
font-size:20px;
}
#ContinueonCSC{
background: none repeat scroll 0 0 #337F8E!important;
border-radius: 3px;
width: 35%;
padding-left: 10px;
}
#ViewMyOffer{
background: none repeat scroll 0 0 #008040!important;
border-radius: 3px;
width: 35%;
margin-left: 5%;
}
#divpopupoffer{
text-align:center;
width: 100%;
padding-top: 10px;
}
#divpopupcanceloffer{
text-align:center;
width: 100%;
padding-top: 10px;
}
#displaystopgazmessagorderplace{
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2) !important;
text-align:center;
height:150px;
margin-left:20px;
}
#displayautoorder{
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2) !important;
text-align:center;
height:60px;
padding : 5px;
}
#displaywarningval{
font-size : 13px;
margin-top:-15px;
font-weight:bold;
text-align:justify;
}
.quantitydelivertr{
display:none;
}
.valorizationtr{
display:none;
}
.col2 {
height: 250px !important;
}
.p-panel {
padding: 10px;
}
.bg-orange,
.span_1_of_2{
background-color:#EB9532;
}
.page-section {
padding-left: 15px;
padding-right: 15px;
}
.bg-cyan,
.span_2_of_2{
background-color:#336E7B;
}
.bg-grey-op {
background: rgba(80, 80, 80, 0.5);
}
.row2 ~ .row2 {
}
.row2 [class^='col-'] {
margin-bottom: 15px;
}
.row2 [class^='col-'] > div {
height: 100%;
}
#displaymessageunderlistorder{
font-size:15px;
}
.offPage {
position: absolute;
bottom: 100%;
right: 100%;
}
.MyOrder-page .sectionhaute .span_2_of_2,
.Placeanorder-page .sectionhaute .span_2_of_2,
.Placeorder-page .sectionhaute .span_2_of_2{
background-color: #8E44AD;
height: 220px !important;
}
.MyOrder-page .sectionhaute .span_1_of_2,
.Placeanorder-page .sectionhaute .span_1_of_2,
.Placeorder-page .sectionhaute .span_1_of_2{
background-color: #26A65B;
height: 220px !important;
}
#popupForecasting{
display:none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#divPopAdminCSCWEB{
display:none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 119%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#divPopAdminCSCWEBAPack{
display:none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 119%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#divPopAdminCSCWEBHome{
display:none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#divPopAdminCSCWEBCons{
display:none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 136%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#divPopAdminCSCWEBPlace{
display:none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 136%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
/*// ANTARGAZ BEL-GBS-557*/
#divPopAdminCSCWEBAccount,
#divPopServicePDFDownLoadInactive {
display:none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 136%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#logoutAdmin{
height: 119%;
width: 100%;
margin-left: 75%;
}
#divPopAdminCSCWEBPay{
display:none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 119%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
.TableGDPR{
width: 100%;
}
.TextGDPRpopup{
font-weight: normal;
}
.radioGDPR{
/*color: #f1fd8r;*/
}
.TableGDPRHOME th, .TableGDPRHOME tr {
background: rgb(255, 255, 255);
text-transform: capitalize;
text-align: left;
padding: 6px;
color: #000;
line-height: 0.5em;
font-weight: normal;
font-size: 16px;
}
.TableGDPR th, .TableGDPR tr {
background: none repeat scroll 0 0 #FFFFFF;
text-transform: capitalize;
text-align: left;
padding: 8px;
color: #000;
line-height: 0.5em;
font-weight: normal;
font-size: 15px;
}
#popupMarketingGDPR{
display:none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#PreferredContactMessage{
display:none;
color: #037514;
margin-left: 22%;
font-size: 16px;
}
#MandatoryMSGGDPR{
display:none;
color: #fb3a11;
font-size: 15px;
margin-left: 1%;
}
#YesGDPREmail{
color: #fb3a11;
}
#popupMarketingHOME{
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#popupChangePassword{
display:none;
position: fixed;
z-index: 9997;
top: 0;
left: 0;
height: 107%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#popupChangeSECURITY{
display:none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 107%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
.D_firstConnection input:read-only {
background-color: #bcbcbc !important;
}
.D_firstConnection input:-moz-read-only { /* For Firefox */
background-color: #bcbcbc !important;
}
.SelectReadOnly{
background-color: #bcbcbc !important;
}
#popupPayments{
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#closepopupPayments{
width: 20%;
margin-left: 40%;
}
#msgPaymentpupop{
color: #939393;
font-size: 15px;
}
#messagepopupPayments{
margin: 360px auto;
width: 461px;
height: auto;
background: rgba( 255, 255, 255, 1);
z-index: 9999;
padding: 25px;
border: 1px solid rgba(0, 0, 0, 0.333333);
box-shadow: rgba(0, 0, 0, 0.2) 0 4px 16px;
color: #4d4d4d;
}
#messageForecasting{
margin: 360px auto;
width: 566px;
height: auto;
background: rgba( 255, 255, 255, 1);
z-index: 9999;
padding: 25px;
border: 1px solid rgba(0, 0, 0, 0.333333);
box-shadow: rgba(0, 0, 0, 0.2) 0 4px 16px;
color: #4d4d4d;
}
/* // ANTARGAZ BEL-GBS-557 */
#messagePopAdminCSCWEB,
#messagePopServicePDFDownLoadInactive{
margin: 360px auto;
width: 566px;
height: auto;
background: rgba( 255, 255, 255, 1);
z-index: 9999;
padding: 25px;
border: 1px solid rgba(0, 0, 0, 0.333333);
box-shadow: rgba(0, 0, 0, 0.2) 0 4px 16px;
color: #4d4d4d;
}
/* // ANTARGAZ BEL-GBS-557 */
#messagePopServicePDFDownLoadInactive .js-msg-error-edi {
display:none;
}
#messageChangePassword{
margin: 15% auto;
width: 494px;
height: auto;
background: rgba( 255, 255, 255, 1);
z-index: 9999;
padding: 25px;
border: 1px solid rgba(0, 0, 0, 0.333333);
box-shadow: rgba(0, 0, 0, 0.2) 0 4px 16px;
color: #4d4d4d;
}
#messageMarketingGDPR{
margin: 12% auto;
width: 494px;
height: auto;
background: rgba( 255, 255, 255, 1);
z-index: 9999;
padding: 25px;
border: 1px solid rgba(0, 0, 0, 0.333333);
box-shadow: rgba(0, 0, 0, 0.2) 0 4px 16px;
color: #4d4d4d;
}
#messageMarketingHOME{
margin: 12% auto;
width: 594px;
height: auto;
background: rgb(234, 234, 234);
z-index: 9999;
padding: 25px;
border: 1px solid rgba(0, 0, 0, 0.333333);
box-shadow: rgba(0, 0, 0, 0.2) 0 4px 16px;
color: #4d4d4d;
}
#messageChangeSECURITY{
margin: 15% auto;
width: 494px;
height: auto;
background: rgba( 255, 255, 255, 1);
z-index: 9999;
padding: 25px;
border: 1px solid rgba(0, 0, 0, 0.333333);
box-shadow: rgba(0, 0, 0, 0.2) 0 4px 16px;
color: #4d4d4d;
}
#OKForecasting{
margin-left: 120px;
background: none repeat scroll 0 0 #1A75D1 !important;
}
#UpdateGaugeForecasting{
margin-right: 120px;
float: right;
background: none repeat scroll 0 0 #26A65B !important;
}
#ClosePopAdminCSCWEBPack{
margin-left: 73%;
background: none repeat scroll 0 0 #26A65B !important;
}
#ClosePopAdminCSCWEB{
margin-left: 73%;
background: none repeat scroll 0 0 #26A65B !important;
}
#ClosePopAdminCSCWEBAccount{
margin-left: 73%;
background: none repeat scroll 0 0 #26A65B !important;
}
#ClosePopAdminCSCWEBHome{
/*margin-left: 73%;*/
background: none repeat scroll 0 0 #26A65B !important;
}
#ClosePopAdminCSCWEBCons{
margin-left: 73%;
background: none repeat scroll 0 0 #26A65B !important;
max-width: 150px;
}
#ClosePopAdminCSCWEBPlace{
margin-left: 73%;
background: none repeat scroll 0 0 #26A65B !important;
}
#ClosePopAdminCSCWEBPay{
margin-left: 0%;
background: none repeat scroll 0 0 #26A65B !important;
width: 20%;
}
.paidcolor{
color:#24751C;
font-weight:bold;
font-size:13px;
}
#ExpiredPaidCol{
color:#24751c;
background-color: #334d5c;
}
.deductedcolor{
color:#24751c;
font-weight:bold;
font-size:13px;
}
.inqueucolor{
color:#fd9b09;
font-weight:bold;
font-size:13px;
}
.expiredcolor{
color:#d52222;
font-weight:bold;
font-size:13px;
text-align: center !important;;
}
#renewalthankscontent{
background-color: #334d5c;
margin: 10px auto;
padding: 10px;
width: 50%;
margin-left: auto;
margin-right: auto;
}
#renewalThanks{
display: none;
}
.renewalinvoiceinfo{
background-color: #5C97BF;
min-height:350px !important;
}
#renewalnotchecked {
display:none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
#renewalnotcheckedmessage{
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.333);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
margin:auto;
margin-top:300px;
width: 500px;
min-height: 160px;
text-align: left;
color: #4d4d4d;
padding: 25px;
z-index: 9999;
position:relative;
}
.genericpopup {
display:none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
.genericpopupmessage{
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.333);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
margin:auto;
margin-top:300px;
width: 500px;
min-height: 160px;
text-align: left;
color: #4d4d4d;
padding: 25px;
z-index: 9999;
position:relative;
}
.gaugeInformationText {
width: 90%;
margin: auto;
}
.gaugeInformationText {
margin-bottom: .5em;
}
.notificationsButton {
background: none repeat scroll 0 0 #22313F !important;
width: auto !important;
margin: 4px 10px !important;
padding: 16px 20px !important;
}
.signupFieldsContainers { display: none; }
.signupFieldsContainers input {
padding: 14px 5px !important;
border: 3px solid #22313F !important;
-webkit-box-shadow: 0px 7px 12px -2px rgba(56,56,56,1) !important;
-moz-box-shadow: 0px 7px 12px -2px rgba(56,56,56,1) !important;
box-shadow: 0px 7px 12px -2px rgba(56,56,56,1) !important;
}
.blocNotifInputs {
display:inline-block;
width:69%;
height:auto !important;
min-height: 0 !important;
vertical-align: top;
position: relative;
}
.blocNotifInputs:last-child { width:30%; }
.errorFieldClass, input.errorFieldClass[placeholder] {
color: #d01c1c !important;
border-color: #d01c1c !important;
}
.inputWithHelper {
position: relative;
}
.inputWithHelper span.helper {
position: absolute;
top: 25%;
right: 15px;
background-color: #22313F;
width: 22px;
height: 22px;
border-radius: 50%;
}
span.helper {
background-color: #22313F;
display: inline-block;
text-align: center;
width: 22px;
height: 22px;
border-radius: 50%;
}
[lang="pl-PL"] #SaveChangeInformation {
width: auto;
max-width: 100%;
}
.formulaire .form-group {
margin-bottom: 15px;
display: flex;
justify-content: space-between;
}
.formulaire .wrap-input {
position: relative;
margin-right: 25px;
}
.formulaire .wrap-input .valid + label.error,
.formulaire .wrap-input .oblig.valid + label.error {
display: none !important;
}
.formulaire .wrap-input label.error {
display: block !important;
width: 100% !important;
padding: 3px 10px;
}
.formulaire .wrap-input .infopassword {
position: absolute;
right: -25px;
}
.formulaire .form-group:last-child {
margin-bottom: 0px;
}
.formulaire input[type="text"],
.formulaire input[type="email"],
.formulaire input[type="password"],
.formulaire select{
width: 300px !important;
max-width: 300px !important;
min-width: 300px !important;
}
.formulaire .parsley-errors-list {
margin: 0px 0 0;
list-style: none;
}
.formulaire .parsley-errors-list li {
color: #f8d7da;
display: flex;
align-content: center;
justify-content: flex-start;
background: #ffd2d2;
color: #c60f13;
padding: 0 10px;
}
.formulaire .parsley-error {
background-color: rgb(255 235 235);
margin-bottom: 0;
border: 1px solid #c60f13;
}
/*
.formulaire .parsley-errors-list li:before{
width: 15px;
background-color: #f8d7da;
margin-right: 6px;
content: '';
-webkit-mask: url('data:image/svg+xml; utf8, ');
mask: url('data:image/svg+xml; utf8, ');
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}*/
.formulaire .alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.formulaire .alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.formulaire .alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.formulaire .wrap-submit {
width: 100%;
display: flex;
justify-content: center;
}
.pdf-link {
color: #ffffff;
text-decoration: underline;
}
.pdf-link i {
margin-right: 8px;
}
.footable>tbody>tr>td.no-padding {
padding: 0;
}
#selectedcontract .loadContract {
margin-left: 10px;
}
.projects-slider .rslides_nav.prev:before, .project-images .rslides_nav.prev:before {
padding-top: 3px;
padding-right: 3px;
}
.projects-slider .rslides_nav.next:before, .project-images .rslides_nav.next:before {
padding-top: 3px;
padding-left: 3px;
}
/*
.footable>tbody>tr {
border-bottom: 1px solid #0E1112 !important;
}
*/
/*
section.Mycontracts-page table.parent > tbody > tr > td[rowspan="2"],
section.Mycontracts-page table.parent > tbody > tr > td[rowspan="3"] {
border-bottom: 2px solid #0E1112 !important;
}
section.Mycontracts-page table.parent table.child > thead > tr th {
display: table-cell !important;
}
section.Mycontracts-page table.parent table.child > tbody > tr td,
section.Mycontracts-page table.parent table.child.feeperorder > tbody > tr td {
border-bottom: 0px solid #0E1112 !important;
display: table-cell !important;
}
section.Mycontracts-page table.parent table.child.feeperorder > tbody > tr:last-child td {
border-bottom: 2px solid #0E1112 !important;
}
*/
/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*="col-"] {
width: 100%;
}
}
.modal {
display: none;
visibility: hidden;
z-index: 500;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
/*padding: 1.5rem;*/
display: flex;
justify-content: center;
/*align-items: center;*/
transition: all 0.3s;
}
.modal-container {
position: relative;
margin-top: 105px;
max-width: 83.571em;
width: 100%;
/*
min-height: 70vh;
max-height: 90vh;
*/
padding: 1.5rem 1.5rem 1.7rem;
border-radius: 2px;
background-color: #ffffff;
/*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);*/
opacity: 0;
transform: scale(0.8);
transition: all 0.3s;
}
.modal-container h2 {
color: #000;
}
.modal-container > h2 {
padding: 0 15px;
margin-top: 0;
margin-bottom: 8px;
line-height: 1;
}
.modal-btn-close {
padding: .7em;
position: absolute;
top: 24px;
pointer-events: all;
right: 47px;
border: 2px solid;
border-radius: 50% 50% 50% 50%;
margin: 0 1px;
text-shadow: 0 0 0;
background: none;
color: #000000;
border-color: #000000;
width: 34px;
height: 34px;
display: flex;
justify-content: center;
align-items: center;
}
.modal-btn-close:hover {
color: #000000;
border-color: #000000;
}
.modal-btn-close:focus {
outline: none;
}
.modal-container ul {
list-style: none;
margin: 0;
}
.modal-container ul li {
padding: 4px 7.5px;
color: #222;
display: flex;
justify-content: space-between;
font-weight: bold;
border-bottom: 2px solid #b9b9b9 !important;
}
.modal-container ul li:last-child {
border-bottom: 0px solid #b9b9b9 !important;
}
.modal-container ul li span {
font-weight: normal;
}
.modal.-open {
display: flex;
visibility: visible;
pointer-events: none;
/*background-color: rgba(0, 0, 0, 0.2);*/
}
.modal.-open .modal-container {
opacity: 1;
transform: scale(1.01);
pointer-events: all;
}
.modal.-open .modal-container.mov-btn-close .modal-btn-close {
right: 600px;
}
.modal .wrap-infos {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.modal .wrap-infos > div {
padding: 0 15px;
}
.modal .wrap-infos .infos-tank table tr td:first-child {
font-weight: bold;
font-size: 12px;
}
.modal .wrap-infos .infos-tank table tr td {
color: #727272;
}
.modal .wrap-infos .infos-price table tr td:first-child {
font-size: 12px;
}
.modal .infos-price table {
width: 100%;
}
.modal .infos-price table thead th {
border: 1px solid #BDC3C7;
color: #fff;
border-top: 0;
border-left: none;
font-weight: normal;
}
.modal .infos-tank table {
width: 100%;
background: #EEEEEE;
border-radius: 3px;
-webkit-border-radius: 3px;
}
.modal .infos-tank table tr td {
border-bottom: 2px solid #b9b9b9 !important;
}
.modal .infos-tank table tr:last-child td {
border-bottom: 0px solid #b9b9b9 !important;
}
.modal .infos-tank table tr td {
height: 44px;
padding: 0.7em 0.5em 0.7em 0.5em;
}
.modal.tenant .infos-tank,
.modal.tenant .infos-price {
}
@media (max-width: 700px){
.modal .infos-price table {
width: 100%;
}
.modal .infos-price table thead {
display: none;
}
.modal .infos-price table tr {
display: block;
margin-bottom: 10px;
}
.modal .infos-price table tr:last-child {
margin-bottom: 0;
}
.modal .infos-price table tr td {
display: block;
text-align: right;
padding-left: 10px;
padding-right: 10px;
border-bottom: 1px dashed #a5a5a5;
}
.modal .infos-price table tr td:before {
content: attr(data-label);
float: left;
font-weight: bold;
}
.modal-container {
margin-top: 0;
overflow-y: scroll;
}
}
.info-controls,
.account-info-controls {
display: flex;
justify-content: center;
width: 100%;
}
.info-controls input,
.account-info-controls input {
margin: 0 0.8%;
}
.info-controls {
margin-bottom: 20px;
}
/**
Cookies
*/
.cookie-banner {
display: none;
background: #cacaca;
position: fixed;
top: 0;
width: 100%;
text-align: center;
}
.cookie-banner button {
margin-left: 10px;
}
.cookie-banner.active {
display: block;
}
.cookie-inform-and-ask {
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
text-align: center;
background: #ffffff;
color: #0E1112;
z-index: 5000;
}
.cookie-inform-and-ask.active {
display: block;
}
.cookie-inform-and-ask.active .cookie-dialog {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 40%;
}
.cscweb-table tr td:first-child,
.cscweb-table tr td:first-child label {
color: #727272;
font-weight: bold;
font-size: 12px;
}
.footable>thead>tr>th.hidden-footable-sort-indicator .footable-sort-indicator {
display: none;
pointer-events: none;
}
.wrapper-counters {
width: 100%;
margin-bottom: 50px;
}
.counters-list {
width: 100%;
margin-bottom: 20px;
border: 1px solid #DDD;
border-spacing: 2px;
}
.counters-list thead tr th {
text-align: center;
font-size: 0.8125em;
color: #ffffff;
background: #4472c4;
}
.counters-list thead tr:first-child th {
padding: 25px 0;
}
.counters-list thead tr:last-child th {
padding: 15px 0;
}
.counters-list thead tr th.reading {
background: #70ad47;
}
.counters-list thead tr th.subreading {
background: #a9d18e;
}
.counters-list thead tr th.subclassic {
background: #EEEEEE;
}
.counters-list thead tr th.subreading,
.counters-list thead tr th.subclassic {
color: #000000;
}
.counters-list thead tr th.newlevel {
background: #ff0000;
}
.counters-list tbody tr td {
text-align: center;
padding: 0;
}
.counters-list tbody tr td:first-child button {
transition: 0.3s all;
}
.counters-list tbody tr td:first-child:hover button {
color: #0c9ed9;
}
.counters-list tbody tr td input[type="text"],
.counters-list tbody tr td input[type="text"]:focus {
color: #FFFFFD;
background: url(../images/bouton_meter.png) repeat-y;
width: 85px !important;
margin: 0 auto;
}
.counters-list tbody tr td input[type="date"] {
width: 130px;
margin: 0 auto;
}
.td-link-invoicing-history {
text-align: center;
}
.link-invoicing-history {
background: none;
font-size: 0.8125em;
color: #000000;
text-decoration: underline;
display: block;
text-align: center;
margin: 0;
width: 100%;
padding: 0;
}
.link-invoicing-history:hover,
.link-invoicing-history:focus {
color: #000000;
padding: 0;
}
.link-invoicing-history svg {
width: 20px;
height: 20px;
display: block;
cursor: pointer;
pointer-events: none;
margin: 0 auto;
}
.link-invoicing-history .svg-inline--fa {
pointer-events: none;
}
.link-invoicing-history .svg-inline--fa path {
fill: #747474;
}
.meterid-svg > span{
width: 100%;
height: 100%;
display: flex;
align-items: center;
margin-right: 10px;
justify-content: space-between;
padding-left: 10px;
padding-right: 10px;
}
.meterid-svg > span button {
width: auto;
margin-left: 0px;
margin-right: 15px;
}
.wrapper-counters .sendCounter {
font-size: 0.8125em;
}
.alert-counter-confirm {
width: 100%;
height: auto;
padding-bottom: 15px;
}
.list-counter {
padding: 0;
margin: 0 0 15px;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.list-counter li {
padding: 15px;
width: 25%;
border-right: 1px solid #000000;
}
.list-counter li:nth-child(4n+0) {
border-right: 0px solid #000000;
}
.list-counter li:last-child {
border-right: 0px solid #000000;
}
.alert-counter-confirm .sendCounters-cancel {
background: #e74c3c !important;
margin-right: 15px;
}
.wrap-graph-principal .tableTitle {
display: flex;
justify-content: space-between;
align-content: center;
}
.wrap-graph-principal .tableTitle h2 {
margin-right: 15px;
}
.wrap-graph-principal .tableTitle .wrap-select-meterid {
display: flex;
align-items: center;
}
.wrap-graph-principal .tableTitle .wrap-select-meterid label {
margin-right: 20px;
color: #FFFFFF;
font-weight: bold;
}
.wrap-graph-principal .tableTitle .wrap-select-meterid select {
cursor: pointer;
}
.wrap-graph {
width: 100%;
}
.wrap-graph .graph {
display: none;
width: 100%;
}
.wrap-graph .graph.open {
display: block;
}
.main-graph li button {
padding-left: 0.75em;
padding-right: 0.7em;
background-color: #22313F;
}
.main-graph li button.active {
text-decoration: underline;
}
.main-graph li button:hover {
width: 100%;
}
.wrap-paiementWorldlineIframe .close-popin {
display: none;
}
.wrap-jauge[data-displaytankbreaklimit='1'],
.wrap-jauge[data-displaystockshortage='1']
{
display: flex;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
}
.wrap-jauge .wrap-show-consumption {
}
.wrap-jauge .wrap-show-consumption .wrap-tank-break-limit,
.wrap-jauge .wrap-show-consumption .wrap-shortage {
margin-bottom: 10px;
}
.wrap-jauge .wrap-show-consumption .wrap-shortage tr {
background: none repeat scroll 0 0 #EEEEEE;
}
.wrap-jauge .wrap-show-consumption .wrap-tank-break-limit tr td:first-child,
.wrap-jauge .wrap-show-consumption .wrap-shortage tr td:first-child,
.wrap-jauge .wrap-show-consumption .wrap-stock-shortage tr td:first-child {
min-width: 150px;
text-align: left;
}
.wrap-jauge .wrap-show-consumption .cscweb-table {
width: 100% !important;
}
.wrap-price-ttc {
display: none;
}
.wrap-price-ttc.active {
display: table-row;
}
.pourcent {
background-image: url('../images/pourcent.png');
background-repeat: no-repeat;
background-position: 65%;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.loadContract .fa-retweet {
color: #ffffff;
}
.wrap-concession-control {
display: none;
position: fixed;
z-index: 4000;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba( 255, 255, 255, .8 );
}
.wrap-concession-control.open {
display: flex;
align-items: center;
justify-content: center;
align-content: center;
}
.wrap-concession-control .concession-control-response {
position: relative;
width: 58%;
padding: 15px;
background: #ffffff;
height: 25%;
color: #727272;
font-weight: bold;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
border: 1px solid rgba(0, 0, 0, 0.333);
box-shadow: 0 4px 16px rgb(0 0 0 / 20%);
}
.wrap-concession-control .concession-control-response .close-concession-control {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
padding: 0;
color: #727272;
border: 3px solid #727272;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
border-radius: 50%;
background: #FFFFFF;
}
.btn-black {
}
.redirect-sew {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #254354;
background: #44bbff1f;
}
.redirect-sew.hidden {
display: none;
}
.redirect-sew .text-left-sew {
text-align: left;
padding-left: 15px;
width: 60%;
}
.redirect-sew .text-left-sew h6 {
margin-top: 15px;
text-align: left;
font-size: 1.5em;
}
.redirect-sew .text-left-sew p {
color: #151515;
}
.redirect-sew .text-right-sew {
display: flex;
align-items: flex-end;
justify-content: flex-end;
padding-right: 15px;
width: 40%;
}
.redirect-sew .text-right-sew a {
background-color: #254354;
color: #ffffff;
text-align: center;
padding: 15px 30px;
margin-bottom: 1.25em;
width: 50%;
border: 1px solid #ffffff;
transition: 0.3s all;
}
.redirect-sew .text-right-sew a:hover {
background-color: #ffffff;
color: #254354;
border: 1px solid #254354;
}
.redirect-sew + .msg_ErrorLogin {
display: none !important;
}
.AccountInformation-page .redirect-sew {
margin-top: 100px;
}