body {font-family: 'Archivo Narrow', sans-serif; margin: 0;padding: 0;color: #333;background: #f5f5f5;}

.smallType {font-size: 16px;}
.required { color: #B22222; font-size: 12px; text-align: left; font-weight: normal;}
.hRule {background: #ddd; height: 1px;font-size: 1px;line-height: 1px;padding: 0;margin: 10px 0;}

table {width: 100%;}
input[type="text"], select, textarea {
    border: .05rem solid #999;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 3px;
    padding: 4px;
    height: 25px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    outline: .05rem solid #ccc;
}

    input[type="text"]:focus,
    select:focus,
    textarea:focus {
        border-color: #007bff;
        outline: none;
        box-shadow: 0 0 3px #007bff;
    }

.panel { width: 700px; margin: 0 auto;background-color: #eee;border: 1px solid #ddd;padding: 10px;}
.form-table {width: 678px;}

.form-header {
    margin: 10px 0;
    background-position: 18px 22px;
    background-color: #025BE0;
    color: #fff;
    padding: 15px 0 15px 90px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /*background-image: url('images/arrow.png');*/
    background-repeat: no-repeat;
}

.heading {
    width: 130px;
    text-align: right;
    padding-right: 30px;
    font-weight: bold;
    vertical-align: top;
}

.city {width: 180px;}
.state {width: 100px;}
.button {border-style: none; border-color: inherit;border-width: 0;background: #4DB0FF;color: #000;padding: 8px 20px;font-size: 18px;}
.name-table, .address-table {width: 100%;}
.right {text-align: right;}
.headbar {font-size: 24px;font-weight: bold;}
.page-number {width: 100px;text-align: right;}
.case-number {font-weight: bold; color: firebrick;text-transform: uppercase;}

.confirmation-table {border-collapse: collapse;}
.confirmation-table td {border: 1px solid #ddd;}