/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

/* ported from boostrap, for pages which don't yet use it */
.noresponsive .d-none {
    display: none !important;
}

.noresponsive .d-inline-block {
    display: inline-block !important;
}

@media only screen and (min-width: 992px) {
    .noresponsive .d-lg-none {
        display: none !important;
    }

    .noresponsive .d-lg-inline-block {
        display: inline-block !important;
    }
}
/* end bootstrap */

@media screen, projection {

    body {
        background-color: #5c87b2;
        font-size: .85em;
        font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
        margin: 0;
        padding: 0;
        color: #000;
    }

   

    a:hover {
        color: #1d60ff;
        text-decoration: none;
    }

    a:active {
        color: black;
    }

    p, ul {
        margin-bottom: 20px;
        line-height: 1.6em;
    }

    header,
    footer,
    nav,
    section {
        display: block;
    }

    /* 
    :has() is not a valid selector yet, but it will be in the future.
    our jqGrid checkboxes are sometimes hard to see at-a-glance what's checked, so this should help
    (once it works, it should be tweaked to look better)
*/
    td[role=gridcell]:has(input[type=checkbox][checked=checked][disabled=disabled]) {
        border: 2px solid #0092a0;
    }

    /* HEADINGS   
----------------------------------------------------------*/
    h1, h2, h3, h4, h5, h6 {
        font-size: 1.5em;
        color: #000;
    }

    h1 {
        font-size: 2em;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    h2 {
        padding: 0 0 10px 0;
    }

    h3 {
        font-size: 1.2em;
    }

    h4 {
        font-size: 1.1em;
    }

    h5, h6 {
        font-size: 1em;
    }

    /* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

    /* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
    .page:not(.responsive) {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }

    header, #header {
        position: relative;
        margin-bottom: 0px;
        color: #000;
        padding: 0;
    }

        header h1, #header h1 {
            font-weight: bold;
            padding: 5px 0;
            margin: 0;
            color: #fff;
            border: none;
            line-height: 2em;
            font-size: 32px !important;
            text-shadow: 1px 1px 2px #111;
        }

    #main {
        padding: 30px 30px 15px 30px;
        background-color: #fff;
        border-radius: 4px 0 0 0;
        -webkit-border-radius: 4px 0 0 0;
        -moz-border-radius: 4px 0 0 0;
    }

    footer,
    #footer {
        background-color: #fff;
        color: #999;
        padding: 10px 0;
        text-align: center;
        line-height: normal;
        margin: 0 0 30px 0;
        font-size: .9em;
        border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
    }

    /* TAB MENU   
----------------------------------------------------------*/

    .nav-item {
        background-color: #ececec;
        border-radius: 5px;
        font-weight: bold;
    }

    .navbar-light .navbar-nav a.nav-item {
        color: #034af3;
    }

    /* hide navbar toggle button for non-bootstrap pages */
    .noresponsive .navbar-toggler {
        display: none;
    }

    .noresponsive .navbar {
        display: flex;
        padding: 0.5rem 1rem;
    }

    .noresponsive .navbar-collapse {
        display: flex;
        flex-basis: auto;
        flex-direction: column;
        flex-grow: 1;
    }

    .noresponsive .navbar-nav {
        display: flex;
        flex-direction: row;
    }

    .noresponsive .nav-item {
        display: inline-block;
        margin: 0.25rem;
        padding: 0.25rem;
    }

    .noresponsive .ml-auto {
        margin-left: auto;
    }

    /* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

    fieldset {
        border: 1px solid #ddd;
        padding: 0 1.4em 1.4em 1.4em;
        margin: 0 0 1.5em 0;
    }

    legend {
        font-size: 1.2em;
        font-weight: bold;
    }

    textarea {
        min-height: 75px;
    }

    input:not([type='checkbox']):not([type='radio']), select, button {
        border: 1px solid #ccc;
        /* Safari 5, Chrome support border-radius without vendor prefix.
   * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
   * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
   */
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        /* Chrome, FF 4.0 support box-shadow without vendor prefix.
   * Safari 3/4/5 and FF 3.5/3.6 require vendor prefix.

   * No support in FF 3.0, IE 6/7/8, Opera 10.0, iPhone 3.
   * change the offsets, blur and color to suit your design.
   */
        -moz-box-shadow: 2px 2px 3px #666;
        -webkit-box-shadow: 2px 2px 3px #666;
        box-shadow: 2px 2px 3px #666;
    }

    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="number"] {
        border: 1px solid #ccc;
        padding: 1px;
        font-size: 0.9em;
        color: #000000;
        width: 100px;
    }

    select {
        border: 1px solid #ccc;
        padding: 2px;
        font-size: 0.9em;
        color: #000000;
    }

    input[type="submit"] {
        font-size: 1.2em;
        padding: 5px;
    }

    /* TABLE
----------------------------------------------------------*/

    table {
        border: solid 1px #e8eef4;
        border-collapse: collapse;
    }

        table td {
            padding: 5px;
            border: solid 1px #e8eef4;
        }

        table th {
            padding: 6px 5px;
            text-align: left;
            background-color: #e8eef4;
            border: solid 1px #e8eef4;
        }

    /* MISC  
----------------------------------------------------------*/
    .clear {
        clear: both;
    }

    .error {
        color: Red;
    }

    div#title {
        display: block;
        float: left;
        text-align: left;
    }
  
    /* Styles for validation helpers
-----------------------------------------------------------*/
    .field-validation-error {
        color: #ff0000;
    }

    .field-validation-valid {
        display: none;
    }

    .input-validation-error {
        border: 1px solid #ff0000;
        background-color: #ffeeee;
    }

    .validation-summary-errors {
        font-weight: bold;
        color: #ff0000;
    }

    .validation-summary-valid {
        display: none;
    }

    /* Styles for editor and display helpers
----------------------------------------------------------*/
    .field {
        background-color: #eeffee;
        clear: both;
    }

    .display-label,
    .editor-label {
        display: block;
        float: left;
        padding: 0;
        width: 150px;
        margin: 1px 1px 0 0;
    }

    .display-field,
    .editor-field {
        width: auto;
        margin: 1px 1px 0 0;
        overflow: auto;
        min-height: 2em;
        clear: right;
    }

    .text-box {
        width: 30em;
    }

        .text-box.multi-line {
            height: 6.5em;
        }

    .tri-state {
        width: 6em;
    }

    .docs {
        background-color: #eee; /*#CCE0FF;*/
        border: 1px solid #999;
        border-radius: 15px;
        margin-bottom: 1em;
        padding: 1em 1em 0 1em;
    }

    .action-icon {
        float: left;
    }

    .current-page {
        margin: 0.25em;
        padding: 0.25em;
        border: 1px solid black;
    }


    section .ui-tabs-vertical {
        display: inline-block;
        margin: 0 1em 1em 0;
    }

        section .ui-tabs-vertical .ui-tabs-nav {
            padding: .2em .1em .2em .2em;
            float: left;
            width: 12em;
        }

            section .ui-tabs-vertical .ui-tabs-nav li {
                clear: left;
                width: 100%;
                border-bottom-width: 1px !important;
                border-right-width: 0 !important;
                margin: 0 -1px .2em 0;
            }

                section .ui-tabs-vertical .ui-tabs-nav li a {
                    display: block;
                }

                section .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
                    padding-bottom: 0;
                    padding-right: .1em;
                    border-right-width: 1px;
                }

                section .ui-tabs-vertical .ui-tabs-nav li.ui-state-active {
                    background: #007fff;
                }

                    section .ui-tabs-vertical .ui-tabs-nav li.ui-state-active a {
                        color: #ffffff;
                    }

        section .ui-tabs-vertical .ui-tabs-panel {
            margin-left: 14.2em;
            padding: 0;
        }

    .tab-content {
        font-size: 0.85em;
    }

        .tab-content fieldset {
            padding: 0;
        }

        .tab-content .field {
            padding-left: 1em;
        }

            .tab-content .field:last-child {
                padding-bottom: 1em;
            }
}

/* to fix an issue where jquery-ui dialogs appear under their overlay */
.ui-dialog {
    z-index: 1000 !important;
}

    /* repositions the 'x' in jquery-ui dialog's close button */
    .ui-dialog .ui-dialog-titlebar-close span {
        margin: -8px !important;
    }

.clickable {
    cursor: pointer;
}

/* trigger hot button/dialog */
.trigger-hot-diag .errors {
    padding: 1em;
}

.trigger-hot-diag ul {
    padding: 0;
}

.trigger-hot-diag li {
    list-style: none;
    text-indent: -3em;
    padding-left: 3em;
}

.trigger-hot-diag label {
    display: inline;
}

a.ui-button.trigger-hot, .trigger-hot {
    background-image: none;
    background-color: #d16f4e;
    border-color: #8dd13a;
}

    .trigger-hot.ui-state-hover {
        background-color: #ff845b;
    }

    .trigger-hot.ui-state-active {
        background-color: #3b7da7;
    }

    .trigger-hot span.ui-button-text {
        color: #efefef;
        font-weight: bolder;
    }

.trigger-hot-diag ~ .ui-dialog-buttonpane .ui-button:nth-child(2) {
    background-image: none;
    background-color: #f72020;
    color: #dfdfdf;
}

    .trigger-hot-diag ~ .ui-dialog-buttonpane .ui-button:nth-child(2).ui-state-hover {
        background-color: #f4ff0e;
        color: #000000;
    }

    .trigger-hot-diag ~ .ui-dialog-buttonpane .ui-button:nth-child(2).ui-state-active {
        background-color: #2fff0e;
        color: #000000;
    }

/* contract status colors */
.out_of_money {
    background-color: #FF3333;
}

.contract_status_{

}


.printonly {
    display: none;
}

@media print {
    * {
        background: #fff;
        color: #000;
    }

    html {
        font: 100%/1.5 georgia, serif;
    }

    #menu, #logindisplay, .noprint {
        display: none;
    }
}