input[type="text"].input-validation-error, select.input-validation-error, .input-validation-error {
    background-color: #fbeff1;
    border: 1px solid #d5a4ab;
}

/* jQuery DataTables Plugin Styles*/
.dataTables_paginate a {
    cursor: pointer;
    background-image: url(/Content/img/gridPrevNext.png);
    width: 50px;
    height: 28px;
    display: block;
    float: left;
}

.paginate_enabled_previous:hover {
    background-position: 0 -40px;
}

.paginate_enabled_next {
    background-position: -50px 0;
}

    .paginate_enabled_next:hover {
        background-position: -50px -40px;
    }

.paginate_disabled_previous, .paginate_disabled_previous:hover {
    background-position: 0 -80px;
}

.paginate_disabled_next, .paginate_disabled_next:hover {
    background-position: -50px -80px;
}

.table th.sorting, .table th.sorting_asc, .table th.sorting_desc {
    background-image: url(/Content/img/gridSort.png);
    background-position: 8px 0;
    background-repeat: no-repeat;
    padding-left: 26px;
    cursor: pointer;
}

    .table th.sorting:hover {
        background-position: 8px -40px;
    }

.table th.sorting_asc {
    background-position: 8px -80px;
}

    .table th.sorting_asc:hover {
        background-position: 8px -120px;
    }

.table th.sorting_desc {
    background-position: 8px -160px;
}

    .table th.sorting_desc:hover {
        background-position: 8px -200px;
    }

.dataTables_info {
    width: 60%;
    float: left;
    padding-top: 5px;
}

.dataTables_paginate {
    float: right;
    text-align: right;
}

.table {
    width: 100%;
    margin-bottom: 18px;
    border-collapse: collapse;
}

.dataTables_paginate a > span, .paginate_disabled_next, .paginate_disabled_previous {
    display: none;
}

.ui-tooltip {
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    background-color: rgba(255, 255, 153, 1);
}

    .ui-tooltip div {
        padding: 40px 20px;
        background-color: rgba(255, 255, 153, 1);
        border: 2px solid white;
    }

body .ui-tooltip {
    border-width: 2px;
}

tr.remove-me td {
    background-color: #f0efe6;
}

.required-field {
    background-image: url(/Content/img/required.png);
    background-repeat: no-repeat;
    background-position: 123px 5px;
}

.right .required-field {
    background-position: 147px 5px;
}

#appDetailsPanel .left > div input[type="text"], #appDetailsPanel .left div > select {
    margin-left: 10px;
}

#appDetailsPanel > div:first-child input {
    width: 766px;
}

#appDetailsPanel label {
    font-size: 13px;
}

#appDetailsPanel div.left .field-validation-error, #appDetailsPanel .field-validation-error {
    margin-left: 138px;
}

.standOutButton {
    background: #5f9ae2; /* Old browsers */
    background: -moz-linear-gradient(top, #5f9ae2 0%, #276bbe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f9ae2), color-stop(100%,#276bbe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #5f9ae2 0%,#276bbe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #5f9ae2 0%,#276bbe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #5f9ae2 0%,#276bbe 100%); /* IE10+ */
    background: linear-gradient(to bottom, #5f9ae2 0%,#276bbe 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f9ae2', endColorstr='#276bbe',GradientType=0 ); /* IE6-9 */
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding: 20px;
    padding-left: 30px;
    padding-right: 30px;
    float: right;
}

    .standOutButton:hover {
        background: #72aaef; /* Old browsers */
        background: -moz-linear-gradient(top, #72aaef 0%, #3d7ecd 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72aaef), color-stop(100%,#3d7ecd)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #72aaef 0%,#3d7ecd 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #72aaef 0%,#3d7ecd 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #72aaef 0%,#3d7ecd 100%); /* IE10+ */
        background: linear-gradient(to bottom, #72aaef 0%,#3d7ecd 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72aaef', endColorstr='#3d7ecd',GradientType=0 ); /* IE6-9 */
    }

#status-holder {
    position: relative;
    height: 50px;
}

#status-dropdown {
    position: relative;
    height: 40px;
}

#status-holder label {
    display: block;
    width: 140px;
    height: 40px;
    position: absolute;
    top: 12px;
    left: 0px;
    font-weight: bold;
}

#status-holder select {
    height: 40px;
    font-size: 18px;
    position: absolute;
    top: 5px;
    left: 140px;
    font-weight: bold;
}

#post-status-dropdown select {
    left: 170px;
}

#post-status-dropdown {
    position: absolute;
    top: 0px;
    left: 460px;
}

#category-holder {
    position: relative;
    height: 50px;
}

#category-main {
    position: absolute;
    top: 0px;
    left: 0px;
}

#category-sub {
    position: absolute;
    top: 0px;
    left: 460px;
}

    #category-main label, #category-sub label {
        display: block;
        width: 140px;
        height: 40px;
        position: absolute;
        top: 12px;
        left: 0px;
        font-weight: bold;
    }

    #category-sub label {
    }

    #category-main select, #category-sub select {
        height: 40px;
        font-size: 16px;
        position: absolute;
        top: 5px;
        left: 140px;
        font-weight: bold;
    }

    #category-sub select {
        left: 170px;
    }

.finalised {
    border: 1px solid yellow;
    padding: 3px;
    background: blue;
    color: white;
    font-weight: bold;
}

.notfinalised {
    border: 1px solid yellow;
    padding: 3px;
    background: red;
    color: white;
    font-weight: bold;
}

#ui-datepicker-div {
    display: none
}

.site-status-closed {
    display: block;
    width: 13px;
    height: 13px;
    background: url(/content/img/rednotallowed.png) no-repeat center center;
    margin-top: 7px;
}

.reviewer span.showmore {
    cursor: pointer;
}


#StatusHistoryHeading:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    margin-top: 0;
    margin-left: 10px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #333333;
    border-top: 8px solid transparent;
}

#StatusHistoryHeading.open:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-left: 10px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #333333;
    border-bottom: 8px solid transparent;
}

#reminder {
    background-color: #FFC700;
}

    #reminder p {
        color: #000;
        font-size: 13px;
        width: 960px;
        margin: 0 auto;
        line-height: 120%;
        display: block;
        box-sizing: border-box;
        padding: 15px 15px 15px 35px;
    }

        #reminder p:before {
            background-image: url(/content/img/ic_round-av-timer.svg);
            background-repeat: no-repeat;
            height: 30px;
            width: 30px;
            content: '';
            margin-left: -40px;
            position: absolute;
        }

.review-items {
    display: none;
}

body:has(.highlighted) .review-items {
    margin-bottom: 30px;
    display: block;
}

.debug-info {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 20px;
    align-items: stretch;
}

    .debug-info div {
        padding: 10px;
        border: solid 1px #ccc;
        flex: 1 1 0;
        min-width: 0;
    }

        .debug-info div h3 {
            font-weight: bold;
            margin-bottom: 10px;
            font-size: 1.2em;
        }

        .debug-info div a {
            display: block;
            margin-bottom: 10px;
        }

        .debug-info div ul {
            margin-bottom: 10px;
        }

        .debug-info div ul:last-child {
            margin-bottom: 0;
        }