/* @Author Damien Pickel */ 
/* @Date 2019/03/07 */
/* @Description Default CSS style sheet for the webform (VFP48)  */
/* @Comment Classes are sorted by alphabetical order */


/* class modified in the brand css */

.clickable{
  cursor: pointer;
}

/* class modified in the brand css */
.container{
  background-color:#F7F7F7;
  min-height:100vh;
}

/* class modified in the brand css */
.container .attachment-button{
  background-color: #F7F7F7;
  color: #4A4A4A;
}

/* class modified in the brand css */
.container .attachment-button:hover{
  background-color: #F7F7F7;
  color: #4A4A4A;
}

.container .checkbox::after{
  border-bottom: 2px solid #4A4A4A !important;
  border-left: 2px solid #4A4A4A !important;
}

/* class modified in the brand css */
.container .custom-label{
  color: #4A4A4A;
}

.container .description-text-area{
  resize:none;
}

.container .error-popup{
  margin: 0 auto;
  max-width: 85vw;
  min-height:50vh;
  width: 85vw!important;
}

/* class modified in the brand css */
.container .form{
  font-family: "Calibri";
}

.container .file-section-title{
  text-transform: lowercase;
}

.container .hidden{
  visibility:hidden;
}

.container .hiddenCategory3{
  position:absolute;
  opacity:0;
  top:-10000px;
}

.container .hidden-product-name{
  height:0;
  opacity:0;
  transform:translate(20px,-50px);
  width:0;
}

/* Pagination fix : Product List height has to be constant
in order to ease the navigation to previous/next page */
.container .img_container{     
  height: 140px !important;
  width: 100% !important;
}

.container .image-popup{
  margin: 0 auto;
  max-width: 85vw;
  width: 85vw!important;  
}

.container .image-popup-button{
  font-size: 35px
}

.container .image-popup-image{
  height:50%;
  width:100%;
}

/* class modified in the brand css */
.container .inactive-sub-familly{
  background-color:#E5E5E5 !important;
  color: #4A4A4A;
}

.container .main-choice-container {
  /* $Label.VFP48_Main_Reason_Order french translation is very long, causes line break :
other buttons' heights grow as well */
  align-items: stretch !important;
  display: flex;
  margin-bottom: 25px;
}

.container .main-choice-container > input {
  flex-grow: 1;
}

.container .main-reason-how-can-we-help-you-container{
  height:0!important;
  position:absolute;
  width:0!important;
}

.container .main-reason-how-can-we-help-you-container{
  z-index: -100000;
}

/* class modified in the brand css */
.container .main-reason-neutral {
  background-color: #F7F7F7;
  background-image: URL();
  border-color: #4A4A4A;
  color:#4A4A4A;
  white-space: normal;
}

/* class modified in the brand css */
.container .main-reason-neutral:hover {
  background-color: #E5E5E5;
  border-color: #4A4A4A;
  color:#4A4A4A;
}

/* class modified in the brand css */
.container .main-reason-selected {
  background-color: #9B9B9B;
  border-color: #4A4A4A;
  background-image: URL();
  color: #F7F7F7;
  white-space: normal;
}

/* class modified in the brand css */
.container .main-reason-selected:hover {
  background-color: #E5E5E5;
  border-color: #4A4A4A;
  color:#4A4A4A;
}

.container .mandatory-attachment-container{
  color: #54698d;
  margin-bottom: .75rem;
}

.container .mandatory-attachment-description-text{
  margin: 15px;
}

/* class modified in the brand css */
.container .picklist{
  background-color:#E5E5E5;
  border-color: #4A4A4A;
  color: #4A4A4A;
}

/* class modified in the brand css */
.container .picklist:hover{
  background-color:#E5E5E5 !important;
}

/* class modified in the brand css */
.container .picklist:focus{
  background-color:#E5E5E5;
  border:1px solid #9B9B9B;
  box-shadow: none;
  transition: none;
}
 /* class to customize the item in a picklist */
/*.container .picklist-items{
  background-color: #E5E5E5;
  border: 1px solid #4A4A4A;
  border-radius: 5px;
  color:#4A4A4A;
  font-family: "Calibri";
  list-style-type: none;
  position:relative;
  top:0;
  z-index:100;
}*/

.container .picklist-items-container{
  height:0px;
  position:relative; 
  z-index:100;
}

.container .product-image{
  height:100%;
  object-fit: contain;
  opacity:0;
  transition:opacity 0.3s ease-in;
  width:100%;
}

.container .rating-plate-img{
  height:50%;
  width:100%;
}

.container .red-asterisk-on-mandatory-field{
  color: red; 
  font-size: 16px;
}

/* class modified in the brand css */
.container .result-img-product-container{
  background-color:#FFF;
  cursor:pointer;
}

/* class modified in the brand css */
.container .save-button{
  background-color: #F7F7F7;
  color: #4A4A4A;
}

/* class modified in the brand css */
.container .save-button:hover{
  background-color: #F7F7F7;
  color: #4A4A4A;
}

.container .secondary-reason-personnal-data{ 
  margin-top: 12px;
}

.container .secondary-reason-personnal-data-reasons-for-restriction-visible{
  transform: translate(0, -8px);
}

/* class modified in the brand css */
.container .section{
  background-color: #E5E5E5;
  color: #4A4A4A;
  font-family: "Calibri";
}

/* class modified in the brand css */
.container select > option{
  background-color: #E5E5E5;
}

/* class modified in the brand css */
.container .text-input{
  color: #4A4A4A;
}

/* class modified in the brand css */
.container .text-input:focus{
  border-color: #4A4A4A;
  box-shadow: none;
}

.container .which-personal-data-message{
  margin: 15px;
}

/* class to customize the item in a picklist */
/*li:hover{
  background-color: #F7F7F7;
  border-radius: 5px;
  cursor: default;
}*/

#PictureNotAvailable2{
  opacity:0;
  position:absolute;
  top:-10000px;
}