.notes-form-holder form .btn {
    min-width: 110px;
}

.notes {
    position:relative;
}
.create-note-toggle {
    height:38px;
    margin:0;
    display:flex;
    align-items: flex-end;
}

.create-note-toggle, #CreateNotesHolder {
    position:absolute;
    width:100%;
    margin-top: -42px;
}




/*floating labels*/
.form-label-group input,
.form-label-group label {
    height: 3.125rem;
    padding: .75rem;
}

.form-label-group label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    font-size:14px;
    width: 100%;
    margin-bottom: 0; /* Override default `<label>` margin */
    line-height: 1.5;
    color: #495057;
    pointer-events: none;
    cursor: text; /* Match the input under the label */
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: all .1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder {
    color: transparent;
}

.form-label-group input::-moz-placeholder {
    color: transparent;
}

.form-label-group input:-ms-input-placeholder {
    color: transparent;
}

.form-label-group input::-ms-input-placeholder {
    color: transparent;
}

.form-label-group input::placeholder {
    color: transparent;
}

/*.form-label-group input:not(:-moz-placeholder-shown) {*/
/*    top:-18px;*/
/*    font-size:14px;*/
/*    color:#5264AE;*/
/*}*/

/*.form-label-group input:not(:-ms-input-placeholder) {*/
/*    top:-18px;*/
/*    font-size:14px;*/
/*    color:#5264AE;*/
/*}*/

/*.form-label-group input:not(:placeholder-shown) {*/
/*    top:-18px;*/
/*    font-size:14px;*/
/*    color:#5264AE;*/
/*}*/

.form-label-group input:not(:-moz-placeholder-shown) ~ label {
    top:-18px;
    font-size:14px;
    color:#5264AE;
    font-style: italic;
}

.form-label-group input:not(:-ms-input-placeholder) ~ label {
    top:-18px;
    font-size:14px;
    color:#5264AE;
    font-style: italic;
}

.form-label-group input:not(:placeholder-shown) ~ label {
    top:-18px;
    font-size:14px;
    color:#5264AE;
    font-style: italic;
}

.form-label-group input:-webkit-autofill ~ label {
    top:-18px;
    font-size:14px;
    color:#5264AE;
    font-style: italic;
}

.floating-label {
    position:relative;
    width:100%;
}

.floating-label.canView {
    max-width:140px;
}


.floating-select, .form-label-group input {
    font-size:14px;
    padding:4px 8px;
    display:block;
    width:100%;
    height:40px;
    background-color: transparent;
    border:none;
    border-bottom:1px solid #757575;
}
.form-label-group input {
    padding:4px 12px;
}
.floating-select:focus {
    outline:none;
    border-bottom:2px solid #5264AE;
}

.floating-select:focus ~ label ,
.floating-select:not([value=""]):valid ~ label {
    top:-18px;
    font-size:14px;
    color:#5264AE;
    font-style: italic;
}

/* active state */
.floating-select:focus ~ .floating-select:focus ~  {
    width:50%;
}

/* active state */
.floating-select:focus ~  {
    -webkit-animation:inputHighlighter 0.3s ease;
    -moz-animation:inputHighlighter 0.3s ease;
    animation:inputHighlighter 0.3s ease;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
    .form-label-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .form-label-group label {
        position: static;
    }

    .form-label-group input::-ms-input-placeholder {
        color: #777;
    }
}