/* Widen the container on desktops*/
@media (min-width: 1200px) {
    .container {
        width: 1400px;
    }
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

tr.selectable {
    cursor: pointer;
}

.text-centred {
    text-align: center;
}

td {
    vertical-align: middle !important;
}

body > div.bootoast-container.top.right {
    margin-top: 50px;
}

.input-validation-error {
    border: 1px solid #b94a48;
}

.field-validation-error {
    color: #b94a48;
}

/* home page panels */
#divEvent {
    margin-top: 32px;
}

.btn-home {
    padding-bottom: 30px;
}

    .btn-home > a {
        color: #fff;
        text-decoration: none;
        font-size: 150%;
        text-align: left;
        padding: 32px !important;
        min-height: 154px;
        height: 100%;
        white-space: normal;
    }

        .btn-home > a .glyphicon {
            font-size: 150%;
            vertical-align: bottom;
            margin-right: 12px;
        }

        .btn-home > a .explain,
        .btn-home > a .rules-warning div {
            color: rgba(255,255,255,0.9);
            font-size: 75%;
            margin-left: 50px;
            margin-top: 12px;
        }

        .btn-home > a .rules-warning div {
            color: #fff;
        }

/* equalise home page button heights per row */
@media (min-width: 768px) {
    .row.equal {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
    }
}

/* Panelised tables */

.panel > .data-table > tbody > tr > td {
    /* Fixes positioning issue with datetimepicker */
    position: relative;
}

    .panel > .data-table > tbody > tr > td:first-child,
    .panel > .data-table > thead > tr > th:first-child {
        padding-left: 15px;
    }

    .panel > .data-table > tbody > tr > td:last-child {
        text-align: right;
        padding-right: 15px;
    }

.glyphicon {
    vertical-align: text-top;
}

/* Add some space between buttons and links */
a.link-after-button {
    margin-left: 9px;
}

a.link-before-button {
    margin-right: 15px;
}

/* Settings */
.settings-description {
    margin-top: 10px;
    color: #9a9a9a;
}

.fixed-width-form-field .field-validation-error {
    display: block;
    padding-top: 5px;
}

.allow-overrun {
    white-space: nowrap;
}

/* Accordion headers */
#accordion .panel-heading a {
    text-decoration: none;
}

.glyphicon.normal-right-spinner {
    -webkit-animation: glyphicon-spin-r 2s infinite linear;
    animation: glyphicon-spin-r 2s infinite linear;
}

@-webkit-keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/* Customer list controls */
#btnClearSearch {
    position: absolute;
    left: 290px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #ccc;
}

    #btnClearSearch:hover {
        color: #999;
    }

/*datatables */
.dataTables_filter {
    padding-left: 8px;
}
.dataTables_filter label {
    width: 296px;
}
.dataTables_filter input {
    font-weight: normal;
}
.dataTables_filter span {
    font-size: 15px;
}