@font-face {
      font-family: 'myicon';
      src: url('../fonts/font/myicon.eot?6306858');
      src: url('../fonts/font/myicon.eot?6306858#iefix') format('embedded-opentype'),
           url('../fonts/font/myicon.woff?6306858') format('woff'),
           url('../fonts/font/myicon.ttf?6306858') format('truetype'),
           url('../fonts/font/myicon.svg?6306858#myicon') format('svg');
           font-weight: normal;
           font-style: normal;
    }

    body{
        min-height: 100vh;
    }
    .td-login-form{
        width:40%;
        margin-left:30%;
        padding:30px;
    }

    @media screen and (max-width: 800px) {
        .td-login-form{
            width:80%!important;
            margin-left:10%;
            padding:30px;
        }
      }

    .loginform .input{
        border: 1px solid blue;
    } 
    
    .td-login-form input:not([type]), input[type="email"], input[type="number"], input[type="password"], 
    input[type="tel"], input[type="url"], input[type="text"], textarea, select {
        color: #212121;
        border-radius: 10px!important;
        border: 1px solid gray!important;

}


    .col-mdp-2, .col-mdp-9{
        float: left;
        height: 100%;
    }
    .col-md-2-cust{
        width: 20%!important;
        margin: 0px!important;
        margin-left: 0px!important;
        margin-right: 0px!important;
        padding: 0px!important;
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .col-mdp-2{
        width: 15%;
        clear: both;
    }
    
    .col-mdp-9{
        width: 85%;
         margin: auto;
        }
    .col-mdp-9 label{
         vertical-align: middle;
         margin: auto;
         margin-left: 5px;
         font-size: 1.4em;
    }
    
    .form-wrapper{
        width: 100%;
    }
    .form-content{
        width: 65%;
        background-color: #f0f0f0;
        padding: 20px;
        margin: auto;
    }
    
    .form-content .form-group{
        width: 100%;
        margin-top: 5px;
    }
    
    .form-content .form-row{
    width: 100%;
    }
    
    .form-content .form-group input{
        border-radius: 10px;
    }
    .form-btn-wrapper{
        display: flex;
       width: 100%;
        margin-top: 20px!important;
        padding-top: 30px!important;
    }
    
    .btn-wrapper{
        flex: 1;
    }
    button.prev, button.next{
        color: white!important;
        background-color: darkblue;
        border-radius: 20px!important;
    }