/*site.ccs - v22.11.16.1*/
body {
    margin: 0;
    font-family: 'Segoe UI';
    /*font-family:'Global Serif';*/
    font-size: 0.9em;
    /*padding-left: 0.5em;
    padding-right: 0.5em;*/
    /*background-color: white;*/
    background-image: linear-gradient(120deg, #fdfbfb 0%, #f3f3f3 100%);
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    font-family: 'Segoe UI';
    padding-left: 0.3em;
    padding-right: 0.3em;
}

.bpt_ZeroColor {
    color: #fafafa;
}

.bpt_ForeColor {
    color: #14a3d9;
}

.bpt_ForeColor_Red {
    color: #ff6a00;
}

.bpt_BorderColor {
    border-color: #14a3d9;
}

.bpt_InlineBorder_Grey {
    display: inline-block;
    border: 0.1em solid #f2f2f2;
    /*border-style: solid;*/
    /*border-color: lightgrey;*/
}

.bpt_SettingsGroupBorder {
    border: 0.1em solid #14a3d9;
    padding-left: 0.6em;
    padding-bottom: 0.6em;
}

.bpt_BackgroundColor {
    background-color: #14a3d9;
    /*background: no-repeat;*/
}

.bpt_BackgroundColor_Red {
    background-color: #ff7979;
    /*background: no-repeat;*/
}

.bpt_BackgroundColor_Yellow {
    background-color: #f4f1a8;
    /*background: no-repeat;*/
}

.bpt_BackgroundColor_NoActivity {
    border: 0.05em solid #a2a2a2;
    background-color: white;
    /*background: no-repeat;*/
}

.bpt_BackgroundColor_GreenActivity {
    border: 0.07em solid #46b70a;
    background-color: #d4f6c2;
    background-image: linear-gradient(45deg, white, #96f792);
    /*background: no-repeat;*/
}

.bpt_BackgroundColor_RedActivity {
    border: 0.07em solid #b70a0a;
    background-color: #f6c2c2;
    background-image: linear-gradient(45deg, white, #f79292);
    /*background: no-repeat;*/
}

.bpt_HideDisplay{
    visibility:collapse;
}

.bpt_ShowDisplay {
    visibility:visible;
}

/* [hidden] { display: none !important; } */
.hide, hidden{
    display:none;
}

.bpt_mainViewHeader {
    position: relative;
    float: left;
    width: calc(98% - 2em);
    margin-left: 1%;
    padding-left: 1em;
    margin-right: 1em;
    padding-right: 1em;
}

/* bpt_testDiv1 */
.bpt_divContainer1 {
    position: relative;
    float: left;
    width: calc(98% - 2em);
    -webkit-box-shadow: 0px -1px 20px 1px #e1e1e1;
    -moz-box-shadow: 0px -1px 20px 1px #e1e1e1;
    box-shadow: 0px -1px 20px 1px #e1e1e1;
    background-color: white;
    border-radius: 0.3em;
    margin-left: 1em;
    margin-top: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
}


/* #region PLGrid */
.PLGrid_wrapTable {
    /*width: auto;
    border: 0px solid;
    display: inline;*/
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

.PLGrid_colCount2 {
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
}

.PLGrid {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    background-color: white;
    border-bottom: 1px solid #e9e9e9;
    border-collapse: collapse;
    color: #282828;
}

    .PLGrid tr {
        background-color: white;
        width: 100%;
        height: 1.7em;
    }

        .PLGrid tr:hover {
            background-color: #f6f6f6;
            /*border:0.1em solid rgb(173, 222, 241);*/
            color: black;
            cursor: pointer;
        }

    .PLGrid td {
        /*border-right:solid 1px #f8f8f8;*/
        /*width:auto;*/
        padding-right: 1em;
        white-space: nowrap;
    }

    .PLGrid th {
        border: none;
        text-align: left;
        /*border-top: solid 1px #e9e9e9;*/
        border-bottom: solid 1px #e9e9e9;
        /*border-right: solid 1px #e9e9e9;
    border-left: solid 1px #e9e9e9;*/
        width: auto;
        padding-right: 1em;
        font-weight: 500;
        color: #5a5a5a;
        font-weight: 600;
        height: 1.3em;
    }

        .PLGrid th:hover {
            background-color: #f6f6f6;
        }
/* #endregion PLGrid */

/* #region ToolTip */

.bpt_tooltippopup {
    display: none;
    position: absolute;
    color: white;
    padding: 40px;
    border: solid 1px #ddd;
    background: green;
    text-align: center;
    width: 10%;
}

.bpt_tooltip {
    position: absolute;
    display: inline-block;
    border-bottom: 1px dotted black;
      
}

    .bpt_tooltip .bpt_tooltiptext {
        visibility: hidden;
        width: auto;
        background-color: white;
        color: black;
        text-align: left;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        margin-top: 1.5em;
        /*margin-left: 1.5em;*/
        position: absolute;
        z-index: 999;
        padding:0.5em;
        border:0.1em solid #e1e1e1;
    }

    .bpt_tooltip:hover .bpt_tooltiptext {
        visibility: visible;
    }

/* #endregion ToolTip */


/* #region GPS CSS */

/* #region GPS BACKGROUND COLORS */

.bpt_addBackgroundColorLightGray {
    background-color: #fbfbfb;
}

.bpt_addBackgroundColorGray {
    background-color: #f7f7f7;
}

/*HoursSummary*/
.bpt_addBckColLightGray {
    background-color: #f6f6f6;
}

.bpt_addBckColLightGreen {
    background-color: #e2efda;
    /*color: #33b200;
    font-weight:600;*/
}

.bpt_addBckColLightBlue {
    background-color: #9be5f6;
}

.bpt_addBckColLightYellow {
    background-color: #f5f69b;
}

.bpt_addBtmBordColLightGreen {
    border: 0.1em solid #c6e0b4;
}

.bpt_addBckColLightOrngYell {
    /*background-color: #e8cb21;*/
    background-color: #eeeba8;
}

.bpt_addBtmBordColLightOrngYell {
    border: 0.1em solid #e8cb21;
}

.bpt_addBckColLightRed {
    background-color: #ffcccc;
}

.bpt_addBckColLightRed1 {
    background-color: rgba(230, 17, 17, 0.54);
}

    .bpt_addBckColLightRed1:hover {
        background-color: rgba(230, 17, 17, 0.65);
    }

.bpt_addBckColLightGreen1 {
    background-color: rgba(8, 199, 12, 0.54);
}

    .bpt_addBckColLightGreen1:hover {
        background-color: rgba(8, 199, 12, 0.65);
    }

.bpt_addBckColDarkRed {
    background-color: #e65656;
}

.bpt_addBtmBordColLightRed {
    border: 0.1em solid #e65656;
}

.bpt_addBckColLightGreen a, .bpt_addBckColLightOrngYell a, .bpt_addBckColLightRed a {
    color: #000000;
}



/* #endregion GPS BACKGROUND COLORS */

/* #region GPS CONTAINERS */

.bpt_cont50p {
    position: relative;
    float: left;
    width: 50%;
}

.bpt_cont20em {
    position: relative;
    float: left;
    width: 20em;
    border-right: 0.1em solid #f6f6f6;
}

.bpt_contAutoW {
    position: relative;
    float: left;
    width: auto;
    margin-right: 0.3em;
}

.bpt_cont15em {
    position: relative;
    float: left;
    width: 16em;
    margin-right: 0.3em;
}

.bpt_cont35em {
    position: relative;
    float: left;
    width: 35em;
    border-right: 0.1em solid #f6f6f6;
}

.bpt_cont100PMinus21em {
    position: relative;
    float: left;
    width: calc(100% - 21em);
}

.bpt_cont100PMinus36em {
    position: relative;
    float: left;
    width: calc(100% - 36em);
}


.bpt_InnerCont_5 {
    position: relative;
    float: left;
    width: auto;
    min-width: 0;
    min-height: 1.7em;
    border: none;
    padding: 0;
    margin-left: 1.3em;
    padding-right: 0.3em;
}

/* #endregion GPS CONTAINERS */

/* #region GPS DROPDOWNS */

.bpt_SelectedMYDropdown2 {
    position: relative;
    float: left;
    margin-bottom: 0.3em;
    margin-bottom: 0.1em;
    margin-left: 1em;
    padding-bottom: 0.2em;
    font-weight: 600;
    font-size: 0.9em;
    color: #5a5a5a;
    border: none;
    background: none;
    background-color: transparent;
    border-bottom: 0.1em solid #2bc7f2;
}

    .bpt_SelectedMYDropdown2:hover {
        background-color: #f6f6f6;
    }

.bpt_SelectedMYDropdown3, .bpt_SelectedMYDropdown4 {
    position: relative;
    float: left;
    margin-bottom: 0.3em;
    margin-bottom: 0.1em;
    margin-left: 1em;
    padding-bottom: 0.2em;
    font-weight: 600;
    font-size: 0.85em;
    color: #7e7e7e;
    border: none;
    background: none;
    background-color: transparent;
}

.bpt_SelectedMYDropdown3 {
    font-size: 0.92em;
}

.bpt_SelectedMYDropdown4 {
    font-size: 1.2em;
    font-weight: normal;
}

    .bpt_SelectedMYDropdown4:hover {
        background-color: #f6f6f6
    }

/* #endregion GPS DROPDOWNS */

/* #region GPS HEADERS */

.bpt_mainSectionHeader11a {
    position: relative;
    float: left;
    width: 98%;
    margin: 0.5em;
    border-bottom: 0.05em solid #f7f7f7;
    padding-bottom: 0.3em;
}

.bpt_mainSectionHeader11b {
    position: relative;
    float: left;
    width: 98%;
    margin: 0.5em;
    border-bottom: 0.05em solid #f7f7f7;
    padding-bottom: 0.3em;
    margin-top: 1em;
}

.bpt_mainSectionHeader11Title {
    position: relative;
    float: left;
    font-size: 1.2em;
    font-weight: 500;
    color: #5e5e5e;
}

/* #endregion GPS HEADERS */

/* #region GPS KPI */

/*KPI START ==================================*/
.bpt_KPIcont_11a, .bpt_KPIcont_11b {
    position: relative;
    float: left;
    height: auto;
    /*background-color:yellow;*/
    margin: 0.3em;
    padding: 0.3em;
    padding-bottom: 0.6em;
    /*background-color:#fbfbfb;*/
    border-bottom: 0.1em solid transparent;
}

    .bpt_KPIcont_11a:hover {
        border-bottom: 0.1em solid #2bc7f2;
    }

.bpt_KPIcont_11b {
    float: right;
}

.bpt_KPI_HeaderLabel1, .bpt_KPI_HeaderLabel2 {
    position: relative;
    float: left;
    width: auto;
    text-align: center;
    font-size: 0.85em;
    color: #5a5a5a;
    margin-top: 0.1em;
    margin-right: 0.7em;
}

.bpt_KPI_HeaderLabel2 {
    color: white;
}

.chartIndicatorCapacity, .chartIndicatorPlanned, .chartIndicatorPlannedOverloaded, .chartIndicatorPastDue, .chartIndicatorInactiveCapacity {
    background-color: #10e8d4;
    width: 0.7em;
    height: 0.7em;
    position: absolute;
    top: 1.7em;
}

.chartIndicatorPlanned {
    background-color: #10b3e8;
}

.chartIndicatorPlannedOverloaded {
    background-color: #e65656;
    left: 1.3em;
}

.chartIndicatorPastDue {
    background-color: #ffcc00;
}

.chartIndicatorInactiveCapacity {
    background-color: #eeeeee;
}


.bpt_KPI_DetailLabel2, .bpt_KPI_DetailLabel3 {
    position: relative;
    float: left;
    text-align: center;
    width: auto;
    font-size: 1.2em;
    color: #09c0f2;
    font-weight: 600;
}

.bpt_KPI_DetailLabel3 {
    color: white;
}


/*KPI END ==================================*/

/*KPI START ==================================*/

.bpt_KPIcont_12 {
    position: relative;
    float: left;
    min-width: 5em;
    height: auto;
    /*background-color:yellow;*/
    margin: 0.3em;
    padding: 0.3em;
    padding-bottom: 0.5em;
    /*background-color:#fbfbfb;*/
}

.bpt_KPI_DetailLabel1 {
    position: relative;
    float: right;
    text-align: center;
    width: 97%;
    font-size: 1.8em;
    color: #09c0f2;
    font-weight: 600;
}

.bpt_KPI_HeaderLabel {
    position: relative;
    float: left;
    width: 97%;
    text-align: center;
    font-size: 0.8em;
    color: #5a5a5a;
}

/*KPI END ==================================*/

/*KPI START ==================================*/

.bpt_KPIInnerCont_4 {
    position: relative;
    float: left;
    min-width: 7em;
    width: auto;
    height: 3em;
    /*background-color:yellow;*/
    border: none;
    padding: 0;
    padding-bottom: 0.5em;
    margin-right: 0.3em;
    border-right: 0.1em solid #e4e4e4;
}


    .bpt_KPIInnerCont_4:hover {
        background-color: rgb(245, 245, 245);
        border-bottom: 0.1em solid #2bc7f2;
    }



/*KPI END ==================================*/

/* #endregion GPS KPI */

/* #region GPS LABELS */

.bpt_label_3 {
    position: relative;
    float: left;
    height: auto;
    width: 100%;
    font-size: 1.2em;
    /*font-weight:600;*/
    color: #09c0f2;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0.3em;
}

.bpt_label_4 {
    position: relative;
    float: left;
    height: auto;
    width: 100%;
    font-size: 1.2em;
    /*font-weight:600;*/
    text-align: center;
    font-weight: 600;
    margin-bottom: 0.3em;
}

.bpt_label_5 {
    position: relative;
    float: left;
    width: 6em;
    height: 1.7em;
    font-size: 0.9em;
    color: #5a5a5a;
    text-align: left;
}


.bpt_label_6 {
    position: relative;
    float: left;
    width: 8em;
    height: 2.3em;
    font-size: 0.9em;
    color: #5a5a5a;
    text-align: left;
}

.bpt_label_7 {
    position: relative;
    float: left;
    width: 12em;
    height: 2.3em;
    font-size: 0.9em;
    color: #5a5a5a;
    text-align: left;
    /*background-color:yellow;*/
}

.bpt_label_7a {
    position: relative;
    float: left;
    width: 12em;
    height: 1.8em;
    font-size: 1.2em;
    color: #5a5a5a;
    text-align: left;
    border-bottom: 0.1em solid #10e8d4;
    /*background-color:yellow;*/
}

/* #endregion GPS LABELS */

/* #region GPS OVERLAY SUB DIALOG */

.bpt_OverlayFrame {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.05;
}

.bpt_OverlaySubDialog, .bpt_OverlaySubDialog_LoadDistrOper {
    position: absolute;
    width: 45em;
    height: 90%;
    background-color: white;
    border: 0.1em solid #cccccc;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    padding: 0.3em;
}

.bpt_OverlaySubDialog_LoadDistrOper {
    height: 12em;
    width: 37em;
    padding: 1em;
    bottom: 0;
    margin: auto;
}

.bpt_SubDialogCloseBtn {
    position: relative;
    float: right;
    color: #e65656;
    background-color: none;
    font-size: 0.9em;
    font-weight: 600;
    border: none;
    background: none;
    margin-top: 0.3em;
}

.bpt_SubDialogHeaderTitle {
    position: relative;
    float: left;
    color: #5a5a5a;
    font-size: 1.1em;
    margin-left: 0.5em;
    margin-top: 0.5em;
}

/* #endregion GPS OVERLAY SUB DIALOG */

/* #region GPS TOP BORDERS */

.bpt_addBorderTopLightGray {
    border-top: 0.17em solid #e2e2e2;
}

.bpt_addBorderTopLightGray2 {
    border-top: 0.17em solid #fbfbfb;
}

.bpt_addBorderTopGreen {
    border-top: 0.17em solid #17dd76;
}

.bpt_addBorderTopBlue {
    border-top: 0.17em solid #2bc7f2;
}

.bpt_addBorderTopRed {
    border-top: 0.17em solid #f25656;
}

.bpt_addBorderTopOrange {
    border-top: 0.17em solid #f3d05b;
}



/* #endregion GPS TOP BORDERS */

.bpt_hsepaLine3 {
    float: left;
    margin-left: 1.3em;
    margin-right: 1.3em;
    color: #dbdbdb;
}

.bpt_addCol_1 {
    color: #10bfee;
}

.bpt_addCol_2 {
    color: #0edce2;
}

.bpt_addCol_3 {
    color: #09c0f2;
}

.bpt_addCol_4 {
    color: #4b4b4b;
}

.bpt_addCol_5 {
    color: #05d462;
}

.bpt_addCol_6 {
    color: #f34444;
}

.bpt_addCol_7 {
    color: white;
}

.bpt_addDisplay {
    display: inline-block;
}

.bpt_remDisplay {
    display: none;
}

.bpt_OPInQueue {
    color: #10b3de;
    font-weight: bold;
}

.bpt_chartTitle {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 0.9em;
    color: #5a5a5a;
}

.bpt_BackToAllDepartments {
    position: relative;
    float: left;
    margin-left: 1em;
    margin-right: 1em;
    color: #2fb9e6;
    text-decoration: none;
    font-weight: bold;
}

    .bpt_BackToAllDepartments:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.bpt_LastRefreshedLabel, .bpt_LastRefreshedValue {
    position: relative;
    float: left;
    font-size: 0.9em;
    color: #5a5a5a;
}

.bpt_LastRefreshedLabel {
    margin-left: 0.5em;
    margin-right: 0.7em;
}

.bpt_LastRefreshedValue {
    border-bottom: 0.08em solid #10bfee;
    font-size: 1.1em;
    /*margin-right:2em;*/
}

.bpt_customGlyph {
    position: relative;
    float: left;
    font-size: 1.3em;
    color: #3b3b3b;
    background: none;
    border: none;
    background-color: #fafafa;
    padding: 0.3em;
    margin-left: 0.3em;
}

.bpt_customGlyphLogin {
    position: relative;
    float: left;
    font-size: 2em;
    color: #686868;
    /*padding: 0.3em;*/
    margin-left: 45%;
}

.bpt_customGlyph1 {
    position: relative;
    float: left;
    font-size: 1.5em;
    color: #6f6f6f;
    margin-right: 0.7em;
    border-top: 0.1em solid #fbfbfb;
    padding: 0.2em;
}

.bpt_customGlyph1Selected {
    position: relative;
    float: left;
    font-size: 1.5em;
    margin-right: 0.7em;
    /*border-top: 0.1em solid #fbfbfb;*/
    padding: 0.2em;
    color: #0fb9e8;
    border-bottom: 0.1em solid #10e8d4;
}


.bpt_customGlyph:hover, .bpt_customGlyph1:hover, .bpt_customGlyphLogin:hover {
    color: #2bc7f2;
    cursor: pointer;
}

.bpt_customGlyph1:hover {
    border-top: 0.1em solid #2bc7f2;
}

.text-lineThrough {
    text-decoration: line-through;
}

.bpt_WizStep {
    position: relative;
    float: left;
    margin: 0.2em;
    /*background-color: #f6f6f6;*/
    color: #5a5a5a;
    padding: 0.5em;
    /*border-radius: 2em;*/
    width: 0.5em;
    height: 0.5em;
    text-align: center;
    font-size: 1.1em;
}

.bpt_WizStepLine {
    position: relative;
    float: left;
    margin: 0.2em;
    margin-top: 0.6em;
    color: #5a5a5a;
    /*margin-top:0.2em;*/
}

.bpt_WizStepCompleted {
    position: relative;
    float: left;
    /*margin: 0.2em;*/
    /*margin-top: 0.6em;*/
    /*background-color: #29c3f5;*/
    color: #29c3f5;
    padding: 0.5em;
    /*border-radius: 1em;*/
    width: 0.5em;
    height: 0.5em;
    text-align: center;
    font: bold;
    font-size: 1.2em;
}

.bpt_WizStepLineCompleted {
    position: relative;
    float: left;
    margin: 0.2em;
    margin-top: 0.6em;
    color: #10b3e8;
    font-weight: 800;
    /*margin-top: 0.2em;*/
}

.bpt_WizStepLineCompletedText {
    position: relative;
    float: left;
    margin: 0.2em;
    color: #10b3e8;
    margin-top: 0.5em;
}

.bpt_SubSectionHeaderHolder {
    position: relative;
    float: left;
    width: auto;
    min-width: 15em;
}

.bpt_SubSectionHeader {
    position: relative;
    float: left;
    text-align: left;
    font-size: 1.3em;
    color: #646464;
    margin-top: 0.3em;
    width: auto;
}


.bpt_AddHeight20em {
    height: 20em;
}

.bpt_hsepaLine3 {
    float: left;
    margin-left: 1.3em;
    margin-right: 1.3em;
    color: #dbdbdb;
}

.bpt_SubContainerHP1 {
    position: relative;
    float: left;
    margin-left: 0.1em;
    width: 33%;
    /*border-right:0.1em solid #f3f3f3;*/
}

.bpt_SubContainerHP2 {
    position: relative;
    float: left;
    margin-right: 0.5em;
    width: 66%;
    border-right: 0.1em solid #f3f3f3;
}

.float-right {
    float: right;
}

.float-left {
    position: relative;
    float: left;
}

.bpt_btnGVRegular, .bpt_btnGVRegular_v1, .bpt_btnGVRegular_v2 {
    border: none;
    display: inline-block;
    float: left;
    border: none;
    text-decoration: none;
    /*padding:0.3em;*/
    padding-left: 0.7em;
    padding-right: 0.7em;
    color: #007cc0;
    background-color: transparent;
    margin-right: 0.3em;
}

.bpt_btnGVRegular_v1 {
    float: right;
    margin-right: 0;
    padding-right: 0;
}

.bpt_btnGVRegular_v2 {
    font-size: 1.3em;
}

    .bpt_btnGVRegular:hover, .bpt_btnGVRegular_v1:hover, .bpt_btnGVRegular_v2:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.bpt_GPSBTNLoadDistribution, .bpt_GPSBTNLoadDistribution1 {
    position: relative;
    float: left;
    margin-left: 2em;
    background-color: #fcef81;
    text-decoration: none;
    padding: 0.1em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    color: #484848;
}

.bpt_GPSBTNLoadDistribution1 {
    background-color: #81f1fc;
}


.bpt_KPIInnerCont_6, .bpt_KPIInnerCont_7 {
    position: relative;
    float: left;
    min-width: 7em;
    width: auto;
    height: 3em;
    /*background-color:yellow;*/
    border: none;
    padding: 0;
    padding-bottom: 0.5em;
    /*margin-right: 2em;*/
    border-right: 0.1em solid #e4e4e4;
}

.bpt_KPIInnerCont_6, .bpt_KPIInnerCont_7 {
    min-width: 8em;
    border-right: 0.1em solid #fafafa;
}

.bpt_KPIInnerCont_7 {
    width: 17em;
}


    .bpt_KPIInnerCont_6:hover, .bpt_KPIInnerCont_7:hover {
        background-color: #fefefe;
        border-bottom: 0.1em solid #2bc7f2;
    }

.bpt_WCACont1 {
    position: relative;
    float: left;
    width: 47%;
    height: auto;
    /*background-color:red;*/
}

.bpt_WCACont2, .bpt_WCACont3 {
    position: relative;
    float: left;
    width: 6%;
    height: auto;
    color: #46d1ff;
    font-size: 1.3em;
    font-weight: bold;
    /*background-color: green;*/
}

.bpt_WCACont3 {
    color: transparent;
}



.bpt_WCALine {
    position: relative;
    float: left;
    width: 30%;
    height: 0.1em;
    margin-top: 1em;
    color: transparent;
    background-color: #46d1ff;
}

.bpt_WCALine1 {
    position: relative;
    float: left;
    width: 30%;
    height: 0.1em;
    margin-top: 1em;
    color: transparent;
    background-color: #ebebeb;
}

.bpt_WCAHeader {
    position: relative;
    float: left;
    width: 30%;
    background-color: #46d1ff;
    color: white;
    padding: 0.2em;
    border-radius: 0.3em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    text-align: center;
}

.bpt_WCAHeader1 {
    position: relative;
    float: left;
    width: 30%;
    border: 0.1em solid #46d1ff;
    background-color: #f8f8f8;
    color: #929292;
    padding: 0.2em;
    border-radius: 0.3em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    text-align: center;
}

.bpt_inputDateRange_1, .bpt_inputDateRange_2, .bpt_inputDateRange_3 {
    background-color: transparent;
    border: none;
    height: auto;
    width: 8em;
    text-align: center;
    color: #07a8d3;
    margin-left: 0.3em;
    margin-top: 0.3em;
    margin-bottom: 0.06em;
    border-bottom: 0.1em solid #fcfcfc;
}

.bpt_inputDateRange_2 {
    margin-top: 0;
}

.bpt_inputDateRange_3 {
    margin-top: 0;
    width: 10em;
    font-size: 1.1em;
}


    .bpt_inputDateRange:hover, .bpt_inputDateRange_1:hover, .bpt_inputDateRange_2:hover, .bpt_inputDateRange_3:hover {
        border-bottom: 0.1em solid #2dc9f3;
    }

/* #endregion GPS CSS */


/* #region ERROR NOTIFICATION DIALOG */

.mainNotifDivWrapper {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    cursor: wait;
    z-index: 101;
}

.mainNotifDiv {
    width: auto;
    width:50%;
    /*height: 20.7em;*/
    background-color: white;
    left: 0;
    right: 0;
    margin: 0 auto;
    border: 0.1em solid #d9d7d7;
    position: absolute;
    cursor: default;
    color: #4b4b4b;
}

.headerNotifLightBlueBorder {
    border-bottom: 0.2em solid #37c4eb;
    height: 1.5em;
    padding: 0.3em 0 0 0.3em;
    position: relative;
    font-size: 1em;
}

.headerNotif, .headerNotifYN {
    border-bottom: 0.2em solid #ff7575;
    height: 1.5em;
    padding: 0.3em 0 0 0.3em;
    position: relative;
    font-size: 1em;
}

 .headerNotifYN {
    border-bottom: 0.2em solid #ffdf75;
}

.detailsNotif {
    border-bottom: 0.1em solid #ededed;
    height: 15.8em;
    padding: 0.3em 0 0 0.3em;
    position: relative;
    overflow: auto;
}

.controlNotif {
    height: 2.5em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    line-height: 2.5em;
    background-color: #fefefe;
}



.controlYNNotif {
    height: 2.5em;
    position: relative;
    float: left;
    text-align: center;
    vertical-align: middle;
    line-height: 2.5em;
    width: 50%;
    background-color: #fefefe;
    text-decoration:none;
    color:#343434;
}


    .controlNotif:hover, .controlYNNotif:hover {
        cursor: pointer;
        background-color: #f6f6f6;
    }


@media only screen and (min-width: 1em) and (max-width:45em) {

    .mainNotifDiv, .headerNotif, .detailsNotif, .controlNotif, .mainYNNotifDiv, .headerYNNotif, .detailsYNNotif, .controlYNNotif {
        width: 100%;
    }
}

/* #endregion ERROR NOTIFICATION DIALOG */

/*.bpt_ReturnToMainMenuAnchor*/

.bpt_ReturnToMainMenuAnchor {
    position: relative;
    float: left;
    color: #616161;
    font-weight: 600;
    text-decoration: none;
    margin-right: 1.5em;
    border-bottom: 0.1em solid #14a3d9;
    padding: 0.2em;
}

    .bpt_ReturnToMainMenuAnchor:hover {
        color: #14a3d9;
        border: none;
        transition: 0.5s;
        cursor: pointer;
        background-color: #f2f2f2;
    }

.bpt_ReturnToMainMenuAnchorDelete {
    position: relative;
    float: left;
    color: #ed1a1a;
    font-weight: 600;
    text-decoration: none;
    margin-right: 1.5em;
    border-bottom: 0.1em solid #14a3d9;
    padding: 0.2em;
}

    .bpt_ReturnToMainMenuAnchorDelete:hover {
        color: #ff0000;
        border: none;
        transition: 0.5s;
        cursor: pointer;
        background-color: #f2f2f2;
    }

.bpt_ForeDeleteColor {
    color: #ed1a1a;
}

.bpt_ScannerField1 {
    position: relative;
    float: left;
    width: calc(100% - 1.8em);
    border: 0.07em solid #e9e9e9;
    border-radius: 0.3em;
    font-size: 1.05em;
    padding: 0.7em;
    background-color: transparent;
}

    .bpt_ScannerField1:focus{
        border:0.2em solid #10b3e8;
    }

    .bpt_ProgressBarDiv1 {
        position: absolute;
        width: calc(100% - 1em);
        margin-left: 0.3em;
        height: 3.6em;
        background-color: #ececec;
        opacity: 0.5;
    }

.bpt_ProgressBarDiv2 {
    position: absolute;
    /*width depends on the percentage assigned*/
    margin-left: 0.3em;
    height: 3.6em;
    background-color: #69cde9;
    /*background-image: radial-gradient( circle 951px at 5.8% 75.8%, #12be65 30%, #65d5cc 97% );*/
    opacity: 1;
}

.bpt_ProgressBarInput1 {
    background-color: transparent;
    text-align: center;
}

.bpt_ProgressBarLabel1 {
text-align:center;
width:100%;
background-color:rgba(46, 225, 133, 1.00);
}

.bpt_SummaryRow {
    background-color: #f4f1a8;
    font-weight: 600;
    margin-bottom:1em;
    border-left:none;
    margin-top:0;
}

.bpt_DisabledButton1 {
    position: relative;
    float: left;
    width: 100%;
    height: 2.5em;
    background: none;
    border: none;
    background-color: grey;
    color: white;
    font-size: 1.2em;
    border-radius: 0.1em;
    /*background: rgb(20,163,217);
    background: linear-gradient(58deg, rgba(20,163,217,1) 0%, rgba(136,218,249,1) 7%, rgba(69,194,241,1) 7%, rgba(20,163,217,1) 100%);*/
    /*background-image: linear-gradient(to right, #43C6AC 0%, #F8FFAE 51%, #43C6AC 100%);*/
    /*background-image: radial-gradient( circle 951px at 5.8% 75.8%, #10afe3 0%, #26ccf2 90% );*/
}

    .bpt_Button1, .bpt_Button1Anchor {
        position: relative;
        float: left;
        width: 100%;
        height: 2.5em;
        background: none;
        border: none;
        background-color: #40ccef;
        color: white;
        font-size: 1.2em;
        border-radius: 0.1em;
        /*background: rgb(20,163,217);
    background: linear-gradient(58deg, rgba(20,163,217,1) 0%, rgba(136,218,249,1) 7%, rgba(69,194,241,1) 7%, rgba(20,163,217,1) 100%);*/
        /*background-image: linear-gradient(to right, #43C6AC 0%, #F8FFAE 51%, #43C6AC 100%);*/
        background-image: radial-gradient( circle 951px at 5.8% 75.8%, #10afe3 0%, #26ccf2 90% );
    }

.bpt_LinkAnchor {
    color: #0fa4d2;
}

.bpt_LinkAnchor:hover {
    cursor:pointer;
    text-decoration:underline;
}

.bpt_Button1Anchor {
    height: auto;
    text-align: center;
    padding-top: 0.3em;
    padding-bottom: 0.5em;
}

    .bpt_Button1:hover, .bpt_Button1:focus, .bpt_Button1Anchor:hover, .bpt_Button1Anchor:focus {
        cursor: pointer;
        background-image: radial-gradient( circle 951px at 5.8% 75.8%, #26ccf2 90%, #10afe3 0%);
        transition: 0.5s;
        /*background: rgb(20,163,217);
        background: linear-gradient(58deg, rgba(20,163,217,1) 0%, rgba(69,194,241,1) 95%, rgba(136,218,249,1) 95%, rgba(20,163,217,1) 100%);*/
        /*background-position: right center;*/
    }

.btn-grad {
    background-image: linear-gradient(to right, #02AAB0 0%, #00CDAC 51%, #02AAB0 100%)
}

    .btn-grad:hover {
        background-position: right center;
    }

.bpt_ButtonLink1 {
 /*   font-weight: 600;*/
    color: #0b88b6;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    position: relative;
    float: left;
    cursor: pointer;
}

.bpt_ButtonLinkSelected1 {
    font-weight: 600;
    color: #0b88b6;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    position: relative;
    float: left;
    cursor: pointer;
    /*text-decoration: underline;*/
    background-color: #bfeffa;
    color: #5f5f5f;
    padding:0.3em;
    border:0.05em solid #25b0e5;
    border-radius:0.5em;
}

/* #region LOADING INDICATOR */
    .LIOverlayDiv {
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        /*opacity:0.1;
    background-color:white;*/
        cursor: wait;
    }

.LIDialogDiv {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: white;
    box-shadow: 0 0 0.5em rgba(239,239,239,1);
    -o-box-shadow: 0 0 0.5em rgba(239,239,239,1);
    -moz-box-shadow: 0 0 0.5em rgba(239,239,239,1);
    -webkit-box-shadow: 0 0 0.5em rgba(239,239,239,1);
    -ms-box-shadow: 0 0 0.5em rgba(239,239,239,1);
    border: 0.1em solid rgb(173, 222, 241);
    cursor: default;
    width: 19em;
    height: 6em;
}

.loadingMsg {
    position: relative;
    float: left;
    width: 100%;
    height: 30px;
    /*background-color:#808080;*/
    text-align: center;
    margin-top: 10px;
    color: #555555;
}

.loadingCont {
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
    /*background-color:#cdcdcd;*/
}

.innerLoadingCont {
    position: relative;
    /*float:left;*/
    width: 85%;
    height: 25px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.hideAnim {
    visibility: hidden;
}

.showAnim {
    visibility: visible;
}

.loadingDiv {
    position: relative;
    float: left;
    width: 0%;
    height: 0.6em;
    background-color: white;
    /*-webkit-animation-name: animloadingDiv; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 6s; /* Chrome, Safari, Opera */
    animation-name: animloadingDiv;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}

.loadingDiv1 {
    position: relative;
    float: left;
    width: 0%;
    height: 0.1em;
    margin-top:0.2em;
    background-color: white;
    -webkit-animation-name: animloadingDiv; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 6s; /* Chrome, Safari, Opera */
    animation-name: animloadingDiv;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}

.loadingDot1 {
    position: relative;
    float: left;
    width: 1em;
    height: 1em;
    margin-right:1em;
    border-radius:1em;
    background-color: #2bc7f2;
    opacity:0;
    -webkit-animation-name: animloadingDot1; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: animloadingDot1;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.loadingDot2 {
    position: relative;
    float: left;
    width: 1em;
    height: 1em;
    border-radius: 1em;
    background-color: #a1f22b;
    opacity: 0;
    -webkit-animation-name: animloadingDot2; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: animloadingDot2;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes animloadingDiv {
    0% {
        background-color: rgba(239,239,239,1);
    }

    25% {
        background-color: #f2e82b;
    }

    50% {
        background-color: #2bc7f2;
        width: 50%;
    }

    75% {
        background-color: #76f22b;
        width: 100%;
    }
}

@keyframes animloadingDiv_a {
    0% {
     
        border: 0.1em solid rgba(239,239,239,1);
    }

    25% {

        border: 0.1em solid #f2e82b;
    }

    50% {
        border: 0.1em solid #2bc7f2;
    }

    75% {
        border: 0.1em solid #76f22b;
    }
}

@keyframes animloadingDot1 {
    25% {
        opacity:0.25;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes animloadingDot2 {
    25% {
        opacity: 0.25;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@media only screen and (min-width: 50px) and (max-width:400px) {

    .LIDialogDiv {
        height: 100%;
        width: 100%;
        overflow: scroll;
    }
}

/* #endregion LOADING INDICATOR */


/* #region LOGIN PAGE */

.bpt_CompName{
    border-bottom:0.1em solid #3acef6;
    color:#5a5a5a;
}

.bpt_FloatLeftTemp{
    position:relative;
    float:left;
    margin-right:0.5em;
}

.loginStatus {
    position: relative;
    float: right;
}

.bpt_loginLabel, .bpt_logutBtnDiv {
    position: relative;
    float: right;
}

.bpt_loginLabel {
    /*background-color:#0cd0a6;*/
    height: 2.1em;
    padding-top: 0.7em;
    /*color:white;*/
    padding-left: 0.5em;
    padding-right: 0.5em;
}


.bpt_LogOutButton {
    position: relative;
    color: white;
    /*background-color:#e66c6c;*/
    border: none;
    height: 3.13em;
    width: 5em;
    margin-top: 0.8em;
    margin-right: 1em;
    background: none;
    background-color: none;
}

    .bpt_LogOutButton:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.bpt_LogOutButton1 {
    background: none;
    /*background: rgb(255,255,255);
    background: linear-gradient(127deg, rgba(255,255,255,1) 50%, rgba(251,82,82,1) 50%);*/
    border: 0.1em solid white;
    background-color: transparent;
    /*background-image: linear-gradient(to right, #44b4e5, #49b4e7, #4fb3e8, #54b3ea, #5ab2eb);*/
    position: relative;
    float: right;
    padding: 0.1em;
    border-radius: 0.8em;
    /*color: #636363;*/
    /*color: #434343;*/
    color: white;
    /*font-weight: 600;*/
    margin-top: 0.8em;
    margin-right: 1em;
    margin-bottom: 0.5em;
    height: 2.8em;
    width: 6em;
    text-align: center;
    text-decoration: none;
    padding-left: 0.7em;
    padding-right: 0.7em;
    
}

    .bpt_LogOutButton1:hover {
        /*background-color: #ff7878;*/
        color: white;
        cursor: pointer;
        border: none;
        background-image: linear-gradient(120deg, #e74545 0%, #f76161 100%);
    }

.bpt_logoDiv {
    position: relative;
    float: left;
    color: white;
    min-width: 25em;
    width: 10em;
    padding: 0.4em;
}

.bpt_headerTitle {
    position: relative;
    float: left;
    font-size: large;
    color: #1b343e;
    font-weight: 600;
}

.bpt_headerTitle1 {
    position: relative;
    float: left;
    font-size: large;
    color: #10b3e8;
    font-weight: 600;
    margin-left: 0.5em;
}

.bpt_headerTitle2 {
    position: relative;
    float: left;
    font-size:1.3em;
    color:#7d7d7d;
    width:100%;
}

.bpt_headerTitle2Border {
    position: relative;
    float: left;
    border-bottom:0.1em solid #10b3e8;
    width:2em;
}

.bpt_headerTitle4, .bpt_headerTitle5, .bpt_headerTitle6, .bpt_headerTitle7 {
    position: relative;
    float: left;
    font-size: 1.1em;
    color: #404040;
    width: 100%;
    border-bottom: 0.05em solid rgba(239,239,239,1);
    padding-bottom: 0.2em;
}

.bpt_headerTitle5, .bpt_headerTitle7 {
    color: #707070;
    border: none;
}

    .bpt_headerTitle7
    {
        width:auto;
        margin-right:2em;
    }

    .bpt_headerTitle6, .bpt_headerLbl {
        width: 100%;
        text-align: center;
        color: #8b8b8b;
        border: none;
        font-size: 1.5em;
    }

.bpt_headerLbl {
    width: auto;
    float: left;
    background-color: #fcfcfc;
    height: auto;
    /*background-color:yellow;*/
    padding: 0.3em;
    padding-bottom: 0.6em;
}


    .bpt_appVersion {
        margin-left: 0.3em;
        margin-top: 1em;
        position: relative;
        float: left;
        font-size: 0.9em;
        color: #757575;
    }

.bpt_MainLayoutContainer {
    position: relative;
    float: left;
    width: 75%;
    background-color: red;
}

.bpt_MainNavigation {
    position: relative;
    float: left;
    display: table;
    width: 25%;
    height: 100%;
    background-color: aqua;
}

.bpt_masterDiv1 {
    position: relative;
    float: left;
    width: auto;
}

.mbpt_asterNav {
    position: relative;
    float: left;
    left: 0;
    width: 7em;
    /*height:100%;*/
    /*padding:0.8em;*/
    top: 3em;
    bottom: 0;
    background-color: transparent;
    margin-top: -0.1em;
    border-right: 0.1em solid #f2f2f2;
    /*box-shadow: 0 0 0.5em rgba(239,239,239,1);
    -o-box-shadow: 0 0 0.5em rgba(239,239,239,1);
    -moz-box-shadow: 0 0 0.5em rgba(239,239,239,1);
    -webkit-box-shadow: 0 0 0.5em #f2f2f2;
    -ms-box-shadow: 0 0 0.5em rgba(239,239,239,1);
    border-bottom:0.1em solid #e1e1e1;*/
}

.bpt_subNav {
    position: relative;
    float: left;
    width: auto;
    height: 2.5em;
}

.bpt_subNavGL {
    position: relative;
    float: left;
    width: auto;
    margin-top: 0.3em;
    padding-left: 0.3em;
    /*border-bottom:0.15em solid #ffcc00;*/
}

/*.subNav:hover {
    background-color:rgba(239,239,239,1);
}*/

.bpt_ContentPlaceHolder {
    width: 99%;
    height: 100%;
    /*background-color:yellow;*/
    padding-left: 0.3em;
}

.bpt_navLink {
    display: inline-block;
    color: #3b3b3b;
    margin-top: 0.7em;
    margin-right: 0.5em;
    white-space: nowrap;
}

.bpt_navLink:link {
    color: #3b3b3b;
    text-decoration: none;
    margin-top: 0.4em;
    margin-left: 0.5em;
}



.bpt_navLink:hover {
    border-bottom: 0.15em solid #10b3e8;
    color: #10b3e8;
}

.bpt_navLinkSelected {
    position: relative;
    float: left;
    color: #00003e;
    /*background-color:#fafafa;*/
    font-weight: 600;
    border-bottom: 0.25em solid #10b3e8;
    height: 2.35em;
    min-width: 5em;
    text-align: center;
    padding-top: 0.5em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    text-decoration: none;
    margin-left: 1em;
    white-space: nowrap;
}

.bpt_navLinkSelected_a {
    position: relative;
    float: left;
    color: white;
    background-color: #10b3e8;
    /*background-color:#fafafa;*/
    font-weight: 600;
    height: 2.5em;
    min-width: 5em;
    text-align: center;
    padding-top: 0.5em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    text-decoration: none;
    margin-left: 1em;
    white-space: nowrap;
}

.bpt_shrinkNavCell {
    width: 14.6em;
}

.bpt_loginWrapper {
    margin: 0 auto;
    position: absolute;
    top: 5em;
    left: 0;
    bottom: 0;
    right: 0;
    width: 32em;
    height: 27em;
    background-color: white;
    /*border: 0.1em solid #d1d1d1;*/
    /*border-bottom: 0.1em solid #d1d1d1;*/
    border-radius: 0.2em;
    -webkit-box-shadow: 0px 0px 23px 1px #e1e1e1;
    -moz-box-shadow: 0px 0px 23px 1px #e1e1e1;
    box-shadow: 0px 0px 23px 1px #e1e1e1;
}

.bpt_outerMainWrapper, .bpt_LoginWrapper2 {
    margin: 0 auto;
    position: absolute;
    top: 2em;
    left: 0;
    bottom: 0;
    right: 0;
}

.bpt_LoginWrapper2 {
    width: 25em;
    height: 35em;
}

.bpt_innerDivWrapper {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    /*-webkit-box-shadow: -1px 1px 4px 0px rgba(235,235,235,1);
    -moz-box-shadow: -1px 1px 4px 0px rgba(235,235,235,1);
    box-shadow: -1px 1px 4px 0px rgba(235,235,235,1);*/
    -webkit-box-shadow: 0px -1px 38px 1px #d1d1d1;
    -moz-box-shadow: 0px -1px 38px 1px #d1d1d1;
    box-shadow: 0px -1px 38px 1px #d1d1d1;
    background-color: white;
    border-radius: 0.3em;
    /*border:0.1em solid rgb(249, 249, 249);*/
}

.bpt_mainMenuDimensions {
    width: 33em;
    height: 25em;
}

.bpt_mainMenuPadding
{
    padding: 2em;
}

.bpt_panelDimensions1, .bpt_panelDimensions2, .bpt_mainMenuDimensions1, .bpt_mainMenuDimensions3 {
    width: 60em; /*52*/
    height: auto;
}

.bpt_panelDimensions2 {
    width: 75em;
    height: auto;
}

.bpt_panelDimensions3 {
    width: 40em;
    height: auto;
}

.bpt_mainMenuDimensions1 {
    width: 25em;
}

.bpt_panelPadding1, .bpt_panelPadding2 {
    padding: 2em;
}

.bpt_WOSelectedRow {
    background-color: #f5f5f5;
}

.bpt_WONotSelectedRow {
    background-color: transparent;
}




.bpt_addDivBlur1 {
    border-radius: 0.3em;
    /*border: 0.06em solid #d6ed88;*/
    -webkit-box-shadow: 0px 0px 23px 1px #e1e1e1;
    -moz-box-shadow: 0px 0px 23px 1px #e1e1e1;
    box-shadow: 0px 0px 23px 1px #e1e1e1;
}

.bpt_homePageTitle, .bpt_homePageTitle2, .bpt_PageTitle1 {
    width: 100%;
    text-align: center;
    color: #5e5e5e;
    font-size: 1.4em;
    border-bottom: 0.07em solid #f2f2f2;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
}

.bpt_PageTitle1 {
    position: relative;
    float: left
}

.bpt_PageTitleStartText {
    position: relative;
    float: left;
    margin-right: 0.5em;
    margin-left: 35%;
}

.bpt_PageTitleMainText {
    position: relative;
    float: left;
    color: #14a3d9;
    font-weight: 600;
    margin-right: 0.5em;
}

.bpt_PageTitleSubText {
    position: relative;
    float: left;
    margin-right: 0.3em;
}

.bpt_PageTitleSubTextColor_Pending
{
    color:#09afbd;
}

.bpt_PageTitleSubTextColor_Completed {
    color: #17bd09;
}

.bpt_OrangeText1 {
    position: relative;
    float: left;
    color: #f88c0c;
    font-weight: 600;
}

.bpt_PendingPickPack {
    float: left;
    font-size: 1.1em;
    width: 99%;
    text-align: center;
    /*font-weight: 600;*/
    text-decoration: none;
}


.bpt_lbl13 {
    position: relative;
    float: left;
    width: 10.5em;
}

.bpt_lbl13 {
    margin-left: 0.3em;
    margin-bottom: 0.2em;
    font-size: 0.93em;
    color: #707070;
}

.bpt_sepa1 {
    margin-top: 1em;
}

.bpt_sectionHeader4 {
    position: relative;
    float: left;
    margin-bottom: 0.3em;
    margin-bottom: 0.1em;
    margin-left: 1em;
    padding-bottom: 0.2em;
    font-weight: 600;
    font-size: 0.9em;
    color: #6f6f6f;
}

.bpt_sectionHeader4 {
    float: right;
    font-size: 1.1em;
    margin: 0;
    /*background-color: #10bfee;*/
    text-align: center;
    width: 80%;
    height: 1.7em;
    padding-top: 0.3em;
    color: #5c5c5c;
    border-bottom: 0.2em solid #0fa4dd;
}

.bpt_sectionHeader5 {
    position: relative;
    float: left;
    margin-top: 1em;
    /*margin-bottom: 1em;*/
    width: 100%;
    color: #5b5b5b;
    font-weight: 700;
    background-color: #fcfcfc;
    padding-top: 0.2em;
    padding-top: 0.2em;
}

.bpt_sectionHeader5Center {
    position: relative;
    margin-top: 1em;
    /*margin-bottom: 1em;*/
    width: 100%;
    color: #5b5b5b;
    font-weight: 700;
    background-color: #fcfcfc;
    padding-top: 0.2em;
    padding-top: 0.2em;
}

.bpt_sectionHeader3 {
    position: relative;
    float: left;
    /*margin-top: .1em;*/
    /*margin-bottom: 1em;*/
    width: 100%;
    color: #5b5b5b;
    font-weight: 700;
    background-color: #fcfcfc;
    /*padding-top: 0.1em;*/
}

.bpt_OrderDetailsHidden
{
    position:relative;
    float:left;
    width:100%;
    height:auto;
    visibility:hidden;
    height:0;
}

.bpt_OrderDetailsVisible {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    visibility:visible;
    height: auto;
}

.bpt_ShowHideSpan {
    position: relative;
    float: left;
    color: #088ab4;
    font-weight: 600;
}

    .bpt_ShowHideSpan:hover
    {
        cursor:pointer;
        text-decoration:underline;
    }


/* #region UI Message */

.bpt_UIMessage {
    position: relative;
    float: left;
    /*color: #0ab2ae;*/
    /*color:black;*/
    font-size: 1.1em;
    /*font-weight: 600;*/
    width: calc(100% - 0.7em);
    background-color: rgba(10, 178, 174, 0.06);
    /*background-color: white;*/
    /*color: white;*/
    color: black;
    border-radius: 0.3em;
    padding: 0.4em;
    margin-top: 0.3em;
    -webkit-box-shadow: 0px 1px 2px 1px #d1d1d1;
    -moz-box-shadow: 0px 1px 2px 1px #d1d1d1;
    box-shadow: 0px 1px 2px 1px #d1d1d1;
    /*opacity: 0.2;*/
}

.bpt_UIMessagePositive {
    background-image: radial-gradient( circle 951px at 5.8% 75.8%, #12be65 30%, #65d5cc 97% );
    /*color: #12be65;*/
}

.bpt_UIMessageRegular {
    background-image: radial-gradient( circle 951px at 5.8% 75.8%, #0bbcb4 0%, #4cece0 97% );
    /*color: #0bbcb4;*/
}

.bpt_UIMessageNegative {
    background-image: radial-gradient( circle 951px at 15.8% 75.8%, #dd4040 0%, #f0c26d 97% );
    /*background-image: radial-gradient( circle 951px at 5.8% 75.8%, #1ccec6 0%, #6df0e6 97% );*/
    /*color: #dd4040;*/
}

.bpt_UIMessageHide {
    animation-name: KF_UIMessageHide;
    animation-duration: 10s;
    opacity: 0;
    position: absolute;
}

@keyframes KF_UIMessageHide {
    0% {
        opacity: 1.0; /* opacity: 100; */
        position: relative;
    }

    25% {
        opacity: 0.5; /* opacity: 50; */
        position: relative;
    }

    50% {
        opacity: 0.25; /* opacity: 25; */
        position: relative;
    }

    100% {
        opacity: 0; /* opacity: 0; */
        position: absolute;
    }
}

/* #endregion UI Message */

/* #region GRID HOLDERS */
.bpt_grid_holder_3_4x4x4 {
    width: 100%;
    position: relative;
    float: left;
    display: grid;
    grid-template-columns: 4fr 4fr 4fr;
    gap: .5rem;
}

.bpt_grid_holder_4_4x4x4x4 {
    width: 100%;
    position: relative;
    float: left;
    display: grid;
    grid-template-columns: 4fr 4fr 4fr 4fr;
    gap: .5rem;
}

.bpt_grid_holder_2_16x4 {
    width: 100%;
    position: relative;
    float: left;
    display: grid;
    grid-template-columns: 16fr 4fr;
    gap: .5rem;
}

.bpt_grid_holder_2_20x20 {
    width: 100%;
    position: relative;
    float: left;
    display: grid;
    grid-template-columns: 20fr 20fr;
    gap: .5rem;
}

/* #endregion GRID HOLDERS */

.bpt_AsObsoleteDiv {
    position: fixed;
    width: auto;
    max-width: 25em;
    height: auto;
    max-height: 15em;
    background-color: white;
    border: 0.05em solid #afafaf;
    margin-top: 2.2em;
    padding: 0.5em;
    overflow: auto;
    z-index: 99999999 !important;
}

.bpt_btnStyle1aLogin {
    float: left;
    width: 100%;
    height: 4em;
    margin: 0;
    border: none;
    /*border-bottom: 0.1em solid #ebebeb;
    border-top: 0.1em solid #ebebeb;*/
    /*border: 0.1em solid #ebebeb;*/
    border-radius: 0;
    margin-top: 3em;
    /*background-color: #fafafa;*/
    /*background-color: #14a3d9;*/
    color: white;
    font-weight: 600;
    border-radius: 0.2em;
    background: #26b0dd;
}

    .bpt_btnStyle1aLogin:hover {
        text-decoration: none;
        cursor: pointer;
        background-color: #15a8d8;
    }

.bpt_customGlyphLogin {
    position: relative;
    float: left;
    font-size: 2em;
    color: #686868;
    /*padding: 0.3em;*/
    margin-left: 45%;

}


.bpt_customGlyphLogin:hover {
    color: #2bc7f2;
    cursor: pointer;
}

.bpt_inputLogin, .bpt_dropDownLogin {
    height: 2.2em;
    border-radius: 0;
    margin-left: 0.3em;
    width: 97%;
    border: 0.1em solid #d1d1d1;
    border-radius:0.2em;
}

.bpt_dropDownLogin {
    height: 2.2em;
}


    .bpt_inputLogin:hover, .bpt_dropDownLogin:hover {
        border-bottom: 0.13em solid #13bcd4;
    }

/* #endregion LOGIN PAGE */


/* #region MAIN PAGE */

.bpt_mainIconContainer, .bpt_mainAppHeaderContainer {
    position: relative;
    float: left;
    margin: 0.5em;
}

.bpt_mainAppUserName {
    position: relative;
    float: right;
    /*color: #636363;*/
    color: white;
    /*font-weight: 600;*/
    /*font-weight:600;*/
    margin-top: 2.3em;
    margin-right: 1em;
}

.bpt_AppLogo {
    width: 15em;
}

.bpt_Settings {
    position: relative;
    float: left;
    margin-left: 2em;
    color: #13b4e9;
    margin-top: 3em;
}

.bpt_LoggedInInfo {
    position: relative;
    float: left;
    margin-left: 15em;
    /*background-color: yellow;*/
    height: 1.5em;
    margin-top: 3em;
}

.bpt_SettingsHelp, .bpt_btnLogout {
    position: relative;
    float: left;
    margin-left: 2em;
    color: #e9a313;
    margin-top: 3em;
    text-decoration: none;
}

.bpt_btnLogout {
    /*font-weight:bold;*/
    margin-right: 1em;
    margin-top: 0.2em;
    background-color: none;
    background: none;
    border: none;
}

.bpt_btnLogout:hover {
cursor:pointer;
text-decoration:dashed;
}



    .bpt_Settings1 {
        position: relative;
        float: left;
        margin-left: 0.7em;
        color: #13b4e9;
        margin-top: 3em;
        text-decoration: none;
    }

.bpt_Settings3, .bpt_btnAction, .bpt_btnSelected {
    position: relative;
    float: right;
    color: #13b4e9;
    margin-top: 1em;
    text-decoration: none;
    margin-left: 1em;
    border-top: 0.1em solid #ebebeb;
}

.bpt_btnAction
{
    margin-left:0;
    float:left;
    margin-top:0;
    border:none;

}

    .bpt_btnAction:hover{
        cursor:pointer;
        text-decoration:underline;
    }

    .bpt_btnSelected {
        margin-left: 0;
        float: left;
        margin-top: 0;
        border: none;
        color: blueviolet;
    }


    .bpt_Settings3:hover {
        border-top: 0.1em solid #10b3e8;
    }

.bpt_SelectedActionHolder {
    position: relative;
    float: right;
    /*width:8.5em;*/
    width:auto;
    margin-left:1.5em;
    margin-right:0.5em;
    margin-top:0.5em;
}

.bpt_SelectedAction{
    position: relative;
    float: left;
    font-size: 1.3em;
    color: #7d7d7d;
    width: 100%;
    text-decoration:none;
}

.bpt_SelectedActionBorder {
    position: relative;
    float: left;
    border-bottom: 0.15em solid #10b3e8;
    width: 2em;
}


.bpt_YouTubeIcon {
    position: relative;
    float: left;
    margin-left: 4em;
    margin-top: 2.5em;
}






/* #endregion MAIN PAGE */


/* #region WORKSPACE */

.bpt_mainAppRow {
    position: relative;
    width: 70%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 1em;
}

.bpt_mainAppContainer {
    position: relative;
    width: 70%;
    height: 25em;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-top: 0.1em solid #f8f8f8;
    border-bottom: 0.1em solid #f8f8f8;
    padding: 1em;
    background-color: #fefefe;
}

.bpt_EditCustomAppLink {
    position: relative;
    float: right;
    font-size:1.8em;
    margin-top:0.5em;
    color:#dcdcdc;
    text-decoration:none;
}

    .bpt_EditCustomAppLink:hover {
        color: #10b3e8;
    }



.bpt_subAppContainer, .bpt_subAppContainer1, .bpt_subAppContainer3, .bpt_subAppContainer4 {
    position: relative;
    float: left;
    width: 47%;
    /*min-width: 17em;*/
    /*height: 5.3em;*/
    border: 0.08em solid #e1e1e1;
    border-radius: 0.2em;
    -webkit-box-shadow: 0px 0px 10px 1px #e1e1e1;
    -moz-box-shadow: 0px 0px 10px 1px #e1e1e1;
    box-shadow: 0px 0px 10px 1px #e1e1e1;
    padding: 0.5em;
    margin-right: 0.3em;
    margin-top: 0.5em;
    background-color: white;
    height: 3em;
    border-radius: 0.3em;
}



    .bpt_subAppContainer2 {
        position: relative;
        float: left;
        width: 45%;
        height: 13em;
        padding: 0;
        /*background-color:yellow;*/
        border: 0.08em solid #e1e1e1;
        border-radius: 0.2em;
        -webkit-box-shadow: 0px 0px 10px 1px #e1e1e1;
        -moz-box-shadow: 0px 0px 10px 1px #e1e1e1;
        box-shadow: 0px 0px 10px 1px #e1e1e1;
        margin-right: 0.3em;
        margin-top: 1.5em;
        border-radius: 0.3em;
    }

.bpt_subAppContainer3 {
    width: 96%;
}

.bpt_subAppContainer4 {
    width:47%;
    min-height: 8em;
    height:auto;
}

.bpt_subAppContainer:hover, .bpt_subAppContainer1:hover, .bpt_subAppContainer2:hover, .bpt_subAppContainer3:hover {
    background-color: #f8f8f8;
    cursor: pointer;
    border-top: 0.1em solid #11b0e4;
}

.bpt_subOptionLink, .bpt_subOptionDiv {
    position: relative;
    float: left;
    width: 100%;
    color:#0e80aa;
}

    .bpt_subOptionDiv
    {
        color:transparent;
    }

    .bpt_subOptionLink:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.bpt_floatingInputHolder {
    position: relative;
    float: left;
    width: 99%;
    margin-bottom: 2em;
    height: 1.2em;
}

.bpt_floatingInput1_Readonly, .bpt_floatingDropDown1_Readonly, .bpt_floatingLabel2_Readonly {
    position: absolute;
    float: left;
    width: calc(100% - 1.5em);
    color: grey;
    background-color: #f6f6f6;
    border: none;
    border-bottom: 0.08em solid #e9e9e9;
    padding: 0.3em;
    padding-left: 0.2em;
    padding-bottom: 0.5em;
    margin-left: 0.3em;
    top: 100%;
}

.bpt_floatingInput1, .bpt_floatingDropDown1, .bpt_floatingLabel2, .bpt_floatingInput1_Password {
    position: absolute;
    float: left;
    width: calc(100% - 1.5em);
    border: none;
    border-bottom: 0.08em solid #b2b2b2;
    padding: 0.3em;
    padding-left: 0.2em;
    padding-bottom: 0.5em;
    margin-left: 0.3em;
    top: 100%;
}

    .bpt_cellInputText100 {
        position: absolute;
        float: left;
        text-align: left;
        width: 100%;
        border: none;
    }

.bpt_cellInputText90 {
    position: absolute;
    float: left;
    text-align: left;
    width: 90%;
    border: none;
}

.bpt_cellInputText80 {
    position: absolute;
    float: left;
    text-align: left;
    width: 80%;
    border: none;
}

.bpt_cellInputNumb80 {
    position: absolute;
    float: right;
    text-align:right;
    width: 80%;
    border: none;
}

.bpt_cellInputNumb60 {
    position: absolute;
    float: right;
    text-align: right;
    width: 60%;
    border: none;
}

.bpt_floatingLabel2_Readonly {
    text-align: center;
    margin-top: 0.5em;
    border: none;
    color: #000000;
}

.bpt_floatingLabel2 {
 text-align:center;
 margin-top:0.5em;
 border:none;
 color:#000000;
}



    /*.bpt_floatingDropDown1
    {
        position:relative;

    }*/

.bpt_floatingInput1_Readonly:hover, .bpt_floatingDropDown1_Readonly:hover {
    border-bottom: 0.1em solid #e9e9e9;
}

.bpt_floatingInput1:hover, .bpt_floatingDropDown1:hover, .bpt_floatingInput1_Password:hover {
    border-bottom: 0.1em solid #25b0e5;
}

.bpt_floatingInput1:read-only {
    border-bottom: 0.05em solid #e9e9e9;
}

.bpt_floatingInput1:-moz-read-only {
    border-bottom: 0.05em solid #e9e9e9;
}

/*.bpt_NoEditBorder {
    
}*/


.bpt_floatingLabel1_Readonly, .bpt_floatingLabel2_Readonly {
    position: absolute;
    float: left;
    margin-left: 0.3em;
    color: #454545;
    top: 100%;
    font-size: 1em;
}

.bpt_floatingLabel1_Password {
    position: absolute;
    float: left;
    margin-left: 0.3em;
    color: #454545;
    top: 100%;
    font-size: 1em;
}

.bpt_floatingLabel1, .bpt_floatingLabel2 {
    position: absolute;
    float: left;
    margin-left: 0.3em;
    color: #454545;
    top: 100%;
    font-size: 1em;
}

.bpt_floatingLabel2_Readonly {
    top: 0;
    bottom: 100%;
}

.bpt_floatingLabel2 {
    top: 0;
    bottom: 100%;
}

.bpt_floatingInput1_Readonly:focus + .bpt_floatingLabel1_Readonly {
    color: #14a3d9;
    bottom: 100%;
    top: 0;
    transition: 0.3s;
    opacity: 1;
    font-size: 0.9em;
    font-weight: 600;
}

.bpt_floatingInput1_Password:focus + .bpt_floatingLabel1_Password {
    color: #14a3d9;
    bottom: 100%;
    top: 0;
    transition: 0.3s;
    opacity: 1;
    font-size: 0.9em;
    font-weight: 600;
}

.bpt_floatingInput1:focus + .bpt_floatingLabel1 {
    color: #14a3d9;
    bottom: 100%;
    top: 0;
    transition: 0.3s;
    opacity: 1;
    font-size: 0.9em;
    font-weight: 600;
}

.bpt_floatingInput1_Readonly:focus {
    transition: 0.3s;
    border-bottom: 0.13em solid #e9e9e9;
}

.bpt_floatingInput1_Password:focus {
    transition: 0.3s;
    border-bottom: 0.13em solid #14a3d9;
}

.bpt_floatingInput1:focus {
    transition: 0.3s;
    border-bottom: 0.13em solid #14a3d9;
}

.bpt_floatingInput1_Readonly::placeholder {
    opacity: 0;
}

/*.bpt_floatingInput1_Password::placeholder {
    opacity: 0;
}*/

.bpt_floatingInput1::placeholder {
    opacity: 0;
}

.bpt_floatingInput1_Readonly:not(:placeholder-shown) + .bpt_floatingLabel1_Readonly {
    top: 0;
    bottom: 100%;
    opacity: 1;
}

.bpt_floatingInput1_Password:placeholder-shown + .bpt_floatingLabel1_Password {
    top: 0;
    bottom: 100%;
    opacity: 1;
}

.bpt_floatingInput1_Password:not(:placeholder-shown) + .bpt_floatingLabel1_Password {
    top: 0;
    bottom: 100%;
    opacity: 1;
}

.bpt_floatingInput1:not(:placeholder-shown) + .bpt_floatingLabel1 {
    top: 0;
    bottom: 100%;
    opacity:1;
}
/*.bpt_floatingInput1:valid {
background-color:white;
}*/

.bpt_LargerFont1 {
    font-size: 1.13em;
    border-width:0.05em;
}

/* input - Chrome, Safari, Edge, Opera */
.bpt_NoSpinButton::-webkit-outer-spin-button,
.bpt_NoSpinButton::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* input[type=number] - Firefox  */
.bpt_NoSpinButton {
    -moz-appearance: textfield;
}

.bpt_shipmentRow {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 0.2em;
    /*margin-bottom: 0.2em;*/
    /*border-bottom: 0.1em solid #e7e7e7;*/
    padding-bottom: 0.2em;
    /*padding-top: 0.15em;*/
}

    /*.bpt_shipmentRow:hover {
        border-bottom: 0.1em solid #05acc6;
    }*/

.bpt_Label7, .bpt_Label7a {
    position: relative;
    float: left;
    color: #454545;
}
.bpt_Label7 {
    /*background-color:yellow;*/
    width: 6em;
}

.bpt_Label7a {
    /*background-color:yellow;*/
    width: 6em;
}

.bpt_txt5 {
    width: 97%;
    height: 1.5em;
    border-radius: 0.3em;
    border: none;
}

.bpt_txt5 {
    height: 4em;
    border: 0.1em solid rgba(239,239,239,1);
    margin-top: 0.3em;
}

.bpt_txt6, .bpt_txt6a {
    position: relative;
    float: left;
    width: calc(100% - 11.5em);
    border: 0.1em solid #e1e1e1;
    height: 1.3em;
}


.bpt_txt6, .bpt_txt6a {
    position: relative;
    float: left;
    width: calc(100% - 7em);
    border: none;
    border-bottom: 0.08em solid #b2b2b2;
    height: 1.5em;
    /*font-weight: 600;*/
    color: #2d2d2d;
}

.bpt_txt6a {
    width: calc(100% - 7em);
}

    .bpt_txt6:hover, .bpt_txt6a:hover {
        border-bottom: 0.1em solid #25b0e5;
    }

.bpt_shipmentNumber {
    font-weight: 600;
    color: #0598c6;
    font-size: 1.3em;
}




bpt_AppName, .bpt_AppName1 {
    position: relative;
    float: left;
    font-size: 1.1em;
    color: #787878;
    text-decoration: none;
    margin-top: 0.5em;
}

    .bpt_AppName1{
        margin-left:0.5em;
    }

    .bpt_AppVersion {
        position: relative;
        float: right;
        font-size: 0.83em;
        color: #9c9c9c;
    }



.bpt_LblUserGuide {
    position: relative;
    float: right;
    color: #11b0e4;
    font-size: 0.95em;
    margin-top: 1.3em;
    margin-left: 0.3em;
    font-size: 0.9em;
}

.bpt_IconHolder, .bpt_ImageHolder, .bpt_SelectedIconHolder {
    position: relative;
    float: left;
    margin-right: 2em;
    max-height: 3em;
    max-width: 3em;
}

.bpt_SelectedIconHolder {
border-bottom:0.2em solid #3acef6;
}

.bpt_ImageHolder
{

}

/* https://www.w3.org/WAI/ARIA/apg/example-index/table/sortable-table */
/* https://www.w3.org/WAI/ARIA/apg/example-index/table/css/sortable-table.css */
.bpt_SortedASC {
    content: "▲";
    color:currentColor;
    font-size:100%;
    top:0;
}

.bpt_SortedDESC {
    content: "▼";
    color: currentColor;
    font-size: 100%;
    top: 0;
}

.bpt_bottomBlueBorder {
    width: 75%;
    background-color: #49cbf6;
    height: 0.05em;
    margin-top: 0.6em;
}

.bpt_appregfeedback {
    position: relative;
    float: left;
    font-size: 1.2em;
    color: #acacac;
    margin-bottom: 0.3em;
}

.bpt_moreApps {
    position: relative;
    float: left;
    font-size: 0.95em;
    margin-left: 1em;
    margin-top: 0.5em;
    color: #13b4e9;
    text-decoration:none;
}

.bpt_appUpdateInfo {
    position: relative;
    float: left;
    font-size: 0.95em;
    margin-left: 1em;
    margin-top: 0.5em;
    color: #eda31f;
}

.bpt_col90p {
    position: relative;
    float: left;
    width: 90%;
}

.bpt_col80p {
    position: relative;
    float: left;
    width: 80%;
}

.bpt_col60p {
    position: relative;
    float: left;
    width: 60%;
}

.bpt_col50p, .bpt_col50p1, .bpt_col50p2, .bpt_col50p2a, .bpt_col50p2b, .bpt_col50p2cMainIndex1 {
    position: relative;
    float: left;
    width: 50%;
}

.bpt_col50p2 {
    width: calc(55% - 1em);
    margin-right:0.5em;
}

.bpt_col50p2a {
    width: calc(45% - 2em);
}

.bpt_col50p2b {
    width: calc(50% - 0.5em);
}

.bpt_col50p2cMainIndex1, .bpt_col50p2cMainIndex2 {
    width: 48%;
    overflow: auto;
  margin-right:0.7em;
    
}

.bpt_col50p2cMainIndex2 {
    width: 47%;
    overflow: auto;
margin-right:0.5em;
}



.bpt_col45p {
    position: relative;
    float: left;
    width: 45%;
}

.bpt_col40p {
    position: relative;
    float: left;
    width: 40%;
}

.bpt_colAuto {
    position: relative;
    display: inline-block;
    float: left;
    /*clear:both;*/
    width: 48%;
}

.bpt_col32p {
    position: relative;
    float: left;
    width: 32%;
}

.bpt_col30p {
    position: relative;
    float: left;
    width: 30%;
}

.bpt_col25p {
    position: relative;
    float: left;
    width: 25%;
}

.bpt_col20p {
    position: relative;
    float: left;
    width: 20%;
}

.bpt_col10p {
    position: relative;
    float: left;
    width: 10%;
}



.bpt_MAXName {
    position: relative;
    float: left;
    color: #ff3e00;
    font-size: 1.5em;
    font-weight: 600;
    text-decoration:none;
}

.bpt_SFName {
    position: relative;
    float: left;
    color: #19b6e9;
    font-size: 1.3em;
    font-weight: 600;
}

.bpt_RightBottomSquare {
    position: relative;
    float: right;
    height: 1em;
    width: 1em;
    border-right: 0.1em solid #49cbf6;
    /*border-right: 0.1em solid #49cbf6;*/
    margin-right: -0.5em;
    /*margin-bottom: -1em;*/
}


/* #endregion WORKSPACE */

/* #region OTHER STYLES */

.bpt_OrderNumber, .bpt_OrderNumberNC {
    width:auto;
    position: relative;
    float: left;
    margin-top: 0.2em;
    color: #3a3a3a;
    border-bottom: 0.1em dotted #169dd3;
    font-weight: 600;
}

.bpt_OrderNumberNC {
    /*NC - Not Clickable*/
    border-bottom: none;
}

.bpt_FGPartNumber {
    font-weight: 600;
} 

.bpt_confirmMsg {
    position: relative;
    float: left;
    color: #72d015;
    margin-left: 1em;
    font-weight: 600;
    margin-top: 0.2em;
    font-size: 1.2em;
    animation-name: example;
    animation-duration: 3s;
    opacity: 0;
}

@keyframes example {
    0% {
        opacity:100;
    }

    25% {
        opacity: 50;
    }

    50% {
        opacity: 25;
    }

    100% {
        opacity: 0;
    }
}

.bpt_addHandPointer:hover {
    cursor: pointer;
}

.bpt_warningMsg
{
    color:#e57d18;
}

.bpt_lstView
{
    position:relative;
    float:left;
    overflow:auto;
    overflow-x:hidden;
    height:47em;
    margin-right:2em;
}

.bpt_lstViewItem {
    position: relative;
    float: left;
    width:99%;
    padding:0.2em;
    border-bottom:0.1em solid #fafafa;
}

.bpt_lstViewItem:hover
{
    background-color:#fafafa;
}


.bpt_inputFieldsHolder1{
    position:relative;
    float:left;
    width:30em;
    /*background-color:yellow;*/
    margin-top:0.3em;
}

.bpt_cont35em {
    position: relative;
    float: left;
    width: 35em;
}

.bpt_cont35emRest {
    position: relative;
    float: left;
    width: calc(100% - 37em);
}



.bpt_hideContentDiv
{
    position:relative;float:left;
    width:0;
    height:0;
    display:none;
}

.bpt_row {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 0.3em;
    /*background-color:red;*/
}

.bpt_container {
    position: relative;
    float: left;
    /*padding:0.2em;*/
    margin: 0 auto;
    width: 100%;
    /*background-color:rebeccapurple;*/
}

.bpt_AppVersion1 {
    position: relative;
    float: left;
    font-size: 0.83em;
    color: #9c9c9c;
    margin-top: 1.5em;
    margin-left: 1em;
}

.bpt_middleHeaderContainer {
    position: relative;
    float: left;
    width: auto;
    margin-bottom: 0.5em;
    margin-left:1em;
}

.bpt_settingActionsHolder{
    position:relative;
    float:left;
    margin-left:3em;

}

.bpt_HeaderBackground {
    /*background: rgb(255,255,255);
    background: linear-gradient(106deg, rgba(255,255,255,1) 0%, rgba(255,253,253,1) 20%, rgba(242,242,242,1) 20%, rgba(232,232,232,1) 80%, rgba(255,255,255,1) 80%, rgba(252,252,252,1) 87%);*/
    /*background: rgb(255,255,255);
    background: linear-gradient(127deg, rgba(255,255,255,1) 23%, rgba(20,163,217,1) 23%, rgba(38,176,221,1) 80%, rgba(255,255,255,1) 80%);
    background: rgb(255,255,255);
    background: linear-gradient(127deg, rgba(255,255,255,1) 23%, rgba(20,163,217,1) 23%, rgba(24,197,215,1) 50%, rgba(38,176,221,1) 80%, rgba(255,255,255,1) 80%);*/
    background: rgb(55,196,235);
    background: linear-gradient(127deg, rgba(55,196,235,1) 0%, rgba(26,162,217,1) 50%, rgba(18,153,212,1) 50%, rgba(55,196,235,1) 84%);
    background: rgb(26,183,227);
    background: linear-gradient(127deg, rgba(26,183,227,1) 0%, rgba(49,183,227,1) 30%, rgba(18,153,212,1) 30%, rgba(26,162,217,1) 70%, rgba(18,153,212,1) 70%, rgba(55,196,235,1) 100%);
}



.bpt_HeaderBoxShadow {
    -webkit-box-shadow: 0px 4px 5px 0px rgba(222,222,222,1);
    -moz-box-shadow: 0px 4px 5px 0px rgba(222,222,222,1);
    box-shadow: 0px 4px 5px 0px rgba(222,222,222,1);
    /*-webkit-box-shadow: -1px 1px 4px 0px #14a3d9;
    -moz-box-shadow: -1px 1px 4px 0px #14a3d9;
    box-shadow: -1px 1px 4px 0px #14a3d9;*/
    /*-webkit-box-shadow: 3px 26px 46px -26px rgba(207,207,207,1);
    -moz-box-shadow: 3px 26px 46px -26px rgba(207,207,207,1);
    box-shadow: 3px 26px 46px -26px rgba(207,207,207,1);*/
}

.bpt_HeaderBoxShadow1 {
    -webkit-box-shadow: 0px 1px 5px 0px rgba(222,222,222,1);
    -moz-box-shadow: 0px 1px 5px 0px rgba(222,222,222,1);
    box-shadow: 0px 1px 5px 0px rgba(222,222,222,1);
    /*-webkit-box-shadow: -1px 1px 4px 0px #14a3d9;
    -moz-box-shadow: -1px 1px 4px 0px #14a3d9;
    box-shadow: -1px 1px 4px 0px #14a3d9;*/
    /*-webkit-box-shadow: 3px 26px 46px -26px rgba(207,207,207,1);
    -moz-box-shadow: 3px 26px 46px -26px rgba(207,207,207,1);
    box-shadow: 3px 26px 46px -26px rgba(207,207,207,1);*/
}



.bpt_appHeaderText {
    position: relative;
    float: left;
    margin-top: 0.5em;
    font-size: 1.2em;
    color: #a7a7a7;
    text-decoration: none;

}



.bpt_appHeader {
    position: relative;
    float: left;
    font-size: 1.8em;
    color: #5e5e5e;
    /*border-left: 0.1em dashed #25b0e5;*/
    /*padding-left: 0.2em;*/
    /*margin:0.5em;*/
    /*margin-top:0.7em;*/
    text-decoration:none;
    border-bottom:0.07em dotted #08be9c;
}

.bpt_appVersion {
    position: relative;
    float: left;
    color: #5e5e5e;
    margin-left: 0.5em;
    font-size: 0.9em;
    margin-top: 2em;
    border-bottom: 0.07em dotted #08be9c;
}

.bpt_connected {
    margin-left: 2em;
    margin-top: 1em;
    position: relative;
    float: left;
    font-size: 1.2em;
    color: #89d709;
}

.bpt_bottom_Border {
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 0.08em solid #eaeaea;
}

.bpt_bottom_Border1 {
    position: relative;
    float: left;
    width: 95%;
    border-bottom: 0.05em solid #eaeaea;
    padding-bottom:0.5em;
}

.bpt_addPadding05
{
    padding:0.2em;
}

.bpt_cont50P, .bpt_cont70P, .bpt_cont30P, .bpt_cont1WB, .bpt_cont1WBa, .bpt_cont1WBb, .bpt_cont10em, .bpt_cont15em, .bpt_cont20em, .bpt_cont22em, .bpt_cont26em, .bpt_cont28em, .bpt_cont60P, .bpt_cont30P, .bpt_contHMF, .bpt_SettingCont {
    position: relative;
    float: left;
    width: 49%;
    margin-right: 0.3em;
    /*background-color:aquamarine;*/
}


.bpt_cont45P {
    position: relative;
    float: left;
    width: 45%;
    margin-right: 3em;
    /*background-color:aquamarine;*/
}

.bpt_SettingCont
{
    width:25em;
    padding:0.3em;
    border-bottom:0.1em solid #fafafa;
    margin-right:1em;
    margin-bottom:0.5em;
}

.bpt_cont60P {
    width: 60%;
    margin-right: 3em;
}

.bpt_cont30P {
    width: 30%;
}

.bpt_cont10em {
    width: 10em;
}

.bpt_cont15em {
    width: 15em;
    /*background-color:yellow;*/
}

.bpt_cont20em {
    width: 20em;
}

.bpt_cont22em {
    width: 22em;
}

.bpt_cont28em {
    width: 28em;
}

.bpt_cont10ema {
    width: calc(100%-11em);
}

.bpt_contHMF {
    position: relative;
    float: left;
    width: 65%;
    /*background-color: yellow;*/
}


.bpt_cont1WB, .bpt_cont1WBb {
    margin-top: 0.4em;
    border-bottom: 0.1em solid #fafafa;
}

.bpt_cont1WBa {
    margin-top: 0.4em;
}

.bpt_cont1WBb {
    width: 48%;
}

.bpt_lbl2 {
    position: relative;
    float: left;
}

.bpt_sepa1 {
    margin-top: 1em;
}

.bpt_sepa2 {
    margin-top: 2em;
}

.bpt_sepa3 {
    margin-top: 3em;
}

.bpt_StatusOnline, .bpt_StatusOffline {
    position: relative;
    float: left;
    margin-right:0.5em;
    color:#2fd70f;
    font-weight:500;
}

.bpt_StatusOffline {
    color: #e41d17;
}


.bpt_clientsCount {
    position: relative;
    float: left;
    font-size: 1.3em;
    color: #7c7c7c;
    border-bottom: 0.1em solid #099ed7;
    margin-right: 0.5em;
}

.bpt_SectionHeader2 {
    position: relative;
    float: left;
    font-size: 1.2em;
    color: #828282;
    margin-top: 0.2em;
}


.RespGV1 {
    position: relative;
    float: left;
    width: 98%;
    height: 100%;
    background-color: white;
    margin-right: 1em;
    border-collapse: collapse;
    /*border: 0.1em solid #d8d8d8;*/
    color: #383737;
}



    .RespGV1 tbody {
        padding: 0.3em;
    }

        .RespGV1 tbody tr {
            width: 100%;
            height: 1.2em;
            max-height: 1.2em;
            border-top: solid 0.1em #efefef;
        }

    .RespGV1 tr:hover {
        /*border:0.1em solid #40ccf2;*/
        background: #f9f9f9;
        color: black;
    }

    .RespGV1 tbody tr td {
        padding: 0.2em 0.2em;
        padding-right: 1.2em;
    }

    .RespGV1 tbody tr th {
        width: auto;
        padding-left: 0.5em;
        padding-right: 1.2em;
    }

    .RespGV1 thead tr {
        border: none;
        text-align: left;
        border-bottom: solid 0.12em #efefef;
        width: auto;
        font-weight: bold;
        height: 2em;
    }

        .RespGV1 thead tr th {
            padding-right: 1.2em;
        }


.StatGV1 {
    position: relative;
    float: left;
    background-color: white;
    margin-right: 1em;
    border-collapse: collapse;
    border: 0.1em solid #d8d8d8;
    color: #383737;
}

    .StatGV1 thead {
        display: block;
    }

    .StatGV1 tbody {
        display: block;
        height: 35em;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .StatGV1 tbody tr td {
            padding-right: 1.2em;
        }

    .StatGV1 thead tr th {
        padding-right: 1.2em;
    }

.bpt_staColSmall {
    width: 3em;
}

.bpt_staColMed {
    width: 6em;
}

.bpt_staColMeda {
    width: 7em;
}


.bpt_staColLarge {
    width: 12em;
}

.bpt_boldTxt {
    font-weight: 600;
    color: #565656;
}

.bpt_addBtmBorder {
    border-bottom: 0.1em solid #099ed7;
}

.bpt_addBtmBorder1 {
    border-bottom: 0.1em solid #09d1d7;
}



.bpt_onlinesince {
    position: relative;
    float: left;
    color: #9a9a9a;
    margin-left: 0.5em;
    margin-top: 1.4em;
}

.bpt_bpt50Perc{
    position:relative;
    float:left;
    width:48%;
    margin-right:0.3em;
    background:none;
    background-color:rgba(239,239,239,1);
    border:none;
    height:2em;
    color:#535353;
    text-decoration:none;
    text-align:center;
}
    .bpt_bpt50Perc:hover
    {
        background-color:#10b3e8;
        color:white;
    }


    .bpt_btn {
        color: #0fa4dd;
        cursor: pointer;
        text-decoration: none;
    }

.bpt_btn1, .bpt_btn2 {
    color: #0fa4dd;
    cursor: pointer;
    font-weight: 600;
}

.bpt_btn3, .bpt_btn3Anchor, .bpt_btn3Anchor1 {
    background-color: none;
    border: none;
    background: none;
    position: relative;
    float: left;
    min-width: 7em;
    border-bottom: 0.1em solid #3acef6;
    background-color: #fafafa;
    text-align: center;
    padding: 0.3em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: #808080;
    height: 2.3em;
    margin-left: 0.3em;
}

.bpt_btn3Anchor, .bpt_btn3Anchor1 {
    padding: 0;
    padding-top: 0.3em;
    height: 1.76em;
    text-decoration: none;
}

.bpt_btn3Anchor1 {
    padding-top: 0.1em;
    height: 1.5em;
}

.bpt_btn3Anchor2, .bpt_btn3Anchor3 {
    position: relative;
    float: left;
    background-color: none;
    border: none;
    text-decoration: none;
    color: #10b3e8;
    height: auto;
    width: 4.5em;
    text-align: center;
}

.bpt_btn3Anchor3 {
    width: 3em;
}

    .bpt_btn3Anchor2:hover, .bpt_btn3Anchor3:hover {
        text-decoration: underline;
        cursor: pointer;
    }



    .bpt_btn3_right, .bpt_btn3_right1 {
        background-color: none;
        border: none;
        background: none;
        position: relative;
        float: right;
        min-width: 7em;
        border-bottom: 0.1em solid #3acef6;
        background-color: #fafafa;
        text-align: center;
        padding: 0.3em;
        padding-left: 0.5em;
        padding-right: 0.5em;
        margin-right: 3.5em;
        margin-top: 0.3em;
        color: #808080;
        height: 2.3em;
    }

 .bpt_btn3_right1
 {
     margin-right:0;
 }

    .bpt_btn3:hover, .bpt_btn3Anchor:hover, .bpt_btn3Anchor1:hover, .bpt_btn3_right:hover, .bpt_btn3_right1:hover {
        border: 0.1em solid #3acef6;
        cursor: pointer;
    }


.bpt_btnScreenSubmit, .bpt_btnScreenSubmitShort {
    position: relative;
    float: left;
    width: 98%;
    background-color: #30baee;
    height: 2.5em;
    text-align: center;
    border-radius: 0.2em;
    margin-top: 1em;
    color: white;
    text-decoration: none;
    padding-top: 0.5em;
}

.bpt_btnScreenSubmitShort {
    padding-top: 0.2em;
    height: 2em;
    background-color: none;
    background: none;
    color: #969696;
    border: 0.15em solid #25b0e5;
    width: 7em;
    margin-right: 2em;
}



.bpt_BtnSearchLong {
    position: relative;
    float: left;
    width: 99%;
    height: 2em;
    background: none;
    border: none;
    background-color: #25b0e5;
    color: white;
    margin-left: 0.7em;
   margin-bottom:0.7em;
}

.bpt_ClearScreenBtn {
    position: relative;
    float: left;
    color: #0fa4dd;
    cursor: pointer;
    margin-left: 1em;
    margin-top: 1.5em;
}

.bpt_btnMain {
    position: relative;
    float: left;
    font-size: 1.1em;
    margin-right: 1em;
    color: #a7a7a7;
}

.bpt_btnMainSelected {
    position: relative;
    float: left;
    font-size: 1.1em;
    margin-right: 1em;
    color: #a7a7a7;
    border-bottom: 0.13em solid #25b0e5;
    background-color: #fcfcfc;
}

    .bpt_btnMain:hover, .bpt_btnMainSelected:hover {
        text-decoration: none;
        cursor: pointer;
    }

    .bpt_chk1{
        position:relative;
        float:left;
    }

.chkLbl1 {
    position: relative;
    float: left;
    margin-left: 0.3em;
    width:10em;
}

.bpt_lbl1, .bpt_lbl3 {
    position: relative;
    float: left;
    width: 10em;
    /*background-color:yellow;*/
}

.bpt_lbl3 {
    width: 7em;
    /*background-color:yellow;*/
}

.bpt_txt1, .bpt_txt2, .bpt_txt3, .bpt_cb1, .bpt_cb2, .bpt_cb3, .bpt_cb4 {
    position: relative;
    float: left;
    width: calc(100% - 11.5em);
    border: 0.1em solid #e1e1e1;
    height: 1.3em;
}

.bpt_txt2 {
    width: calc(100% - 11.5em);
}

.bpt_cb2 {
    width: calc(100% - 11.3em);
}

.bpt_cb1, .bpt_cb2, .bpt_cb3 {
    height: 1.7em;
}

.bpt_cb3 {
    width: 98%;
    border: none;
    border-bottom: 0.1em solid #e1e1e1;
}

.bpt_txt1:hover, .bpt_txt2:hover, .bpt_txt3:hover, .bpt_cb1:hover, .bpt_cb2:hover, bpt_cb3:hover {
    border: 0.1em solid #3acef6;
}

.bpt_txt3 {
    width:98%;
    border: none;
    border-bottom: 0.1em solid #e1e1e1;
}

.bpt_Dropdown1 {
    position: relative;
    float: left;
    border: none;
    border-bottom: 0.1em solid #eaeaea;
    margin-right: 2em;
    margin-top: 1.3em;
}

.bpt_Dropdown2 {
    position: relative;
    float: left;
    border: none;
    border-bottom: 0.05em solid #25b0e5;
    font-size: 2em;
    color: #9a9a9a;
    background-color: #fcfcfc;
}

.bpt_sepa05 {
    margin-top: 0.5em;
}

.bpt_Label1, .bpt_Label2, .bpt_Label3, .bpt_TxtField1, .bpt_TxtField1a, .bpt_TxtField2, .bpt_TxtField3, .bpt_TxtField4, .bpt_DropDown1 {
    position: relative;
    float: left;
}

.bpt_Label1, .bpt_Label2, .bpt_Label3, .bpt_Label4, .bpt_Label5, .bpt_Label6, .bpt_LabelChk6 {
    position: relative;
    float: left;
    color: #727272;
}

.bpt_Label5 {
    width: 100%;
    margin-bottom: 0.2em;
}

.bpt_LabelChk6 {
    width: calc(100% - 2em);
    margin-bottom: 0.2em;
}

.bpt_TxtField1, .bpt_DropDown1 {
    width: calc(100% - 10em);
    border: 0.1em solid #dcdcdc;
   
    /*border-radius:0.2em;*/
}

.bpt_DropDown1 {
    height: 1.9em;
}

.bpt_TxtField1a {
    width: 99%;
    border: 0.1em solid #dcdcdc;
    height: 1.4em;
    /*border-radius:0.2em;*/
}

    .bpt_TxtField1a:hover, .bpt_DropDown1:hover {
        border: 0.1em solid #25b0e5;
    }

    .bpt_TxtField1a:focus {
        border: 0.13em solid #25b0e5;
    }

.bpt_RequiredTxt {
    /*background-color:#f2fcff;*/
    border-right: 0.15em solid #25b0e5;
    border-left: 0.1em solid #25b0e5;
}

.bpt_TxtField2 {
    width: calc(100% - 10em);
    border: 0.1em solid #dcdcdc;
    /*border-radius: 0.2em;*/
}

.bpt_TxtField3 {
    width: 5em;
    border: 0.1em solid #dcdcdc;
    /*border-radius: 0.2em;*/
}

.bpt_TxtField4 {
    width: 8em;
    border: 0.1em solid #dcdcdc;
    /*border-radius: 0.2em;*/
}

.bpt_txtGridNumField {
    position: relative;
    float: right;
    width: 4em;
    text-align: right;
    border: 0.1em solid #dcdcdc;
}

.bpt_Label1 {
    width: 10em;
    margin-right: 0.3em;
    /*background-color:magenta;*/
}

.bpt_Label1a {
    position: relative;
    float: left;
    min-width: 8em;
    margin-right: 0.3em;
    /*background-color:yellow;*/
}

.bpt_Label2 {
    width: auto;
    margin-left: 0.5em;
}

.bpt_Label3 {
    width: auto;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.bpt_Label4 {
    width: auto;
    margin-right: 0.5em;
}

.bpt_Label6
{
    width:50%;
}


.bpt_ScreenContainer {
    position: relative;
    margin: 0 auto;
    width: 40em;
}

.bpt_ScreenContainer1 {
    position: relative;
    margin: 0 auto;
    width: 60%;
}

.btn_Action {
    position: relative;
    float: left;
    width: 98%;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    text-align: center;
    background-color: #f7f7f7;
    cursor: pointer;
    background-color: none;
    border: none;
}

    .btn_Action:hover {
        border-bottom: 0.2em solid #25b0e5;
    }

.bpt_SectionHeader1 {
    position: relative;
    float: left;
    width: 98%;
    font-size: 1.1em;
    color: #727272;
}

.bpt_bold {
    font-weight: 600;
}

.bpt_addBtmBorder3 {
    border-bottom: 0.13em solid #f76524;
}

.bpt_addBtmBorder4 {
    border-bottom: 0.13em solid #25b0e5;
}

.bpt_hsepa1 {
    position: relative;
    float: left;
    width: 95%;
    margin-top: 0.2em;
    margin-bottom: 0.1em;
    border-bottom: 0.1em solid #fafafa;
}

.bpt_ScreenMsg1 {
    position: relative;
    float: left;
    color: #f28223;
}

:required {
    border-right: 0.12em solid #fcb45c;
}

.bpt_ReuiredDiv {
    position: relative;
    float: left;
    width: 50%;
    border: 0.1em solid #f5b863;
}

.bpt_addHover:hover {
    background-color: #efefef;
}

.bpt_addMAXHight40em {
    max-height: 30em;
    overflow: hidden;
    overflow-y: auto;
}

.bpt_addRightMargin1em
{
    margin-right:1em;
}

.bpt_addLeftMargin1em {
    margin-left: 0.5em;
}



.bpt_GVColHeader {
    font-size: 0.95em;
    font-weight: 600;
}

.bpt_lblSelItem {
    position: relative;
    float: left;
    margin-left: 0.5em;
    margin-top: 0.2em;
    font-size: 1.1em;
}

.bpt_noWrap {
    white-space: nowrap;
}

.bpt_IconHolder {
    position: relative;
    float: left;
    margin-right: 2em;
}

/* #endregion OTHER STYLES */


/* #region CSS GRID */

.bpt_GridContainer {
    display: grid;
    grid-template-columns: auto auto auto;
    padding: 10px;
}

.bpt_GridItem {
    padding: 20px;
}

/* #endregion CSS GRID */


/*.bpt_PrintArea {
    display: none;
}*/


@media print {
    .bpt_NonPrintArea {
        display: none;
    }

    .bpt_PrintArea {
        display: block;
    }
}


@media only screen and (min-width: 1em) and (max-width:82em) {

    .bpt_LoggedInInfo {
        width: 80%;
        margin-top: 0.5em;
        margin-left: 0;
    }
}

@media only screen and (min-width: 1em) and (max-width:53em) {

    .bpt_outerMainWrapper {
       top: 0.5em;
    }

}

@media only screen and (min-width: 1em) and (max-width:54em) {
    .bpt_panelDimensions1 {
        width: calc(100% - 1em);
        margin: 0;
        /*margin-left: 0.2em;*/
    }

    .bpt_panelPadding1 {
        padding-left: 0.2em;
        padding-right: 0.2em;
        padding-top: 0.3em;
        padding-bottom: 0.7em;
    }
}

@media only screen and (min-width: 1em) and (max-width:67em) {
    .bpt_panelDimensions2 {
        width: 99%;
        margin: 0;
        padding:0;
    }

    .bpt_panelPadding2 {
        padding-left: 0.2em;
        padding-right: 0.2em;
        padding-top: 0.3em;
        padding-bottom: 0.7em;
    }
}

@media only screen and (min-width: 1em) and (max-width:52em) {

    .bpt_col50p2cMainIndex1, .bpt_col50p2cMainIndex2 {
        margin-bottom: 1em;
        overflow: auto;
        width: 97%;
    }
}



@media only screen and (min-width: 1em) and (max-width:35em) {

    .bpt_loginWrapper, .bpt_LoginWrapper2, .bpt_homePageTitle, .bpt_homePageTitle2, .bpt_PageTitleStartText {
        width: calc(100% - 0.8em);
        margin: 0;
    }

        .bpt_homePageTitle2{
            text-align:left;
        }

    .bpt_PageTitleStartText {
        width:auto;
        text-align:left;
        margin: 0;
        margin-right:0.5em;
    }





        .bpt_PnSCenterMainContainer {
            width: 99%;
            padding: 0;
            margin: 0;
        }

    .bpt_subAppContainer2 {
        width: 97%;
        /*padding: 0;*/
        margin: 0;
        margin-top: 0.7em;
    }

    .bpt_mainIconContainer
    {
        width:100%;margin-left:0;
        align-content:center;
    }

    .bpt_AppLogo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom:0;
    }

    /*.bpt_appHeader
    {
        width:60%;
        text-align:right;
        margin:0; 
    }

    .bpt_appVersion
    {
        margin:0;
        margin-left:0.3em;
        margin-top:1em;
    }*/

}

.bpt_liveViewActionButton, .bpt_liveViewActionButtonLeft, .bpt_liveViewActionButtonSelected {
    position: relative;
    float: right;
    color: #1cadca;
    font-size: 0.9em;
    border-bottom: 0.1em solid transparent;
    text-decoration: none;
}

.bpt_liveViewActionButtonLeft {
    float: left;
}

.bpt_liveViewActionButtonSelected {
    float: left;
    border-bottom: 0.1em solid #1cadca;
}

.bpt_liveViewActionButton:hover, .bpt_liveViewActionButtonLeft:hover {
    cursor: pointer;
    border-bottom: 0.1em solid #1cadca;
}

.bpt_liveViewActionButtonSelected:hover {
    cursor: pointer;
}


/* (min-width: 1em) and (max-width:54em) */
@media only screen and (min-width: 1em) and (max-width:54em) {
    .bpt_mainMenuDimensions {
        width: calc(100% - 0.8em);
        margin:0;
        margin-left:0.2em;
    }

    .bpt_mainMenuPadding {
        padding:0;
        padding-left: 0.2em;
        padding-right: 0.2em;
    }

    .bpt_col50p, .bpt_col45p, .bpt_col32p {
        width: 100%;
    }

    .bpt_subAppContainer1
    {
        width:96%;
    }
}




@media only screen and (min-width: 1em) and (max-width:15em) {
    .bpt_bpt50Perc {
        width: 99%;
        margin-top:0.3em;
    }

}