/* Tooltips helpers */
.item .tooltip{ float:left; top:2px; left:7px; position:relative; z-index:2; }
.item .tooltip:hover{ z-index:3; }
   .item .tooltip > span{ display:inline-block; width:16px; height:16px; line-height:16px; font-size:0.9em; font-weight:bold; text-align:center; color:#FFF; cursor:help; background-color:#00AEEF; position:relative; border-radius:10px; }
    .item .tooltip .content{ opacity:0; width:200px; background-color:#333; color:#FFF; font-size:0.9em; position:absolute; top:0; left:20px; padding:8px; border-radius:6px; pointer-events:none; transition:0.2s cubic-bezier(0.1, 0.1, 0.25, 2); -webkit-transition:0.3s cubic-bezier(0.1, 0.2, 0.5, 2.2); -moz-transition:0.3s cubic-bezier(0.1, 0.2, 0.5, 2.2); }
        .item .tooltip p{ padding:0; }
   .item .tooltip.down .content{ left:auto; right:0; top:30px; }
   .item .tooltip:hover .content{ opacity:1; left:36px; }
      .item .tooltip .content b{ height:0; width:0; border-color:#333 #333 transparent transparent; border-style:solid; border-width:9px 7px; position:absolute; left:-14px; top:8px; }
        .item .tooltip.down .content b{ left:auto; right:6px; top:-10px; border-width:5px; border-color:transparent #333 #333 transparent; }

/* alerts (when validation fails) */
.item .alert{
  /*float:left;*/
  display: inline-block;
  top: 0px;
  margin:0 0 0 10px;
  padding:3px 10px;
  position:relative;
  color:#FFF;
  border-radius:3px 4px 4px 3px;
  background-color:#CC0000;
  /*max-width:170px;*/
  white-space:pre;
  z-index:1; }
.item .alert::before{
  content:'';
  display:block;
  height:0;
  width:0;
  border-color:transparent transparent #CC0000  transparent;
  border-style:solid;
  border-width:11px 8px;
  position:absolute;
  left:10px;
  top:-20px;
  }

/* alerts (when validation fails) */
.alertgroup{
  /*float:left;*/
  display: block;
  width:7em;
  margin:3px 3px 0 0;
  padding:2px 0 !important;
  text-align: center;
  position:relative;
  float: right;
  color:#FFF;
  border-radius:3px;
  background-color:#CC0000;
  /*max-width:170px;*/
  white-space:pre;
  z-index:1;
}

.alertgroup.emailconf{
  width:15em;
}

.alertgroup.emailformat{
  width:17em;
}

.alertgroup.counter{
  width:13em;
}

.count_minus{
  color: #CC0000;
  font-weight: bold;
}


/*.alertgroup::after{
  content:'';
  display:block;
  height:0;
  width:0;
  border-color:transparent transparent #CC0000 transparent;
  border-style:solid;
  border-width:11px 8px;
  position:absolute;
  left:10px;
  top:-20px;
  }*/


.rowerror{
  background: #FFEEEE;
}

/* Smart Phone */
@media (max-width: 768px){
  .alertgroup{
    float: none;
  }
  .item .alertgroup::before{
  }
}



@keyframes shake{
    25%{ transform:translateX(-6px); }
    75%{ transform:translateX(6px); }
}
@-webkit-keyframes shake{
    25%{ -webkit-transform:translateX(-6px); }
    75%{ -webkit-transform:translateX(6px); }
}