

.radio-section {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.radio-item [type="radio"] {
    display: none;
}
.radio-item + .radio-item {
    margin-top: -5px;
}
.radio-item label {
    display: flex;
    float: left;
    padding: 5px 0px 5px 25px;
    margin-right: 10px;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    transition: 0.4s ease-in-out 0s;

}



.radio-item label:after,
.radio-item label:before {
    content: "";
    position: absolute;



}
.radio-item label:after {
    height: 14px;
    width: 14px;
    border: 2px solid #b27299;
    left: 4px;
    top: 5px;
    border-radius: 25%;
}
.radio-item label:before {
    background: #b27299;
    height: 16px;
    width: 16px;
    left: 4px;
    top: 6px;
    transform: scale(2);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease-in-out 0s;
    border-radius: 25%;
}

.radio-item [type="radio"]:checked ~ label::before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}


.createformheader
{
    width: 100%;
    color: black;
    font-size: 22px;
    font-weight: bolder;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.createformheader hr
{
    width: 100%;
    border-top: 2px solid #b27299;
    margin-top: 2px;
}


.horseCreateForm [type="text"] {
    cursor: pointer;
    width: 230px;
    height: 25px;
    border: 2px solid #b27299;
    box-shadow: 3px 2px 5px 0px #ababab;
}

.horseCreateForm
{
    padding: 10px;
}

.horseCreateForm lable
{
    font-size: 18px;
    font-weight: bold;
}

.form-labels
{
margin-top: -8px;
}

.horseCreateForm .breedInfo {
    border-bottom: 0px dotted black;
}

.mimicTextInput {
    cursor: pointer;
    border: 2px solid #b27299;
    box-shadow: 3px 2px 5px 0px #ababab;
  padding: 2px;
    word-break:break-all;
}