/* ECGS CSS */

.ecgs-logo {
    padding-right: 0em;
    max-height: 300px;
    max-width: 300px;
    padding-bottom: 20px;
}

.ecgs-logo-small {
    padding-right: 0em;
    max-height: 100px;
    max-width: 100px;
    padding-bottom: 20px;
}

.w3-ecgs-bgcolor {background-color:#00FF00!important;}
.w3-ecgs-bgcolor-2 {background-color:#c6ffc6!important;}
.w3-ecgs-logo,.w3-hover-ecgs-logo:hover{color:#000!important;background-color:#00FF00!important;color:#fff!important}
.w3-ecgs-deep,.w3-hover-ecgs-deep:hover{color:#00FF00!important;background-color:#0D5C3B!important;color:#fff!important}
.w3-ecgs-dark,.w3-hover-ecgs-dark:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#0D5C3B!important}
.w3-ecgs-gray {color:#bababa!important}
.w3-ecgs-color-1 {color:#13AE8C!important}
.w3-ecgs-color-2 {color:#00FF00!important}
.w3-ecgs-color-3 {color:#77CCBB!important}
.w3-ecgs-color-4 {color:#B2F4E2!important}
.w3-ecgs-color-5 {color:#F58220!important}
.w3-ecgs-color-6 {color:#F5C61B!important}
.w3-ecgs-color-7 {color:#14E0C1!important}
.w3-ecgs-bold {font-weight:bold}
.w3-ecgs-compl-1,.w3-hover-ecgs-compl-1:hover{color:#000!important;background-color:#13AE8C!important}
.w3-ecgs-compl-2,.w3-hover-ecgs-compl-2:hover{color:#000!important;background-color:#14E0C1!important}
.w3-ecgs-compl-3,.w3-hover-ecgs-compl-3:hover{color:#000!important;background-color:#77CCBB!important}
.w3-ecgs-compl-4,.w3-hover-ecgs-compl-4:hover{color:#000!important;background-color:#B2F4E2!important}
.w3-ecgs-compl-5,.w3-hover-ecgs-compl-5:hover{color:#000!important;background-color:#F58220!important}
.w3-ecgs-compl-6,.w3-hover-ecgs-compl-6:hover{color:#000!important;background-color:#F5C61B!important}

.w3-ecgs-font-size{font-size:15vw;}

/* Mobile */
@media screen and (min-width: 400px) {
  body {
    background-color: white;
  }
}

/* Desktop */
@media screen and (min-width: 800px) {
  body {
    background-color: white;
  }
}

.g-recaptcha {transform:scale(1)!important; transform-origin: 0% 0;}

.select, option {
  -webkit-appearance: none;
}
.select-wrapper {
  position: relative;
  display: inline-block;
}
.select-wrapper:after {
  content: '\0025BC';
  color: white;
  height: 26px;
  width: 100%;
  padding: 8px;
  position: absolute;
  pointer-events: none;
}

select {
  font-family: Arial, ArialHebrew, sans-serif;
  padding: 1vh;
  border-radius: 1vh;
  border-color: transparent;
  padding-right: 24px;
}

/* loading */
/* <img class="ecgs-logo-small" ng-src="/img/ecgs-loading.gif" src="/img/ecgs-loading.gif"> */
.dot {
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 100%;
  display: inline-block;
  animation: slide 1s infinite;
}
.dot:nth-child(1) {
  animation-delay: 0.1s;
  background: #77CC7A;
}
.dot:nth-child(2) {
  animation-delay: 0.2s;
  background: #15E188;
}
.dot:nth-child(3) {
  animation-delay: 0.3s;
  background: #17AD50;
}
.dot:nth-child(4) {
  animation-delay: 0.4s;
  background: #0B8E4E;
}
.dot:nth-child(5) {
  animation-delay: 0.5s;
  background: #0E5C0B;
}
@-moz-keyframes slide {
  0% {
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes slide {
  0% {
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes slide {
  0% {
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes slide {
  0% {
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}

/* */