﻿body {
    font-family: 'Arial';
    margin: unset;
}

* {
    font-family: 'Arial';
}

.btg_master_login_headerbox {
    /* color: white;*/
    /*background-color: #164171;*/
    color: #7fb539;
    background-color: #ededef;
    height: 350px;
    position: fixed;
    width: 100%;
    z-index: 1;
    top: 0;
}

.btg_master_headerbox {
    /* color: white;*/
     /*background-color: #164171;*/
    color: #7fb539;
    background-color: #ededef;
    height: 100px;
    position: fixed;
    width: 100%;
    z-index: 2;
    /*top: 10px;*/
}

.btg_master_headertable {
    height: 100%;
    width: 1024px;
    margin: 0 auto;
}

.btg_master_headercol1 {
    vertical-align: middle;
    padding-left: 30px;
    width: 25%;
}

.btg_master_headercol2 {
    width: 50%;
    text-align: center;
}

.btg_master_headercol3 {
    width: 25%;
    text-align: right;
    white-space: nowrap;
    font-size: 13px;
    padding-right: 10px;
    padding-top: 10px;
}

.btg_master_login_headerimage {
    height: 154px;
    width: 290px;
    margin-top: 20px;
}

.btg_master_headerimage {
    height: 55px;
    width: 125px;
    margin-top: 5px;
}
.btg_master_headertext {
    font-size: 13px;
    font-weight: 700;
}
.btg_master_screenname {
    font-size: 20pt;
    color: rgb(90, 134, 59);
}

.btg_master_screenname_box {
    width: 100%;
    height: 65px;
    position:fixed;
    top: 125px;
    text-align:center;
    padding: 12px 10px 10px 28px;
}

.btg_master_stackdivl {
    display: inline-block;
    text-align: right;
    padding-right: 10px;
    font-weight: 700;
}

.btg_master_stackdivr {
    display: inline-block;
    width: 150px;
    text-align: left;
    font-weight: 700;
}

.btg_master_panel {
    white-space: nowrap;
    padding-bottom: 2px;
/*    text-align: center;*/
    margin-left: 30px;
/*    margin-right: 4px;*/
}

.btg_master_divbtn {
    white-space: nowrap;
    padding-top: 10px;
    padding-right: 90px;
}



.btg_master_icon {
    width: 60px;
    vertical-align: bottom;
    margin: 5px 0px 0px 0px;
    cursor: pointer;
}

.btg_master_icon1 {
    vertical-align: middle;
    margin: 10px 5px 15px 10px;
    cursor: pointer;
    height: 22px;
}

.btg_master_icon2 {
    vertical-align: middle;
    margin: 10px 5px 15px 15px;
    cursor: pointer;
    height: 22px;
}

.btg_master_icon3 {
    cursor: pointer;
}

.badge-container {
    position: relative;
    display: inline-block;
}

.btg_master_icon4 {
    vertical-align: middle;
    margin: 10px 5px 15px 23px;
    cursor: pointer;
}

.btg_master_icon5 {
    vertical-align: middle;
    margin: 10px 5px 15px 15px;
    cursor: pointer;
    height: 22px;
}

.btg_master_icon6 {
    vertical-align: middle;
/*    margin: 10px 5px 15px 15px;*/
    cursor: pointer;
    height: 22px;
}

.btg_master_icon_cart {
    height: 24px;
    cursor: pointer;
}

.badge {
    position: absolute;
    top: 4px;
    right: 1px;
    background-color: rgb(213, 25, 32);
    color: #ededef;
    border-radius: 90% !important;
    padding: 0.2em 0.5em !important;
    /*  padding: 5px 10px;*/
    font-size: 12px;
    font-weight: bold;
}

.cart_badge {
    position: absolute;
    top: -1px;
    right: -5px;
    background-color: rgb(90, 134, 59);
    color: white;
    border-radius: 90% !important;
    padding: 0.02em 0.4em !important;
    /*  padding: 5px 10px;*/
    font-size: 12px;
    font-weight: bold;
}

.btg_footer_divbtn {
    display: inline-block;
    white-space: nowrap;
    text-align:right;
}

.btg_import_container {
    position: relative;
    /*  margin-top: 10px;*/
    margin-left: 45px;
    padding: 0px 0px 6px 0px;
    margin-bottom: 10px
}

.btg_content_container {
    width: 1024px;
    position:relative;
    margin: 0 auto;
    top: 165px;
    padding-bottom: 80%;
}

.btg_content_container_dp {
    width: 1024px;
    position: relative;
    margin: 0 auto;
    top: 155px;
    margin-left: 160px;
    padding-bottom: 80%;
}

.btg_login_container {
    width: 1024px;
    position: relative;
    margin: 0 auto;
    top: 275px;
    padding-bottom: 80%;
}

.btg_content {
    top:0px;
    position: relative;
}

.btg_logoffbtn {
    background-color: rgb(255,255,255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(121, 121, 121);
    border-radius: 5px;
    font-weight: 400;
    width: 140px;
    height: 29px;
    cursor: pointer;
}
a.btg_lnkbutton_hdr:link {
    /*    color: grey;*/
    color: #808080;
    font-size: 13px;
}

.btg_bluebtn {
    background-color: rgb(22, 65, 113);
    color: white;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    border: none;
    padding: 8px 8px 8px 8px;
}

.btg_btn_refresh_xsmall {
    background-color: rgb(90, 134, 59);
    color: rgb(237, 237, 239);
    width: 65px;
    border-radius: 40px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    border: none;
    padding: 6px 6px 6px 6px;
}

.btg_btn_refresh_small {
    background-color: rgb(90, 134, 59);
    color: rgb(237, 237, 239);
    width: 100px;
    border-radius: 40px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    border: none;
    padding: 6px 6px 6px 6px;
}

.btg_btn_refresh_mid {
    background-color: rgb(90, 134, 59);
    color: rgb(237, 237, 239);
    width: 150px;
    border-radius: 40px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    border: none;
    padding: 6px 6px 6px 6px;
}

.btg_btn_refresh_mid_disabled {
    background-color: lightgrey;
    color: rgb(237, 237, 239);
    width: 150px;
    border-radius: 40px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    border: none;
    padding: 6px 6px 6px 6px;
}

.btg_btn_refresh_large {
    background-color: rgb(90, 134, 59);
    color: rgb(237, 237, 239);
    width: 225px;
    border-radius: 40px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    border: none;
    padding: 6px 6px 6px 6px;
}

.btg_btn_refresh_change {
    background-color: rgb(90, 134, 59);
    color: rgb(237, 237, 239);
    width: 150px;
    border-radius: 40px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    border: none;
    padding: 6px 6px 6px 6px;
}

.btg_greybtn_acct {
    background-color: rgb(128, 130, 133);
    color: rgb(237, 237, 239);
    width: 175px;
    border-radius: 40px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    border: none;
    padding: 6px 6px 6px 6px;
}



.btg_shorter_button {
    padding: 5px 10px 5px 10px;
}

input.btg_blueupload {
    background-color: rgb(22, 65, 113);
    color: white;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    border: none;
    padding: 10px 10px 10px 10px;
}

input.btg_greenupload {
    background-color: rgb(90, 134, 59);
    color: white;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    border: none;
    padding: 10px 10px 10px 10px;
}

input.btg_greenupload_narrow {
    background-color: rgb(90, 134, 59);
    color: white;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    border: none;
    padding: 5px 5px 5px 5px;
}

.btg_gradient_btn {
    /*background: radial-gradient(circle at 18.7% 37.8%, rgb(250, 250, 250) 0%, rgb(225, 234, 238) 90%);*/
    background: radial-gradient(circle at 65.8357% -38.8114%, rgb(222, 223, 231) 0%, rgb(255, 255, 255) 50%);
    /*background-color: rgb(128, 130, 133);*/
    /*color: rgb(237, 237, 239);*/
    color: grey;
    /*angle: -38.8114;*/
    width: 170px;
    border-radius: 40px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    border: none;
    padding: 6px 6px 6px 6px;
    margin-right: 30px
}

.btg_gradient_lastbtn {
    /*background: radial-gradient(circle at 18.7% 37.8%, rgb(250, 250, 250) 0%, rgb(225, 234, 238) 90%);*/
    background: radial-gradient(circle at 65.8357% -38.8114%, rgb(222, 223, 231) 0%, rgb(255, 255, 255) 50%);
    /*background-color: rgb(128, 130, 133);*/
    /*color: rgb(237, 237, 239);*/
    color: grey;
    /*angle: -38.8114;*/
    width: 170px;
    border-radius: 40px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    border: none;
    padding: 6px 6px 6px 6px;
    margin-right: 0px
}

.btg_gradient_btn:hover {
    color: #7fb539;
    transition: 0.7s;
}

.btg_gradient_lastbtn:hover {
    color: #7fb539;
    transition: 0.7s;
}

.btg_footer {
    /*  color: white;
    background-color: #164171;*/
    color: #7fb539;
    background-color: #ededef;
    width: 100%;
    border: none;
    position: fixed;
    bottom: 0;
}

.btg_master_footercol1 {
    vertical-align: middle;
    padding-left: 30px;
    padding: 5px;
    width: 25%;
}

.btg_master_footercol2 {
    vertical-align: middle;
    padding-right: 30px;
    width: 50%;
    text-align: center;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 700;
}

.btg_master_footercol3 {
    vertical-align: middle;
    padding-right: 5px;
    width: 50%;
    text-align: right;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 700;
}

.btg_master_footerimage {
    vertical-align: middle;
    height: 39px;
    width: 161px;
}

.btg_loginbox1 {
    position: absolute;
    left: 265px;
    top: 50px;
    width: 490px;
    padding: 30px;
    padding-bottom: 65px;
    align-items: center;
}

.btg_loginbox_forgot {
    position: absolute;
    left: 265px;
    top: 50px;
    width: 515px;
    padding: 30px;
    padding-bottom: 65px;
    align-items: center;
}

.btg_loginbox2 {
    left: 568px;
    width: 411px;
}

.btg_loginbox3 {
    top: 300px;
    padding-left: 0;
    padding-right: 0;
}

.btg_loginlbl1 {
    color: rgb(90, 134, 59);
    font-weight: 500;
    font-size: 22px;
    padding-bottom: 2px;
}

.btg_loginc1 {
    width: 100%;
    margin: auto;
}

.btg_loginc2 {
    width: 100%;
    margin: auto;
    text-align: center;
}

.btg_login_menu {
    width: 100%;
    margin: auto;
    text-align: center;
    padding: 25px 8px 8px 8px;
    /*padding: 25px;*/
}

.btg_loginleft1 {
    float: left;
}

.btg_loginright1 {
    float: right;
}

.btg_logincenter1 {
    display: inline;
}

.btg_richmsgbox {
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    color: black;
    word-wrap: break-word;
    margin-top: -20px;
}

.btg_1up {
    position: absolute;
    left: 0;
    top: 15px;
    width: 400px;
    /*height: 600px;*/
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 80px;
}

.btg_2up_1 {
    position: absolute;
    left: 0;
    top: 15px;
    width: 400px;
    /*height: 600px;*/
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 80px;
}

.btg_2up_2 {
    position: absolute;
    left: 511px;
    top: 15px;
    width: 400px;
    /*height: 600px;*/
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 80px;
}

.btg_2up_1_tracking {
    position: absolute;
    left: 0;
    top: 1px;
    width: 450px;
    /*height: 600px;*/
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 80px;
}

.btg_2up_2_tracking {
    position: absolute;
    left: 511px;
    top: 1px;
    width: 500px;
    /*height: 600px;*/
    padding-left: 30px;
    padding-bottom: 80px;
    font-size: 13px;
}

.btg_2up_1w {
    position: absolute;
    left: 0;
    margin-top: 15px;
    width: 600px;
    /*height: 600px;*/
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 80px;
}

.btg_2up_2w {
    position: absolute;
    left: 601px;
    top: 15px;
    width: 400px;
    /*height: 600px;*/
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 80px;
}

.btg_2up_1rpt {
    position: relative;
    left: 0;
    margin-top: 15px;
    width: 600px;
    /*height: 600px;*/
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 5px;
}

.btg_padding {
    padding-left: 5px !important;
}

.btg_2up_2rpt {
    position: absolute;
    left: 601px;
    top: 15px;
    width: 400px;
    /*height: 600px;*/
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 5px;
}

.btg_2up_left {
    position: relative;
    display: inline-block;
    text-align: right;
    width: 45%;
    font-size: 13px;
    vertical-align: top;
    margin-left: 8px;
}

.btg_2up_left_ro {
    position: relative;
    display: inline-block;
    text-align: left;
    width: 110px;
    font-size: 13px;
    vertical-align: top;
    margin-left: 8px;
}

.btg_2up_left2 {
    position: relative;
    display: inline-block;
    width: 26%;
    font-size: 13px;
    vertical-align: top;
    margin-left: 60px;
}

.btg_2up_left3 {
    position: relative;
    display: inline-block;
    width: 27%;
    font-size: 13px;
    vertical-align: top;
    margin-left: 60px;
}

.btg_2up_left_chkout {
    position: relative;
    display: inline-block;
/*    text-align: right;*/
    width: 45%;
    font-size: 13px;
    vertical-align: top;
    margin-left: 8px;
}

.btg_2up_right {
    position: relative;
    display: inline-block;
    text-align: left;
    width: 50%;
    font-size: 13px;
    vertical-align: top;
    white-space: nowrap;
}

.btg_2up_right_wrap {
    position: relative;
    display: inline-block;
    text-align: left;
    width: 50%;
    font-size: 13px;
    vertical-align: top;
}

.btg_2up_right_ro {
    position: relative;
    display: inline-block;
    text-align: left;
    width: 125px;
    font-size: 13px;
    vertical-align: top;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

.btg_2up_right_chkout {
    position: relative;
    display: inline-block;
    text-align: left;
    width: 45%;
    font-size: 13px;
    vertical-align: top;
    white-space: nowrap;
}

.btg_2up_right_wrap_chkout {
    position: relative;
    display: inline-block;
    text-align: left;
    width: 45%;
    font-size: 13px;
    vertical-align: top;
}

.btg_3up_1 {
    position: absolute;
    left: 0;
    top: 0px;
    width: 340px;
    /*height: 600px;*/
    padding-right: 20px;
    padding-bottom: 80px;
}

.btg_3up_2 {
    position: absolute;
    left: 341px;
    top: 0px;
    width: 350px;
    /*height: 600px;*/
    padding-right: 20px;
    padding-bottom: 80px;
}

.btg_3up_3 {
    position: absolute;
    left: 682px;
    top: 0px;
    width: 340px;
    padding-right: 20px;
    padding-bottom: 80px;
}

.btg_3top_1 {
    position: absolute;
    left: 0;
    top: 0px;
    width: 1040px;
    /*height: 600px;*/
    padding-right: 20px;
    padding-bottom: 80px;
}

.btg_3top_2 {
    position: absolute;
    left: 0px;
    top: 300px;
    width: 1040px;
    /*height: 600px;*/
    padding-right: 20px;
    padding-bottom: 80px;
}

.btg_3top_3 {
    position: absolute;
    left: 0px;
    top: 600px;
    width: 1040px;
    padding-right: 20px;
    padding-bottom: 80px;
}

.btg_tool_section1 {
    position: absolute;
    left: 0;
    top: 15px;
    width: 500px;
    height: 600px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

.btg_col_head {
    color: rgb(90, 134, 59);   
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 50px;
}

.btg_col_head_ro {
    color: rgb(90, 134, 59);
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 5px;
}

.btg_cutoff {
    color: #5a863b;
    font-weight: 700;
    padding-bottom: 10px;
    padding-top: 5px;
}

.btg_col_head_centered {
    color: rgb(90, 134, 59);    
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 10px;
    text-align: center;
}

.btg_col_head_second_tier {
    color: rgb(90, 134, 59);
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;
}

.btg_col_head_user_control {
    color: rgb(90, 134, 59);
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 8px;
}

.btg_col_head_RO {
    color: rgb(90, 134, 59);
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 10px;
    padding-left: 20px;
    white-space:nowrap;
}

.btg_col_head_chart {
    color: rgb(90, 134, 59);
    font-weight: 700;
    font-size: 19px;
    padding-bottom: 10px;
    text-align: center;
}

.btg_col_footer_chart {
    color: grey;
    font-size:medium;
    text-align:center;
    padding-top:10px;
}

    .btg_col_footer_chart label{
       margin-bottom: 0.05rem;
    }

    .btg_col_footer2_chart {
        color: grey;
        font-size: medium;
        text-align: center;
        padding-top: 10px;
    }

.btg_twoup_container {
    position: relative;
    width: 100%;
    padding-top: 1px;
}

.btg_twoup {
    font-size: 13px;
    font-weight: 400;
    padding: 0;
}

.btg_twoup_table {
    border-spacing: 0;
    width: 100%;
}

    .btg_twoup_table label {
        margin-left: 3px;
    }

.btg_find_location_container {
    position: relative;
    display: inline-grid;
    grid-template-columns: 50% 50%;
    grid-gap: 5px;
    width: 100%
}
.btg_citystate_container {
    position: relative;
  /*  display: inline-grid;*/
    grid-template-columns: 60% 40%;
    grid-gap: 5px;
    width: 100%
}

.btg_citystate {
    font-size: 13px;
    font-weight: 400;
}

.btg_zip {
    margin-top: 2px;
    width: 178px;
}

.btg_gentext {
    /*color: #5a863b;*/
    color: #5a863b;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
}

.btg_gentext_red {
    color: red;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
}

.btg_label_text {
    color: #5a863b;
    background-color: #ededef;
    font-size: 12px;
    font-weight: normal;
    pointer-events: none;
    top: -14px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}
.btg_rounded_box {
    color: #5a863b;
    font-size: 14px;
    padding: 4px 4px;
    display: block;
    width: 100%;
    /*height: 35px;*/
    background-color: #ededef;
    border: 2px solid #5a863b;
    border-radius: 5px;
}


.btg_gentext13 {
    color: rgb(90, 134, 59);
    font-size: 13px;
    font-weight: 400;
    margin-left: 2px;
    margin-bottom: 8px;
}

.btg_gentext13 label {
    margin-left: 3px ;
}

.btg_gentext14 {
    color: rgb(90, 134, 59);
    font-size: 13px;
    font-weight: 400;
    margin-left: 2px;
    margin-bottom: 8px;
}

.btg_gentext14 label {
    margin-left: 3px;
    margin-bottom: 3px;
}

.btg_top20 {
    margin-top: 20px;
}

.btg_centerbtn {
    position: relative;
    text-align: center;
}

.btg_center_div {
    position: relative;
    margin: 0 auto;
}

.btg_greybox {
    background-color: rgb(215, 215, 215);
    border-width: 2px;
    border-style: solid;
    border-color: rgb(121, 121, 121);
    border-radius: 5px;
    position: relative;
    text-align: center;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.btg_ro_accept {
    color: red;
    font-size: 18px;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 20px;
}

.btg_ronum {
    background-color: white;
    color: black;
    font-weight: 700;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.btg_error_container {
    color: darkgreen;
    position: fixed;
    width: 100%;
    top: 150px;
    z-index: 50;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
    z-index: 300;
}

.btg_find_container {
    color: #5a863b;
    position: relative;
    width: 100%;
    top: 10px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    z-index: 300;
    display: flex;
}

.btg_error {
    position: relative;
    Border: 2px solid red;
    border-radius: 5px;
    margin: 0 auto;
    background-color: #ededef;
    padding: 10px;
    width: 40%;
}

.btg_find {
    position: relative;
    Border: 2px solid #5a863b;
    border-radius: 5px;
    margin: 0 auto;
    background-color: #ededef;
    padding: 10px;
    max-height: 500px;
    overflow: auto;
}

.btg_find2 {
    position: relative;
    Border: 2px solid #5a863b;
    border-radius: 5px;
    margin: 0 auto;
    background-color: #ededef;
    padding: 10px;
    max-height: 500px;
}

.btg_error_btn {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
}

.btg_msg_container {
    color: #164171;
    position: fixed;
    bottom: 70px;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    z-index: 250;
    background-color: white;
}

.btg_msg_container_foot {
 /*   color: #164171;
    bottom: 70px;*/
    width: 100%;
    font-size: 16px;
    /*font-weight: 700;*/
    text-align: center;
    z-index: 250;
    /*background-color: white;*/
    padding-top: 5px;
}

.btg_grid_container {
    position: relative;
    margin-left: 20px;
}
.btg_maxwidth_100 td {
    max-width: 100px !important;
}
.btg_maxwidth_150 td {
    max-width: 150px !important;
}
.btg_maxwidth_200 td {
    max-width: 200px !important;
}
.btg_maxwidth_250 td {
    max-width: 250px !important;
}
.btg_maxwidth_300 td{
    max-width: 300px !important; 
}
.btg_maxwidth_350 td {
    max-width: 350px !important;
}
.btg_maxwidth_400 td {
    max-width: 400px !important;
}
.btg_maxwidth_500 td {
    max-width: 500px !important;
}
.btg_maxwidth_550 td {
    max-width: 550px !important;
}
.btg_maxwidth_None td {
    max-width: None !important;
}

.btg_grid_container_large {
    position: relative;
    width: 1024px;
    margin: 0 auto;
    left: -130px;
}

.btg_grid_no_results {
    position: relative;
    width: 1024px;
    margin-left: 145px;
    left: 0px;
    text-align: left;
}

.btg_grid_container_500 {
    position: relative;
    width: 500px;
}

.btg_grid_container_450 {
    position: relative;
    width: 450px;
}

.btg_grid_container_chkout {
    position: relative;
    margin-left: 20px;
    padding: 1px 1px 1px 1px;
}

.btg_grid_container_chkout2 {
    position: relative;
    margin-left: 20px;
    padding: 1px 1px 1px 1px;
}

.btg_search_container {
    position: relative;
    /*  margin-top: 10px;*/
    margin-left: 20px;
    padding: 0px 0px 6px 0px;
}

.btg_search_container_wide {
    position: fixed;
    /*    margin-top: 10px;*/
    /*width: 1300px;*/
    padding: 0px 0px 4px 20px;
}

.btg_search_container_centered {
    text-align: center;
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px;
    /*border-bottom: 2px solid #164171;*/
}

.btg_search_field {
    display: inline-block;
/*    width: 200px;*/
    padding-right: 4px;

/*    vertical-align: middle;*/
}

.btg_search_field_address {
    display: inline-block;
    width: 125px;
    padding-right: 1px;
    /*    vertical-align: middle;*/
}

.btg_search_field_fit {
    width: unset;
}

.btg_date_field {
    display: inline-block;
    width: 120px;
    padding-right: 10px;
}
.btg_check_field {
    display: inline-block;
    padding-right: 10px;
}

.btg_export_btn {
    display: inline-block;
    width: 200px;
    margin-right: 10px;
}

.btg_report_btn {
    display: inline-block;
    margin-right: 10px;
}

.btg_report_buttons {
    margin-top: 5px;
    text-align: center;
    Width: 600px;
}

.btg_export_buttons {
    margin-top: 15px;
    text-align: center;
}

.btg_action_buttons {
    margin-right: 10px;
}

.btg_tool_buttons {
    Margin-top: 20px;
}
.btg_tool_buttons_bot {
    Margin-top: 20px;
    padding-bottom: 70px;
}

.btg_tool_buttons_wide {
    Margin-top: 20px;
    Width: 600px;
}

.btg_tool_buttons2 {
    Margin-top: 20px;
}

.btg_top_buttons {
    position: relative;
    top: 800px;
    text-align: center;
    Margin-top: 20px;
}

.btg_tool_btn {
    display: inline-block;
    margin-right: 10px;
    padding: 10px 10px 10px 10px;
}

.btg_foot_cell_blank {
    background-color: #e8eaee;
}

.btg_col_nowrap{
    white-space:nowrap;
}

.btg_col_truncate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 250px;
}

.btg_num_cell {
    text-align: right;
}

.btg_num_cell_f {
    padding-top: 5px;
    text-align: right;
  /*  font-weight: bold;*/
    white-space: nowrap;
}

.btg_num_cell_fc {
    text-align: center;
    font-weight: bold;
}

.btg_num_cell_pad {
    text-align: right;
    padding-right: 10px !important;
}

.btg_num_cell_pad2 {
    text-align: right;
    padding-right: 15px !important;
}

.btg_right_cell {
    text-align: right;
/*    width: 125px;*/
    float: right;
}

.btg_order_detail {
    display: block;
    max-height: 200px;
    border: 1px solid;
    border-color:darkgrey;
    margin-bottom:10px;
}

.btg_max_recs {
    width: 75px;
    text-align: center;
}

.btg_order_bundle_container {
    color: #5a863b;
    position: relative;
    width: 100%;
    top: 10px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
   /* z-index: 300;*/
/*    width: 80%;*/    
}

.btg_order_bundle {
    position: relative;
    /*Border: 2px solid #5a863b;*/
    border-radius: 5px;
    margin: 0 auto;
    background-color:#ededef;
    padding: 10px;
    max-height: 400px;
    /*overflow: auto;*/
}

.btg_bundle_ddl_box {
    color: #5a863b;
    font-size: 14px;
    display: block;
    width: 100%;
    background-color: #ededef;
/*    border: 2px solid #5a863b;*/
    border-radius: 5px;
    padding: 4px 4px;
}

.btg_bundle_ddl {
    position: relative;
    color: #5a863b;
    font-size: 14px;
    border: none;
    width: 100%;
}

.btg_refresh_bundle_ddl {
    position: relative;
    top: 1px;
    width: 270px;
    height: 33px;
    /*color: #164171;*/
    color: rgb(90, 134, 59);
    font-size: 14px;
    border: inset;
    padding-left: 5px;
    border-width: 2px;
    background-color: rgb(232, 234, 238);
    margin-bottom: 8px;
}

.btg_bundle_text {
    width: 75px;
    color: #5a863b;
    background-color: #ededef;
    font-size: 14px;
    font-weight: normal;
    border: 2px solid #5a863b;
    border-radius: 5px;
    padding: 4px 4px;
}

.btg_bundle_label {
    color: rgb(90, 134, 59);    
    /*    background-color: white;*/
    font-size: 14px;
    font-weight: normal;
}

.btg_bundle_button {
    padding: 10px 40px 10px 40px;
}

.btg_fixedheader {
    position: absolute;
}

.btg_find_control_container {
    background: #ededef;
    width: 100%;
    /* center a div insie another div*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
}

.btg_bundle_error_container {
    color: red;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
}

.btg_find_control {
    margin: 10px;
    padding: 5px;
    border: 1px solid;
    z-index: 200;
    background-color: #ededef;
}

.btg_label_text_wrap {
 /*font-style:italic;*/
 white-space:pre-wrap;
 /*margin-left: 4px;*/
}

.btg_2up_head_l {
    width: 50%;
    text-align: left;
    display: inline-block;
    white-space: nowrap;
}

.btg_2up_head_r {
    width: 49.5%;
    text-align: right;
    display: inline-block;
    white-space: nowrap;
}

.btg_nowrap {
    white-space: nowrap;
}

.btg_cursor {
    cursor:pointer;
}

.gridHead {
    /*background-color: #164171;*/
    background-color: rgb(103, 103, 101);
    /*    color: black;*/
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    height: 25px;
    text-align:center;
}

tr.gridHead a:Link {
    /*color: White;*/
    color: #fff;
    text-decoration: none;
}

tr.gridHead a:visited {
    color: White;
    text-decoration: none;
}

tr.gridHead a:hover {
    color: White;
    text-decoration: underline;
}

tr.gridHead td, th {
/*    border: 1px solid #797979;*/
    border: none;
    padding-left: 10px;
    padding-right: 10px;
}

.btg_flatrow {
    color: #333333;
    font-size: 13px;
    font-weight: 400;
/*    height: 20px !important;*/
/*    background-color: #e8eaee;  */                       
}

.gridBtn {
    border: none;
    color: #5a863b;
    background-color: #ffffff00;
    font-weight: bold;
    cursor: pointer;
}

    .gridBtn:hover {
        text-decoration: underline;
    }

.gridBtn_noLink {
    border: none;
    background-color: #ffffff00;
}

.gridRow {
    background-color: #e2e4e6;
    color: #333333;
    font-size: 13px;
    font-weight: 400;
    height: 36px;
}

.gridRowFlat {
    background-color: #ededef;
    color: #333333;
    font-size: 13px;
    font-weight: 400;
    height: 36px;
}

.AltRow {
    background-color: #ededef;
    color: #333333;
    font-size: 13px;
    font-weight: 400;
    height: 36px;
}

.btg_chk_lable_txt {
    text-overflow: ellipsis;
    max-width: 100px;
}

.btg_rpt_grid {
    color: #333333;
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px;
    height: unset;
}

    .btg_rpt_grid .gridHead {
        background-color: #164171;
        color: White;
        font-size: 11px;
        font-weight: 400;
        height: 20px;
    }

    .btg_rpt_grid .gridRow td {
        border: 1px solid #797979;
        padding-left: 2px;
        padding-right: 2px;
        max-width: 100px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.btg_refresh_rpt_grid {
    color: #333333;
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 125px;
    height: unset;
}

.btg_refresh_rpt_grid_free {
    color: #333333;
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: unset;
}

    .btg_refresh_rpt_grid .gridHead {
        background-color: rgb(103,103,101);
        color: White;
        font-size: 13px;
        font-weight: 400;
       /* height: 20px;*/
    }

.btg_refresh_rpt_grid_alt {
    color: #333333;
    background-color: #efefef;
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 125px;
    height: unset;
}

    .btg_refresh_rpt_grid_alt a:Link {
        color: #5a863b;
        font-weight: 700;
        max-width: 125px;
        text-overflow: ellipsis;
        overflow: hidden;
    }


    .btg_refresh_rpt_grid_alt .gridRow td {
        padding-left: 2px;
        padding-right: 2px;
        font-size: 13px;
        max-width: 125px;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-right: 10px;
    }


.btg_refresh_rpt_grid .gridRow td {
    padding-left: 2px;
    padding-right: 2px;
    font-size: 13px;
    max-width: 125px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 10px;
}



tr.gridRow td {
    /*border: 1px solid #797979;*/
    padding-left: 5px;
    padding-right: 5px; 
}

tr.gridRow a:Link {
    color: #5a863b;
    text-decoration: none;
    font-weight: 700;
}

tr.gridRow a:visited {
    color: #333333;
    text-decoration: none;
}

tr.gridRow a:hover {
    color: #333333;
    text-decoration: underline;
}

.gridPager {
    background-color: #ededef;
    color: #333333;
    font-weight: 500;
    font-size: 14px;
}

tr.gridPager a:Link {
    color: #333333;
    font-weight: 600;
    text-decoration: none;
}

tr.gridPager a:visited {
    color: #333333;
    font-weight: 600;
    text-decoration: none;
}

tr.gridPager a:hover {
    color: #333333;
    font-weight: 600;
    text-decoration: underline;
}

table.btg_blankgrid {
    border: none;
    font-size: 12px;
    color: #5a863b;
}

    table.btg_blankgrid td {
        border: none;
        padding-top: 3px;
        padding-left: 3px;
        padding-right: 4px;
        padding-bottom: 8px;
    }

table.btg_order_summary {
    background-color: #cccccc;
    border-color: white;
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
    font-size: 12px;
    border-collapse: collapse;
    margin-top: 8px;
    margin-bottom: 8px;
}

table.btg_order_summary td {
    text-align: right;
    border-color: white;
    border-width: 1px;
    border-style: solid;
    width: 200px;
    padding: 5px;
}

table.btg_order_summary_chkout {
    /*   background-color: #cccccc;
    border-color: white;*/
    color: gray;
    border: none;
    font-weight: bold;
    font-size: 12px;
    border-collapse: collapse;
    margin-top: 1px;
    margin-bottom: 1px;
}

table.btg_order_summary_chkout td {
    text-align: left;
    border: none;
    width: 100px;
    padding: 1px 4px 1px 1px;
}

table.btg_order_summary_chkout2 {
    /*   background-color: #cccccc;
    border-color: white;*/
    color: #5a863b;
    border: solid;
    border-color: darkgrey;
    border-width: 1px;
    font-weight: bold;
    font-size: 12px;
    border-collapse: collapse;
    margin-top: 5px;
    margin-bottom: 10px;
}

    table.btg_order_summary_chkout2 td {
        text-align: right;
        width: 200px;
        padding: 2px 4px 2px 2px;
    }

table.btg_order_summary_chkout3 {
    /*   background-color: #cccccc;
    border-color: white;*/
    color: gray;
    border: none;
    font-weight: bold;
    font-size: 12px;
    border-collapse: collapse;
    margin-top: 1px;
    margin-bottom: 1px;
}

    table.btg_order_summary_chkout3 td {
        text-align: left;
        border: none;
        width: 100px;
        padding: 1px 4px 1px 1px;
    }

.btg_textbox {
    width: 80%
}

.btg_textbox_square {
    border: none;
    resize: none;
    color: #164171;
    font-size: 14px;
}

.btg_note {
    Height: 31px;
    Width: 31px;
    vertical-align: Middle;
}

.btg_radiobutton {
    color: #5a863b;
    font-size: 14px;
}

.btg_radiobutton label {
    margin-left: 3px;
}

.btg_radiobutton input[type=radio] {
    accent-color: rgb(90, 134, 59);        
}

.btg_checkbox {
    color: #5a863b;
    font-size: 14px;
}

.btg_checkbox label {
    margin-left: 3px;
}

.btg_checkbox input[type=checkbox] {
    accent-color: rgb(90, 134, 59);
}

.btg_grid_scroll {
    height: 400px;
    overflow-y:auto;
}

#inputId:-webkit-autofill {
    background-color: white !important;
}

