
.wooconnect-alert{
  display: flex;
  align-items:center;
  padding: 0.55rem 0.65rem 0.55rem 0.75rem;
  border-radius:1rem;
  min-width:400px;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.wooconnect-content{
  display: flex;
  align-items:center;
}
.wooconnect-icon{
  padding: 0.5rem;
  margin-right: 1rem;
  border-radius:39% 61% 42% 58% / 50% 51% 49% 50%;
  box-shadow:
  0px 3.2px 13.8px rgba(0, 0, 0, 0.02),
  0px 7.6px 33.3px rgba(0, 0, 0, 0.028),
  0px 14.4px 62.6px rgba(0, 0, 0, 0.035),
  0px 25.7px 111.7px rgba(0, 0, 0, 0.042),
  0px 48px 208.9px rgba(0, 0, 0, 0.05),
  0px 115px 500px rgba(0, 0, 0, 0.07)
}
.wooconnect-close{
  background-color: transparent;
  border:none;
  outline:none;
  transition:all 0.2s ease-in-out;
  padding: 0.75rem;
  border-radius:0.5rem;
  cursor:pointer;
  display: flex;
  align-items:center;
  justify-content: center;
  display:none!important;
}
.wooconnect-close:hover{
  background-color: #fff;
}

.wooconnect-success{
  background-color: rgba(62, 189, 97,0.2);
  border:2px solid #3ebd61;
}
.wooconnect-success .wooconnect-icon{
  background-color:#3ebd61;
}
.wooconnect-info{
  background-color: rgba(0, 108, 227,0.2);
  border:2px solid #006CE3;
}
.wooconnect-info .wooconnect-icon{
  background-color: #006CE3;
}
.wooconnect-warning{
  background-color: rgba(239, 148, 0, 0.2);
  border:2px solid #EF9400;
}
.wooconnect-warning .wooconnect-icon{
  background-color: #EF9400;
}

.wooconnect-danger{
  background-color: rgba(236, 77, 43, 0.2);
  border:2px solid #EF9400;
}
.wooconnect-danger .wooconnect-icon{
  background-color: #EC4D2B;
}

			@media screen and (max-width: 800px) {
			  #aspect-content-certificats .aspect-label {
				max-height: 102px;
			  }

			  #aspect-content-certificats .aspect-content {
				height: auto;
				padding: 10px 15px 10px 30px;
			  }
			 #aspect-content-certificats  .aspect-content:before {
				display: none;
			  }
			  #aspect-content-certificats .aspect-content:after {
				top: 0;
			  }

			  #aspect-content-certificats .aspect-content > div {
				display: block;
				width: 100%;
			  }

			  #aspect-content-certificats .aspect-stat {
				margin-top: 10px;
				text-align: left;
			  }
			}
			@media screen and (max-width: 750px) {
			 #aspect-content-certificats  .sentiment-wrapper > div {
				display: block;
				width: 100%;
				max-width: 100%;
			  }

			  #aspect-content-certificats .sentiment-wrapper > div:not(:first-child) {
				margin-top: 10px;
			  }
			}
			@media screen and (max-width: 500px) {
			 #aspect-content-certificats  .aspect-label {
				max-height: 140px;
			  }

			 #aspect-content-certificats  .aspect-stat > div {
				display: block;
				width: 100%;
			  }

			  #aspect-content-certificats .all-opinions {
				margin-bottom: 10px;
			  }

			  #aspect-content-certificats .all-opinions + div > span:first-child {
				margin: 0;
			  }
			}


