/*
 * This file is part of the TYPO3 extension "public_reportings".
 *
 * (c)2020 by Philippe FRONZES <p.fronzes@novaldi.com>
 * https://www.novaldi.com
 */

 /* General */


 :root {
    --bleu-sombre: #1A3047;
    --bleu-surfrider: #0073BE;
    --orange:#D6451D;
    --amende :#ECE4CD;
}


 .biomedia-reportingform-navigation .btn{
    background: var(--bleu-surfrider);
    color:white;
    border: 1px solid var(--bleu-surfrider);
    box-shadow: none;
 }

 .biomedia-reportingform-navigation .dashicons{
    vertical-align: middle;
 }
 .biomedia-reportingform-navigation .btn:is(:hover, :focus){
    background: white;
    color: var(--bleu-surfrider);
 }

 .biomedia-reportingform-navigation .btn-submit{
    background: var(--bleu-sombre);
    color:white;    
    border: 1px solid var(--bleu-sombre);
 }
 .biomedia-reportingform-navigation .btn-submit:is(:hover, :focus){
    background: white;
    color:var(--bleu-sombre);
 }

 #biomedia-reportingform {
    position:relative;
    padding: 2rem;     
	background: #f8f8f8 !important;
	border-radius: 5px
}

#biomedia-reportingform .biomedia-reportingform-stepheader p,
#biomedia-reportingform .biomedia-reportingform-stepnumber span {
	font-family: Bebas Neue, cursive;
	font-size: 1.8rem
}

#biomedia-reportingform .biomedia-reportingform-stepheader p legend {
	font-size: 1.8rem !important
}

#biomedia-reportingform .biomedia-reportingform-navigation span {
	font-size: 14px;
	height: 15px;
	width: 15px
}

#biomedia-reportingform .biomedia-reportingform-navigation span:before {
	color: #fff;
	-webkit-transition: color .15s ease-in-out;
	transition: color .15s ease-in-out
}

#biomedia-reportingform .biomedia-reportingform-navigation:hover span:before {
	color: #0073be
}

#biomedia-reportingform #biomedia-reportingform-step-biomedias .biomedia-reportingform-biomedias .box {
	background: #fff;
	border-radius: 5px;
	padding: 1rem
}


 .biomedia-reportingform-hidden {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
 }

 #biomedia-reportingform-loadercontainer,
 #biomedia-reportingform-messagecontainer {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
 }

 #biomedia-reportingform-loadercontainer {
    background-color: rgba(0,0,0,0.9);
 }

 #biomedia-reportingform-loadercontainer .progress {
     height: 30px;
 }

 #biomedia-reportingform-loadercontainer i {
    color:#FFF;
 }

 #biomedia-reportingform-loadercontainer span {
    color:#000;
 }

 #biomedia-reportingform-messagecontainer {
    background-color: #FFF;
 }

 #biomedia-reportingform-continuebutton,
 #biomedia-reportingform-successcontent {
     display:none;
 }

 /* Form validation */

input.error,  textarea.error {
    border: 2px solid rgb(202, 38, 45);
}

em.error {
    color: rgb(202, 38, 45);
}



#biomedia-reportingform-steps #biomedia-reportingform-step-biomedias .biomedia-reportingform-biomedias{
    padding: 0;
}


 /* biomedia chekbox*/

 #biomedia-reportingform-step-biomedias .biomedia-reportingform-biomedias .box{
    cursor: pointer;
    font-weight: 600;  
 }

#biomedia-reportingform-step-biomedias .biomedia-reportingform-subbiomedia {
    display: none;
}

#biomedia-reportingform-step-biomedias .box span {
    font-size: 1em;
    display: block;
}

#biomedia-reportingform-step-biomedias .box i {
    font-size: 1.7em;
    display: block;
}

#biomedia-reportingform-step-biomedias label{
    position:relative;
}
#biomedia-reportingform-step-biomedias input[type="checkbox"] {
    position: absolute;
    width: 2rem;
    height: 2rem;
    margin: 0;
    border: none;
    left: 4px;
    top: 28px;
    border-radius: 0;
    box-shadow: none;
    background-color: var(--bleu-surfrider);
    border-color: var(--bleu-surfrider);
    opacity: 0;
}
#biomedia-reportingform-step-biomedias input[type="checkbox"]:checked {
    opacity: 1;
}
#biomedia-reportingform-step-biomedias .box img {
    border: 4px solid transparent;
} 
#biomedia-reportingform-step-biomedias .box img:hover,#biomedia-reportingform-step-biomedias input[type="checkbox"]:focus + .box img {
    border-color: var(--orange);
}

 /* biomedia quantité */


 #biomedia-quantite-table .th-biomedia{
    width: 25%;
 }

#biomedia-quantite-table tbody tr{
     display:none;
 }
 #biomedia-quantite-table tbody tr span{
    display:block;
}

 #biomedia-quanatite-table th,#biomedia-quanatite-table tr{
    text-align:center;
}

 
/* step 4*/
.biomedia-reportingform-user-header{
    font-weight: bold;
}


/* Map */

#biomedia-reportingform-map { 
    height: 360px;
}

/* Autocomplete */

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }



/* Form */
main #biomedia-reportingform-form{
    padding: 2rem 0;
    margin-bottom: 2rem;
   }
  
  main #biomedia-reportingform-loadercontainer,
  main #biomedia-reportingform-messagecontainer{ 
      border: 1px solid var(--bleu-surfrider);
      position:fixed;
      padding: 2rem;
  }
   
   .biomedia-reportingform-stepheader{
      border-bottom:1px solid var(--bleu-sombre);
      margin: 0 0 2rem 0;
      
   }
   .biomedia-reportingform-stepheader p{
       margin: 0;
       padding: 0;
   }
   
   .biomedia-reportingform-stepnumber{
      font-size: 1.9rem;
      line-height: 2.28rem;
      color: var(--bleu-surfrider);	
   }
   
   .biomedia-reportingform-mandatorynotice{
      font-style:italic;
      font-size: 1.3rem;	
      margin-bottom: 4.5rem;
  }
  
  
  #biomedia-reportingform-steps .form-group:not(.row){
      border-bottom:1px solid rgb(34, 34, 34);
      padding-bottom: 2.5rem;
      margin-bottom: 2.5rem;
  }
  
  .biomedia-reportingform-stepsummary-wrap{
      background: #fff;
      padding: 3rem 0 ;
  }
  .biomedia-reportingform-stepsummary-title{
      font-family: 'Barlow', sans-serif;
      font-weight: 600;
      font-size: 2.2rem;
      line-height: 3.1rem;
      color: var(--bleu-surfrider);
  }
  
  .biomedia-reportingform-stepsummary-title:before{
      content: '';
      display: inline-block;
      width: 30px;
      height: 8px;
      background-color: var(--bleu-surfrider);
      vertical-align: middle;
      margin-right: 1rem;
  }	
  
  .biomedia-reportingform-stepsummary dl{
      margin-left: 10%;
  }
  
  #biomedia-reportingform-gdpr{
      margin-top: 4rem
  }
  

  #link-rgpd{
    font-weight: bold;;
  }