.alterna-cx-card-actions button:focus, html[dir] .alterna-cx-card-actions button:not(:disabled):hover {
  background: #72BF44 !important;
}

.alterna-cx-textarea:focus, html[dir] .alterna-cx-textinput:focus {
  -webkit-box-shadow: 0 0 5px 0 #72BF44 !important;
   box-shadow: 0 0 5px 0 #72BF44 !important;
   border-color: #72BF44 !important
}

.alterna-cx-card-title {
    color: #72BF44;
}

.alterna-cx-card-actions button.alterna-cx-trigger-prev,
.alterna-cx-card-actions button.alterna-cx-trigger-prev:not(:disabled):hover {
  color: #72BF44 !important;
  background: #fefefe !important;
}

.alterna-cx-card-actions button.alterna-cx-trigger-next,
.alterna-cx-card-actions button.alterna-cx-trigger-next:not(:disabled):hover {
  color: #fefefe !important;
  background: #72BF44 !important;
}

.alterna-cx-choice-other .alterna-cx-char-counter {
  color: #000000 !important;
}

.alterna-cx-choice input:checked+.alterna-cx-choice-other {
  background: #fff !important;
}

.alterna-cx-choice input:checked+.alterna-cx-choice-label>label, .alterna-cx-choice input:checked+.alterna-cx-choice-other>label, .alterna-cx-choice input:checked+.alterna-cx-choice-label>label::before, .alterna-cx-choice input:checked+.alterna-cx-choice-other>label::before, .alterna-cx-choice input:checked+.alterna-cx-choice-label>label::after, .alterna-cx-choice input:checked+.alterna-cx-choice-other>label::after {
  color: #fefefe !important;
}

.alterna-cx-choice .alterna-cx-choice-label>label, .alterna-cx-choice .alterna-cx-choice-other>label, .alterna-cx-choice .alterna-cx-choice-label>label::after, .alterna-cx-choice .alterna-cx-choice-other>label::after {
  color: #000000 !important;
}

.alterna-cx-choice .alterna-cx-choice-label>label:hover, .alterna-cx-choice .alterna-cx-choice-other>label:hover, .alterna-cx-choice .alterna-cx-choice-label>label:hover::after, .alterna-cx-choice .alterna-cx-choice-other>label:hover::after {
  color: #fefefe !important;
}

.alterna-cx-textarea, .alterna-cx-textinput{
  color: #000000 !important;
}

.alterna-cx-choice .alterna-cx-choice-other .alterna-cx-textarea{
  color: #000000 !important;
}

.alterna-cx-choice input:checked + .alterna-cx-choice-label > label, .alterna-cx-choice input:checked + .alterna-cx-choice-other > label{
  background: #72BF44 !important;
}

.alterna-cx-choice .alterna-cx-choice-label > label:hover, .alterna-cx-choice .alterna-cx-choice-other > label:hover{
  background: #72BF44 !important;
}

.alterna-cx-char-counter{
    color: #000000 !important;
}

.alterna-cx-card-actions button{
    color: #fff !important;
    background-color: #72BF44 !important;
}

.alterna-cx-card-actions button:focus, .alterna-cx-card-actions button:not(:disabled):hover{
    color: #fff !important;
    background-color: #72BF44 !important;
}

.alterna-cx-select .alterna-cx-placeholder{
    color:#72BF44 !important;
}

.alterna-cx-select .alterna-cx-placeholder:hover{
    background:#72BF44 !important;
    color: #fff !important;
}

.alterna-cx-select .alterna-cx-placeholder::after{
    color:#72BF44 !important;
}

.alterna-cx-select .alterna-cx-placeholder::after{
    color: #fff !important;
}

.alterna-cx-textarea:focus, .alterna-cx-textinput:focus{
    border-color: 72BF44 !important;
    webkit-box-shadow: 0 0 5px 0 72BF44 !important;
    box-shadow: 0 0 5px 0 72BF44 !important;
}

.alterna-cx-card-content.alterna-cx-icon-remove {
  color:#000000;
}

.alterna-cx-card-close::before {
  color: #72BF44 !important;
}

.alterna-cx-card-close:hover{
  background: #72BF44 !important;
}

.alterna-cx-card-close:hover::before{
  color: #fff !important;
}

.alterna-cx-spinner > div:before{
  background-color:#72BF44 !important;
}

html[dir] .alterna-cx-web-header {
  text-align: center !important;
  margin: 0 auto;
  box-shadow: none;
}
@media only screen and (max-width: 650px) {
  .alterna-cx-card-title.alterna-cx-web-header {
    background-color: #72BF44  !important;
  }
}

@media only screen and (min-width: 650px) {
  .web-header {
    width: 100% !important;
    margin: 0 auto !important;
  }
  .alterna-cx-web-header:after {
    background-color: #72bf44!important;
    content: '';
    display: block;
    position: absolute;
    top: 0.1px;
    left: 1rem;
    right: 1rem;
    bottom: 0.1px;
    z-index: -1;
    box-shadow: 0 0 5px 0 rgba(19,19,19,0.3);
    -webkit-box-shadow: 0 0 5px 0 rgba(19,19,19,0.3);
  }
}
@media only screen and (min-width: 1024px) {
  .alterna-cx-web-header {
    width: 90% !important;
    margin: 0 auto !important;
  }
}

@media only screen and (min-width: 1280px) {
  .alterna-cx-web-header {
    width: 70% !important;
    margin: 0 auto !important;
  }
}

@media only screen and (min-width: 1600px) {
  .alterna-cx-web-header {
    width: 55% !important;
    margin: 0 auto !important;
  }
}

