// warning
#caplab .message-text {
  vertical-align: middle;
}

#caplab { 
	display: inline-block;
}

#caplab .message-box-warn {
  background-color: #f8f4d5;
  border: #e9dd7e 2px solid;
  color: #96722e;
  width: 550px;
  border-radius: 6px;
  padding: auto 0;
  position: relative;
}

#caplab .message-box i.exit-button {
  float: right;
  opacity: 0.4;
}
#caplab .message-box i.exit-button:hover {
  opacity: 0.8;
}







#caplab2 .message-box {
  width: 440px;
  border-radius: 6px;
  margin: 20px auto;
  padding: auto 0;
  position: relative;
}
#caplab2 .message-box i {
  vertical-align: middle;
  padding: 20px;
}
#caplab2 .message-box i.exit-button {
  float: right;
  opacity: 0.4;
}
#caplab2 .message-box i.exit-button:hover {
  opacity: 0.8;
}

#caplab2 .message-text {
  vertical-align: middle;
}

#caplab2 .message-box-info {
  background-color: #cde8f6;
  border: #2697d1 2px solid;
  color: #447eaf;
}

#caplab2 .message-box-warn {
  background-color: #f8f4d5;
  border: #e9dd7e 2px solid;
  color: #96722e;
}

#caplab2 .message-box-error {
  background-color: #ecc8c5;
  border: #d37f78 2px solid;
  color: #b83c37;
}

#caplab2 .message-box-success {
  background-color: #ddf3d5;
  border: #9ddc86 2px solid;
  color: #597151;
}









/* cache menu réécrit par module */
tr#service_duration_area  { display: none; } 


/* CSS CHECKBOXES */
	label, label span { 
		cursor: pointer;
	}
  .classfortooltip .flat {
    appearance: none;
    background-color: #dfe1e4;
    border-radius: 72px;
	border-bottom-left-radius: 72px !important;
    border-bottom-right-radius: 72px !important;
    border-style: none;
    flex-shrink: 0;
    height: 20px;
    margin: 0;
    position: relative;
    width: 30px;
	cursor:pointer;
  }
  
  .classfortooltip .flat::before {
    bottom: -6px;
    content: "";
    left: -6px;
    position: absolute;
    right: -6px;
    top: -6px;
  }

  .classfortooltip .flat,
  .classfortooltip .flat::after {
    transition: all 100ms ease-out;
  }

  .classfortooltip .flat::after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 14px;
  }

  .classfortooltip .flat:hover {
    background-color: #c9cbcd;
    transition-duration: 0s;
  }

  .classfortooltip .flat:checked {
    background-color: #6e79d6;
  }

  .classfortooltip .flat:checked::after {
    background-color: #fff;
    left: 13px;
  }

  .classfortooltip :focus:not(.focus-visible) {
    outline: 0;
  }

  .classfortooltip .flat:checked:hover {
    background-color: #535db3;
  }					


/*product loader */
#loader_container {
	position: absolute;
	width: 100%;
    height: 100%;
    max-height: 326px;
	background: rgba(0, 0, 0, .1);
	z-index:1;
}

.loaderProduct {
		top: 25%;
   	 	left: 20%;
        transform: rotateZ(45deg);
        perspective: 1000px;
        border-radius: 50%;
        width: 188px;
        height: 188px;
        color: #FFAD45;
		position: absolute;
      }
        .loaderProduct:before,
        .loaderProduct:after {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: inherit;
          height: inherit;
          border-radius: 50%;
          transform: rotateX(70deg);
          animation: 1s spin linear infinite;
        }
        .loaderProduct:after {
          color: #285d97;
          transform: rotateY(70deg);
          animation-delay: .4s;
        }

      @keyframes rotate {
        0% {
          transform: translate(-50%, -50%) rotateZ(0deg);
        }
        100% {
          transform: translate(-50%, -50%) rotateZ(360deg);
        }
      }

      @keyframes rotateccw {
        0% {
          transform: translate(-50%, -50%) rotate(0deg);
        }
        100% {
          transform: translate(-50%, -50%) rotate(-360deg);
        }
      }

      @keyframes spin {
        0%,
        100% {
          box-shadow: .2em 0px 0 0px currentcolor;
        }
        12% {
          box-shadow: .2em .2em 0 0 currentcolor;
        }
        25% {
          box-shadow: 0 .2em 0 0px currentcolor;
        }
        37% {
          box-shadow: -.2em .2em 0 0 currentcolor;
        }
        50% {
          box-shadow: -.2em 0 0 0 currentcolor;
        }
        62% {
          box-shadow: -.2em -.2em 0 0 currentcolor;
        }
        75% {
          box-shadow: 0px -.2em 0 0 currentcolor;
        }
        87% {
          box-shadow: .2em -.2em 0 0 currentcolor;
        }
      }