@import url('https://fonts.googleapis.com/css?family=Roboto');

html, body { margin: 0; height: 100%; width: 100%; }
body { background-color: #006456; }

h1 { color: #ffffff; font-family: 'Roboto', sans-serif; }

body, span, p, a, li, ul { font-family: 'Roboto', sans-serif; font-size: 16px; color: #ffffff; }

.logo { text-align: center; width: 100%; padding: 25px; }
.form_field { color: #000000; }

.padding_top_01 { padding-top: 1px; }
.padding_top_02 { padding-top: 2px; }
.padding_top_03 { padding-top: 3px; }
.padding_top_04 { padding-top: 4px; }
.padding_top_05 { padding-top: 5px; }
.padding_top_06 { padding-top: 6px; }
.padding_top_07 { padding-top: 7px; }
.padding_top_08 { padding-top: 8px; }
.padding_top_09 { padding-top: 9px; }
.padding_top_10 { padding-top: 10px; }
.padding_top_20 { padding-top: 20px; }
.padding_top_50 { padding-top: 50px; }

.padding_left_01 { padding-left: 1px; }
.padding_left_02 { padding-left: 2px; }
.padding_left_03 { padding-left: 3px; }
.padding_left_04 { padding-left: 4px; }
.padding_left_05 { padding-left: 5px; }
.padding_left_06 { padding-left: 6px; }
.padding_left_07 { padding-left: 7px; }
.padding_left_08 { padding-left: 8px; }
.padding_left_09 { padding-left: 9px; }
.padding_left_10 { padding-left: 10px; }
.padding_left_20 { padding-left: 20px; }
.padding_left_50 { padding-left: 50px; }

.padding_right_01 { padding-right: 1px; }
.padding_right_02 { padding-right: 2px; }
.padding_right_03 { padding-right: 3px; }
.padding_right_04 { padding-right: 4px; }
.padding_right_05 { padding-right: 5px !important; }
.padding_right_06 { padding-right: 6px; }
.padding_right_07 { padding-right: 7px; }
.padding_right_08 { padding-right: 8px; }
.padding_right_09 { padding-right: 9px; }
.padding_right_10 { padding-right: 10px; }
.padding_right_20 { padding-right: 20px; }
.padding_right_50 { padding-right: 50px; }