#driver-reg-module {margin: 0 10px; }
#driver-reg-module > div {max-width: 1024px; margin: 0 auto;}

#driver-form {margin: 0; padding: 0;}
#driver-form .columns {margin: 0 -10px;}
#driver-form .column {list-style-type: none; margin: 0; padding: 0 10px;}
#driver-form .single-column {margin: 10px 0;}

#driver-form .form-message {margin: 10px 0;}
#driver-form .form-body {}


#rules-row u {color: blue; cursor: pointer;}
#rules-row u:hover {text-decoration: none;}
#driver-rules {font-size: 14px;}
#driver-rules ol {padding-left: 1.5em;}
#driver-rules li {margin: 5px 0;}

#rules-buttons {text-align: center; margin: 15px 0 20px 0;}
.rules-button {font-size: 15px; color: #000; margin: 5px; display: inline-block; white-space: nowrap;}
.rules-button-accept {background-color: #5cb85c;}
.rules-button-accept:hover {background-color: #63ce63;}
.rules-button-decline {background-color: #f33;}
.rules-button-decline:hover {background-color: #f55;}

.driver-properties {}
.driver-properties .name {text-align: left; font-weight: bold; padding: 0 10px 0 0; border-bottom: 1px dotted #999; width: 400px;}
.driver-properties .unit {text-align: left; padding-left: 3px; width: 30px;}

.submit-row {margin: 20px 0;}

.taryfy {margin: 0 -10px;}
.taryfy > div {flex: 1 1 150px; margin: 0 10px;}
@media (min-width: 380px) {
    .taryfy {display: flex; flex-wrap: wrap;}
}

@media (min-width: 640px) {

  #driver-form {margin: 15px -10px 20px -10px;}
  #driver-form .columns {display: flex; flex-direction: row; width: 100%; margin: -10px 0; padding: 0;}
  #driver-form .column {flex: 1}
  #driver-form .single-column {margin: 15px 0; padding: 0 10px;}

  #driver-form .form-message {margin: -10px 0 15px 0;}

}