﻿fieldset {
  margin: 0;
  padding: 0;
  border: 0;

}

.form-js-label input.ok {
    border-bottom-color: #2dac51 !important;
    background-image: url('../../assets/img/spuntaVerde.png');
    background-repeat: no-repeat;
    background-position: 95%;
    background-size: 15px 15px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.form-js-label input.cmError {
    border-bottom-color: #ff6d6d !important;
    background-image: url('../../assets/img/X_rossa.png');
    background-repeat: no-repeat;
    background-position: 95%;
    background-size: 15px 15px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.cmError {
    border-bottom-color: #ff6d6d !important;
}

.ok {
    border-bottom-color: #2dac51 !important;
}

.form-js-label input.ok {
    border-bottom: 2px solid #2dac51 !important; 
    background-image: url('/repository/spuntaVerde.png');
    background-repeat: no-repeat;
    background-position: 95%;
    background-size: 15px 15px; 
}

.form-js-label input.error{
    border-bottom:2px solid #ff6d6d !important;
    background-image: url('/repository/X_rossa.png');
    background-repeat: no-repeat;
    background-position: 95%;
    background-size: 15px 15px; 
}

.form-js-label input {
   height: 40px;
   border: solid 1px #dcdede;
   font-size: 15px;
   display: block;
   padding-left: 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.form-js-label textarea {
   border: solid 1px #dcdede;
   min-height:150px;
   font-size: 15px;
   display: block;
   padding-left: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


.formJsDDL{
        width:100%; 
        max-width:520px!important;
        height:40px;
        border:solid 1px #dcdede;
        margin-bottom:4px;
        font-size:15px;
        font-family: Raleway;
        display:block;
        padding-left:10px;
        background-color:#fff;

}

.form-label fieldset {
  position: relative;
}

.form-label label {
    position: relative;
    font-size: 15px;
    top: 7px;
    /*left: 8px;*/
    color: #444444;
    padding-left: 5px;
    padding-right: 5px;
    background-color: white;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.form-js-label input[data-empty="false"], .form-js-label input:focus {
  padding: 12px 8px 10px;
}
.form-js-label input:focus {
  outline: 0;
  background: white;
  border-bottom: 2px solid #000000;
}


.form-js-label input[data-empty="false"] + label, .form-js-label input:focus + label {
  color: #848484;
  font-weight: 700;
  font-size: 12px;
  -webkit-transform: translate3d(0, -15px, 0);
          transform: translate3d(0, -15px, 0);
}

.form-js-label textarea[data-empty="false"], .form-js-label textarea:focus {
  padding: 12px 8px 10px;
}

.form-js-label textarea[data-empty="true"]{
  padding: 12px 8px 10px;
}

.form-js-label textarea:focus {
  background: white;
  border-bottom: 2px solid #000000;
}

.form-js-label textarea[data-empty="false"] + label, .form-js-label textarea:focus + label {
  color: #848484;
  font-weight: 700;
  font-size: 12px;
  -webkit-transform: translate3d(0, -15px, 0);
          transform: translate3d(0, -15px, 0);
}

.cmFormError 
{
    color:red;
    font-size:12px;
    font-weight:400;
    clear:left;
}
.cmFormRequiredMark::after
{
    content:"*";
}