/* css_cntrl_1 */
:root {
    --hdrcntntin: 1180px;
    --navfvwrfntcolor: #0077CD;
    --navfvwrhover: red;
    --lnkbtncolor: #ffffff;
    --lnkbtnfontsz: 1em;
}
.scrn_trgt_wrppr {
    padding: 0px !important;
    display: inline-block !important;
}
.d1splayExpFA::after {
    font-family: "FontAwesome";
    font-weight: normal;
    text-align: right;
    margin-right: 5px;
    float: right;
    font-size: 1.25em;
    line-height: 20px;
    content: "\00a0 \00a0 \00a0 \f103 \00a0 \00a0 \00a0";
    border: 1px solid #999999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
}

.d1splayColFA::after {
    font-family: "FontAwesome";
    font-weight: normal;
    text-align: right;
    margin-right: 5px;
    float: right;
    font-size: 1.25em;
    line-height: 20px;
    content: '\00a0 \00a0 \00a0 \f102 \00a0 \00a0 \00a0';
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
}

.d1splayExpFA:hover:after,
.d1splayColFA:hover:after {
    border: 1px solid #0077CD;
    background-color: #dee8eb;
}

.div2zoom {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 99%;
    transform-origin: 0% 0%;
}

.zoom_wrppr {
    height: 25px;
    width: 210px;
    float: right;
    align-content: center;
    display: inline-block;
    font-size: 1.1em;
}

.slct_zoom {
    border: 1px solid #0077CD;
}

.btn_zoom-out::before {
    content: "\00a0 \f010 \00a0";
    font-family: "FontAwesome";
    font-weight: 300;
    text-decoration: none;
    color: var(--navfvwrfntcolor);
    display: inline-block;
}

.btn_zoom-in::before {
    content: "\00a0 \f00e \00a0";
    font-family: "FontAwesome";
    font-weight: 300;
    text-decoration: none;
    color: var(--navfvwrfntcolor);
    display: inline-block;
}

.btn_zoom-reset::before {
    content: "\00a0 \f021 \00a0";
    font-family: "FontAwesome";
    font-weight: 300;
    text-decoration: none;
    color: var(--navfvwrfntcolor);
    display: inline-block;
}

.btn_zoom-out:hover::before,
.btn_zoom-in:hover::before,
.btn_zoom-reset:hover::before {
    text-decoration: none;
    color: var(--navfvwrhover);
}

.btn_win-maxmin {
    display: inline-block;
    color: #0077CD;
    height: 20px;
    width: 20px;
    line-height: 20px;
    background-color: buttonface;
    /*padding: 1px;*/
    border: solid 1px #505050;
    font-size: .75em;
    text-decoration: none;
    text-align: center;
    font-family: Tahoma, Arial;
    font-weight: normal;
    webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    cursor: default;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}

    .btn_win-maxmin:hover {
        color: red;
        background-color: #CCE5FF;
        border: solid 1px #505050;
    }


/*.btn_win-normal::before {
    content: "\f78c";
    font-family: "FontAwesome";
    font-weight: 300;
    text-decoration: none;
    color: #0077CD;
    font-size: 1.2em;
    display: inline-block;
}
.btn_win-full::before {
    content: "\00a0 \f010 \00a0";
    font-family: "FontAwesome";
    font-weight: 300;
    text-decoration: none;
    color: #0077CD;
    font-size: 1.2em;
    display: inline-block;
}*/

.nav_tbl_wdth {
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    width: 560px !important;
}

.nav_btn_wdth {
    width: 73px !important;
}

.nav_clmn_wdth {
    width: 80px !important;
}

.nav_txt_clmn {
    width: 85px !important;
    height: 24px;
    color: var(--navfvwrfntcolor);
    font-size: .9em;
    text-decoration: none;
    text-align: center;
    align-content: center;
    font-family: Verdana, Arial, Tahoma;
    font-weight: normal;
}

.nav-wrppr-main {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    height: 25px;
    vertical-align: text-top;
    display: grid;
    grid-template-columns: 1fr auto 1fr; /* 3 columns: equal sides, auto middle */
    align-items: center; /* Vertically centers both divs */
    padding: 0px;
    color: var(--navfvwrfntcolor);
}

.nav-clmn-rght {
    justify-self: end; /* Pushes this div to the far right */
    padding: 0px;
}

/* message box do not delete */
.site-msg-wrppr {
    width: 100%;
    font-family: var(--calfnttyprbt);
    font-weight:500;
    text-align: center !important;
    align-content: center !important;
    border: 1px solid #A0A0A0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 5px 5px 9px rgba(57, 54, 54, 0.75);
    -moz-box-shadow: 5px 5px 9px rgba(57, 54, 54, 0.75);
    box-shadow: 5px 5px 9px rgba(57, 54, 54, 0.75);
}

    .site-msg-wrppr .rqrdField_bd_01_msg, .rqrdField_ok_01_msg, .rqrdField_wg_01_msg, .rqrdField_in_01_msg {
        font-weight: 600;
        padding: 4px;
        height: 100%;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #bbb;
        font-size: 1em;
    }
    .site-msg-wrppr .rqrdField_bd_01_msg {
        color: #bd6767;
        border-color: #bd6767;
        background-color: #ffdddd;
    }
    .site-msg-wrppr .rqrdField_ok_01_msg {
        color: #1ea133;
        border-color: #1ea133;
        background-color: #dffbe4;
    }
    .site-msg-wrppr .rqrdField_wg_01_msg {
        color: #db8040;
        border-color: #ff971a;
        background-color: #ffeed2;
    }
    .site-msg-wrppr .rqrdField_in_01_msg {
        color: #4a84bc;
        border-color: #4a84bc;
        background-color: #e6f3ff;
    }
    /* message box */
.Center-All-el {
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
    align-items: center;
    justify-content: center;
    align-content: center;
}
    /* @media (min-width: 769px) and (max-width: 1200px) {*/
    @media (min-width: 769px) and (max-width: 1200px) {
        : root {
        --maincntw: 728px;
        --topmsgwdth: 155px;
        --hdrcntntin: 1180px;
        --navfvwrfntcolor: #FAF9F6;
        --navfvwrhover: red;
    }

    .scrn_trgt_wrppr {
        display: none !important;
    }

/*    .scrn_trgt_wrppr::after {
            content: attr(data-t4rg3tcntnt);
    }*/

    .nav_tbl_wdth {
        margin-left: auto;
        margin-right: auto;
        width: 295px !important;
    }

    .nav_btn_wdth {
        width: 23px !important;
        color: transparent !important;
    }

    .nav_clmn_wdth {
        width: 30px !important;
    }

    .nav_txt_clmn {
        width: 55px !important;
        height: 24px;
        color: var(--navfvwrfntcolor);
        font-size: .7em;
        text-decoration: none;
        text-align: center;
        font-family: Verdana, Arial, Tahoma;
        font-weight: normal;
    }

    .zoom_wrppr {
        height: 25px;
        width: 165px;
        float: right;
        align-content: center;
        display: inline-block;
        font-size: .8em;
    }

    .slct_zoom {
        border: 1px solid #0077CD;
    }

    .btn_zoom-out::before {
        content: "\00a0 \f010 \00a0";
        font-family: "FontAwesome";
        font-weight: 300;
        text-decoration: none;
        color: var(--navfvwrfntcolor);
        display: inline-block;
    }

    .btn_zoom-in::before {
        content: "\00a0 \f00e \00a0";
        font-family: "FontAwesome";
        font-weight: 300;
        text-decoration: none;
        color: var(--navfvwrfntcolor);
        display: inline-block;
    }

    .btn_zoom-reset::before {
        content: "\00a0 \f021 \00a0";
        font-family: "FontAwesome";
        font-weight: 300;
        text-decoration: none;
        color: var(--navfvwrfntcolor);
        display: inline-block;
    }

    .btn_zoom-out:hover::before,
    .btn_zoom-in:hover::before,
    .btn_zoom-reset:hover::before {
        text-decoration: none;
        color: var(--navfvwrhover);
    }


        .ui-no-close > .ui-dialog-ttlonepxl {
            height: 1px !important;
            overflow: hidden !important;
            /*background-color: yellow !important;*/
        }

/*        .ui-dialog-titlebar {
            background: yellow !important;
        }*/

        /*    li.dropdown ul.dropdown-menu li a {ui-no-close
        color: #fff;
    }

    li.dropdown a:hover {
        color: #fff;
    }

    li.dropdown ul.dropdown-menu .yamm-content li a:hover {
        color: #454545;
    }*/
}

/* Small Devices, Tablets #222222 #3b3b3b */
@media (min-width: 577px) and (max-width: 768px) {

    :root {
        --maincntw: 728px;
        --topmsgwdth: 125px;
        --hdrcntntin: 1180px;
        --navfvwrfntcolor: #FAF9F6;
        --navfvwrhover: red;
    }

    .scrn_trgt_wrppr {
        display: none !important;
    }

    /*    .scrn_trgt_wrppr::after {
            content: attr(data-t4rg3tcntnt);
    }*/

    .container {
        width: var(--maincntw);
    }

    .nav-wrppr-main {
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        height: 25px;
        vertical-align: text-top;
        display: grid;
        grid-template-columns: 1fr auto 1fr; /* 3 columns: equal sides, auto middle */
        align-items: center; /* Vertically centers both divs */
        padding: 0px;
        background-color: #222222;
        color: var(--navfvwrfntcolor);
        font-size: .7em;
    }

    .nav_tbl_wdth {
        margin-left: auto;
        margin-right: auto;
        width: 265px !important;
    }

    .nav_btn_wdth {
        width: 23px !important;
        color: transparent !important;
    }

    .nav_clmn_wdth {
        width: 30px !important;
    }

    .nav_txt_clmn {
        width: 40px !important;
        height: 24px;
        color: var(--navfvwrfntcolor);
        font-size: .5em;
        text-decoration: none;
        text-align: center;
        font-family: Verdana, Arial, Tahoma;
        font-weight: normal;
    }

    .zoom_wrppr {
        height: 25px;
        width: 155px;
        float: right;
        align-content: center;
        font-size: .7em;
        display: inline-block;
    }

    .slct_zoom {
        border: 1px solid #0077CD;
        font-size: .5em;
    }

/*    .d1v_c4l_rpr_fltr {
        max-width: 720px;
    }*/
}

/* Small Devices, Tablets #222222 #3b3b3b */
@media (max-width: 576px) {

    /*    :root {
        --maincntw: 728px;
        --topmsgwdth: 275px;
        --hdrcntntin: 1180px;
        --navfvwrfntcolor: #FAF9F6;
        --navfvwrhover: red;--caldaysfontsz: 1.1em !important;height: 
    }*/

    .scrn_trgt_wrppr {
        display: none !important;
    }

    /*    .scrn_trgt_wrppr::after {
            content: attr(data-t4rg3tcntnt);
    }*/


}
/* Custom, iPhone Retina */
/*@media only screen and (min-width : 320px) {
}*/

/* Extra Small Devices, Phones */
/*@media only screen and (min-width : 480px) {
}*/

/* Small Devices, Tablets */
/*@media only screen and (min-width : 768px) {
}*/

/* Medium Devices, Desktops */
/*@media only screen and (min-width : 992px) {
}*/

/* Large Devices, Wide Screens */
/*@media only screen and (min-width : 1200px) {
}*/


/*
<i class="fa fa-envelope"></i>&nbsp;<div class="scrn_trgt_wrppr">Contact Us</div></a>

<div class=\"scrn_trgt_wrppr\">Contact Us</div>

\f2d0


*/