/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»
FileName:	DrFrankJForte.Css
Created:	June 30, 2009
Modified:	March 20, 2013
Condensed: Feb 04, 2022
»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */

@media print {
    h1, h2, h3 {
        color: Black;
    }

    #Content2 {
        display: none !important;
    }

    #ppPnlLftTop {
        display: none;
    }

    * {
        font-family: Malgun Gothic, Helvetica, Sans-Serif;
         font-size:small;
    }

    .Signature {
        font-size: 20pt;
        color: black;
        font-family: Forte;
        letter-spacing: normal;
    }

    .Printable {
        font-size: 16pt;
        color: black;
        font-family: Times New Roman;
        white-space: pre-wrap;
        margin-left: 1em;
        letter-spacing: normal;
        orphans: inherit;
    }

    .PrintableHeader {
        font-size: 22pt;
        font-weight: bold;
        color: black;
        font-family: Arial;
    }

    .PrintableSubHeader {
        font-size: 18pt;
        font-weight: bold;
        color: black;
        font-family: Arial;
    }

    .Alert0 {
        color: #2f4779;
        font-weight: bold;
        font-size: 18pt;
        color: black;
        font-family: Times New Roman;
    }

    .Alert1 {
        color: #2f4779;
        font-size: 18pt;
        color: black;
    }

    BtnHide {
        display: none, !important;
    }

    .BtnStyle {
        border-radius: 22px 21px;
        width: 275px;
        height: 35px;
    }

}

@media Screen {

    * {
        color: #3B5998;
    }

    * html ul li {
        float: left;
    }

    * html ul li a {
        height: 1%;
        color:darkblue;
    }

    html {
        font-size: 9pt;
    }

    body {
        background-color: #ffffff;
        font-size: 85.0%;
        margin: 0;
        padding: 0;
        text-align: justify;
    }

    form {
        letter-spacing: normal;
        word-spacing: normal;
    }

    h1 {
        color: #2f4779; 
        font-family: "BankGothic Md BT";
        margin-bottom: 0.2em;
        margin-left: 0;
        margin-top: 0;
        text-align: left;
    }

    h2 {
        color: #2f4779; 
        font-family: "BankGothic Md BT";
        margin-bottom: 0.2em;
        margin-left: 0;
        margin-top: 0;
        text-align: left;
    }

    h3 {
        color: #2f4779; 
        font-family: "BankGothic Md BT";
        margin-bottom: 0.2em;
        margin-left: 0;
        margin-top: 0;
        text-align: left;
    }

    h4 {
        color: #2f4779; 
        font-family: "BankGothic Md BT";
        margin-bottom: 0.2em;
        margin-left: 0;
        margin-top: 0;
        text-align: left;
    }

    h5 {
        color: #2f4779; 
        font-family: "BankGothic Md BT";
        margin-bottom: 0.2em;
        margin-left: 0;
        margin-top: 0;
        text-align: left;
    }

    h6 {
        color: #2f4779; 
        font-family: "BankGothic Md BT";
        font-size: 10.0pt;
        margin-bottom: 0.2em;
        margin-left: 0;
        margin-top: 0;
        text-align: left;
    }

    ul, li, a {
        line-height: 1.5em;
        max-width: 22.50em;
    }

    p {
        color: #000000;
        font-size: 10.0pt;
        margin-left: 0;
        width: 38.2em;
    }

    .rbl {
        color: Green;
        font-weight: bold;
    }

    .rblSmall {
        font-size: 8pt;
        color: black;
        font-family: Forte;
        letter-spacing: normal;
    }

    .GridView header thead a th {
        padding-left: 20px;
        padding-right: 20px;
    }

    .GridView  tr td {
        padding-left: 8px;
        padding-right: 8px;
    }

    .tbx {
        padding: 4px 4px 4px 4px;
        border: 1px solid #CCCCCC;
        font-family: Malgun Gothic, Helvetica, Sans-Serif;
        font-size: 12px;
        overflow: hidden;
    }

    .Alert {
        color: #2f4779;
        font-weight: bold;
        width: 38.2em;
    }

    .Alert0 {
        color: #2f4779; #8E2800;
        font-weight: bold;
        width: 38.2em;
    }

    .Alert1 {
            color: #2f4779; #8E2800;
            font-weight: bold;
            width: 38.2em;
    }

    .EdtItm {
        background: OldLace !Important;
        padding: 5px 10px !Important;
    }

    .PatientID {
        color: Navy;
        font-weight: bold;
        font-size: 11pt;
    }

    .PtChargesHeader {
        color: Navy;
        font-weight: normal;
        font-size: 10pt;
    }

    .ChargesLabels {
        color: #2f4779;
        font-weight: normal;
        font-size: 8pt;
    }

    .ChargesLabelsSelected {
        color: Green;
        font-weight: bold;
        font-size: 8pt;
    }

    .Clr {
        clear: both;
    }

    .cpyRight { 
        color: #C0C0FF;
        font-family: Arial;
        font-size: 9.0pt;
    }

    .BtnStyle {
        border-radius: 22px 21px;
        width: 275px;
        height: 35px;
    }
   
    .ppPnl {
        background-color: transparent;
        clear: both;
        float: left;
        height: 75%;
        position: absolute;
        left: 0em;
        top: 6.2em;
        width: 19%;
        z-index: 1;
    }

    .ppPnl_Thin {
        background-color: transparent;
        clear: both;
        float: left;
        height: 75%;
        position: absolute;
        left: 0em;
        top: 6.2em;
        width: 10%;
        z-index: 1;
    }

    .ppPnlRtTop {
        background-color: transparent;
        clear: both;
        float: right;
        height: 33.00%;
        position: absolute;
        vertical-align: central;
        width: 10%;
        z-index: 1;
        top: 65px;
        left: 1251px;
    }

    .ppftr {
        clear: both;
        float: left;
        margin-bottom: 0.0em;
        margin-left: 0.0em;
        margin-top: 0.5em;
        position: absolute;
        left: 2.0em;
        top: 95.00%;
        text-align: Left;
        width: 30%;
        z-index: 0;
    }

    /*.ftrtxt {*/ /* footer text*/
        /*background-position: left top;
        clear: both;
        float: left;
        height: 3.0em;
        line-height: 1.0em;
        margin-left: 0.0em;     
        margin-top: 1.0em;
        position: absolute;
        left: 1.0em;
        top: 91.0%;
        text-align: left;
        z-index: 0;
    }*/

    .pphdr {
        background-color: #333333; /*#3b5998;*/
        clear: both;
        height: 3em;
        margin-left: 0;
        margin-right: 0;
        min-height: 0.0em;
        position: relative;
        left: 0.0em;
        top: 0.0em;
        width: 120.00%;
        padding: 5px;
        z-index: 1;
        color: #FFFFFF;
        font-family: Malgun Gothic, Helvetica, Sans-Serif;
    }

    .hdrH2 { /* Used for Omni Header. 2026-08-31: recolored from the old plain #333333
                charcoal to the Flight-Deck palette's slate tone (#4a5a68), then same day,
                per Dr. Forte, brightened again to a real blue (#2563eb) -- the slate read
                too close to the old charcoal to register as a change. White text keeps
                strong contrast against it (~5.2:1). App-wide change -- this class is shared
                by every page via UserControls/OmniHeader.ascx, not scoped to Flight-Deck.
                Also 2026-08-31: margin-top/margin-bottom added -- <h2> carries a browser
                default top margin that was never reset here, which left a visible gap above
                the header no matter where in <body> it was declared; that gap, not the
                <head>-placement bug, was why the bar still didn't look flush with the top of
                the page after the placement fix. Zeroing both margins is what actually pins
                it to the top.
                Also 2026-08-31, later that night: made thinner per Dr. Forte's request, to
                bring page content up. height dropped 3em -> 2.1em; explicit font-size/
                line-height/padding added since none were set before -- the box was 3em tall
                only because that's an <h2>'s natural rendered height at default browser
                sizing, not because of any padding or line-height declared here. line-height
                is set equal to height so the single line of text stays vertically centered
                at the new, shorter height.
                Also 2026-08-31, same night: "Option A" pizazz picked from a 3-option preview
                -- flat background-color swapped for a soft top-to-bottom gradient plus a
                subtle drop shadow underneath, for a bit of depth instead of a flat fill.
                Paired with a live-ticking clock (see UserControls/OmniHeader.ascx /
                .ascx.cs) -- the "Time: ..." text is no longer a stale page-load snapshot.
                Also 2026-08-31, same night, one more pass per Dr. Forte: bumped back up
                slightly (2.1em -> 2.4em -- still noticeably thinner than the original 3em,
                just not as tight), deepened the drop shadow (more spread + opacity), and
                #hdrClock (the live-clock span from OmniHeader.ascx.cs) is now forced to the
                same white as the rest of the header text -- see the #hdrClock rule below --
                since it was reading dimmer than "Omni Physical..." at the smaller/lighter
                default span rendering. */
        color: White;
        background: linear-gradient(180deg, #2f70f0 0%, #2563eb 55%, #1d4fc4 100%) !important;
        box-shadow: 0 3px 10px rgba(29, 79, 196, 0.6);
        clear: both;
        height: 2.4em;
        line-height: 2.4em;
        font-size: 1.1em;
        padding: 0 12px;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        min-height: 0.0em;
        position: relative;
        width: 120.00%;
        box-sizing: border-box;
        font-family: Malgun Gothic, Helvetica, Sans-Serif;
    }

    /* 2026-08-31: forces the live-clock span (see UserControls/OmniHeader.ascx.cs,
       hdr2_SelectedOffice02.InnerHtml) to the same white as the rest of .hdrH2's text --
       requested after the clock read dimmer than "Omni Physical..." next to it. */
    #hdrClock {
        color: White !important;
        font-weight: bold;
    }

/*    .WaterMarked {
        color: #687a9e;
        font-size: 12pt;
        font-family: "Times New Roman", Times, seriff;
    }*/

    .ppcntnt0 {
        background-color: transparent;
        clear: both;
        height: 100%;
        margin-left: 2em;
        margin-bottom: 2em;
        position: absolute;
        left: 24%;
        top: 1em;
        width: 72.50%;
    }

    .ppcntnt {
        font-family: Malgun Gothic, Helvetica, Sans-Serif !important;
        background-color: transparent;
        clear: both;
        height: 81%;
        margin-left: 0.0em;
        margin-bottom: 0;
        position: absolute;
        left: 22%;
        top: 6.4em; /*top was changed from 7 to 5 em FJF 7/29/2010*/
        width: 72.50%;
    }

    .ContentHx {
        background-color: transparent;
        clear: both;
        height: 81.25%;
        margin-left: 0.0em;
        margin-bottom: 0;
        position: absolute;
        left: 15.00%;
        top: 6.00em;
        width: 72.50%;
    }

    .WideContent {
        font-family: Malgun Gothic, Helvetica, Sans-Serif !important;
        background-color: transparent;
        clear: both;
        height: 81.25%;
        margin-left: 0.0em;
        margin-bottom: 0;
        position: absolute;
        left: 20.00%;
        top: 7.00em;
        width: 80%;
    }

    .WideMedContent {
        font-family: Malgun Gothic, Helvetica, Sans-Serif !important;
        background-color: transparent;
        clear: both;
        height: 81.25%;
        margin-left: 0.0em;
        margin-bottom: 0;
        position: absolute;
        left: 20.00%;
        top: 7.00em;
        width: 80%;
    }


    .WideVeryContent {
        font-family: Malgun Gothic, Helvetica, Sans-Serif !important;
        background-color: transparent;
        clear: both;
        height: 81.25%;
        margin-left: 0.0em;
        margin-bottom: 0;
        position: absolute;
        left: 2.00%;
        top: 7.00em;
        width: 90%;
    }

    .hr {
        color: #717171;
        height: 1px;
        width: inherit;
    }

    .accordionContent {
        background-color: #D3DEEF;
        border-color: -moz-use-text-color #2F4F4F #2F4F4F;
        border-right: 1px dashed #2F4F4F;
        border-style: none dashed dashed;
        border-width: medium 1px 1px;
        padding: 10px 5px 5px;
    }

    .accordionHeaderSelected {
        background-color: #5078B3;
        border: 1px solid #2F4F4F;
        color: white;
        cursor: pointer;
        font-family: Malgun Gothic, Helvetica, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        margin-top: 5px;
        padding: 5px;
    }

    .accordionHeader {
        background-color: #2E4D7B;
        border: 1px solid #2F4F4F;
        color: white;
        cursor: pointer;
        font-family: Malgun Gothic, Helvetica, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        margin-top: 5px;
        padding: 5px;
    }

    .modalBackground {
        background-color: LightGray;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    .modalPopup {
        background-color: #c7d0e1;
        border-width: 2px;
        border-style: solid;
        border-color: #3b5998;
        padding: 2px;
        width: 502px;
        position: absolute;
        top: 50px;
        left: 50px
    }

    .updateProgress {
        border-width: 1px;
        border-style: solid;
        background-color: #FFFFFF;
        position: absolute;
        width: 180px;
        height: 65px;
    }

    .fixedHeader {
        font-weight: bold;
        position: absolute;
        background-color: #758ab6;
        color: white;
        height: 25px;
        top: expression(Sys.UI.DomElement.getBounds(document.getElementById("Pnl_Gridview1")).y-25);
    }

    .unfixedHeader {
        font-weight: bold;
        background-color: #758ab6;
        color: white;
        height: 25px;
    }
}