/* CSS Document */
p.destination, p.origin {
    background: #1f8dd6; /* same color as selected state on site menu */
    padding: 0.3em 1em;
    border-radius: 3px;
    color: #fff;
}
p.code {
    background: rgb(28, 184, 65);
    padding: 0.3em 1em;
    border-radius: 3px;
    color: #fff;    
}
.header {
    margin: 0 auto;
    padding: 1em;
    text-align: left;
    border-bottom: 1px solid #eee;
    background: #fff;
    letter-spacing: 0.05em;
}
    .header h1 {
        font-size: 300%;
        font-weight: 100;
        margin: 0;
    }
     .header h2 {
        font-size: 125%;
        font-weight: 100;
        line-height: 1.5;
        margin: 0;
        color: #666;
        letter-spacing: -0.02em;
    }

.footer {
    font-size: 87.5%;
    border-top: 1px solid #eee;
    margin-top: 3.4286em;
    padding: 1.1429em;
    background: rgb(250, 250, 250);
	text-align: right;
}
        .button-success,
        .button-error,
        .button-warning,
        .button-secondary {
            color: white;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        }

        .button-success {
            background: rgb(28, 184, 65); /* this is a green */
        }

        .button-error {
            background: rgb(202, 60, 60); /* this is a maroon */
        }

        .button-warning {
            background: rgb(223, 117, 20); /* this is an orange */
        }

        .button-secondary {
            background: rgb(66, 184, 221); /* this is a light blue */
        }
        .button-secondary {
            background: rgb(66, 184, 221); /* this is a light blue */
			width: 160px;
        }		

/* Color Theme Swatches in Hex */
.UI/UX-1-hex { color: #0F2859; }
.UI/UX-2-hex { color: #7787A6; }
.UI/UX-3-hex { color: #082040; }
.UI/UX-4-hex { color: #384D59; }
.UI/UX-5-hex { color: #80F2E7; }

/* Color Theme Swatches in RGBA */
.UI/UX-1-rgba { color: rgba(15, 39, 89, 1); }
.UI/UX-2-rgba { color: rgba(119, 134, 165, 1); }
.UI/UX-3-rgba { color: rgba(7, 31, 63, 1); }
.UI/UX-4-rgba { color: rgba(56, 76, 89, 1); }
.UI/UX-5-rgba { color: rgba(128, 242, 230, 1); }

/* Color Theme Swatches in HSLA */
.UI/UX-1-hsla { color: hsla(219, 70, 20, 1); }
.UI/UX-2-hsla { color: hsla(219, 20, 55, 1); }
.UI/UX-3-hsla { color: hsla(213, 78, 14, 1); }
.UI/UX-4-hsla { color: hsla(202, 22, 28, 1); }
.UI/UX-5-hsla { color: hsla(174, 81, 72, 1); }