.floating-form {
}

.floating-label .help-block {
    color: red;
}
.floating-form input{
    border-radius: 0px !important;
    padding-left: 0px !important;
}
.floating-label {
    position:relative;
    margin-bottom:20px;
}
.floating-form input {
    border: none;
    border-bottom: 1px solid #ccc;
}
.floating-input , .floating-select {
    font-size:14px;
    padding:4px 4px;
    display:block;
    width:100%;
    height:30px;
    background-color: transparent;
    border:none;
    border-bottom:1px solid #757575;
}
.floating-input:focus , .floating-select:focus {
    outline:none;
    border-bottom:1px solid #24b47e;
}
.floating-form label {
    color:#999;
    font-size:14px;
    font-weight:normal;
    position:absolute;
    pointer-events:none;
    left:0px;
    top:5px;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
}
.floating-input:focus ~ label:not(.error), .floating-input:not(:placeholder-shown) ~ label:not(.error) {
    top:-18px;
    font-size:14px;
    color:#24b47e !important;
}
.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
    top:-18px;
    font-size:14px;
    color:#ссс !important;
}
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
    width:50%;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.floating-textarea {
    min-height: 30px;
    max-height: 260px;
    overflow:hidden;
    overflow-x: hidden;
}
.highlight {
    position:absolute;
    height:50%;
    width:100%;
    top:15%;
    left:0;
    pointer-events:none;
    opacity:0.5;
}
.floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {
    -webkit-animation:inputHighlighter 0.3s ease;
    -moz-animation:inputHighlighter 0.3s ease;
    animation:inputHighlighter 0.3s ease;
}
/* animation */
@-webkit-keyframes inputHighlighter {
    from {
        background:#24b47e;
   }
    to {
        width:0;
        background:transparent;
   }
}
@-moz-keyframes inputHighlighter {
    from {
        background:#24b47e;
   }
    to {
        width:0;
        background:transparent;
   }
}
@keyframes inputHighlighter {
    from {
        background:#24b47e;
   }
    to {
        width:0;
        background:transparent;
   }
}
.jp-card-container {
    margin-left: inherit;
    margin-bottom: 20px !important;
}
button#btnPrimary {
    background-color: #24b47e !important;
}
button#btnPrimary {
    background-color: #24b47e !important;
    font-size: 18px;
    padding: 10px 15px !important;
}

.floating-credit {
    position:fixed;
    bottom:10px;
   right:10px;
    color:#aaa;
    font-size:13px;
   font-family:arial,sans-serif;
}
.floating-credit a {
    text-decoration:none;
    color:#000000;
    font-weight:bold;
}
.floating-credit a:hover {
    border-bottom:1px dotted #f8f8f8;
}
.floating-heading {
    position:fixed;
    color:#aaa;
    font-size:20px;
    font-family:arial,sans-serif;
}