body {
    font-family: 'Roboto', sans-serif;
}

.g-pos-relative {
    position: relative;
}

.text-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.m-content-offset {
    padding-top: 62px;
}

    .m-content-offset.m-filters {
        padding-top: 113px;
    }

.b-background {
    position: fixed;
    z-index: -100;
    width: 100%;
    height: 100%;
}

.b-feature-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 16px;
    padding: 20px 20px 0;
    height: 62px;
    background-color: #0088cf;
    z-index: 2;
}

    .b-feature-header .e-logo {
        margin-top: -20px;
        height: 64px;
    }

    .b-feature-header .e-menu-item {
        cursor: pointer;
        margin-left: 25px;
        padding-bottom: 10px;
        border-bottom: 4px solid #0088cf;
        font-size: 15px;
        color:white;
        float: right;
    }

        .b-feature-header .e-menu-item:hover,
        .b-feature-header .e-menu-item.m-active-colour {
            color: #fdbc3b;
        }

        .b-feature-header .e-menu-item:hover,
        .b-feature-header .e-menu-item.m-active,
        .b-feature-header .e-menu-item:focus {
            text-decoration: none;
            position: relative;
            outline: 0;
        }

            .b-feature-header .e-menu-item.m-active:after {
                position: absolute;
                bottom: -11px;
                left: 50%;
                width: 0;
                height: 0;
                margin-left: -4px;
                content: ' ';
                pointer-events: none;
                border: solid transparent;
                border-width: 9px;
                border-bottom-color: white;
            }

.b-filters {
    display: none;
    padding-top: 15px;
    -webkit-box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.27);
    -moz-box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.27);
    box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.27);
}

    .b-filters.m-expanded {
        position: fixed;
        display: block;
        top: 62px;
        width: 100%;
        background-color: #fff;
        color: #000;
        z-index: 1;
    }

    .b-filters .e-filter-group {
        display: table;
        width: 100%;
        padding-bottom: 15px;
    }

    .b-filters .e-filter-label {
        display: table-cell;
    }

    .b-filters .e-filter-component {
        display: table-cell;
    }

    .b-filters .e-filter-input {
        width: 100%;
    }

.b-branch-hoarder {
    background-color: #a8c5d5;
    color: #fff;
}

    .b-branch-hoarder .e-hoarder-bg {
        background: url("./images/branch-hoarder.jpg") no-repeat right center;
        background-size: 200px;
    }

    .b-branch-hoarder .e-hoarder {
        display: table;
        padding: 15px 0 15px 15px;
        float: left;
    }

        .b-branch-hoarder .e-hoarder:first-child {
            padding-left: 0;
        }

    .b-branch-hoarder .e-hoarder-count {
        display: table-cell;
        background-color: #d9534f;
        border-radius: 100%;
        text-align: center;
        padding: 10px;
        width: 55px;
        height: 55px;
        font-size: 25px;
        font-weight: bold;
        vertical-align: middle;
    }

    .b-branch-hoarder .e-hoarder-name {
        display: table-cell;
        font-size: 25px;
        line-height: 25px;
        font-weight: bold;
        padding-left: 10px;
        vertical-align: middle;
    }

    .b-branch-hoarder .e-hoarder-title {
        color: #d9534f;
        font-size: 13px;
        line-height: 20px;
    }

    .b-branch-hoarder .e-hoarder-name-ellipse:last-child {
        display: none;
    }

    .b-branch-hoarder .e-hoarder-name-ellipse.m-multiple,
    .b-branch-hoarder .e-hoarder-name-ellipse.m-multiple:last-child {
        display: inline-block;
        max-width: 160px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.b-branch-table {
    padding-top: 10px;
}

    .b-branch-table .e-updated {
        color: #999;
        font-size: 12px;
    }

    .b-branch-table .e-jira {
        color: #0088cf;
    }

        .b-branch-table .e-jira:hover {
            text-decoration: none;
            color: #58a549;
        }

    .b-branch-table .e-owner {
        color: #999;
        font-size: 12px;
    }

    .b-branch-table .e-tile {
        background-color: #fff;
        padding: 20px;
        border: 1px solid #ccc;
        border-radius: 3px;
    }

        .b-branch-table .e-tile h3 {
            margin-top: 0;
        }

    .b-branch-table .e-tile-link {
        display: inline-block;
    }

        .b-branch-table .e-tile-link span {
            margin-left: 10px;
            font-weight: 400;
        }

@keyframes error-row {
    0% {
        background-color: rgba(255, 0, 0, 0);
    }

    50% {
        background-color: rgba(255, 0, 0, 0.1);
    }

    100% {
        background-color: rgba(255, 0, 0, 0);
    }
}

.b-branch-table .m-error-row {
    animation: error-row 2s infinite;
}

    .b-branch-table .m-error-row,
    .b-branch-table .m-error-row a {
        color: #d9534f;
    }

.b-branch-table .e-success {
    color: #5cb85c;
}

.b-branch-table .e-danger {
    color: #d9534f;
}

.b-branch-table .e-delete-icon {
    margin-left: 5px;
    color: #d9534f;
}

.b-branch-table .e-warning {
    color: #ff9c00;
}

.b-branch-table .e-extra-toggle {
    cursor: pointer;
}

.b-branch-table .e-tile-link:only-child {
    display: none;
}

.b-branch-table .e-extra-sites {
    display: none;
}

.b-branch-table .e-tile-link.m-show .e-extra-toggle {
    display: none;
}

.b-branch-table .e-tile-link.m-show .e-extra-sites {
    display: inline-block;
}

.b-branch-table .e-tile-link:first-child span {
    margin-left: 0;
}

.b-branch-table .e-tile-link .fa {
    display: inline-block;
    margin-left: 10px;
    color: #999;
}

.b-branch-table .e-tile-link:hover {
    text-decoration: none;
    color: #0088cf;
}

.b-branch-table .e-published-time {
    display: block;
}

@media (max-width: 768px) {
    .b-feature-header .e-logo {
        display: none;
    }

    .m-responsive {
        margin: 1em 0;
        min-width: 320px;
    }

        .m-responsive tr {
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
        }

        .m-responsive th {
            display: none;
        }

        .m-responsive tbody tr td {
            display: block;
            border-top: none;
        }

        .m-responsive td[data-th="DB"],
        .m-responsive td .e-owner {
            display: none;
        }

        .m-responsive td[data-th="Status"] > span {
            display: inline-block;
        }

        .m-responsive td[data-th="Sites"] > div {
            display: inline-block;
        }

        .m-responsive td:first-child {
            padding-top: .5em;
        }

        .m-responsive td:last-child {
            padding-bottom: .5em;
        }

        .m-responsive td:before {
            content: attr(data-th) ": ";
            font-weight: bold;
            width: 6.5em;
            display: inline-block;
            vertical-align: top;
        }
}

@media (min-width: 768px) {
    .m-responsive td:before {
        display: none;
    }
}

@media (max-width: 768px) {
    .m-responsive th,
    .m-responsive td {
        text-align: left;
    }

        .m-responsive td[data-th="Branch"]:before {
            display: none;
        }
}

@media (min-width: 768px) {
    .m-responsive th,
    .m-responsive td {
        display: table-cell;
        padding: .25em .5em;
    }
}

.row {
    margin-right: -9px;
    margin-left: -9px;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    padding-right: 9px;
    padding-left: 9px;
}