input[type=text] {
    width: 100%;
    /*    padding: 12px 20px;
        margin: 8px 0;*/
    box-sizing: border-box !important;
    border: 1px solid dimgrey !important;
    border-radius: 4px !important;
}

input[type=text]:focus {
    width: 100%;
    /*    padding: 12px 20px;
        margin: 8px 0;*/
    box-sizing: border-box !important;
    border: 2px solid darkblue !important;
    border-radius: 4px !important;
}

input[type=password] {
    width: 100%;
    /*    padding: 12px 20px;
        margin: 8px 0;*/
    box-sizing: border-box !important;
    border: 1px solid dimgrey !important;
    border-radius: 4px !important;
}

input[type=password]:focus {
    width: 100%;
    /*    padding: 12px 20px;
        margin: 8px 0;*/
    box-sizing: border-box !important;
    border: 2px solid darkblue !important;
    border-radius: 4px !important;
}

input[type=number] {
    width: 100%;
    /*    padding: 12px 20px;
        margin: 8px 0;*/
    box-sizing: border-box !important;
    border: 1px solid dimgrey !important;
    border-radius: 4px !important;
}

input[type=number]:focus {
    width: 100%;
    /*    padding: 12px 20px;
        margin: 8px 0;*/
    box-sizing: border-box !important;
    border: 2px solid darkblue !important;
    border-radius: 4px !important;
}


textarea  {
    width: 100%;
    /*    padding: 12px 20px;
        margin: 8px 0;*/
    box-sizing: border-box !important;
    border: 1px solid dimgrey !important;
    border-radius: 4px !important;
}

textarea:focus {
    width: 100%;
    /*    padding: 12px 20px;
        margin: 8px 0;*/
    box-sizing: border-box !important;
    border: 2px solid darkblue !important;
    border-radius: 4px !important;
}

div.outline-border {
    width: 100%;
    /*    padding: 12px 20px;
        margin: 8px 0;*/
    box-sizing: border-box !important;
    border: 1px solid dimgrey !important;
    border-radius: 4px !important;
}