/* base bg color, font color, font family, font size overrides*/
body {
    background-color: #f9f9f9;
    color: #343c42;
    font-size: 14px;
}

body, .table > thead > tr > th, label.h2, label.h3, label.h4, .h4 label {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

/* headings font family/weight overrides */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .popover-title, header.main-nav .nav-tabs > li > a {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    color: #28474f;
}

:focus {
    outline: 0 !important;
}

/* Standard Anchor Links */
a {
    color: #038080;
    text-decoration: none;
    /*border-bottom:1px solid transparent;*/
}

.nastyhack div {
    float: left;
}

a:hover,
a:focus {
    color: #343c42;
    text-decoration: none;
    /*border-bottom: 1px solid #5D9ECE;*/
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/* HR */
hr {
    border-top: 1px solid #ccc;
}

/* Text Emphasis - (text-muted, text-primary, text-success, text-info, text-warning, text-danger */
.text-muted {
    color: #cccccc;
}

    .text-muted:hover {
        color: #cccccc;
    }
/* Publishing */
.text-primary {
    color: #00afd1;
}

    .text-primary:hover {
        color: #00afd1;
    }
/* Unpublished */
.text-warning {
    color: #f99f35;
}

    .text-warning:hover {
        color: #f99f35;
    }
/* Errors */
.text-danger {
    color: #ea3d26;
}

    .text-danger:hover {
        color: #ea3d26;
    }
/* Published */
.text-success {
    color: #7ac943;
}

    .text-success:hover {
        color: #7ac943;
    }

.text-info {
    color: #687e84;
}

    .text-info:hover {
        color: #687e84;
    }

/* Page Header */
.page-header {
    border-bottom: 1px solid #CCCCCC;
}

/* Table Styles - General, Stripes, Row Hovers */
table.remote-upload {
    background: #f9f9f9;
}

table {
    background-color: #FFFFFF;
    border: 1px solid #ccc;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid #e5e5e5;
    padding: 20px;
    vertical-align: middle;
}

.table > thead > tr > th {
    font-size: 16px;
    background: #eaeaea;
    border-bottom: 1px solid #ccc;
    color: #343c42;
    font-weight: normal;
    vertical-align: top;
}

.table > tbody + tbody {
    border-top: 1px solid #C3C0BD;
}

.table .table {
    background-color: #ffffff;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 12px 8px;
}

    .table-condensed > thead > tr > th > ul,
    .table-condensed > tbody > tr > th > ul,
    .table-condensed > tfoot > tr > th > ul,
    .table-condensed > thead > tr > td > ul,
    .table-condensed > tbody > tr > td > ul,
    .table-condensed > tfoot > tr > td > ul {
        margin-bottom: 0px;
    }

/* FAKE Table Styles - General, Stripes, Row Hovers */
#app-dataset-sharing .table {
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    display: table;
}

    #app-dataset-sharing .table > .table-head {
        display: table-header-group;
    }

    #app-dataset-sharing .table > .table-body {
        display: table-row-group;
    }

    #app-dataset-sharing .table > .table-foot {
        display: table-footer-group;
    }

        #app-dataset-sharing .table > .table-head > .table-row,
        #app-dataset-sharing .table > .table-body > .table-row,
        #app-dataset-sharing .table > .table-foot > .table-row {
            display: table-row;
        }

            #app-dataset-sharing .table > .table-head > .table-row > .table-cell,
            #app-dataset-sharing .table > .table-body > .table-row > .table-cell,
            #app-dataset-sharing .table > .table-foot > .table-row > .table-cell {
                border-top: 1px solid #e5e5e5;
                padding: 20px;
                display: table-cell;
            }

.table > .table-head > .table-row > .table-cell {
    font-size: 16px;
    background: #eaeaea;
    border-bottom: 1px solid #ccc;
    color: #343c42;
    font-weight: normal;
}

.table > .table-body + .table-body {
    border-top: 2px solid #C3C0BD;
}

.table .table {
    background-color: #ffffff;
}

.table-condensed > .table-head > .table-row > .table-cell,
.table-condensed > .table-body > .table-row > .table-cell,
.table-condensed > .table-foot > .table-row > .table-cell {
    padding: 12px 8px;
}

    .table-condensed > .table-head > .table-row > .table-cell > ul,
    .table-condensed > .table-body > .table-row > .table-cell > ul,
    .table-condensed > .table-foot > .table-row > .table-cell > ul {
        margin-bottom: 0px;
    }

.security.table > .table-head > .table-row > .table-cell {
    border-bottom: none;
    font-size: 12px;
}
/* clear table heading borders as the border-top will be on the first tbody td */


/* Table: Bordered */
.table-bordered {
    border: 1px solid #ccc;
}

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        border: 1px solid #ccc;
    }

    .table-bordered > thead > tr > th,
    .table-bordered > thead > tr > td {
        border-bottom-width: 1px;
    }

/* Table Stripping */

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

/* Table Row Hover */
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #e1f9ff;
}

/* Table Row States - active, success, warning, danger*/
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
    background-color: rgba(245, 245, 245, 0.7);
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #e4f4d9;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
    background-color: rgba(228, 244, 217, 0.8);
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #fdece9;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
    background-color: rgba(253, 236, 233, 0.8);
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fbf7e4;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
    background-color: rgba(251, 247, 228, 0.8);
}

/* Form Styling */

/*custom checkboxes/radios */

.prettycheckbox, .prettyradio {
    display: block;
}

    .prettycheckbox > a, .prettyradio > a {
        background-image: url('/Content/images/checkbox-radio-sprites.png');
        background-repeat: no-repeat;
        margin-top: 1px;
    }

    .prettycheckbox > a {
        background-position: 2px 2px;
    }

        .prettycheckbox > a:active {
            background-position: -28px 2px;
        }

        .prettycheckbox > a:focus {
            background-position: -28px 2px;
        }

        .prettycheckbox > a.checked {
            background-position: -58px 2px;
        }

            .prettycheckbox > a.checked:active {
                background-position: -88px 2px;
            }

            .prettycheckbox > a.checked:focus {
                background-position: -88px 2px;
            }

            .prettycheckbox > a.checked.disabled {
                background-position: -148px 2px;
            }

        .prettycheckbox > a.disabled {
            background-position: -118px 2px;
        }

    .prettyradio > a {
        background-position: -178px 2px;
    }

        .prettyradio > a:active {
            background-position: -208px 2px;
        }

        .prettyradio > a:focus {
            background-position: -208px 2px;
        }

        .prettyradio > a.checked {
            background-position: -238px 2px;
        }

            .prettyradio > a.checked:active {
                background-position: -268px 2px;
            }

            .prettyradio > a.checked:focus {
                background-position: -268px 2px;
            }

            .prettyradio > a.checked.disabled {
                background-position: -328px 2px;
            }

        .prettyradio > a.disabled {
            background-position: -298px 2px;
        }

    .prettycheckbox label, .prettyradio label {
        font-weight: normal;
    }

        .prettycheckbox label:empty, .prettyradio label:empty {
            display: none;
        }

.radio.has-pretty-child, .checkbox.has-pretty-child {
    padding-left: 0px;
}

.dataset-artefactslist .prettycheckbox {
    display: inline-block;
}

.checkbox {
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 5px;
}

.prettycheckbox.h4 {
    margin: 0px 0px -5px 0px;
    padding: 10px 0px;
}

.checkbox-info {
    font-size: 18px;
}

legend {
    border-bottom: 1px solid #e5e5e5;
}


input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    color: #555555;
}

.form-control {
    height: 36px; /* increased by 2px to match 16px font size*/
    font-size: 14px;
    color: #343c42;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #CCCCCC;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

    .form-control:focus {
        border-color: #00afd1;
        border-width: 2px;
        border-style: solid;
        background: #e1f9ff;
        outline: 0;
        padding: 5px 11px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .form-control:-moz-placeholder {
        color: #9B9691;
    }

    .form-control::-moz-placeholder {
        color: #9B9691;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #9B9691;
    }

    .form-control::-webkit-input-placeholder {
        color: #9B9691;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: transparent;
        color: #9B9691; /* tbc */
    }

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

    .input-group-sm > .form-control:focus,
    .input-sm:focus {
        padding: 4px 9px;
    }

select.input-sm {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm {
    height: auto;
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

    .input-group-lg > .form-control:focus,
    .input-lg:focus {
        padding: 9px 15px;
    }


select.input-lg {
    height: 46px;
    line-height: 46px;
}

textarea.input-lg {
    height: auto;
}

/* Custom - Not part of bootstrap */
/* Useful for aligning info icons (for tooltips/hovers) left/right of form items */
.info-container-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.info-container-right {
    padding-right: 40px;
}

    .info-container-right .glyphicon {
        position: absolute;
        right: 10px;
        top: 10px;
    }

.info-container-left {
    padding-left: 40px;
}

    .info-container-left .glyphicon {
        position: absolute;
        left: 10px;
        left: 10px;
    }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
    color: #C28F1A;
}

.has-warning .form-control {
    border-color: #C28F1A;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .has-warning .form-control:focus {
        border-color: #C89A31;
        border-width: 2px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.has-warning .input-group-addon {
    /* tbc */
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
    color: #ea3d26;
}

textarea.ng-invalid.ng-dirty, input.ng-invalid.ng-dirty, select.ng-invalid.ng-dirty {
    border-color: #ea3d26;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-error .form-control {
    border-color: #ea3d26;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .has-error .form-control:focus input.ng-invalid.ng-dirty {
        border-color: #ea3d26;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.has-error .input-group-addon {
    /* tbc */
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
    color: #5EA745;
}

.has-success .form-control {
    border-color: #5EA745;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .has-success .form-control:focus {
        border-color: #6EB058;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.has-success .input-group-addon {
    /* TBC */
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
}


.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #746C66;
}

/* Button Styling */
.btn {
    background: transparent;
    border-radius: 6px;
    font-weight: normal;
    font-size: 14px;
    color: #343c42;
}

    /* Below not core Bootstrap */
    .btn > .glyphicon:first-child,
    .btn > .fa:first-child,
    a > .glyphicon:first-child,
    a > .fa:first-child {
        margin-right: 5px;
    }
    /* better spacing for first glyphicons/fas used within buttons */

    .btn,
    .btn:active,
    .btn:focus {
        outline: 0px;
    }


.btn-link {
    color: #049999; /* default anchor link colour*/
    cursor: pointer;
    border-radius: 0;
}

    .btn-link,
    .btn-link:active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        border-color: transparent;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link,
        .btn-link:hover,
        .btn-link:focus,
        .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover,
            .btn-link:focus {
                color: #343c42;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover,
            fieldset[disabled] .btn-link:hover,
            .btn-link[disabled]:focus,
            fieldset[disabled] .btn-link:focus {
                color: #ccc;
                text-decoration: none;
            }

.btn-lg {
    font-size: 18px;
    padding: 9px 20px;
}

.btn-sm {
    width: auto;
    height: 33px;
    padding: 7px 25px 7px 20px;
    text-align: center;
    font-size: 14px;
}

.btn-xs {
    font-size: 12px;
}

/* Not from core bs - Adds input focus styling to bootstrap-select dropdowns */

.bootstrap-select.btn-group button.btn {
    padding: 5px 11px;
    height: 36px;
}

    .bootstrap-select.btn-group button.btn.text-left {
        text-align: left;
    }

    .bootstrap-select.btn-group button.btn:focus {
        outline: 0 !important;
        border: 2px solid #00afd1;
        padding: 4px 10px;
    }

.bootstrap-select.btn-group-sm button.btn {
    height: 33px;
}

.bootstrap-select.btn-group.open .btn .filter-option,
.bootstrap-select.btn-group .btn:focus .filter-option {
    left: 11px;
    right: 24px;
}

.bootstrap-select.btn-group .btn .caret {
    margin-top: 1px;
}

    .bootstrap-select.btn-group .btn .caret:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-bottom: 4px solid;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        position: absolute;
        top: 50%;
        right: -4px;
        margin-top: -10px;
    }

.bootstrap-select.btn-group .btn:focus .caret,
.bootstrap-select.btn-group.open .btn .caret {
    right: 11px;
}

.bootstrap-select.btn-group.dropdown-filter .btn .caret {
    margin-top: -1px;
}

    .bootstrap-select.btn-group.dropdown-filter .btn .caret:before {
        display: none;
    }

.bootstrap-select.btn-group .dropdown-toggle:active,
.bootstrap-select.btn-group.open .dropdown-toggle {
    border-color: #00afd1;
    border-width: 2px;
    border-style: solid;
    background: #e1f9ff;
    outline: 0 !important;
    padding: 4px 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #7bb8b8;
    border-color: transparent;
}

.dropdown-menu {
    z-index: 1040;
}

/* Button Styling: Variations (bootstrap-theme used as base) */
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
    border: 1px solid transparent;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-top: 7px;
    padding-bottom: 7px;
}

    .btn-default:active,
    .btn-primary:active,
    .btn-success:active,
    .btn-info:active,
    .btn-warning:active,
    .btn-danger:active,
    .btn-default.active,
    .btn-primary.active,
    .btn-success.active,
    .btn-info.active,
    .btn-warning.active,
    .btn-danger.active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn:active,
.btn.active {
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Disabled button/link styling */
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    background-color: #f9f9f9;
    border-color: #e5e5e5;
    color: #ccc;
    opacity: 1;
}
/* Remove border and background on disabled btn/link */
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    border: none;
    background: transparent;
}

.btn-default {
    text-shadow: none;
    background-image: none;
    background-image: none;
    background-repeat: no-repeat;
    background-color: #657A80;
    color: #fff;
    filter: none;
    font-weight: normal;
}

    .btn-default:hover,
    .btn-default:focus {
        background-color: #7bc6c6;
        color: #4A4A4A;
    }

    .btn-default:active,
    .btn-default.active {
        color: #fff;
        /*background-color: #86989d;*/
        background-color: #388181;
        border-color: transparent;
    }

    .btn-default .badge {
        color: #687e84;
        background-color: #fff;
    }

.btn-primary {
    color: #fff;
    background-image: none;
    background-repeat: no-repeat;
    border-color: transparent;
    filter: none;
    background-color: #388181;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #7bb8b8;
        border: 1px solid transparent;
        color: #414141;
    }

    .btn-primary:active,
    .btn-primary.active {
        background-color: #7bb8b8;
        border: 1px solid transparent;
        color: #414141;
    }

    .btn-primary .badge {
        color: #388181;
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: #7ac943;
    background-image: none;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    filter: none;
}

    .btn-success:hover,
    .btn-success:focus {
        background-color: #a2d97b;
        border: 1px solid transparent;
    }

    .btn-success:active,
    .btn-success.active {
        background-color: #a2d97b;
        border: 1px solid transparent;
    }

    .btn-success .badge {
        color: #7ac943;
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background: #f99f35;
    background-image: none;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    filter: none;
}

    .btn-warning:hover,
    .btn-warning:focus {
        background-color: #fbbc71;
        border: 1px solid transparent;
    }

    .btn-warning:active,
    .btn-warning.active {
        background-color: #fbbc71;
        border: 1px solid transparent;
    }

    .btn-warning .badge {
        color: #f99f35;
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    border: 1px solid transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-color: #ea3d26;
    filter: none;
}

    .btn-danger:hover,
    .btn-danger:focus {
        background-color: #f07767;
        border: 1px solid transparent;
    }

    .btn-danger:active,
    .btn-danger.active {
        background-color: #f07767;
        border: 1px solid transparent;
    }

    .btn-danger .badge {
        color: #ea3d26;
        background-color: #fff;
    }

.btn-info {
    color: #343c42;
    background-color: #ccc;
    background-image: none;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-info:hover,
    .btn-info:focus {
        color: #343c42;
        background-color: #e5e5e5;
        border: 1px solid transparent;
    }

    .btn-info:active,
    .btn-info.active {
        color: #343c42;
        background-color: #e5e5e5;
        border: 1px solid transparent;
    }

    .btn-info .badge {
        color: #eaeaea;
        background-color: #fff;
    }


.date-input .form-control {
    width: 200px;
}

.date-input .form-control, .date-input .input-group-btn {
    display: inline-block;
}

    .date-input .input-group-btn .btn {
        height: 36px;
        width: 45px;
    }

        .date-input .input-group-btn .btn > .glyphicon:first-child, .btn > .fa:first-child, a > .glyphicon:first-child, a > .fa:first-child {
            margin-right: 0px;
        }

/* Generic Dropdown Menu Hover states */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #e8e8e8;
    background-image: none;
    filter: none;
    border-bottom: 0px;
}



/* Navs: General */

.nav > li > a {
    color: #737373;
}

    .nav > li > a:hover,
    .nav > li > a:focus {
        background-color: #ebeae9; /* tbc */
        border-bottom: none; /* clear inherited link border */
    }

.nav > li.disabled > a {
    color: #9B9691;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #428bca;
}

.nav .nav-divider {
    background-color: #CCC;
}

/* Navs: Tabs */

.nav-tabs {
    border-bottom: 1px solid #CCC;
}

    .nav-tabs > li > a {
        border-radius: 0px;
        color: #746C66;
        border-width: 0 0 3px 0;
        border-style: solid;
        border-color: transparent;
    }

        .nav-tabs > li > a:hover {
            border-width: 0 0 3px 0;
            border-style: solid;
            border-color: #CCC;
            background: transparent;
        }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        color: #343c42;
        cursor: default;
        background-color: transparent;
        border-width: 0 0 3px 0;
        border-style: solid;
        border-color: #1775B9;
        font-weight: bold;
    }

    .nav-tabs.nav-justified > li > a {
        margin-bottom: 5px;
        text-align: center;
    }


    .nav-tabs.nav-justified > li > a {
        margin-right: 0;
        border-radius: 0px;
    }

    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-width: 0 0 3px 0;
        border-style: solid;
        border-color: #C3C0BD;
    }

@media (min-width: 768px) {

    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #C3C0BD;
        border-radius: 0px;
    }

    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #1775B9;
    }
    /* not part of core bootstrap - provides grey underline for justified tabs */
    .nav-tabs.nav-justified > li > a:hover {
        border-width: 0 0 3px 0;
        border-style: solid;
        border-color: #C3C0BD;
    }
}

/* Navs: Pills (general, justified and w/dropdowns) */

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #429999;
    font-weight: 400;
}

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border: 1px solid #dddddd;
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #ffffff;
    }
}
/* Navs: Nav bars () */

/* Breadcrumb */
.breadcrumb {
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
}

    .breadcrumb > li + li:before {
        color: #9b9691; /* tbc - right colour? */
    }

    .breadcrumb > .active {
        color: #9b9691; /* tbc - do we need it? */
    }

    /* custom (not from core bootstrap) */
    .breadcrumb > li > a {
        /* tbc - remove border bottom underline and overrides colour for anchor links in breadcrumbs */
        border-bottom: transparent;
        color: #9b9691;
    }

        /* custom (not from core bootstrap) */
        .breadcrumb > li > a:hover {
            border-bottom: 1px solid #9b9691;
        }
/* Pagination (not yet added) */

/* Badge (Generic) */
.badge {
    padding: 3px 5px;
}

/* Labels */
.label {
    font-weight: bold;
    color: #343c42; /* TBC */
    border-radius: .25em; /*TBC*/
    /* blue bottom border override  */
    border-width: 1px; /*tbc*/
    border-style: solid; /*tbc*/
    border-color: transparent; /*tbc*/
}

    .label[href]:hover,
    .label[href]:focus {
        color: #4C423A; /* TBC */
        text-decoration: none;
        cursor: pointer;
        /* blue bottom border override  */
        border-width: 1px; /*tbc*/
        border-style: solid; /*tbc*/
        border-color: transparent; /*tbc*/
    }


.label-default {
    background-color: #F5F3ED;
    border-width: 1px;
    border-style: solid;
    border-color: #C3C0BD;
    color: #382D24;
}

    .label-default[href]:hover,
    .label-default[href]:focus {
        background-color: #FDFDFB;
        color: #4C423A;
        border-width: 1px;
        border-style: solid;
        border-color: #C3C0BD;
    }

.label-primary {
    color: #FFFFFF;
    background-color: #1775B9;
}

    .label-primary[href]:hover,
    .label-primary[href]:focus {
        color: #FFFFFF;
        background-color: #2E83C0;
    }

.label-success {
    color: #FFFFFF;
    background-color: #5EA745;
}

    .label-success[href]:hover,
    .label-success[href]:focus {
        color: #FFFFFF;
        background-color: #6EB058;
    }

.label-info {
    color: #FFFFFF;
    background-color: #746C66; /* tbc */
}

    .label-info[href]:hover,
    .label-info[href]:focus {
        color: #FFFFFF;
        background-color: #88817C; /*tbc*/
    }

.label-warning {
    color: #FFFFFF;
    background-color: #C28F1A;
}

    .label-warning[href]:hover,
    .label-warning[href]:focus {
        color: #FFFFFF;
        background-color: #C89A31;
    }

.label-danger {
    color: #FFFFFF;
    background-color: #D7191C;
}

    .label-danger[href]:hover,
    .label-danger[href]:focus {
        color: #FFFFFF;
        background-color: #DB3033;
    }
/* Badges */

/* Jumbotron */

/* Thumbnail */

/* Alerts */
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert > p,
    .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable {
    padding-right: 35px;
}

    .alert-dismissable .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #356635;
    }

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #2d6987;
    }

.alert-warning {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

    .alert-warning hr {
        border-top-color: #f8e5be;
    }

    .alert-warning .alert-link {
        color: #a47e3c;
    }

.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

    .alert-danger hr {
        border-top-color: #e6c1c7;
    }

    .alert-danger .alert-link {
        color: #953b39;
    }

.alert {
    color: #4C423A;
    border: 2px solid #c3c0bd;
    border-radius: 6px;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
}

    .alert .alert-link {
        font-weight: bold;
    }

.alert-success {
    color: #4C423A;
    background-color: #ffffff;
    border-color: #d6e9c6;
}

    .alert-success hr {
        border-top-color: #C3C0BD;
    }

    .alert-success .alert-link {
        color: #1775b9;
    }

.alert-info {
    color: #4C423A; /*tbc*/
    background-color: #ffffff; /*tbc*/
    border-color: #746c66; /*tbc*/
}

    .alert-info hr {
        border-top-color: #C3C0BD;
    }

    .alert-info .alert-link {
        color: #1775b9; /*tbc*/
    }

.alert-warning {
    color: #4C423A; /*tbc*/
    background-color: #ffffff;
    border-color: #c89a31;
}

    .alert-warning hr {
        border-top-color: #C3C0BD;
    }

    .alert-warning .alert-link {
        color: #1775b9; /*tbc*/
    }

.alert-danger {
    color: #4C423A;
    background-color: #ffffff;
    border-color: #DB3033;
}

    .alert-danger hr {
        border-top-color: #C3C0BD;
    }

    .alert-danger .alert-link {
        color: #1775b9; /*tbc*/
    }

.alert > p + p {
    margin-top: 10px;
}

*/
/* Progress Bars */
.progress {
    height: 25px;
    padding: 3px;
    background-image: none; /* removes gradient */
    background-color: #eaeaea;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 20px;
}

.progress-bar {
    font-size: 14px;
    color: #ffffff;
    background-color: #429999; /* defaults to primary colour */
    background-image: none; /* removes gradient */
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

    .progress-bar b {
        margin-left: 10px;
    }

.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.progress-bar-success {
    background-color: #7ac943;
}

.progress-striped .progress-bar-success { /* tbc */
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
    background-color: #CCC;
}

.progress-striped .progress-bar-info { /* tbc */
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: #f99f35;
}

.progress-striped .progress-bar-warning { /* tbc */
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: #ea3d26;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/* Media */

/* List Group */

.list-group-item {
    background-color: #ffffff;
    border: 1px solid #C3C0BD;
}

    .list-group-item:first-child {
        border-top-right-radius: 4px; /*tbc*/
        border-top-left-radius: 4px; /*tbc*/
    }

    .list-group-item:last-child {
        border-bottom-right-radius: 4px; /*tbc*/
        border-bottom-left-radius: 4px; /*tbc*/
    }

a.list-group-item {
    color: #4C423A;
}

    a.list-group-item .list-group-item-heading {
        color: #382D24;
    }

    a.list-group-item:hover,
    a.list-group-item:focus {
        background-color: #F3F3F2;
        border-bottom: 1px solid #C3C0BD; /* overrides blue border from showing in this instance */
    }

    a.list-group-item.active,
    a.list-group-item.active:hover,
    a.list-group-item.active:focus {
        color: #ffffff;
        background-color: #1775b9;
        border-color: #2E83C0;
        background-image: none; /* removes gradient */
        text-shadow: none;
    }

        a.list-group-item.active .list-group-item-heading,
        a.list-group-item.active:hover .list-group-item-heading,
        a.list-group-item.active:focus .list-group-item-heading {
            color: inherit;
        }

        a.list-group-item.active .list-group-item-text,
        a.list-group-item.active:hover .list-group-item-text,
        a.list-group-item.active:focus .list-group-item-text {
            color: #FFFFFF;
        }

/* Panels */
.panel {
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .panel > .panel-body + .table,
    .panel > .panel-body + .table-responsive {
        border-top: 1px solid #C3C0BD;
    }

.panel-heading {
    color: #382D24;
    background-color: #f3f3f2;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-title {
    font-size: 22px;
}

    .panel-title > a {
        color: inherit;
    }

        /* Custom - not brought over from bootstrap.css */
        .panel-title > a:hover {
            border-color: transparent; /* overrides blue inherited border */
        }

.panel-footer {
    padding: 10px 15px;
    background-color: #EBEAE9;
    border-top: 1px solid #C3C0BD;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-group .panel {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 4px;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #C3C0BD;
}

.panel-default {
    border-color: #eaeaea #eaeaea #cccccc #eaeaea;
    border-radius: 0px;
}

    .panel-default > .panel-heading {
        color: #382D24;
        background-color: #EBEAE9;
        border-color: #C3C0BD;
        background-image: none;
    }

        .panel-default > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #C3C0BD;
        }

    .panel-default > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #C3C0BD;
    }

.panel-primary {
    border-color: #429999;
}

    .panel-primary > .panel-heading {
        color: #ffffff;
        background-color: #429999;
        border-color: #429999;
        background-image: none; /* removes gradient overlay */
    }

        .panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #429999;
        }

    .panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #429999;
    }

.panel-success {
    border-color: #5EA745;
}

    .panel-success > .panel-heading {
        color: #FFFFFF;
        background-color: #5EA745;
        border-color: #5EA745;
        background-image: none; /* removes gradient overlay */
    }

        .panel-success > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #5EA745;
        }

    .panel-success > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #5EA745;
    }

.panel-warning {
    border-color: #C89A31;
}

    .panel-warning > .panel-heading {
        color: #FFFFFF;
        background-color: #C89A31;
        border-color: #C89A31;
        background-image: none; /* removes gradient overlay */
    }

        .panel-warning > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #C89A31;
        }

    .panel-warning > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #C89A31;
    }

.panel-danger {
    border-color: #D7191C;
}

    .panel-danger > .panel-heading {
        color: #FFFFFF;
        background-color: #D7191C;
        border-color: #D7191C;
        background-image: none; /* removes gradient overlay */
    }

        .panel-danger > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #D7191C;
        }

    .panel-danger > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #D7191C;
    }

.panel-info {
    border-color: #746C66;
}

    .panel-info > .panel-heading {
        color: #FFFFFF;
        background-color: #746C66;
        border-color: #746C66;
        background-image: none; /* removes gradient overlay */
    }

        .panel-info > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #746C66;
        }

    .panel-info > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #746C66;
    }
/* Wells */
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #e1f9ff;
    border-width: 1px;
    border-style: solid;
    border-color: #eee #eee #ccc #eee;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none; /* remove gradient*/
    border-radius: 0px;
}

    /* Not part of core BS, added in status classes for .wells */
    .well.success {
        background: #e2f2f2;
    }

    .well.warning {
        background: #fbf7e4;
    }

    .well.danger {
        background: #fdece9;
    }

/* Not part of core BS, styling for Status */
.row.well {
    margin-left: 0;
    margin-right: 0;
}
    /* stops overflow beyond content area */
    .row.well > .col-sm-1 > .glyphicon {
        font-size: 30px;
    }
    /* glyph in first col extra sizing */
    .row.well > .col-sm-11 > .h3:first-child {
        margin-top: 0;
    }
/* clear top margin on .h3 tag in main content col-sm */

/* Helpers: Close */

/* Modals */
.modal {
    background: rgba(255,255,255,.95);
}

.modal-content {
    border-radius: 0px;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-header {
    border-bottom: 0px;
    padding: 20px 20px 0px 20px;
}

    .modal-header .close {
        font-size: 15px;
        font-weight: bold;
        color: #343c42;
        opacity: 1;
    }


.modal-dialog {
    width: 75%;
}

.modal-body {
    padding: 10px 20px 30px 20px;
}

.modal-inline-button {
    display: inline-block;
}

.modal-footer {
    border-top: 0px;
    padding: 0 20px 20px 20px;
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    .modal-content {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

        .modal-dialog.modal-lg {
            width: 900px;
            margin: 30px auto;
        }
}

/* Tooltips */
.tooltip.top {
    margin-top: -10px;
}

.tooltip.right {
    margin-left: 10px;
}

.tooltip.bottom {
    margin-top: 10px;
}

.tooltip.left {
    margin-left: -10px;
}

.tooltip-inner {
    color: #343c42;
    background-color: #e1f9ff;
    border-radius: 4px;
    border: 1px solid #CCC;
    padding: 15px;
}

.tooltip-arrow {
    border-color: transparent;
    border-style: solid;
}
    /* .tooltip-arrow:after Not in BS core, this is out inner style
(blue triangle) allows us to overlay the inner outer
border*/
    .tooltip-arrow:after {
        content: '';
        position: absolute;
        display: block;
        height: 16px;
        width: 32px;
        border: 1px solid transparent;
        bottom: 1px;
        left: 0;
        margin-left: -16px;
        border-top-color: #e1f9ff;
    }

.tooltip.top .tooltip-arrow {
    border-top-color: #ccc;
    bottom: -11px;
    left: 50%;
    margin-left: -17px;
    border-width: 17px 17px 0 17px;
}

    .tooltip.top .tooltip-arrow:after {
        border-width: 16px 16px 0;
    }

.tooltip.top-left .tooltip-arrow {
    border-top-color: #ccc;
    bottom: -16px;
    right: 5px;
    border-width: 17px 17px 0 17px;
}

    .tooltip.top-left .tooltip-arrow:after {
        border-width: 16px 16px 0;
    }

.tooltip.top-right .tooltip-arrow {
    border-top-color: #ccc;
    bottom: -16px;
    right: 5px;
    border-width: 17px 17px 0 17px;
}

    .tooltip.top-right .tooltip-arrow:after {
        border-width: 16px 16px 0;
    }

.tooltip.right .tooltip-arrow {
    border-right-color: #ccc;
    border-width: 17px 17px 17px 0;
    width: 16px;
    height: 32px;
    margin-top: -16px;
    left: -11px;
}

    .tooltip.right .tooltip-arrow:after {
        border-top-color: transparent;
        border-width: 16px 16px 16px 0;
        border-right-color: #e1f9ff;
        margin-bottom: -17px;
        left: 1px;
    }

.tooltip.left .tooltip-arrow {
    border-left-color: #ccc;
    border-width: 17px 0 17px 17px;
    margin-top: -16px;
    right: -11px;
}

    .tooltip.left .tooltip-arrow:after {
        border-top-color: transparent;
        border-width: 16px 0 16px 16px;
        border-left-color: #e1f9ff;
        margin-bottom: -17px;
        margin-left: -17px;
    }

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ccc;
    border-width: 0 17px 17px 17px;
    margin-left: -17px;
    top: -11px;
}

    .tooltip.bottom .tooltip-arrow:after {
        border-width: 0 16px 16px 16px;
        top: 1px;
        bottom: auto;
        border-bottom-color: #e1f9ff;
    }

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #ccc;
    border-width: 0 17px 17px 17px;
    margin-left: 0;
    top: -16px;
    left: 5px;
}

    .tooltip.bottom-left .tooltip-arrow:after {
        border-width: 0 16px 16px 16px;
        top: 1px;
        bottom: auto;
        border-bottom-color: #e1f9ff;
    }

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #ccc;
    border-width: 0 17px 17px 17px;
    margin-left: 0;
    top: -16px;
    right: 5px;
    border-bottom-color: #ccc;
}

    .tooltip.bottom-right .tooltip-arrow:after {
        border-width: 16px 16px 0;
        border-width: 0 16px 16px 16px;
        top: 1px;
        bottom: auto;
        border-bottom-color: #e1f9ff;
    }

/* Popovers */
.popover {
    background-color: #ffffff;
    border: 4px solid #CCC;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .popover.top {
        margin-top: -16px;
    }

    .popover.right {
        margin-left: 16px;
    }

    .popover.bottom {
        margin-top: 16px;
    }

    .popover.left {
        margin-left: -16px;
    }

    .popover > .arrow {
        border-width: 20px;
    }

        .popover > .arrow:after {
            content: "";
            border-width: 16px;
        }

    .popover.top > .arrow {
        bottom: -20px;
        left: 50%;
        margin-left: -20px;
        border-top-color: #ccc;
        border-bottom-width: 0;
    }

        .popover.top > .arrow:after {
            bottom: 6px;
            margin-left: -16px;
            content: " ";
            border-top-color: #fff;
            border-bottom-width: 0;
        }

    .popover.right > .arrow {
        top: 50%;
        left: -20px;
        margin-top: -20px;
        border-right-color: #ccc;
        border-left-width: 0;
    }

        .popover.right > .arrow:after {
            bottom: -16px;
            left: 6px;
            content: " ";
            border-right-color: #fff;
            border-left-width: 0;
        }

    .popover.bottom > .arrow {
        top: -20px;
        left: 50%;
        margin-left: -20px;
        border-top-width: 0;
        border-bottom-color: #ccc;
    }

        .popover.bottom > .arrow:after {
            top: 6px;
            margin-left: -16px;
            content: " ";
            border-top-width: 0;
            border-bottom-color: #fff;
        }

    .popover.left > .arrow {
        width: 20px;
        height: 40px;
        top: 50%;
        right: -20px;
        margin-top: -20px;
        border-right-width: 0;
        border-left-color: #ccc;
    }

        .popover.left > .arrow:after {
            width: 16px;
            height: 16px;
            right: 6px;
            bottom: -16px;
            content: " ";
            border-right-width: 0;
            border-left-color: #fff;
        }

    .popover .nav .label {
        position: relative;
        bottom: 0.2em;
    }

/* Carousel */

/* Bespoke Page Stylings (Move into separate stylesheet if you feel like) */

@media (min-width: 768px) {
    .dataset-schema {
        width: 716px;
    }
}

@media (min-width: 992px) {
    .dataset-schema {
        width: 936px;
    }
}

@media (min-width: 1200px) {
    .dataset-schema {
        width: 1136px;
    }
}

/* Bootstrap Select custom styling. Default white for standard .btn */
.bootstrap-select > .btn {
    border: 1px solid #ccc;
    background: #fff;
    color: #343c42;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* Toastr Notification Styling
-------------------------------
This is an additional js plugin library
and note part of the core bootstrap library
*/

.toast-title {
    font-weight: bold;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

    .toast-message a,
    .toast-message label {
        color: inherit;
    }

        .toast-message a:hover {
            color: #cccccc;
            text-decoration: none;
        }

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #00afd1;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

    .toast-close-button:hover,
    .toast-close-button:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40);
    }

#toast-container > div {
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: inherit;
    border-width: 1px;
    border-style: solid;
    border-color: #eee #eee #ccc #eee;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    position: relative;
}

#toast-container > :hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

#toast-container > .toast-info {
    background-image: none !important;
}

    #toast-container > .toast-info:before {
        content: '\e086'; /* info sign */
        font-family: 'Glyphicons Halflings';
        background-image: none;
        position: absolute;
        top: 12px;
        left: 15px;
        font-size: 22px;
    }

    #toast-container > .toast-info:before,
    #toast-container > .toast-info > button.toast-close-button {
        color: #00afd1;
    }

#toast-container > .toast-error {
    background-image: none !important;
}

    #toast-container > .toast-error:before {
        content: '\e107'; /* info sign */
        font-family: 'Glyphicons Halflings';
        background-image: none;
        position: absolute;
        top: 12px;
        left: 15px;
        font-size: 22px;
    }

    #toast-container > .toast-error:before,
    #toast-container > .toast-error > button.toast-close-button {
        color: #ea3d26;
    }

#toast-container > .toast-success {
    background-image: none !important;
}

    #toast-container > .toast-success:before {
        content: '\e084'; /* triangle warning */
        font-family: 'Glyphicons Halflings';
        background-image: none;
        position: absolute;
        top: 12px;
        left: 15px;
        font-size: 22px;
    }

    #toast-container > .toast-success:before,
    #toast-container > .toast-success > button.toast-close-button {
        color: #7ac943;
    }

#toast-container > .toast-warning {
    background-image: none !important;
}

    #toast-container > .toast-warning:before {
        content: '\e086'; /* info sign */
        font-family: 'Glyphicons Halflings';
        background-image: none;
        position: absolute;
        top: 12px;
        left: 15px;
        font-size: 22px;
    }

    #toast-container > .toast-warning:before,
    #toast-container > .toast-warning > button.toast-close-button {
        color: #f99f35;
    }

.toast {
    background-color: #e1f9ff;
}

.toast-success {
    background-color: #e2f2f2;
}

.toast-error {
    background-color: #fdece9;
}

.toast-info {
    background-color: #e1f9ff;
}

.toast-warning {
    background-color: #fbf7e4;
}

/*
Top Level Navigation (App, LDC, Sc)
----------------------------
*/
header.main-nav {
    background: #27464e;
    color: #fff;
}

    header.main-nav .h1 {
        margin-bottom: 0;
        margin-top: 0;
        color: #fff;
    }
    /* spacing for links in header that use badges/fa/glyphs - if first immediate item */
    header.main-nav a > .glyphicon:first-child,
    header.main-nav a > .fa:first-child,
    header.main-nav a > .badge:first-child {
        margin-right: 10px;
    }


    header.main-nav .nav-tabs {
        border-bottom: none;
        padding: 0px 15px;
    }

    header.main-nav .first {
        padding: 30px 0;
        margin: auto;
    }

    header.main-nav .nav-tabs > li {
        margin-bottom: -1px;
    }

    header.main-nav .tab-pane {
        margin: auto;
    }

@media (min-width: 768px) {
    header.main-nav .tab-pane {
        width: 720px;
    }
}

@media (min-width: 992px) {
    header.main-nav .tab-pane {
        width: 940px;
    }
}

@media (min-width: 1200px) {
    header.main-nav .tab-pane {
        width: 1140px;
    }
}

header.main-nav .third .content {
    margin: auto;
}

@media (min-width: 768px) {
    header.main-nav .third .content {
        width: 720px;
    }
}

@media (min-width: 992px) {
    header.main-nav .third .content {
        width: 940px;
    }
}

@media (min-width: 1200px) {
    header.main-nav .third .content {
        width: 1140px;
    }
}

header.main-nav .nav-tabs > li > a {
    font-size: 17px;
    padding-top: 19px;
    padding-bottom: 18px;
    padding-right: 15px;
    padding-left: 56px;
    margin-right: 2px;
    line-height: 20px;
    border: none;
    background: #dfe4e5;
    color: #28474f;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    position: relative;
}

    header.main-nav .nav-tabs > li > a:hover,
    header.main-nav .nav-tabs > li > a:focus {
        border-color: transparent;
    }

header.main-nav .nav-tabs > .active > a,
header.main-nav .nav-tabs > .active > a:hover,
header.main-nav .nav-tabs > .active > a:focus {
    color: #fff;
    cursor: default;
    background-color: #429999;
    border: none;
    border-bottom-color: transparent;
    font-weight: normal;
}

/* circle border around glyph/fa in header nav tabs */
header.main-nav .nav-tabs > li > a > .glyphicon,
header.main-nav .nav-tabs > li > a > .fa {
    height: 31px;
    width: 31px;
    padding: 5px;
    border: 2px solid #28474f;
    border-radius: 31px;
    position: absolute;
    top: 12px;
    left: 15px;
}

header.main-nav .nav-tabs > .active > a > .glyphicon,
header.main-nav .nav-tabs > .active > a > .fa {
    border-color: #fff;
}

/* Custom centering for glyphicons in header nav-tabs */
header.main-nav .nav-tabs > li > a > .glyphicon.glyphicon-tasks {
    padding: 7px 7px 5px 5px;
}

header.main-nav .nav-tabs > li > a > .glyphicon.glyphicon-book {
    padding: 6px 5px 4px 5px;
}

/* users actions links in top right corner */
.user-actions {
    padding-top: 0px;
}

header.main-nav .list-inline.user-actions > li {
    color: #A2B0B2;
}

    header.main-nav .list-inline.user-actions > li > a {
        color: #fff;
    }

        header.main-nav .list-inline.user-actions > li > a:hover,
        header.main-nav .list-inline.user-actions > li > a:focus {
            color: #7e9195;
        }

    header.main-nav .list-inline.user-actions > li > .glyphicon:first-child {
        margin-right: 10px;
    }

    header.main-nav .list-inline.user-actions > li > a > .glyphicon,
    header.main-nav .list-inline.user-actions > li > a > .fa {
        color: #7e9195;
    }

    header.main-nav .list-inline.user-actions > li > a > .badge {
        color: #27464e;
        background: #7e9195;
        border-radius: 18px;
        width: 18px;
        height: 18px;
        padding: 4px 2px;
        font-size: 70%;
    }

/* second level tab content areas */
header.main-nav .tab-content {
    background: #388181;
}

    header.main-nav .tab-content > .tab-pane {
        padding: 30px;
    }

    /* second level inline list links (e.g. project & datsets / local data catalogue )*/
    header.main-nav .tab-content .sections {
        margin-bottom: 0;
    }

        header.main-nav .tab-content .sections > li {
            margin-right: 40px;
            position: relative;
        }

            header.main-nav .tab-content .sections > li > a {
                color: #030505;
            }
            /*header.main-nav .tab-content .sections > li > a:hover{ color: #f9f9f9;}*/
            header.main-nav .tab-content .sections > li.active > a {
                color: #fff;
            }

                header.main-nav .tab-content .sections > li.active > a:hover {
                    cursor: pointer;
                }

            header.main-nav .tab-content .sections > li.active.hasSub:after {
                bottom: -30px;
                left: 50%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-color: rgba(234, 234, 234, 0);
                border-bottom-color: #eaeaea;
                border-width: 8px;
                margin-left: -8px;
            }
/* second level - data-out positioning */
header.main-nav .second {
    margin-left: 0px;
    margin-right: 0px;
}

header.main-nav .tab-content .sections > li.data-out {
    margin-right: 0;
}

    header.main-nav .tab-content .sections > li.data-out > .glyphicon-info-sign {
        margin-left: 20px;
        margin-right: 0;
    }

/* third level - usually page/section specific */
header.main-nav .third {
    background: #eaeaea;
    padding: 30px 0;
    margin-left: 0px;
    margin-right: 0px;
}

    header.main-nav .list-inline.page-actions,
    header.main-nav .third .content .form-group {
        margin-bottom: 0;
        margin-left: -5px;
    }

        header.main-nav .list-inline.page-actions > li { /*margin-right: 40px;*/
        }

            header.main-nav .list-inline.page-actions > li > a {
                color: #257573;
                border-radius: 4px;
                padding: 5px 15px;
            }

                header.main-nav .list-inline.page-actions > li > a:hover {
                    color: #687e84;
                }

                header.main-nav .list-inline.page-actions > li > a > .glyphicon,
                header.main-nav .list-inline.page-actions > li > a > .fa {
                    color: #687e84;
                }

            header.main-nav .list-inline.page-actions > li.active > a {
                background: white;
            }

    /* third - level ldc specific */
    header.main-nav .third .content.ldc .list-inline.page-actions {
        padding: 8px 0;
    }
    /* push inline links inline with search input*/
    header.main-nav .third .content.ldc .search-area input.form-control {
        padding-right: 30px;
        border-radius: 4px 0px 0px 4px;
    }
    /* rt pd for abs positioned clear search*/
    header.main-nav .third .content.ldc .search-area .input-group-btn > .btn {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border: 0px;
        color: #fff;
        background: #687e84;
        padding-left: 20px;
        padding-right: 20px;
        height: 36px;
    }

        header.main-nav .third .content.ldc .search-area .input-group-btn > .btn:hover,
        header.main-nav .third .content.ldc .search-area .input-group-btn > .btn:active {
            border: none;
            background-color: #86989d;
        }

    header.main-nav .third .content.ldc .search-area .clear-search {
        position: absolute;
        top: 7px;
        right: 105px;
    }

    /* type ahead styling for ldc search */
    header.main-nav .third .content.ldc .search-area .dropdown-menu {
        max-width: 435px;
        width: 100%;
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-top: 0px;
        padding-bottom: 0px;
    }

        header.main-nav .third .content.ldc .search-area .dropdown-menu > li > a {
            padding: 8px 12px;
        }

        header.main-nav .third .content.ldc .search-area .dropdown-menu > a:hover,
        header.main-nav .third .content.ldc .search-area .dropdown-menu > a:focus,
        header.main-nav .third .content.ldc .search-area .dropdown-menu > .active > a,
        header.main-nav .third .content.ldc .search-area .dropdown-menu > .active > a:hover,
        header.main-nav .third .content.ldc .search-area .dropdown-menu > .active > a:focus {
            background: #e1f9ff;
            color: #343c42;
            filter: none;
        }

/* General: Page headers with green bg / white text */

.page-header-wrapper {
    padding: 30px 0px 30px 0px;
    background: #27464e;
    margin-top: 40px;
    margin-bottom: 60px;
    color: #fff;
    position: relative;
}

    .page-header-wrapper:before {
        display: block;
        content: '';
        position: absolute;
        top: 0px;
        bottom: 0px;
        width: 2000px;
        right: 99%;
        background-color: #27464e;
        z-index: -1;
    }

    .page-header-wrapper h1 {
        color: #fff;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 20px;
    }

        .page-header-wrapper h1:last-child,
        .page-header-wrapper ul:last-child {
            margin-bottom: 0;
        }
    /* Clear btm margin for last items */
    /* General: Section headers with grey bg */
    /* Custom link/glyphicon colour setting for page-header-links (e.g View Log) using class of 'link' */
    .page-header-wrapper a.link {
        color: #fff;
    }

        .page-header-wrapper a.link > .fa,
        .page-header-wrapper a.link > .glyphicon {
            color: #049999;
        }

        .page-header-wrapper a.link:hover,
        .page-header-wrapper a.link:focus {
            color: #049999;
        }

    .page-header-wrapper .bootstrap-select {
        min-width: 300px;
        margin-bottom: 0;
    }

.section-header-wrapper {
    padding: 30px;
    background: #e9e9e9;
    margin-bottom: 30px;
}

    .section-header-wrapper.nm {
        margin-bottom: 0;
    }

    .section-header-wrapper h2,
    .section-header-wrapper h1 {
        margin-top: 0;
        margin-bottom: 0;
        font-weight: bold;
    }

    .section-header-wrapper.normal h2,
    .section-header-wrapper.normal h1 {
        font-weight: normal;
    }
    /* override for when we don't need bold heading */
    .section-header-wrapper h2 small,
    .section-header-wrapper h1 small {
        font-size: 16px;
    }

    .section-header-wrapper h2:last-child,
    .section-header-wrapper h2.pull-left,
    .section-header-wrapper h1:last-child,
    .section-header-wrapper h1.pull-left,
    .section-header-wrapper .list-inline.pull-right {
        margin-bottom: 0;
    }
    /* clear bottom margin if only h2 or floated left/right item */
    .section-header-wrapper .list-inline.pull-right {
        margin-top: -5px;
        margin-bottom: -9px;
        margin-right: -6px;
    }

        .section-header-wrapper .list-inline.pull-right > li > .btn.override {
            background: #fff;
            color: #343c42;
            border: 1px solid #ccc;
        }

            .section-header-wrapper .list-inline.pull-right > li > .btn.override:hover,
            .section-header-wrapper .list-inline.pull-right > li > .btn.override:active {
                background: #f9f9f9;
            }

        .section-header-wrapper .list-inline.pull-right > li > .btn-lg {
            font-size: 18px;
        }

            .section-header-wrapper .list-inline.pull-right > li > .btn-lg > .glyphicon:first-child,
            .section-header-wrapper .list-inline.pull-right > li > .btn-lg > .fa:first-child, a > .glyphicon:first-child, a > .fa:first-child {
                margin-right: 10px;
            }

        .section-header-wrapper .list-inline.pull-right > li {
            padding-left: 10px;
            padding-right: 10px;
        }

            .section-header-wrapper .list-inline.pull-right > li:last-child {
                padding-right: 0;
            }

.section-content-wrapper {
    padding: 30px 15px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent #e5e5e5 #cccccc #e5e5e5;
    margin-bottom: 30px;
}

/*
Appliance Dataset List Page
----------------------------
*/
.dataset-list .bootstrap-select.btn-group.version-select, .bootstrap-select.btn-group[class*="span"].version-select {
    margin-bottom: 0;
}
/* clears bottom margin off version dropdown in header details area */
.dataset-list .section-wrapper {
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    border-color: #e5e5e5 #e5e5e5 #cccccc #e5e5e5;
    border-width: 1px;
    border-style: solid;
}
    /* intentional darker bottom border */
    /* Different left hand colour border on statuses */
    .dataset-list .section-wrapper.unpublished,
    .dataset-list .section-wrapper.published,
    .dataset-list .section-wrapper.publishing,
    .dataset-list .section-wrapper.errors {
        border-left: 4px solid;
    }

    .dataset-list .section-wrapper.unpublished {
        border-left-color: #ffa031;
    }

    .dataset-list .section-wrapper.published {
        border-left-color: #049999;
    }

    .dataset-list .section-wrapper.publishing {
        border-left-color: #00afd1;
    }

    .dataset-list .section-wrapper.prepublished {
        border-left-color: #049999;
    }

    .dataset-list .section-wrapper.prepublishing {
        border-left-color: #00afd1;
    }

    .dataset-list .section-wrapper.errors {
        border-left-color: #ea3d26;
    }

        .dataset-list .section-wrapper.unpublished .h3,
        .dataset-list .section-wrapper.published .h3,
        .dataset-list .section-wrapper.publishing .h3,
        .dataset-list .section-wrapper.errors .h3 {
            margin-bottom: 18px;
        }

    .dataset-list .section-wrapper > .row {
        margin-left: 0;
        margin-right: 0; /* clear negative margins */
    }

        .dataset-list .section-wrapper > .row > [class*='col']:first-child {
            min-height: 257px;
            border-right: 1px solid #e9e9e9; /* min-height to ensure border displays properly*/
        }

        .dataset-list .section-wrapper > .row > [class*='col'] {
            padding: 30px; /* inner padding on each col 'cell' */
        }

    .dataset-list .section-wrapper.first {
        margin-top: 20px;
    }
    /* pushes first item away from content details area */
    .dataset-list .section-wrapper .actions li.first {
        width: 63%;
    }
        /* versions dropdown container */
        .dataset-list .section-wrapper .actions li.first .bootstrap-select {
            margin-bottom: 0;
        }
    /* clear mb off bs select */
    .dataset-list .section-wrapper .actions li.second {
        width: 35%;
        float: right;
        clear: right;
    }
        /* secondary dropdown container */
        .dataset-list .section-wrapper .actions li.second .btn {
            width: 100%;
            text-align: center;
        }
    /* full-width btn with text-align center */
    .dataset-list .section-wrapper .actions li.third {
        padding-left: 0px;
    }
    /* secondary dropdown container */
    /*.dataset-list .section-wrapper .actions :last-child { padding-left: 0px; float: left; clear: none; }
.dataset-list .section-wrapper .actions :last-child .btn { padding-left: 20px;}*/
    .dataset-list .section-wrapper .row .h3 {
        font-weight: normal;
    }

        .dataset-list .section-wrapper .row .h3:first-child,
        .dataset-list .section-wrapper .row .datasetcategories-wrapper p:first-child {
            margin-top: 0;
        }

    .dataset-list .section-wrapper .row .datasetcategories-wrapper div {
        color: #999;
        padding-left: 6px;
    }

    .dataset-list .section-wrapper .row .datasetcategories-wrapper p > .small {
        color: #343c42;
    }

    .dataset-list .section-wrapper .row .dataset-description {
        margin-top: 25px;
    }
/* Datset Listing - well overrides */
.dataset-list .row.well {
    margin-left: 0;
    margin-right: 0;
}
    /* override neg margins so content is inline with designs */
    .dataset-list .row.well .glyphicon {
        font-size: 30px;
    }

    .dataset-list .row.well .h3 {
        margin-top: 0;
    }

/* Dataset Listing - Progress Report popover styling */
.dataset-list .popover {
    max-width: none;
}
    /* removes max-width off the popover */
    .dataset-list .popover .popover-content {
        padding: 20px;
    }

        .dataset-list .popover .popover-content .elapsed-time {
            padding-top: 5px;
        }
    /* pushes elapsed time on baseline with title */
    .dataset-list .popover .progress {
        margin-top: 15px;
    }
    /* spacing between title and progress bar */
    .dataset-list .popover .popover-content .dismiss-popover {
        margin-top: 25px;
    }
/* spacing between content and close popup button */

/* 
Sub navigation between sections
----------------------------------
Works slightly differently to the standard nav-tabs/nav-justified as we want to use badges within each link, but only want the text to underline (slightly extended).
Our version builds off that, by wrapping the text within the link (<a>) with a span of .text, adding a little left/right padding
and also applying the underline to the relevant active/hover .text item   
*/
.nav-tabs.nav-justified.appliance-sub > li > a {
    white-space: nowrap;
    margin-bottom: 0;
    padding: 5px 8px 22px 8px;
}
/* ws:nw allows text items to sit on one line */
.nav-tabs.nav-justified.appliance-sub.bottom > li > a {
    margin-top: 0;
    padding: 23px 8px 5px 8px;
}

.nav-tabs.nav-justified.appliance-sub > li:nth-child(1) > a {
    text-align: left;
    padding-left: 0;
}

.nav-tabs.nav-justified.appliance-sub > li.active > a:hover, .nav-tabs.nav-justified.appliance-sub > li > a:hover, .nav-tabs.nav-justified.appliance-sub > li > a {
    border-bottom: 1px solid #CCC;
    background: transparent;
}
/* mains a fixed grey border across all the states */
.nav-tabs.nav-justified.appliance-sub > li.active > a:hover {
    font-weight: bold;
}
/* keep active nav tab bold on hover */
.nav-tabs.nav-justified.appliance-sub > li > a > .text {
    padding: 20px 4px;
    font-size: 18px;
    color: #009999;
    background: transparent;
}
/* padding moved onto text output within anchor */
.nav-tabs.nav-justified.appliance-sub > li > a > .fa,
.nav-tabs.nav-justified.appliance-sub > li > a > .glyphicon {
    font-size: 20px;
}

.nav-tabs.nav-justified.appliance-sub > li > a:hover > .text,
.nav-tabs.nav-justified.appliance-sub > li.active > a > .text,
.nav-tabs.nav-justified.appliance-sub > li.active > a:hover > .text {
    border-width: 0 0 5px 0;
    border-style: solid;
    border-color: #CCC;
    background: transparent;
}
/* moves the thicker border onto the .text */
.nav-tabs.nav-justified.appliance-sub > li.active > a > .text,
.nav-tabs.nav-justified.appliance-sub > li.active > a:hover > .text {
    border-color: #009999;
    color: #343c42;
    padding-bottom: 18px;
}
/* colour change for active items */

/* bottom navigation - border and active states display on top */
.nav-tabs.nav-justified.appliance-sub.bottom > li {
    margin-bottom: 0;
}

    .nav-tabs.nav-justified.appliance-sub.bottom > li.active > a:hover,
    .nav-tabs.nav-justified.appliance-sub.bottom > li > a:hover,
    .nav-tabs.nav-justified.appliance-sub.bottom > li > a {
        border-bottom: none;
        border-top: none;
    }

        .nav-tabs.nav-justified.appliance-sub.bottom > li > a:hover > .text,
        .nav-tabs.nav-justified.appliance-sub.bottom > li.active > a > .text,
        .nav-tabs.nav-justified.appliance-sub.bottom > li.active > a:hover > .text {
            border-width: 5px 0 0 0;
            border-style: solid;
            border-color: #CCC;
            padding-top: 21px;
        }

        .nav-tabs.nav-justified.appliance-sub.bottom > li.active > a > .text,
        .nav-tabs.nav-justified.appliance-sub.bottom > li.active > a:hover > .text {
            padding-top: 19px;
        }

        .nav-tabs.nav-justified.appliance-sub.bottom > li.active > a > .text,
        .nav-tabs.nav-justified.appliance-sub.bottom > li.active > a:hover > .text {
            border-color: #009999;
            color: #343c42;
        }


/* Make last item (Publish to Catalogue) appear/act like button */
/*.nav-tabs.nav-justified.appliance-sub.prepublish > li:nth-child(3) > a > .text {color: #fff;background: #ea3d26;-webkit-border-radius:4px; -moz-border-radius:4px;border-radius: 4px;border-color: transparent;padding: 10px 15px;}
.nav-tabs.nav-justified.appliance-sub.prepublish > li:nth-child(3) > a:hover > .text { border:none; background: #f07767;} 
.nav-tabs.nav-justified.appliance-sub.prepublish > li:nth-child(4) > a > .text {color: #fff;background: #429999;-webkit-border-radius:4px; -moz-border-radius:4px;border-radius: 4px;border-color: transparent;padding: 10px 15px;}
.nav-tabs.nav-justified.appliance-sub.prepublish > li:nth-child(4) > .text {color: #fff;background: #687e84;-webkit-border-radius:4px; -moz-border-radius:4px;border-radius: 4px;border-color: transparent;padding: 10px 15px;}
.nav-tabs.nav-justified.appliance-sub.prepublish > li:nth-child(4) > a:hover > .text { border:none; background: #7bb8b8; padding-bottom:10px;}
.nav-tabs.nav-justified.appliance-sub.prepublish > li:first-child.active {
    width: 90%;
}*/
/*.nav-tabs.nav-justified.appliance-sub.prepublish > li:nth-child(6) input > .text {color: #fff;background: #429999;-webkit-border-radius:4px; -moz-border-radius:4px;border-radius: 4px;border-color: transparent;padding: 10px 15px;}
.nav-tabs.nav-justified.appliance-sub.prepublish > li:nth-child(6) input:hover > .text { border:none; background: #7bb8b8;}*/
.nav-tabs.nav-justified.appliance-sub > li:nth-child(7) > a > .text {
    color: #fff;
    background: #429999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: transparent;
    padding: 10px 15px 5px 15px;
}

.nav-tabs.nav-justified.appliance-sub > li:nth-child(7) > a:hover > .text {
    border: none;
    background: #7bb8b8;
    padding-bottom: 10px;
}

.nav-tabs.nav-justified.appliance-sub {
    padding: 0;
    margin-bottom: 40px;
}
    /* bottom spacing from main title details and spacing from main content for bottom sub-nav.*/
    .nav-tabs.nav-justified.appliance-sub.bottom > li:nth-child(7) > a > .text {
        border-width: 0px;
        color: #fff;
        padding-bottom: 10px;
    }

    .nav-tabs.nav-justified.appliance-sub.bottom > li:nth-child(7) > a:hover > .text {
        border-width: 0px;
    }
/* Dataset Sub Nav - Publish Checklist popover styling */
.nav-tabs.appliance-sub .popover {
    max-width: initial;
}
    /* removes max-width off the popover */
    .nav-tabs.appliance-sub .popover .popover-content {
        padding: 20px;
    }

        .nav-tabs.appliance-sub .popover .popover-content .publish-actions {
            padding: 10px 21px 0 21px;
            margin: 20px -21px 0 -21px;
            border-top: 1px solid #C3C0BD;
        }
            /* uses -margin/+padding to allow border top to stretch to full width of container */
            .nav-tabs.appliance-sub .popover .popover-content .publish-actions h4 {
                margin-bottom: 20px;
            }

            .nav-tabs.appliance-sub .popover .popover-content .publish-actions ul {
                padding-left: 20px;
                list-style: disc;
            }
                /* reduces padding between bullet and list item text*/
                .nav-tabs.appliance-sub .popover .popover-content .publish-actions ul li {
                    margin-bottom: 5px;
                }



/*
Appliance Dataset Documentation Page
(aka Dataset Description)
----------------------------
*/
.dataset-documentation .bootstrap-select.btn-group.version-select, .bootstrap-select.btn-group[class*="span"].version-select {
    margin-bottom: 0;
}
/* clears bottom margin off version dropdown in header details area */
.dataset-documentation .section-wrapper {
    padding-bottom: 40px; /*padding-top: 40px;*/
}

    .dataset-documentation .section-wrapper.first {
        padding-top: 0;
    }

    .dataset-documentation .section-wrapper:last-of-type {
        border-bottom: transparent;
    }

    .dataset-documentation .section-wrapper .col-sm-12 .sub-heading {
        margin-top: 0;
        margin-bottom: 30px;
    }
    /* adds bottom margin to section headings (full width only) */
    .dataset-documentation .section-wrapper > .row.section-content-wrapper {
        margin-left: 0;
        margin-right: 0;
        background: #fff;
    }

.dataset-documentation .form-group {
    margin-bottom: 20px;
}

    .dataset-documentation .form-group label {
        display: block;
    }

        .dataset-documentation .form-group label > .small {
            color: #ea3d26;
        }

        .dataset-documentation .form-group label > .glyphicon-info-sign {
            font-size: 20px;
            margin-bottom: 5px;
            margin-right: 6px;
        }

    .dataset-documentation .form-group .list-inline.artifacts {
        margin: 15px 0;
    }

.dataset-documentation form input[type=file] {
    visibility: hidden;
    display: none;
}

.dataset-documentation .form-group input,
.dataset-documentation .form-group select,
.dataset-documentation .form-group textarea,
.dataset-documentation .form-group .bootstrap-select {
    margin-bottom: 15px;
}

.dataset-documentation .form-group .bootstrap-select {
    margin-bottom: 0;
}

#uploadDataFileModal .form-group label {
    display: block;
}

#uploadDataFileModal .form-group .btn-group.bootstrap-select {
    width: 100%;
}

#uploadDataFileModal .form-group label > .small {
    color: #ea3d26;
}
/*
Appliance Dataset Data Files Page
(aka Data Files)
----------------------------
Note:   
    Also contains styles relevant to the Edit Schema (.dataset-schema)
    and Edit Documentation (.dataset-datafile-documentation) areas within the page
*/
.dataset-datasetfilelist .form-group label > .glyphicon-info-sign {
    font-size: 20px;
    margin-bottom: 5px;
    margin-right: 6px;
}

.dataset-datasetfilelist {
    position: relative;
}

    .dataset-datasetfilelist .bootstrap-select.btn-group.version-select, .bootstrap-select.btn-group[class*="span"].version-select {
        margin-bottom: 0;
    }
    /* clears bottom margin off version dropdown in header details area */

    .dataset-datasetfilelist .section-wrapper { /*padding-bottom: 40px; padding-top: 40px;*/
    }

    .dataset-datasetfilelist .row.edit-schema {
        height: 1180px;
    }

    .dataset-datasetfilelist .row.edit-schema,
    .dataset-datasetfilelist .row.edit-doc {
        margin: 30px 0 -40px 0 !important;
        background: #FFFFFF;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        padding: 30px 0 30px 0 !important;
        position: relative;
    }

    .dataset-datasetfilelist .schema-arrow,
    .dataset-datasetfilelist .doc-arrow {
        height: 0px;
        width: 0px;
        border: 10px solid transparent;
        border-top: 0px;
        border-bottom: 10px solid #ccc;
        top: -10px;
        position: absolute;
        left: 370px;
    }

    .dataset-datasetfilelist .doc-arrow {
        left: 30px;
    }

        .dataset-datasetfilelist .schema-arrow:after,
        .dataset-datasetfilelist .doc-arrow:after {
            content: '';
            height: 0px;
            width: 0px;
            border: 9px solid transparent;
            border-top: 0px;
            border-bottom: 9px solid #ccc;
            position: absolute;
            left: -9px;
            top: 1px;
        }

    .dataset-datasetfilelist .listing {
        background: #fff;
        margin-bottom: 20px;
        position: relative;
        border-color: #e5e5e5 #e5e5e5 #cccccc #e5e5e5;
        border-width: 1px;
        border-style: solid;
    }

        .dataset-datasetfilelist .listing.waiting,
        .dataset-datasetfilelist .listing.completed,
        .dataset-datasetfilelist .listing.started,
        .dataset-datasetfilelist .listing.errors {
            border-left: 4px solid;
        }

        .dataset-datasetfilelist .listing.waiting {
            border-left-color: #ffa031;
        }

        .dataset-datasetfilelist .listing.completed {
            border-left-color: #049999;
        }

        .dataset-datasetfilelist .listing.started {
            border-left-color: #00afd1;
        }

        .dataset-datasetfilelist .listing.errors {
            border-left-color: #ea3d26;
        }

        .dataset-datasetfilelist .listing > .row > .col-sm-4 .dataset-status.waiting, .supportfile-status.waiting {
            color: #ffa031;
        }

        .dataset-datasetfilelist .listing > .row > .col-sm-4 .dataset-status.completed, .supportfile-status.completed {
            color: #049999;
        }

        .dataset-datasetfilelist .listing > .row > .col-sm-4 .dataset-status.started, .supportfile-status.started {
            color: #00afd1;
        }

        .dataset-datasetfilelist .listing > .row > .col-sm-4 .dataset-status.errors, .supportfile-status.errors {
            color: #ea3d26;
        }

        .dataset-datasetfilelist .listing > .row > .col-sm-4 .dataset-status span:first-child, .supportfile-status span:first-child {
            color: #343c42;
        }
        /* increased font size for glyph/fa icon after status text output */
        .dataset-datasetfilelist .listing > .row > .col-sm-4 .dataset-status > span:first-child > .fa,
        .dataset-datasetfilelist .listing > .row > .col-sm-4 .dataset-status > span:first-child > .glyphicon {
            font-size: 18px;
        }

        .dataset-datasetfilelist .listing > .row > .col-sm-4 .dataset-origin { /*margin-bottom: 20px;*/
        }

        .dataset-datasetfilelist .listing > .row {
            margin-left: 0;
            margin-right: 0;
            position: relative;
        }

            .dataset-datasetfilelist .listing > .row > [class*='col'] {
                position: relative;
                padding: 30px;
            }
            /* inner padding for first row of main listing item details */
            .dataset-datasetfilelist .listing > .row > .col-sm-8 {
                min-height: 246px;
                border-right: 1px solid #ccc;
            }

            .dataset-datasetfilelist .listing > .row > .col-sm-4 {
                position: static;
            }

            .dataset-datasetfilelist .listing > .row .media-body .friendly-name {
                margin-top: 0;
            }

            .dataset-datasetfilelist .listing > .row .media-body .friendly-name,
            .dataset-datasetfilelist .listing > .row .media-body .details,
            .dataset-datasetfilelist .listing > .row .media-body .description,
            .dataset-datasetfilelist .listing > .row > .col-sm-4 .dataset-actions,
            .dataset-datasetfilelist .listing > .row > .col-sm-4 .dataset-include-dqr {
                margin-bottom: 20px;
            }

                .dataset-datasetfilelist .listing > .row .media-body .description:last-child {
                    margin-bottom: 0;
                }

                .dataset-datasetfilelist .listing > .row .media-body .description:empty {
                    display: none;
                }

            .dataset-datasetfilelist .listing > .row .media-body .sub-actions {
                position: absolute;
                left: 86px;
                bottom: 15px;
                margin-bottom: 0;
            }

                .dataset-datasetfilelist .listing > .row .media-body .sub-actions li {
                    margin-right: 30px;
                }

                    .dataset-datasetfilelist .listing > .row .media-body .sub-actions li .btn {
                        margin-top: 0;
                    }

                    .dataset-datasetfilelist .listing > .row .media-body .sub-actions li .btn-link:focus {
                        text-decoration: none;
                        color: #343c42;
                    }

            .dataset-datasetfilelist .listing > .row > .col-sm-4 .dataset-status {
                position: absolute;
                top: 203px;
            }
        /*.dataset-datasetfilelist .listing > .row > .col-sm-4 .dataset-include-dqr { margin-top: 5px; padding-left: 0px; } */
        .dataset-datasetfilelist .listing #app-dataset-schema .row {
            padding: 0px 0px 10px 0px;
        }
    /* over rides above for schema */
    .dataset-datasetfilelist .media > .pull-left,
    .dataset-datasetfilelist .media > .pull-left {
        margin-right: 30px;
    }

    .dataset-datasetfilelist .media .media-object {
        width: 46px;
    }
    /* custom modal styling (upload artefact & upload ddi) */
    .dataset-datasetfilelist .modal {
        background: rgba(255,255,255,0.9);
    }
        /* gives white bg rather than opacity black */
        /*.dataset-datasetfilelist .modal-header { padding: 30px 30px 0px 30px; }
.dataset-datasetfilelist .modal-body { padding: 10px 30px; }*/
        .dataset-datasetfilelist .modal .form-group {
            margin-bottom: 25px;
        }
    /* improves spacing betweeen form elements in upload data file / remote upload modals */
    .dataset-datasetfilelist .modal-body .form-group label {
        display: block;
    }
        /* need to position info icon on the right */
        .dataset-datasetfilelist .modal-body .form-group label > .small {
            color: #ea3d26;
        }
/* colour for mandator text */
.form-group {
    margin-bottom: 25px;
}
/*line up submit buttons */
.dataset-datasetfilelist .modal-body .modal-inline-button {
    display: inline-block;
}

/* upload data file form styling */
.dataset-datasetfilelist .modal input[type=file] {
    border: none;
    padding-left: 0;
}
/* remove upload modal styling */
.dataset-datasetfilelist #uploadRemoteFileModal .modal-footer {
    padding: 20px 30px;
    border-top: 1px solid #C3C0BD;
    text-align: left;
}

.dataset-datasetfilelist .modal .popover,
.dataset-datasetfilelist .modal .tooltip, .popover, .tooltip {
    z-index: 1051;
}
/* brings modal based popovers/tooltips to front, over top of the modal content area */

.dataset-datasetfilelist #app-dataset-schema {
    position: relative;
}

    .dataset-datasetfilelist #app-dataset-schema .glyphicon-info {
        margin-right: 2px;
    }

.dataset-datasetfilelist .bootstrap-select.btn-group, .dataset-artefactslist .bootstrap-select.btn-group {
    margin-top: 5px;
}

/* Schema Styles
    ============= */

/***Readonly div****/
.readonly-div {
    height: 36px;
    padding: 9px 15px
}

.readonly-validation-div {
    height: 60px;
    padding-top: 32px;
    padding-left: 0;
}

.readonly-toggle-div {
    height: 32px;
    padding-top: 6px;
}
/*Conflict fixes*/
.dataset-datasetfilelist .listing .row .dataset-schema .row {
    padding-left: 0px;
    padding-right: 0px;
}

    .dataset-datasetfilelist .listing .row .dataset-schema .row.row-field-type {
        padding-top: 25px;
    }

.dataset-datasetfilelist .dataset-schema .section-wrapper {
    padding-top: 10px;
    padding-bottom: 0px;
}

.dataset-datasetfilelist .h-scroll .form-group {
    margin-bottom: 0;
}
/* clear inherited bottom margin to keep consistent of field display*/

.dataset-schema h2 {
    margin-top: 30px;
    margin-bottom: 40px;
}

.dataset-schema h3 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.dataset-schema .template-row {
    padding-bottom: 30px;
    border-bottom: 1px solid #cccccc;
}

.dataset-schema .template-group label {
    display: block;
    padding-right: 20px;
}

.dataset-schema .template-group .glyphicon {
    position: absolute;
    font-size: 18px;
    right: 20px;
}

.dataset-schema .schema-filters.form-group .glyphicon {
    font-size: 18px;
    vertical-align: middle;
}

.dataset-schema .schema-filters.form-group {
    margin-top: 15px;
    margin-bottom: 15px;
    position: absolute;
    top: 40px;
    right: 10px;
    z-index: 50;
}

    .dataset-schema .schema-filters.form-group .bootstrap-select.btn-group {
        margin-bottom: 0px;
    }

.dataset-schema .schema-link {
    position: relative;
    margin-top: 5px;
    display: inline-block;
}

.dataset-schema span.caret.right {
    position: absolute;
    top: 50%;
    right: -12px;
    margin-top: -3px;
    border-top: 4px solid transparent;
    border-right: 0px solid transparent;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
}

.dataset-schema .btn-group button {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}

.dataset-schema .btn-group.bootstrap-select .dropdown-menu {
    text-align: left;
}

.dataset-schema textarea {
    resize: none;
    height: 66px;
    margin-bottom: 10px;
}

.dataset-schema .add-lookup {
    cursor: pointer;
    vertical-align: middle;
}
/*.dataset-schema .form-group { margin-bottom:0px;}*/
.dataset-datasetfilelist .listing #app-dataset-schema .save-button-row {
    padding-top: 30px;
    padding-bottom: 30px;
}

    .dataset-datasetfilelist .listing #app-dataset-schema .save-button-row .btn {
        margin-bottom: 10px;
    }

    .dataset-datasetfilelist .listing #app-dataset-schema .save-button-row p {
        margin: 13px 0px;
    }

/*for schema and datatable metrics*/
.h-scroll {
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    padding-left: 0px;
}

.hscrollheight {
    height: 763px;
}
/*763-716=47 */
.hscrollsailheight {
    height: 809px;
}
/*762+47=809*/
.h-scroll-label-column {
    padding-right: 0px;
    padding-left: 0px;
    box-shadow: 5px 0px 5px -3px #888888;
    z-index: 10;
    min-height: 665px;
    background: #e2f2f2;
}

.h-scroll,
.h-scroll-label-column {
    padding-top: 80px;
    border-top: 1px solid #ccc;
}
/* top padding/border for abs positioned filters positioning */
.h-scroll-column-wrapper {
    width: 300px;
}

.h-scroll-column {
    width: 300px;
    display: inline-block;
    white-space: nowrap;
    float: left;
}

    .h-scroll-column.odd {
        background-color: #FFFFFF;
    }

    .h-scroll-column.even {
        background-color: #F6F6F6;
    }

    .h-scroll-label-column .row,
    .h-scroll-column .row {
        padding-bottom: 10px;
        white-space: normal;
    }

        .h-scroll-label-column .row .glyphicon {
            float: left;
            margin-top: 8px;
        }

    .h-scroll-label-column .section-wrapper,
    .h-scroll-column .validation-wrapper .section-wrapper:first-child,
    .dataset-schema .h-scroll-column.focus .validation-wrapper .section-wrapper:first-child,
    .h-scroll-column .section-wrapper {
        border-top: 1px #CCCCCC solid;
        padding: 10px 15px 0 15px;
    }

        .h-scroll-label-column .section-wrapper:first-child,
        .h-scroll-column .column-back .section-wrapper:first-child,
        .h-scroll-column .section-wrapper:first-child {
            padding: 19px 15px 0 15px;
            margin: 0px;
        }

    .h-scroll-column .column-card .column-front > .section-wrapper:first-child {
        min-height: 218px;
    }

.dataset-schema .h-scroll-column.focus {
    background-color: #e1f9ff;
}

    .dataset-schema .h-scroll-column.focus .bootstrap-select.btn-group .dropdown-toggle:active,
    .dataset-schema .h-scroll-column.focus .bootstrap-select.btn-group.open .dropdown-toggle,
    .dataset-schema .h-scroll-column.focus .form-control:focus {
        background: #FFFFFF;
    }

    .dataset-schema .h-scroll-column.focus .section-wrapper:first-child,
    .dataset-schema .h-scroll-column.focus .column-back .section-wrapper:first-child {
        border-top: 4px #00afd1 solid;
        padding: 16px 15px 0 15px;
        margin: 0px;
    }

.dataset-schema .checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
}

    .dataset-schema .checkbox input {
        margin-top: 6px;
    }

.dataset-schema .x-small {
    font-size: 70%;
}

.dataset-schema .no-padding-left {
    padding-left: 0px;
}

.dataset-schema .has-error .btn {
    border-color: #D7191C;
}

.dataset-schema .has-error span.glyphicon.glyphicon-warning-sign.text-danger {
    position: absolute;
    top: 5px;
    right: 25px;
}

.dataset-schema .has-error.input-group span.glyphicon.glyphicon-warning-sign.text-danger {
    top: 8px;
    right: 120px;
    z-index: 10;
}


/* row heights */
.dataset-schema .row-code-name {
    height: 46px;
    text-align: right;
    line-height: 36px;
}

.dataset-schema .row-friendly-name {
    height: 46px;
    text-align: right;
    line-height: 36px;
}

.dataset-schema .row-description {
    height: 106px;
    text-align: right;
    line-height: 36px;
}

.dataset-schema .row-pid-type {
    height: 46px;
    text-align: right;
    line-height: 18px;
}

.dataset-schema .row-case-sensitive {
    height: 42px;
    text-align: right;
    line-height: 32px;
}

.dataset-schema .row-exclude-in-publish {
    height: 42px;
    text-align: right;
    line-height: 32px;
}

.dataset-schema .row-field-type {
    height: 70px;
    text-align: right;
    line-height: 36px;
    padding-top: 25px;
}

.dataset-schema .row-validation {
    height: 46px;
    text-align: right;
    line-height: 36px;
}

.dataset-schema .row-primary-key {
    height: 42px;
    text-align: right;
    line-height: 32px;
}

.dataset-schema .row-quality-report {
    height: 42px;
    text-align: right;
    line-height: 32px;
}

.dataset-schema .row-publish-sail {
    height: 42px;
    text-align: right;
    line-height: 32px;
}

.dataset-schema .row-encryption {
    height: 46px;
    text-align: right;
    line-height: 36px;
}

.dataset-schema .row-decryption {
    height: 46px;
    text-align: right;
    line-height: 36px;
}

.dataset-schema .row-bookmark {
    height: 42px;
    text-align: right;
    line-height: 32px;
}

/* validation face */
.dataset-schema .column-back .form-group {
    margin-bottom: 0px;
}

.dataset-schema .column-back .description-wrapper textarea {
    height: 500px;
}

.dataset-schema .h-scroll-column .column-back .validation-wrapper .section-wrapper,
.dataset-schema .h-scroll-column .column-back .section-wrapper,
.dataset-schema .h-scroll-column.focus .column-back .validation-wrapper .section-wrapper,
.dataset-schema .h-scroll-column.focus .column-back .section-wrapper {
    margin: 0 15px;
    padding: 10px 0 0;
    border-top: 1px solid #CCCCCC;
}

/* bootstrap select fixes */
.bootstrap-select.btn-group.btn-block:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
    width: 100%;
    margin-top: 0px;
}

.dataset-schema .schema-filters .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
    max-width: 19%;
}

.dataset-schema .h-scroll-column .bootstrap-select.btn-group, .dataset-schema .h-scroll-column .bootstrap-select.btn-group[class*="span"] {
    margin-bottom: 0px;
}

.dataset-schema .input-group .bootstrap-select .btn {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.dataset-schema .input-group .flipper {
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    margin-left: -1px;
    height: 36px;
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
}

    .dataset-schema .input-group .flipper:active {
        border: 2px#00afd1 solid;
        padding: 5px 11px;
    }

.dataset-schema .input-group .bootstrap-select.validation-flipper {
    display: table-cell;
}

/* flip effect */

.h-scroll-column {
    position: relative;
    border-right: 1px solid #ccc;
}
    /*.h-scroll-column .column-card.flipped { -webkit-transform: rotatey(-180deg); -moz-transform: rotatey(-180deg); -ms-transform: rotatey(-180deg); transform: rotatey(-180deg); } */
    .h-scroll-column .column-card {
        min-height: 665px;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 1600;
        -moz-perspective: 1600;
        -ms-perspective: 1600;
        perspective: 1600;
    }

        .h-scroll-column .column-card .column-face {
            width: 100%;
            height: 100%;
            position: absolute;
            -moz-backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            z-index: 2;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }

        .h-scroll-column .column-card .column-front {
            position: absolute;
            z-index: 1;
            -webkit-transform: rotateY(0deg);
            -moz-transform: rotateY(0deg);
            -ms-transform: rotateY(0deg);
            transform: rotateY(0deg);
        }

        .h-scroll-column .column-card .column-back {
            -webkit-transform: rotateY(-180deg);
            -moz-transform: rotateY(-180deg);
            -ms-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
        }

        .h-scroll-column .column-card.flipped .column-back {
            position: absolute;
            z-index: 1;
            -webkit-transform: rotateY(0deg);
            -moz-transform: rotateY(0deg);
            -ms-transform: rotateY(0deg);
            transform: rotateY(0deg);
        }

        .h-scroll-column .column-card.flipped .column-front {
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            transform: rotateY(180deg);
        }

/* Datepicker styles */

.dataset-schema .input-date {
    max-width: 77px;
    display: inline;
}

.dataset-schema .date-wrapper {
    padding: 0;
    margin-bottom: 10px;
}

/* DataTable Metrics Styles
   ======================== */

.dataset-datatable .row-code-name {
    height: 32px;
}

.dataset-datatable .row-friendly-name {
    height: 54px;
}

.dataset-datatable .row-description {
    height: 98px;
}

.dataset-datatable .row-field-type {
    height: 32px;
}

.dataset-datatable .row-vimo {
    height: 32px;
}

.dataset-datatable .row-metrics {
    height: 54px;
}

.dataset-datatable .h-scroll-label-column .row-code-name,
.dataset-datatable .h-scroll-label-column .row-friendly-name,
.dataset-datatable .h-scroll-label-column .row-description,
.dataset-datatable .h-scroll-label-column .row-field-type,
.dataset-datatable .h-scroll-label-column .row-vimo,
.dataset-datatable .h-scroll-label-column .row-metrics {
    text-align: right;
}

.dataset-datatable .h-scroll-label-column .glyphicon {
    margin-top: 0px;
}

.dataset-datatable .h-scroll-column .column-front .section-wrapper:first-child,
.dataset-datatable .h-scroll-column .column-back .section-wrapper:first-child {
    padding-top: 10px;
}

.dataset-datatable .h-scroll-column .column-back .section-wrapper .section-wrapper:first-child {
    border-top: 0px;
    padding-top: 19px;
    height: 54px;
}

.dataset-datatable .column-front .row-description a.flipper {
    clear: both;
    margin-top: 5px;
    display: block;
}

.dataset-datatable .h-scroll-column .column-card {
    min-height: 368px;
}

.dataset-datatable .h-scroll-label-column {
    min-height: 392px;
}

.dataset-datatable .h-scroll {
    height: 420px;
}

.dataset-datatable .h-scroll-label-column,
.dataset-datatable .h-scroll {
    padding-top: 0px;
    border-top: none;
}
/* overrides from inherited app datafile grid listing style - removes top padding/borders */
.dataset-datatable .h-scroll-column .column-card .column-front > .section-wrapper:first-child {
    min-height: inherit;
}
/* overrides from inherited app datafile grid listing style */
.dataset-datatable .progress-bar {
    height: 10px;
    margin-top: 5px;
    min-width: 1px;
}

.dataset-datatable .progress-bar-info {
    height: 10px;
    margin-top: 5px;
    min-width: 1px;
}

.dataset-datatable .vimo-wrapper .row {
    padding-bottom: 0px;
}

.dataset-datatable .top10-wrapper .row {
    padding-bottom: 0px;
}

.dataset-datatable .unflipper {
    float: right;
}

.dataset-datatable .row-vimo .glyphicon-arrow-right,
.dataset-datatable .row-metrics .glyphicon-arrow-right {
    float: right;
}

.dataset-datatable .description-scroll {
    max-height: 239px;
    overflow-y: scroll;
    padding-bottom: 0px;
}

.dataset-datatable .date-range-wrapper .date-range-values .glyphicon-calendar {
    font-size: 30px;
    line-height: 38px;
}

.dataset-datatable .date-range-wrapper .date-range-values {
    position: relative;
}

    .dataset-datatable .date-range-wrapper .date-range-values:after {
        content: '';
        display: block;
        position: absolute;
        border-left: 2px dotted #9B9691;
        top: 55px;
        left: 28px;
        height: 50px;
    }

.dataset-datatable .bootstrap-select {
    max-width: 220px;
}

.dataset-datatable .connection-string {
    margin-top: 40px;
}

    .dataset-datatable .connection-string > h4 {
        margin-bottom: 20px;
    }

    .dataset-datatable .connection-string > .panel {
        background: #e1f9ff;
    }

.dataset-datatable .graph-panel .panel-body {
    height: 334px;
    padding-bottom: 50px;
    padding-top: 30px;
}

.dataset-datatable .full-height {
    height: 100%;
}

    .dataset-datatable .full-height .progress {
        width: 100%;
        height: 98%;
        position: relative;
        background-color: transparent;
        padding: 0;
        margin-bottom: 10px;
    }

    .dataset-datatable .full-height .progress-bar {
        position: absolute;
        bottom: 0px;
        width: 100%;
        z-index: 1;
    }

    .dataset-datatable .full-height .graph-value {
        position: absolute;
        bottom: 0px;
        left: 50%;
        z-index: 2;
    }

        .dataset-datatable .full-height .graph-value .value-wrapper {
            margin-left: -50%;
            margin-right: 50%;
        }
/*.dataset-datatable .fields-w-border { border-left:1px solid #CCCCCC; }*/
.dataset-datatable > .section-wrapper.with-border {
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
}

.dataset-datatable h4.h3-margin-top {
    margin-top: 25px;
}

.dataset-datatable .validation-row {
    padding: 0px 0px 10px 20px;
}

/* spacing from nav when back-link is placed above green header bar*/
.back-link {
    margin: 40px 0 0 0;
    display: block;
}

h1 .text-primary, h2 .text-primary, h3 .text-primary, h4 .text-primary, h5 .text-primary, h6 .text-primary, .h1 .text-primary, .h2 .text-primary, .h3 .text-primary, .h4 .text-primary, .h5 .text-primary, .h6 .text-primary {
    color: #1775B9;
}

.dataset-datatable .display-grid {
    margin-bottom: 30px;
}

.display-grid .row {
    margin: 0px;
}

.dataset-datatable h3 > .glyphicon {
    font-size: 20px;
}

.dataset-datatable .page-header-wrapper {
    margin-bottom: 20px;
}

.dataset-datatable .datatable-counts {
    min-height: 189px;
    position: relative;
}
    /* min height to match page-header-wrapper height for abs pos */
    .dataset-datatable .datatable-counts .list-inline {
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        margin-bottom: 0;
    }

        .dataset-datatable .datatable-counts .list-inline > li:first-child label {
            border-right: 1px solid #ccc;
            padding-right: 25px;
            margin-right: 15px;
        }

        .dataset-datatable .datatable-counts .list-inline > li:last-child label {
            text-align: left;
        }

/* Documentation Styles 
    ==================== */

/* Conflict Fixes */
.dataset-datasetfilelist .dataset-datafile-documentation .section-wrapper {
    padding-top: 0px;
    padding-bottom: 0px;
}

.dataset-datasetfilelist .documentation-wrapper,
.dataset-datasetfilelist .schema-wrapper {
    border-top: 1px solid #ccc;
    margin-top: 246px;
}

    .dataset-datasetfilelist .documentation-wrapper .dataset-datafile-documentation {
        margin-left: 106px;
        margin-bottom: 30px;
        margin-right: 106px;
        position: relative;
    }

/* bootstrap select fixes */
.bootstrap-select.btn-group.btn-block:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
}

.dataset-datafile-documentation h2 {
    margin: 30px 0 40px 0;
}

.dataset-datafile-documentation .form-group {
    margin-bottom: 40px;
}

.dataset-datafile-documentation .text-muted {
    font-weight: normal;
}

.dataset-datafile-documentation textarea {
    height: 200px;
    resize: none;
}

.dataset-datafile-documentation .form-group label {
    display: block;
}

    .dataset-datafile-documentation .form-group label > .small {
        color: #ea3d26;
    }

.dataset-datafile-documentation .form-group .bootstrap-select {
    margin-bottom: 0;
}
/*
Appliance Dataset Artefacts Listing Page
(aka Supporting Files)
----------------------------
*/
.dataset-artefactslist .bootstrap-select.btn-group.version-select, .bootstrap-select.btn-group[class*="span"].version-select {
    margin-bottom: 0;
}
/* clears bottom margin off version dropdown in header details area */
.dataset-artefactslist .section-wrapper.unpublished,
.dataset-artefactslist .section-wrapper.readyforpublish,
.dataset-artefactslist .section-wrapper.uploading,
.dataset-artefactslist .section-wrapper.errors {
    border-left: 4px solid;
}

.dataset-artefactslist .section-wrapper.unpublished {
    border-left-color: #ffa031;
}

.dataset-artefactslist .section-wrapper.readyforpublish {
    border-left-color: #049999;
}

.dataset-artefactslist .section-wrapper.uploading {
    border-left-color: #00afd1;
}

.dataset-artefactslist .section-wrapper.errors {
    border-left-color: #ea3d26;
}

.dataset-artefactslist .section-wrapper {
    margin-bottom: 20px;
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    border-color: #e5e5e5 #e5e5e5 #cccccc #e5e5e5;
    border-width: 1px;
    border-style: solid;
}

    .dataset-artefactslist .section-wrapper > .row {
        margin-left: 0;
        margin-right: 0;
    }

        .dataset-artefactslist .section-wrapper > .row > .col-sm-8 {
            border-right: 1px solid #e9e9e9;
        }

        .dataset-artefactslist .section-wrapper > .row > [class*='col'] {
            padding: 30px;
            min-height: 231px;
        }
/* min-height to ensure border displays properly*/

/* first column details styling */
.dataset-artefactslist .media > .pull-left {
    margin-right: 30px;
}

    .dataset-artefactslist .media > .pull-left > .media-object {
        width: 46px;
    }

.dataset-artefactslist .media-body > h3,
.dataset-artefactslist .media-body > .filename,
.dataset-artefactslist .media-body > .description {
    margin-bottom: 20px;
}

    .dataset-artefactslist .media-body > h3 > small {
        color: #687e84;
    }

.dataset-artefactslist .media-body > p:last-child {
    margin-bottom: 0;
}

/* abs positioning of status to bottom of second column */
.dataset-artefactslist .section-wrapper > .row > .col-sm-4 {
    position: relative;
}

.dataset-artefactslist .dataset-artefact-status {
    position: absolute;
    bottom: 30px;
}

    .dataset-artefactslist .dataset-artefact-status > .small {
        color: #343c42;
        margin-bottom: 5px;
        display: block;
    }

        .dataset-artefactslist .dataset-artefact-status > .small > .fa {
            font-size: 18px;
        }

/* different colour status text depending on .section-wrapper class */
.dataset-artefactslist .section-wrapper.unpublished .dataset-artefact-status {
    color: #ffa031;
}

.dataset-artefactslist .section-wrapper.readyforpublish .dataset-artefact-status {
    color: #049999;
}

.dataset-artefactslist .section-wrapper.uploading .dataset-artefact-status {
    color: #00afd1;
}

.dataset-artefactslist .section-wrapper.errors .dataset-artefact-status {
    color: #ea3d26;
}

/* row reorder icon positioning */
.dataset-artefactslist .sortable .row {
    position: relative;
}

    .dataset-artefactslist .sortable .row .reorder-btn {
        position: absolute;
        top: 30px;
        right: 30px;
        z-index: 20;
    }
/* r:30 needed to offset column padding on row */

/* upload artefact form styling */
.dataset-artefactslist .modal input[type=file] {
    border: none;
    padding-left: 0;
}

.dataset-artefactslist .modal-body .form-group label {
    display: block;
}
    /* need to position info icon on the right */
    .dataset-artefactslist .modal-body .form-group label > .small {
        color: #ea3d26;
    }
/* colour for mandator text */

.dataset-artefactslist .modal .popover,
.dataset-artefactslist .modal .tooltip {
    z-index: 1051;
}
/* brings modal based popovers/tooltips to front, over top of the modal content area */

/*
Appliance Dataset ER Diagram Page
(aka Entity Relationship Diagram)
----------------------------
*/
.dataset-erdiagram .bootstrap-select.btn-group.version-select, .bootstrap-select.btn-group[class*="span"].version-select {
    margin-bottom: 0;
}
/* clears bottom margin off version dropdown in header details area */
.dataset-erdiagram .section-wrapper {
    padding-bottom: 40px;
}

/*
Appliance Dataset Sharing Page
(aka Share Settings)
----------------------------
*/
.dataset-sharing .bootstrap-select.btn-group.version-select, .bootstrap-select.btn-group[class*="span"].version-select {
    margin-bottom: 0;
}
/* clears bottom margin off version dropdown in header details area */
.dataset-sharing .form-group select {
    width: 100%;
    padding: 8px 5px;
}

.dataset-sharing .section-wrapper {
    padding-bottom: 40px;
    padding-top: 40px;
}

.dataset-sharing h2, .dataset-sharing h3 {
    display: inline-block;
    margin-right: 10px;
}

.dataset-sharing .row.datatables {
    margin-left: 0px;
    margin-right: 0px;
}

.dataset-sharing td.no-padding {
    padding: 0px;
}

.dataset-sharing .radio-inline {
    line-height: 36px;
}

    .dataset-sharing .radio-inline input {
        margin-top: 12px;
    }

#app-dataset-sharing .table-borderless {
    border: 0px;
}

.dataset-sharing .table-borderless > thead > tr > th,
.dataset-sharing .table-borderless > tbody > tr > th,
.dataset-sharing .table-borderless > tfoot > tr > th,
.dataset-sharing .table-borderless > thead > tr > td,
.dataset-sharing .table-borderless > tbody > tr > td,
.dataset-sharing .table-borderless > tfoot > tr > td {
    border: 0px;
    padding: 4px 8px;
}

.dataset-sharing .dataTableFields td:first-child {
    position: relative;
    padding-left: 55px;
}

    .dataset-sharing .dataTableFields td:first-child::before {
        content: '';
        position: absolute;
        top: 14px;
        left: 26px;
        height: 0px;
        width: 20px;
        border-top: 1px solid #ccc;
    }

    .dataset-sharing .dataTableFields td:first-child::after {
        content: '';
        position: absolute;
        top: 0px;
        left: 25px;
        bottom: 0px;
        width: 0px;
        border-left: 1px solid #ccc;
    }

.dataset-sharing .dataTableFields tr:last-child td:first-child::after {
    bottom: auto;
    height: 14px;
}

.dataset-sharing .text-middle {
    vertical-align: middle;
}

.dataset-sharing td.edit {
    background-color: #FFFFFF;
}

    .dataset-sharing td.edit .row .form-group label.text-muted {
        font-weight: normal;
        font-size: 12px;
    }

.dataset-sharing input[disabled] {
    border: 0px;
    padding-left: 0px;
    padding-right: 0px;
    text-overflow: ellipsis;
}

.dataset-sharing .form-display.tab-content > .tab-pane .row .form-group > label.h4,
.dataset-sharing .edit-details .form-group > label.h4 {
    display: block;
}

.dataset-sharing .edit-details > td {
    padding: 30px;
    border-top: 1px solid #fff;
}
/* increase padding of reveal edit details row in sharing profiles listing table*/

/* Form display overrides to put borderse back on active tab and active content area (originally disabled on security form-displays) */
.dataset-sharing .form-display.nav-tabs > li:first-child.active > a {
    border-left-color: #e5e5e5;
}

.dataset-sharing .form-display.tab-content > .tab-pane {
    border-width: 1px;
}

.form-display.white.nav-tabs > li.active > a,
.form-display.white.tab-content > .tab-pane.active {
    background: #fff;
}

.form-display.nav-tabs > li:first-child.active > a {
    border-left-color: #e5e5e5;
}

.form-display.no-offset.nav-tabs,
.form-display.no-offset.tab-content > .tab-pane {
    margin-left: 0;
    margin-right: 0;
}

.dataset-sharing .row.well {
    margin-left: 0;
    margin-right: 0;
}

/*
Dataset Catalogue Details Page
----------------------------------
*/
.dataset-details .page-header-wrapper {
    margin-bottom: 20px;
    margin-top: 0;
}

.dataset-details .dpo {
    margin-top: 40px;
}
    /* extra spacing from header green bar */
    .dataset-details .dpo > .small {
        color: #28474f;
        display: block;
        margin-bottom: 10px;
        font-size: 75%;
    }

.dataset-details .administrative-contact {
    margin: 20px 0 25px 0;
    min-height: 130px
}
/* push down inline with page-header-wrapper title display */

/*.dataset-details .datasetcategories-wrapper { margin-bottom: 30px; } /* pushes categories away from tags wrapper
.dataset-details .datasetcategories-wrapper p > .small { font-size: 75%; color: #28474f;} */
.dataset-details .section-wrapper .datasetcategories-wrapper p {
    font-size: 18px;
    margin-bottom: 10px;
}

    .dataset-details .section-wrapper .datasetcategories-wrapper p span {
        padding-left: 0px;
    }

    .dataset-details .section-wrapper .datasetcategories-wrapper p:first-child {
        margin-top: 0;
    }

.dataset-details .section-wrapper .datasetcategories-wrapper div {
    color: #999;
    padding-left: 6px;
}

.dataset-details .section-wrapper .datasetcategories-wrapper span {
    padding-left: 6px;
}

.dataset-details .section-wrapper .datasetcategories-wrapper p > .small {
    color: #343c42;
    font-size: 85%;
}

.dataset-details .section-wrapper {
    margin-bottom: 30px;
}

    .dataset-details .section-wrapper:last-of-type {
        border-bottom: transparent;
    }

    .dataset-details .section-wrapper > .row.section-content-wrapper {
        margin-left: 0;
        margin-right: 0;
        background: #fff;
    }

        .dataset-details .section-wrapper > .row.section-content-wrapper .details {
            margin-bottom: 40px;
        }

            .dataset-details .section-wrapper > .row.section-content-wrapper .details:last-child {
                margin-bottom: 0;
            }

.dataset-details .action-links > li {
    margin-bottom: 15px;
}

    .dataset-details .action-links > li:last-child {
        margin-bottom: 0;
    }

.dataset-details .file-links {
    margin: 20px 0;
}

    .dataset-details .file-links > li:first-child {
        padding-left: 0;
    }

.dataset-details .section-wrapper h3 {
    margin-top: 0;
    margin-bottom: 20px;
}

    .dataset-details .section-wrapper h3 > .btn.pull-right {
        margin-top: -5px;
    }

.dataset-details .dqreport-wrapper {
    margin-bottom: 18px;
}

    .dataset-details .dqreport-wrapper .media {
        background: #429999;
        border-radius: 4px;
    }

        .dataset-details .dqreport-wrapper .media > a.pull-left {
            background: #27464e;
        }

            .dataset-details .dqreport-wrapper .media > a.pull-left > .media-object {
                width: 46px;
                height: 61px;
            }

        .dataset-details .dqreport-wrapper .media > .pull-left {
            margin-right: 0;
            font-size: 35px
        }

    .dataset-details .dqreport-wrapper .media-body {
        padding: 15px 0 0 15px;
    }

        .dataset-details .dqreport-wrapper .media-body > a,
        .dataset-details .dqreport-wrapper .media-body > .small {
            color: #fff;
        }

        .dataset-details .dqreport-wrapper .media-body > .small {
            font-size: 14px;
        }

.dataset-details .artefacts-wrapper,
.dataset-details .data-tables-wrapper {
    margin-left: 0;
    margin-right: 0;
    background: #fff;
}

    .dataset-details .artefacts-wrapper .media,
    .dataset-details .data-tables-wrapper .media {
        min-height: 75px;
    }
        /* provides layout consistency if there is no detailed description */
        .dataset-details .artefacts-wrapper .media > .pull-left,
        .dataset-details .data-tables-wrapper .media > .pull-left {
            margin-right: 30px;
        }

            .dataset-details .artefacts-wrapper .media > .pull-left > .media-object,
            .dataset-details .data-tables-wrapper .media > .pull-left .media-object {
                width: 46px;
                height: 61px;
            }

    .dataset-details .artefacts-wrapper .section-content-wrapper,
    .dataset-details .data-tables-wrapper .section-content-wrapper {
        padding: 30px;
    }
    /* override s-c-w left/right 15px as the class isnt on a col-* */
    .dataset-details .artefacts-wrapper .media-heading,
    .dataset-details .data-tables-wrapper .media-heading {
        margin-bottom: 10px;
    }

/* Sail Specific Details */
.dataset-details .sail-details {
    border-color: #ccc;
}

    .dataset-details .sail-details .h2 {
        margin-top: 0;
    }

    .dataset-details .sail-details .h4 {
        display: block;
        margin-bottom: 0px;
    }

        .dataset-details .sail-details .h4 > small {
            color: inherit;
        }

    .dataset-details .sail-details p {
        margin-bottom: 20px;
    }

        .dataset-details .sail-details p:last-child {
            margin-bottom: 0;
        }

    .dataset-details .sail-details .dataset-access > strong {
        margin-bottom: 10px;
    }
/* Ed's Styles here */
.dataset-details {
    margin-top: 25px;
}

    .dataset-details h1 {
        margin-top: 0px;
    }

    .dataset-details .action-links .glyphicon {
        font-size: 120%;
        margin-right: 10px;
        margin-top: -5px;
        top: 3px;
    }

/*
Data Catalogue Search Results
----------------------------------
*/
/* Bespoke tweaks for the wireframe page. Should be moved into appropriate section when approved signed off. */
.dataset-search-results {
    margin-top: 25px;
}

    .dataset-search-results p,
    .dataset-search-results ul {
        margin-bottom: 30px;
    }

    .dataset-search-results .section-wrapper {
        margin-bottom: 30px;
    }

    .dataset-search-results .listing {
        margin: 0 0 20px 0;
    }

        .dataset-search-results .listing > .row {
            background: #fff;
            border-color: #e5e5e5 #e5e5e5 #cccccc #e5e5e5;
            border-width: 1px;
            border-style: solid;
            margin-right: 0;
            margin-left: 0;
            margin-bottom: 20px;
        }

            .dataset-search-results .listing > .row > [class*='col'] {
                padding: 30px;
            }

                .dataset-search-results .listing > .row > [class*='col']:first-child {
                    border-right: 1px solid #eaeaea;
                    min-height: 316px;
                }
            /* set min height / border on second column */
            /* 1st column has 2 sub rows split by border. use offset/paddings*/
            .dataset-search-results .listing > .row .inner-offset {
                margin-left: -30px;
                margin-right: -30px;
                padding-left: 15px;
                padding-right: 15px;
            }

                .dataset-search-results .listing > .row .inner-offset.bb {
                    border-bottom: 1px solid #e5e5e5;
                    margin-bottom: 30px;
                }

    .dataset-search-results .results-actions-wrapper a > .glyphicon {
        margin-right: 5px;
    }

    /* data output specific overrides/spacings */
    .dataset-search-results .listing .dataset-title {
        margin-top: 0;
        margin-bottom: 15px;
    }

        .dataset-search-results .listing .dataset-title .glyphicon-star {
            margin-left: 15px;
        }

    .dataset-search-results .listing .dataset-publish-date {
        padding-left: 0;
    }

    .dataset-search-results .listing .dataset-owner {
        margin-left: 15px;
        font-weight: bold;
    }

        .dataset-search-results .listing .dataset-owner > .glyphicon {
            margin-right: 10px;
        }

    .dataset-search-results .listing .dataset-summary {
        margin-bottom: 20px;
    }

    .dataset-search-results .listing .dataset-tags > a {
        font-size: initial;
    }

    .dataset-search-results .listing .datasetcategories-wrapper > .h4 > .small {
        color: initial;
    }

    .dataset-search-results .listing .datasetcategories-wrapper > .h4:first-child {
        margin-top: 0;
    }

    /* show more results wrapper - push away from last listing item*/
    .dataset-search-results .show-more {
        margin-top: 25px;
    }

        .dataset-search-results .show-more > .btn {
            margin-left: 25px;
        }

    /* Ed's styles */

    .dataset-search-results .badge.no-style {
        background-color: transparent;
        color: inherit;
    }

    .dataset-search-results .h1, .dataset-search-results .h2, .dataset-search-results .h3, .dataset-search-results .h4, .dataset-search-results .h5, .dataset-search-results .h6 {
        font-weight: normal;
    }

    .dataset-search-results .btn-group button {
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
    }

    .dataset-search-results .btn-group.bootstrap-select {
        margin-top: 10px;
    }

    .dataset-search-results .btn-sm {
        font-weight: normal;
    }

    .dataset-search-results .btn .glyphicon {
        margin-right: 5px;
    }

    .dataset-search-results .btn .badge {
        margin-left: 5px;
    }

    .dataset-search-results .search-form {
        padding-top: 25px;
    }

    .dataset-search-results .datasetcategories-wrapper p:last-child {
        margin-bottom: 0px;
    }

/*
Data Catalogue Supporting Files listing (aka Artefacts)
Data Catalogue Datafile Listing
NOTE: The two pages share same styles / layout.
--------------------------------
*/
.dataset-artefacts {
    margin-top: 30px;
}

    .dataset-artefacts #artifactsSection > .row {
        margin-left: 0;
        margin-right: 0;
    }
    /* remove negative margins */
    .dataset-artefacts .media {
        background: #fff;
        margin-bottom: 20px;
        border-color: #e5e5e5 #e5e5e5 #cccccc #e5e5e5;
        border-width: 1px;
        border-style: solid;
    }

        .dataset-artefacts .media > [class*='col'] {
            padding: 30px;
        }

            .dataset-artefacts .media > [class*='col']:first-child {
                min-height: 170px;
                border-right: 1px solid #e9e9e9;
            }

            .dataset-artefacts .media > [class*='col']:last-child {
                text-align: center;
            }

        .dataset-artefacts .media .media-object {
            margin-right: 30px;
        }

        .dataset-artefacts .media .media-object {
            width: 46px;
        }

    .dataset-artefacts .supporting-filter h4 {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .dataset-artefacts .supporting-filter .nav > li > a {
        padding: 10px 20px;
        color: #049999;
    }

    .dataset-artefacts .supporting-filter .nav > li.active > a {
        padding: 10px 20px;
        color: #343c42;
        position: relative;
    }

        .dataset-artefacts .supporting-filter .nav > li.active > a:before {
            content: '\e091';
            font-family: 'Glyphicons Halflings';
            position: absolute;
            left: 0px;
            top: 12px;
            font-size: 12px;
        }

    .dataset-artefacts .supporting-filter .nav > li > a:hover,
    .dataset-artefacts .supporting-filter .nav > li > a:focus {
        background-color: transparent;
        border-bottom: none;
        color: #343c42;
    }
/*
Security General (Non page specific)
----------------------------
*/

.col-sm-4.security-project-tree {
    padding-right: 5px;
}

.col-sm-8.security-main-content {
    padding-left: 25px;
}

    .col-sm-8.security-main-content .security.breadcrumb {
        padding-left: 0;
    }
    /* clear left padding when bc is displayed in 2 column (e.g. settings page) */
    .col-sm-8.security-main-content h1 {
        margin-top: 0;
    }

.security.editinline .view .form-control[disabled],
.security.editinline .view .form-control[readonly] {
    overflow: hidden;
    width: 100%;
    background: transparent;
    cursor: text;
    border: none;
    padding: 0;
    height: 36px;
    resize: none;
    color: #343c42;
}

.security.editinline .view input.form-control[disabled],
.security.editinline .view .form-control[readonly] {
    text-overflow: ellipsis;
}

/* edit inline selects */
.security.editinline .view .bootstrap-select.disabled,
.security.editinline .view .bootstrap-select.disabled .selectpicker {
    background: transparent;
    border: none;
    padding: 0;
    font-weight: normal;
    height: auto;
}
    /* unstyle disabled select btn/picker */
    .security.editinline .view .bootstrap-select.disabled .selectpicker .btn-default {
        color: #343c42;
    }

.security.editinline .view .bootstrap-select .filter-option {
    position: static;
}

.security.editinline .view .bootstrap-select .caret {
}
/* edit inline radios */
.security.editinline .view .radio-inline {
    display: none;
}
    /* hide radio options */
    .security.editinline .view .radio-inline.checked {
        display: block;
        padding-left: 0;
        margin-left: 0;
    }
        /* hide radio but show label text */
        .security.editinline .view .radio-inline.checked input[type="radio"] {
            display: none;
            cursor: default;
        }

.security.editinline.adv .view .form-control[disabled],
.security.editinline.adv .view .form-control[readonly],
.security.editinline.adv .view .radio-inline,
.security.editinline.adv .view .bootstrap-select.disabled .selectpicker { /*font-weight: bold;*/
}

/* Nodes in navigation */
.node-nav li span.node {
    width: 7px;
    height: 7px;
    border: 1px solid #ccc;
    background: #ccc;
    display: inline-block;
    border-radius: 10px;
    position: absolute;
    left: 7px;
    top: 7px;
}

    .node-nav li span.node.square {
        border-radius: 0px;
    }

    .node-nav li span.node.glyphicon.glyphicon-file {
        font-size: 12px;
        border: none;
        background: none;
        margin-top: -4px;
    }
/* Top Level Node*/
.node-nav ul li.parent {
    border-left: none;
    margin-left: 0;
}

    .node-nav ul li.parent span.before {
        border: none;
    }
/* Node spacing and borders */
.node-nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: relative;
}

.node-nav li {
    list-style-type: none;
    border-left: 1px solid #ccc;
    margin-left: 10px;
    max-width: 300px;
    /* Warning - Needed for oldIE support, but words are broken up letter-by-letter */
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

    .node-nav li a {
        color: #343c42;
    }

        .node-nav li a.current {
            color: #049999;
        }

    .node-nav li div {
        padding-left: 20px;
        position: relative;
    }
    /* creates horizontal connecting line (L-shape border) for node of current tree level*/
    .node-nav li span.before {
        content: '';
        position: absolute;
        top: 0;
        left: -1px;
        height: 11px;
        width: 8px;
        border: 1px solid #ccc;
        border-top: 0 none transparent;
        border-right: 0 none transparent;
    }
/* add in grey connecting line after the sub list only on the first child */
.node-nav ul > li > ul > li:first-child > div > span.after {
    content: '';
    height: 5px;
    border-left: 1px solid #ccc;
    position: absolute;
    top: -5px;
    left: -1px;
}
/* stop left grey line from extended beyond last child element */
.node-nav ul > li:last-child {
    border-left: 1px solid transparent;
}
/* remove content after (grey line) on top level / last child elements */
.node-nav ul li.parent span.after,
.node-nav ul li:last-child span.after {
    content: '';
    border-left: none;
}

.node-nav ul li:last-child span.before {
    bottom: auto;
    top: -6px;
    height: 17px;
    display: block;
}

/* Highlighting for active node path in navigation */
.node-nav .active-trail > div > span.after,
.node-nav .active-trail > div > span.before,
.node-nav .active-trail > div > span.node,
.node-nav ul li > ul li.active-trail:first-child > div > span.after {
    border-color: #049999;
}
/* general border set for active trail colours */
.node-nav .excluded > div > span.after,
.node-nav ul > li > ul > li.excluded:first-child > div > span.after,
.node-nav .excluded > div > span.before,
.node-nav .excluded {
    border-left-color: #049999;
}
/* vertical border colour up the tree */
.node-nav .active-trail > div > span.node {
    background: #049999;
}
/* highlight active trail nodes with filled */

/*
Security User List Page
----------------------------
*/
.security-create-project {
    margin-top: 20px;
}

    .security-create-project .form-group {
        margin-bottom: 35px;
    }

        .security-create-project .form-group > label {
            margin-bottom: 15px;
            display: block;
        }

    .security-create-project .create-project {
        width: 250px;
    }

/*
Security Programme Permissions Page
----------------------------
*/

/*
Security Programme Settings Page
----------------------------
*/
.accordian .panel {
    background-color: transparent;
}

.accordian .panel-group .panel {
    border-radius: 0;
    border-color: transparent;
    padding: 30px;
}

.accordian .panel-default > .panel-heading {
    padding: 0;
    background-color: transparent;
    position: relative;
}

    .accordian .panel-default > .panel-heading h2 {
        margin-top: 0;
        margin-bottom: 0;
    }

        .accordian .panel-default > .panel-heading h2 a {
            color: #343c42;
        }

    .accordian .panel-default > .panel-heading + .panel-collapse {
        margin-top: 20px;
    }

.accordian .panel-body {
    padding: 0;
}

.accordian .panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: transparent;
}
/* remove top border on panel-body, not required */

/* Datepicker styles */

.security-settings .input-date {
    max-width: 25%;
    display: inline;
}

.security-settings .date-wrapper {
    padding: 0;
    margin-bottom: 10px;
}

.security-settings h2,
.security-settings h3 {
    display: inline-block;
    margin-right: 10px;
}
/* Create top border rule for different sections in roles. Switch adv listing borders around due to these new dividers */
.security-settings .roles-wrapper h3 {
    display: block;
    margin-top: 30px;
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
    border-top: 1px solid #e5e5e5;
}

.security-settings .roles-wrapper .toggle-listings.adv .item {
    border-bottom: none;
    border-top: 1px solid #e5e5e5;
}

.security-settings .accordian .panel {
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5 #e5e5e5 #cccccc #e5e5e5;
    margin-bottom: 30px;
    overflow: visible;
}
    /*.security-settings .panel-heading h2 a:after {  content: "\f0dd";display: inline-block; margin-left: 10px;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased; color: #ccc; font-size: 20px; position: absolute; top: 5px;}
.security-settings .panel-heading h2 a.collapsed:after { content: "\f0de"; top: 15px;}
.security-settings .panel-heading h2 { display: block; }*/
    .security-settings .accordian .panel a .text-muted {
        color: #999
    }

/* programme permission create new permission nav tabs */
.form-display.nav-tabs {
    display: block;
    border-bottom: 0px;
    margin: 10px -30px 0 -30px;
}
    /* neg marg to pull tag to content border edge */
    .form-display.nav-tabs.ib {
        display: inline-block;
    }
    /* should you need the tab to be displayed next to a heading */
    .form-display.nav-tabs > li.active {
        margin-bottom: -1px;
    }
    /* neg margin to connect tab to displayed tab-pane when both are active */
    .form-display.nav-tabs > li > a:hover {
        border-color: transparent;
    }

    .form-display.nav-tabs > li > a {
        padding: 15px 30px;
    }
    /* first item in li should have extra padding due to the neg margin on .nav-tabs */
    .form-display.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        cursor: default;
        background-color: #ffffff;
        border: 1px solid #e5e5e5;
        border-bottom-color: transparent;
        border-radius: 0;
        font-weight: normal;
    }

    .form-display.nav-tabs > li.active > a {
        background: #e1f9ff;
        border-color: #e5e5e5 #e5e5e5 transparent #e5e5e5;
    }
    /* only need top/right border as content runs to bordered edge*/
    .form-display.nav-tabs > li:first-child.active > a {
        border-left-color: transparent;
    }

    .form-display.nav-tabs > li > a > .glyphicon:first-child,
    .form-display.nav-tabs > li > a > .fa:first-child {
        color: #049999;
        margin-right: 5px;
    }

/* programme permission create new permission nav tab content */
.form-display.tab-content > .tab-pane {
    margin: -1px -30px 20px -30px;
    padding: 30px;
    border-color: #e5e5e5;
    border-width: 1px 0 1px 0;
    border-style: solid;
    background: #fff;
}

    .form-display.tab-content > .tab-pane.active {
        background: #e1f9ff;
    }

    .form-display.tab-content > .tab-pane .row {
        margin-bottom: 20px;
    }

        .form-display.tab-content > .tab-pane .row .form-group,
        .form-display.tab-content > .tab-pane .row .bootstrap-select.btn-group,
        .form-display.tab-content > .tab-pane .row .bootstrap-select.btn-group[class*="span"] {
            margin-bottom: 0;
        }

            .form-display.tab-content > .tab-pane .row .form-group label {
                font-weight: normal;
            }

        .form-display.tab-content > .tab-pane .row.actions,
        .form-display.tab-content > .tab-pane .row.actions .list-inline {
            margin-bottom: 0;
        }

    .form-display.tab-content > .tab-pane.active .form-control:focus,
    .form-display.tab-content > .tab-pane.active .bootstrap-select.btn-group .dropdown-toggle:active,
    .form-display.tab-content > .tab-pane.active .bootstrap-select.btn-group.open .dropdown-toggle {
        background: #fff;
    }
/* white bg as tab-pane.active has blue bg */

/* new project - uses .form-display markup as a base */
.new-project .form-display.nav-tabs {
    margin: 0;
}
    /* override offset negative margins */
    .new-project .form-display.nav-tabs > li.active > a {
        background: #fff;
        border-color: #e5e5e5 #e5e5e5 transparent #e5e5e5;
    }

.new-project .form-display.tab-content > .tab-pane {
    margin-left: 0;
    margin-right: 0;
    border-width: 1px;
}
    /* override with border all over */
    .new-project .form-display.tab-content > .tab-pane.active {
        background: #fff;
    }
    /* override blue bg */
    .new-project .form-display.tab-content > .tab-pane .row.actions {
        margin-top: 10px;
    }

    .new-project .form-display.tab-content > .tab-pane .row .form-group > label.h4 {
        display: block;
    }
/* need for position of info icons */

/* update role name - form appears when user role */
.form-display.update-role .tab-pane {
    display: block;
    border-color: transparent;
    padding-bottom: 0;
    margin-bottom: 0;
}
    /* overrides for edit role form. always on show on tab reveal, no form borders */
    .form-display.update-role .tab-pane .row {
        margin-bottom: 0;
    }


/* toggle listing advanced view styling (e.g. permissions / roles sections in security settings) */
.toggle-listings.adv .item {
    padding: 20px 30px;
    margin-left: -30px;
    margin-right: -30px;
    border-bottom: 1px solid #e5e5e5;
}
    /* neg margin / inner padding to make content consistently line up */
    .toggle-listings.adv .item.first {
        border-top: 1px solid #e5e5e5;
        margin-top: 5px;
    }

    .toggle-listings.adv .item .row {
        margin-bottom: 20px;
    }

        .toggle-listings.adv .item .row.actions,
        .toggle-listings.adv .item .row.actions .list-inline {
            margin-bottom: 0;
        }

        .toggle-listings.adv .item .row strong > small {
            font-weight: normal;
            font-size: 12px;
        }

/* on/off custom styling for btn group*/
.toggle-listings-wrapper .toggle-switch {
    margin-bottom: 15px;
}

    .toggle-listings-wrapper .toggle-switch .btn-group > .btn {
        border: 1px solid #ccc;
        text-transform: uppercase;
        color: #687e84;
    }

        .toggle-listings-wrapper .toggle-switch .btn-group > .btn.active {
            background: #e1f9ff;
            color: #343c42;
            font-weight: bold;
        }

/* Roles tabs with Delete btn positioning on top */
.list-inline.role-tabs li {
    position: relative;
    padding-top: 20px;
}
    /* assumes first .btn is the is the tab with role text (e.g. Admin) */
    .list-inline.role-tabs li .btn:first-child {
        border: 1px solid #ccc;
        padding-right: 50px;
    }
    /* extra right padding for abs position to sit on top */
    .list-inline.role-tabs li.active .btn:first-child {
        background: #e1f9ff;
    }
    /* active tab colour when enabled */
    /* action btn (e.g. delete) */
    .list-inline.role-tabs li .btn.action {
        position: absolute;
        right: 0;
        border: 1px solid #ccc;
        background: #fdece9;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

        .list-inline.role-tabs li .btn.action .glyphicon:first-child:last-child {
            margin-right: 0;
        }

        .list-inline.role-tabs li .btn.action:hover,
        .list-inline.role-tabs li .btn.action:focus {
            background: #e9fde9;
        }

        .list-inline.role-tabs li .btn.action:active,
        .list-inline.role-tabs li .btn.action.active {
            background-color: #7bb8b8;
            border: 1px solid transparent;
        }

/*
Security User List Page
----------------------------
*/
.security-users-list h1 {
    margin-top: 0;
}

.security-users-list-filters {
    padding: 20px 0;
}

.security-users-list .table .glyphicon {
    margin-right: 7px;
}

.security-users-list-filters .form-group {
    position: relative;
}
    /* needed for abs position of clear btn on search input */
    .security-users-list-filters .form-group #search-users-box {
        padding-right: 30px;
    }
    /* right padding on search input for abs position clear search btn */
    .security-users-list-filters .form-group #search-users-clear-btn {
        display: none;
        position: absolute;
        bottom: 7px;
        right: 75px;
        z-index: 3;
    }
/* abs position of clear search btn with z-index so it sits above search input on right hand side - visibility is toggled using js*/

tr.user-search-row {
    cursor: pointer;
}

.search-area .input-group-btn > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border: 0px;
    color: #fff;
    background: #657A80;
    padding-left: 20px;
    padding-right: 20px;
    height: 36px;
}
/*
Security User Summary Page
----------------------------
*/
.security-users-summary h1 {
    margin-top: 0;
    margin-bottom: 30px;
}

.security-users-summary .newUserTab {
    margin-bottom: -1px;
    display: inline-block;
}

    .security-users-summary .newUserTab.active {
        background: #fff;
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #e5e5e5;
        padding: 20px 30px;
        color: #343c42;
    }

    .security-users-summary .newUserTab > .glyphicon {
        color: #429999;
    }

.security-users-summary .users-details {
    display: none;
}

    .security-users-summary .users-details.active {
        display: block;
        margin: 0 0 30px 0;
        background: #fff;
        border-top: 1px solid #e5e5e5;
    }
/* zero the negative left/right margins as we're applying the section-content-wrapper container class */
.security-users-summary .user-attribute {
    margin-bottom: 30px;
}

    .security-users-summary .user-attribute strong {
        margin-bottom: 10px;
        display: block;
    }

.security-users-summary .permissions-disclaimer {
    margin: 15px 0 30px;
}
/* spacing top/bottom from last user attributes / action buttons*/
.security-users-summary .users-permissions h2 {
    margin-bottom: 20px;
}

.security-users-summary .table {
    display: block;
}

.security-users-summary.security.editinline .view .form-control[disabled] {
    height: auto;
}
/* email input types to look and hover link links */
.security-users-summary.security.editinline .view input[type=email] {
    color: #049999;
    text-decoration: underline;
    cursor: pointer;
}

    .security-users-summary.security.editinline .view input[type=email]:hover {
        color: initial;
    }
/* radio inputs: only show checked glphicon in .view mode. hide them in .edit mode */
.security-users-summary.security.editinline .edit .radio-inline > .glyphicon {
    display: none;
}

.security-users-summary.security.editinline .edit .radio-inline.noedit > .glyphicon,
.security-users-summary.security.editinline .view .radio-inline.checked > .glyphicon {
    display: inline-block;
    margin-right: 10px;
}

/* For disabled radio inputs hide the checkboxes and only show the checked glyphicon output when editing */
.security-users-summary.security.editinline .edit .radio-inline.checked.noedit {
    display: inline-block;
}
/* display checked version */
.security-users-summary.security.editinline .edit .radio-inline.checked.noedit {
    padding-left: 0;
}

.security-users-summary.security.editinline .edit .radio-inline.noedit > input,
.security-users-summary.security.editinline .edit .radio-inline.noedit {
    display: none;
}
/* hide input / wrapper from non-editable items */

.security-users-summary.security.editinline .users-details {
    display: block;
    background: #fff;
}

.security-users-summary .action-back-link {
    margin-bottom: 20px;
}

/*
Security User Create Page
----------------------------
*/
.security-users-add h1 {
    margin-top: 0;
}

.security-users-add-user-form {
    margin-top: 20px;
}

    .security-users-add-user-form label {
        margin-bottom: 10px;
    }

        .security-users-add-user-form label + .glyphicon {
            margin-left: 7px;
        }

    .security-users-add-user-form .form-group {
        margin-bottom: 20px;
    }

    .security-users-add-user-form .form-actions {
        margin-top: 10px;
        margin-bottom: 50px;
    }


.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}




/*Error log table*/


.table.errorlog > tbody + tbody {
    border-top: none;
}

.maintask tr:last-child {
    border-bottom: 2px solid #C3C0BD;
}

table.errorlog {
    border-bottom: none;
}

tr.task td:first-child {
    font-weight: bold;
}

/*tr.subtask1 td:first-child{
    padding-left:32px;
}

tr.subtask2 td:first-child{
    padding-left:55px;
}

tr.subtask3 td:first-child{
    padding-left:77px;
}

tr.subtask4 td:first-child{
    padding-left:100px;
}*/

* {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.filterbystatus {
    margin-right: 5px;
}

.pleasenote {
    margin-bottom: 20px;
}

.table-field-name {
    display: block;
}

.table-friendly-name {
    display: block;
    display: -webkit-box;
}

.table-field-name, .table-friendly-name {
    /* Fallback for non-webkit */
    max-width: 299px;
    height: 32px;
    margin: 0 auto;
    margin-bottom: 4px;
    /* Fallback for non-webkit */
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-description {
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    max-width: 400px;
    height: 90px;
    /* Fallback for non-webkit */
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dataset-datasetfilelist .listing #app-dataset-schema .row .validation-row {
    padding: 0px 15px 10px 15px;
}

.form-control.lookup-input {
    width: 183px;
    display: inline;
}

.lookup-info {
    display: block;
    display: -webkit-box;
    /* Fallback for non-webkit */
    max-width: 183px;
    /* Fallback for non-webkit */
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dataset-sharing .table-borderless > tbody > tr > td.partial-dataset {
    padding-left: 20px;
}

.dataset-sharing .prettyradio {
    display: inline-block;
    margin-right: 20px;
}

.dataset-sharing .specific-tables .prettyradio {
    display: block;
}

ul.options {
    margin: 0px;
    min-width: 180px;
}

.dataset-sharing table ul .no-padding {
    padding: 0px;
}

.dataset-sharing table ul .save-padding {
    padding-left: 10px;
}

.shareid {
    padding: 10px 0px;
    height: 36px;
}

.list-inline .receive {
    min-width: 160px;
}

.file-options {
    min-width: 170px;
}

.receive-listings .prettyradio {
    margin-right: 0px;
}

.erfooter {
    margin-top: 30px;
}

.text-error {
    color: #ea3d26;
}

.security-settings .yes-no .btn {
    position: relative;
    float: left;
    height: 36px;
    width: 50px;
    padding-top: 7px;
}

    .security-settings .yes-no .btn:hover {
        border-color: #86989d;
    }

.security-settings .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    margin-right: 2px;
}

.elapsed-time {
    margin-top: 26px;
}

table .bootstrap-select.btn-group {
    margin-bottom: 0px;
}

.date-wrapper ul .btn {
    border-radius: 0px;
}

.date-wrapper ul thead .btn-sm {
    height: 34px;
}

.date-wrapper ul table {
    border: none;
}

.date-wrapper ul tbody td .btn.disabled, .date-wrapper ul tbody td .btn[disabled], .date-wrapper ul tbody td fieldset[disabled] .btn {
    border: none;
}

.date-wrapper ul tbody td {
    border: 1px solid #ccc;
    border-left: 0px;
}

.date-wrapper ul thead tr:first-child {
    background-color: #687e84;
}

.date-wrapper ul .btn-group {
    margin-bottom: 3px;
}

    .date-wrapper ul .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-radius: 6px 0px 0px 6px;
    }

    .date-wrapper ul .btn-group > .btn:last-child:not(:first-child) {
        border-radius: 0px 6px 6px 0px;
    }

.date-wrapper ul .btn-success {
    border-radius: 6px;
    background: #429999;
}

    .date-wrapper ul .btn-success:hover {
        background: #7bb8b8;
    }

.date-wrapper ul .btn-default .text-info {
    color: #343c42;
}


.clear-search-link {
    margin-top: 40px;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background: #e8e8e8;
    color: #333;
    cursor: pointer;
}

.members .form-group, .members .date-wrapper {
    margin-bottom: 0px
}

th.date {
    min-width: 145px;
}

th.options {
    min-width: 165px;
}

.panel-body hr {
    margin-top: 0px;
    margin-bottom: 30px;
}

.node-nav {
    margin-bottom: 40px;
}

.page-header-wrapper h4 {
    color: #ffffff;
}

.prepublish .publish {
    color: #fff;
    background: #009999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: transparent;
    padding: 10px 15px;
    font-size: 18px;
}

    .prepublish .publish:hover, .prepublish .publish:focus {
        background-color: #7bb8b8;
    }

.prepublish .disabled {
    color: #fff;
    background: #f9f9f9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: #e5e5e5;
    padding: 10px 15px;
    opacity: 1;
    pointer-events: none;
    cursor: not-allowed;
    font-size: 18px;
}

.prepublish .cancel {
    color: #fff;
    background: #ea3d26;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: transparent;
    padding: 10px 15px;
    font-size: 18px;
}

    .prepublish .cancel:hover, .prepublish .cancel:focus {
        background-color: #f07767;
    }

@media (min-width: 768px) {
    .nav-tabs.nav-justified.appliance-sub.prepublish > li {
        display: block;
        width: initial;
    }
}

.nav-stacked {
    margin-top: 18px;
}

.nav-tabs.nav-justified.appliance-sub.prepublish.top {
    width: 100%;
    border-bottom: 1px solid #CCC;
}

.nav-tabs.nav-justified.appliance-sub.bottom {
    width: 100%;
    border-top: 1px solid #CCC;
}

.dataset-erdiagram .section-content-wrapper {
    padding: 0px 30px;
    border: none;
}

.dataset-datasetfilelist .section-content-wrapper {
    padding: 0px 45px;
    border: none;
}

.view-delete-btns {
    vertical-align: top;
}

.security-users-summary .table.wombat {
    display: inline-table;
}