/*Start Money*/
.money {
    position: relative;
}

    .money input[type="text"] {
        border: 1px solid rgba(100,100,100,.5);
        border-radius: 5px;
        padding: 5px 5px 5px 35px;
    }

    .money p {
        position: absolute;
        height: calc(100% - 2px);
        color: black;
        background-color: rgb(200,200,200);
        z-index: 99;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 1px;
        padding: 0px 10px;
        left: 1px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
/*End Money*/


/*Start Percentage*/
.percentage {
    position: relative;
}

    .percentage input[type="text"] {
        border: 1px solid rgba(100,100,100,.5);
        border-radius: 5px;
        padding: 5px 5px 5px 35px;
    }

    .percentage p {
        position: absolute;
        height: calc(100% - 2px);
        color: black;
        background-color: rgb(200,200,200);
        z-index: 99;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 1px;
        padding: 0px 10px;
        left: 1px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
/*End Percentage*/


/*Start Phone*/
.phone {
    position: relative;
}

    .phone input[type="text"] {
        border: 1px solid rgba(100,100,100,.5);
        border-radius: 5px;
        padding: 5px 5px 5px 55px;
    }

        .phone input[type="text"]:focus {
            caret-color: rgba(0,0,0,0);
        }

    .phone p {
        position: absolute;
        height: calc(100% - 2px);
        color: black;
        background-color: rgb(200,200,200);
        z-index: 99;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 1px;
        padding: 0px 10px;
        left: 1px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
/*End Phone*/