﻿.contract-body {
    height: 320px;
    overflow-y: scroll;
    margin-bottom: 20px;
}


.page_navigation { /* Main orange navigation bar. */
    background: #cfcfcf;
    background: -webkit-linear-gradient(top, #cfcfcf, #cfcfcf);
    background: -moz-linear-gradient(top, #cfcfcf, #cfcfcf);
    background: -ms-linear-gradient(top, #cfcfcf, #cfcfcf);
    background: -o-linear-gradient(top, #cfcfcf, #cfcfcf);
    position: relative;
    width: 113%;
    height: 3.455em;
    z-index: 1;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .page_navigation ul {
        float: left;
        margin-bottom: 0;
        -webkit-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
        overflow: hidden;
    }

    .page_navigation li {
        float: left;
        height: 100%;
        margin: 0;
        padding: 0;
    }


        .page_navigation li a:link,
        .page_navigation li a:visited {
            color: #000000;
            display: block;
            line-height: 42px;
            float: left;
            height: 100%;
            text-decoration: none;
            /* text-shadow: 0px -1px 0px #666; */
        }

        .page_navigation li a:hover,
        .page_navigation li a:focus,
        .page_navigation li a:active,
        .page_navigation li.active a {
            background: #c7bbbb url(Images/NavigationHover.jpg) repeat-x bottom left;
        }

        .page_navigation li a { /* Main nav links */
            font-size: 1.17em;
            font-weight: bold;
            padding: 0 .8em;
        }
/*///////////////////*/
/*ul page {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;
}

li page{
    float: left;
}

    li  page a {
        display: block;
        color: white;
        text-align: center;
        padding: 16px;
        text-decoration: none;
    }

        li page a:hover {
            background-color: #111111;
        }

.pagination a.active {
    background-color: #4CAF50;
    color: white;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
}


.page_navigation {  Main orange navigation bar. 
    background: #f2eeeb;
    background: -webkit-linear-gradient(top, #f66711, #da400a);
    background: -moz-linear-gradient(top, #f66711, #da400a);
    background: -ms-linear-gradient(top, #f66711, #da400a);
    background: -o-linear-gradient(top, #f66711, #da400a);
    position: relative;
    width: 100%;
    height: 3.455em;
    z-index: 1;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .page_navigation ul {
        float: left;
        margin-bottom: 0;
        -webkit-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
        overflow: hidden;
    }

.page_navigation li {
    float: left;
    height: 100%;
    margin: 0;
    padding: 0;
}


    .page_navigation li a:link,
    .page_navigation li a:visited {
        color: #fff;
        display: block;
        line-height: 42px;
        float: left;
        height: 100%;
        text-decoration: none;
         text-shadow: 0px -1px 0px #666; 
    }

    .page_navigation li a:hover,
    .page_navigation li a:focus,
    .page_navigation li a:active,
    .page_navigation li.active a {
        background: #fb7421 url(Images/NavigationHover.jpg) repeat-x bottom left;
    }

    .page_navigation li a { 
        font-size: 1.17em;
        font-weight: bold;
        padding: 0 .8em;
    }*/
/*////////// Main nav links ////////////////*/
.ui-dialog-content {
    padding: 0 1em !important;
}



.data_table tr.row_alternating {
    background: #e8e8e8;
}


.data_table tr.row_even_alternating {
    background-color: white;
}

.data_table tr.row_odd_alternating {
    background-color: gray;
}

.data_table th.header {
    background-color: orange;
}

.data_table tr.highlightRow {
    background-color: #ffb4b4 !important;
}

.highlightRow td {
    background-color: #ffb4b4 !important;
}


.marquee-container {
    width: 100%;
    overflow: hidden;
}

.marquee {
    white-space: nowrap;
    color: red;
    font-size: large;
    animation: marquee 35s linear infinite;
}

.arrow-up::after {
    content: " ▲";
}

.arrow-down::after {
    content: " ▼";
}

a.print.disable-link-by-role,
a.print.disable-link-by-role:link,
a.print.disable-link-by-role:visited,
a.print.disable-link-by-role:hover,
a.print.disable-link-by-role:active,
a.add.disable-link-by-role,
a.add.disable-link-by-role:link,
a.add.disable-link-by-role:visited,
a.add.disable-link-by-role:hover,
a.add.disable-link-by-role:active
{
    pointer-events: none;
    opacity: 0.45 !important;
    color: #9e9e9e !important;
    cursor: not-allowed !important;
    text-decoration: none;
    /*filter: grayscale(100%);*/
}

a.disable-link-by-role i {
    color: #9e9e9e !important;
}

i.disable-link-by-role,
i.disable-link-by-role:hover {
    pointer-events: none;
    opacity: 0.45 !important;
    color: #9e9e9e !important;
    cursor: not-allowed !important;
}

/* Add this to override remove-color specifically */
i.remove-color.disable-link-by-role {
    color: #9e9e9e !important;
}

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}
