h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 64px;
    font-weight: 300;
    letter-spacing: -0.03em;
    text-rendering: optimizeLegibility;
}

body, p, td, a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

code {
    font-size: 13px;
}

/*body, p, td, a b {*/
    /*font-family: 'Open Sans', sans-serif;*/
    /*font-weight: 600;*/
/*}*/

/*
 * Navbar
 */

.navbar {
    border-radius: 0;
}

div.starter-template {
    padding-top: 0;
}

.panel {
    margin-bottom: 40px;
}

div.panel-heading {
    font-size: 20px;
    font-weight: 800;
}

div.panel-body {
    font-size: 20px;
    font-weight: 300;
    padding-top: 10px;
    padding-bottom: 10px;
}

.icon-spin {
    animation-duration: 1s;
}

.starter-template {
    padding: 25px 15px;
    text-align: center;
}

.pb-url-input {
    margin-bottom: 50px;
}

/*
 * Results table
 */

.table {
    border: none !important; /* fix Bootstrap visual issue where line above table headers was too thick */
}

td:nth-child(1), th:nth-child(1) { /* "status" column */
    text-align: center;
    width: 60px;
}

.table-tests th { /* column headers */
    font-size: 12px;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    /*border: none !important;*/
}

td.test-status { /* status icons */
    font-size: 35px;
    color: #CCCCCC;
    vertical-align: top;
    padding-top: 2px !important;
}

td:nth-child(2) { /* test title */
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px !important; /* override bootstrap */
}

td:nth-child(2) p { /* test description */
    margin-top: 2px;
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: normal;
}

/* animate.css */

.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.animated.hinge {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.05);
    }

    70% {
        -moz-transform: scale(.9);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.05);
    }

    70% {
        -o-transform: scale(.9);
    }

    100% {
        -o-transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }
}

@-moz-keyframes bounceOut {
    0% {
        -moz-transform: scale(1);
    }

    25% {
        -moz-transform: scale(.95);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -moz-transform: scale(.3);
    }
}

@-o-keyframes bounceOut {
    0% {
        -o-transform: scale(1);
    }

    25% {
        -o-transform: scale(.95);
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -o-transform: scale(.3);
    }
}

@keyframes bounceOut {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        transform: scale(.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut;
}

.result-success {
    margin-top: 3px;
    margin-bottom: 3px;
    color: #666666;
    list-style: none;
    padding-left: 1.5em;
    text-indent: -1.5em;
}

.result-success li:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #00e600;
    padding-right: 0.5em;
}

.result-warnings {
    margin-top: 3px;
    margin-bottom: 3px;
    color: #666666;
    list-style: none;
    padding-left: 1.5em;
    text-indent: -1.5em;
}

.result-warnings li { /* individual warnings */
    margin-top: 4px;
}

.result-warnings li:before { /* warning symbol by each warning */
    content: "\f071";
    font-family: FontAwesome;
    color: #e6e600;
    padding-right: 0.5em;
}

.result-errors {
    margin-top: 3px;
    margin-bottom: 3px;
    color: #666666;
    list-style: none;
    padding-left: 1.5em;
    text-indent: -1.5em;
}

.result-errors li:before {
    content: "\f071";
    font-family: FontAwesome;
    color: #e6e600;
    padding-right: 0.5em;
}

.table-tests {
    margin-bottom: 0;
}

/* Fira Sans */

/*
@font-face{
    font-family: 'Fira Sans';
    src: url('/fonts/fira-sans/eot/FiraSans-Light.eot');
    src: local('Fira Sans Light'),
    url('/fonts/fira-sans/eot/FiraSans-Light.eot') format('embedded-opentype'),
    url('/fonts/fira-sans/woff/FiraSans-Light.woff') format('woff'),
    url('/fonts/fira-sans/ttf/FiraSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('/fonts/fira-sans/eot/FiraSans-LightItalic.eot');
    src: local('Fira Sans Light Italic'),
    url('/fonts/fira-sans/eot/FiraSans-LightItalic.eot') format('embedded-opentype'),
    url('/fonts/fira-sans/woff/FiraSans-LightItalic.woff') format('woff'),
    url('/fonts/fira-sans/ttf/FiraSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('/fonts/fira-sans/eot/FiraSans-Regular.eot');
    src: local('Fira Sans Regular'),
    url('/fonts/fira-sans/eot/FiraSans-Regular.eot') format('embedded-opentype'),
    url('/fonts/fira-sans/woff/FiraSans-Regular.woff') format('woff'),
    url('/fonts/fira-sans/ttf/FiraSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-RegularItalic.eot');
    src: local('Fira Sans Regular Italic'),
    url('/fonts/fira-sans/eot/FiraSans-RegularItalic.eot') format('embedded-opentype'),
    url('/fonts/fira-sans/woff/FiraSans-RegularItalic.woff') format('woff'),
    url('/fonts/fira-sans/ttf/FiraSans-RegularItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-Medium.eot');
    src: local('Fira Sans Medium'),
    url('/fonts/fira-sans/eot/FiraSans-Medium.eot') format('embedded-opentype'),
    url('/fonts/fira-sans/woff/FiraSans-Medium.woff') format('woff'),
    url('/fonts/fira-sans/ttf/FiraSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('/fonts/fira-sans/eot/FiraSans-MediumItalic.eot');
    src: local('Fira Sans Medium Italic'),
    url('/fonts/fira-sans/eot/FiraSans-MediumItalic.eot') format('embedded-opentype'),
    url('/fonts/fira-sans/woff/FiraSans-MediumItalic.woff') format('woff'),
    url('/fonts/fira-sans/ttf/FiraSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('/fonts/fira-sans/eot/FiraSans-Bold.eot');
    src: local('Fira Sans Bold'),
    url('/fonts/fira-sans/eot/FiraSans-Bold.eot') format('embedded-opentype'),
    url('/fonts/fira-sans/woff/FiraSans-Bold.woff') format('woff'),
    url('/fonts/fira-sans/ttf/FiraSans-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('/fonts/fira-sans/eot/FiraSans-BoldItalic.eot');
    src: local('Fira Sans Bold Italic'),
    url('/fonts/fira-sans/eot/FiraSans-BoldItalic.eot') format('embedded-opentype'),
    url('/fonts/fira-sans/woff/FiraSans-BoldItalic.woff') format('woff'),
    url('/fonts/fira-sans/ttf/FiraSans-BoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Mono';
    src: url('/fonts/fira-mono/eot/FiraMono-Regular.eot');
    src: local('Fira Mono'),
    url('/fonts/fira-mono/eot/FiraMono-Regular.eot') format('embedded-opentype'),
    url('/fonts/fira-mono/woff/FiraMono-Regular.woff') format('woff'),
    url('/fonts/fira-mono/ttf/FiraMono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Mono';
    src: url('/fonts/fira-mono/eot/FiraMono-Bold.eot');
    src: local('Fira Mono Bold'),
    url('/fonts/fira-mono/eot/FiraMono-Bold.eot') format('embedded-opentype'),
    url('/fonts/fira-mono/woff/FiraMono-Bold.woff') format('woff'),
    url('/fonts/fira-mono/ttf/FiraMono-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
*/