.normalcard {
    top: calc( (100vh - 200px)/2);
    /* display: table-cell; */
    width: 300px;
    min-height: 150px;
    margin: 0px auto;
    border: solid 1px gray;
    border-radius: 10px;
    position: relative;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    /*transform: translate(0%, 50%);*/
    box-shadow: 0 3px 22px -4px rgb(0 0 0 / 50%);
}
.row {
    margin-right: 0;
}

.col-md-6, .col-md-12, .col-md-8, .col-md-4, .col-md-3 {
    padding-right: 0;
}
.form-control{
background-color:#262626;
color:white;
border: none;
}
@media only screen and (min-width: 320px) and (max-width: 767px) { /*phones */
    
    .margin-5 {
        margin-top: 10px;
    }

    .input-field {
        margin: 5px;
    }
}
    
        
@media only screen and (min-width: 768px) and (max-width: 991px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */

    .input-field {
        margin: 5px;
    }
.card.bottom-center {
    position: absolute;
    top: 65vh;
    left: 0;
    right: 0;
    margin: 0px 39%;
}
.card {
    width: 250px;
    top: 15%;
    position: relative;
    margin: 0px 29%;
    padding: 5px;
}
.btn{
font-size:12px;
}
.form-control{
height:25px;
font-size:12px;
}