@font-face {
    font-family: 'robotolight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light-webfont.woff') format('woff'), url('../fonts/Roboto-Light-webfont.ttf') format('truetype'), url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold-webfont.woff') format('woff'), url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: "robotolight", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
b,
strong,
.button,
button,
tr th,
.success, .failed,
.bold,
input[type='button'],
input[type='reset'],
input[type='submit'] {
    font-family: "robotobold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
header #logo {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #f4f5f6;
    margin-bottom: 10px;
}
th,
td {
    padding-top: 0.6rem;
    padding-right: 0.6rem;
    padding-bottom: 0.6rem;
    ;
}
#content a {
    color: #B00701;
}
pre {border-left-color: #B00701;}
h1 {
    font-size: 4rem;
}
h2 {
    font-size: 3rem;
}
h3 {
    font-size: 2rem;
}
.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'],
.button:focus, .button:hover, button:focus, button:hover, input[type='button']:focus, input[type='button']:hover, input[type='reset']:focus, input[type='reset']:hover, input[type='submit']:focus, input[type='submit']:hover
 {
    border-color: #B00701;
    background-color: #B00701;
}
.button.button-outline,
button.button-outline,
input[type='button'].button-outline,
input[type='reset'].button-outline,
input[type='submit'].button-outline {
	color: #B00701;
}
.button-small {
    margin-bottom: 5px;
    height: 2.4rem;
    line-height: 1rem;
}

/*----- Tests GUI -----*/
#content .testing a {
    text-decoration: none;
}
#content .failed {
    color: red;
}
#content .failed ul {
    list-style: none;
}
#content .failed ul li {
    font-weight: normal
}
#content .success {
    color: green;
}
#content .testing {
    margin-bottom: 15px;
}
#content .muted {
    color: #d9d9d9;
}
#content .errRow {
    border-left: 5px solid red;
    background-color: #ffdfdf;
}
#content .errRow a {
    color: red;
}
#content .errRow > td:first-child {
    padding-left: 10px;
}
#content .sRow {
    border-left: 5px solid green;
}
#content .sRow a {
    color: green;
}
#content .sRow > td:first-child {
    padding-left: 10px;
}
#content .n {
    text-align: right;
}
.box {
    border: 1px solid #f4f5f6;
    padding: 10px;
}
.failure-message {
    border: 1px solid red;
    padding: 10px;
    margin-bottom: 10px;
}
.failure-label {
    font-weight: 700;
    width: 150px;
    float: left;
}
.failure-message-item {
    color: red;
    font-weight: 700;
}

/*----- migrator GUI -----*/
#migrator {}
section#dbinfo,
section#prefix,
section#migrator-templates,
section#migrations {
    margin-bottom:10px;
}
#migrator #migrator-templates input[type='radio'] {margin-bottom: 3px;}
#migrator #migrator-templates label.label-inline {font-size: 13px;}
#migrator .help {font-style: italic; color: #999; font-size: 13px;}
#migrator .alert { padding:5px;
        border: 2px solid #4286f4;
        border-radius:2px;
        background-color:#ccdfff;
        margin-top:5px; margin-bottom:5px;
        font-weight: 700;
}
#migrator .alert-success {
        border: 2px solid #2d7f38;
        background-color:#e8ffeb;}
#migrator #messages pre { height: 250px; overflow-y: auto; padding-left:15px; font-size:13px;}

#migrator .domigrate {}
#migrator .migrated  {background-color: #3071db; border-color: #3071db}
#migrator .currentVersion {font-weight: 700; background-color: #f4f4f4; border-bottom: 1px solid #999;}
#migrator .currentVersion .button {background-color: #999; border-color: #999}
#migrator .resetMigration {background-color: #db5730; border-color: #db5730}
#migrator .button-small.redo {    border-top-right-radius: 0;  border-bottom-right-radius: 0;}
#migrator .button-small.migrated {    border-top-left-radius: 0;  border-bottom-left-radius: 0;}

/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
}

/*----- Tab Links -----*/
/* Clearfix */
.tab-links {margin-bottom: 0;}
.tab-links:after {
    display:block;
    clear:both;
    content:'';
}

.tab-links li {
    margin:7px 5px;
    float:left;
    list-style:none;
}

.tab-links a {
    padding:9px 15px;
    background:#f4f4f4;
    font-size:16px;
    font-weight:600;
    color:#4c4c4c;
    transition:all linear 0.15s;
}

.tab-links a:hover {
    background:#a7cce5;
    text-decoration:none;
}

.tab-links li.active a, .tab-links li.active a:hover {
    background:#fff;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #fff;
}

/*----- Content of Tabs -----*/
.tab-content {
    padding:15px;
    border:1px solid #999;
    background:#fff;
}

.tab {
    display:none;
}

.tab.active {
    display:block;
}
/*----- Routing GUI -----*/
.label {color: white;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 6px;
    width: 60px;
    display: block;
    border-radius: 2px;
    text-align: center;}
.label-get {background-color: #01b058;}
.label-post {background-color: #0181b0;}
.label-put, .label-patch {background-color: #d16d02;}
.label-delete {background-color: #b00121;}