/*----------------------------------------------------------------------

    [-----*** TABLE OF CONTENT ***-----]

    General
    B01D - Grid Box (Dashboard)
    B01R - Grid Box (Report)
    B02R - Grid Box with Goal (Report)
    B03R - Grid Box with Sparkline (Report)
    B04R - Grid Box with Goal and Sparkline (Report)
    B05D - Alert Grid Box
    B06D - Manual Counting QR Code
    F01R - Floorplan
    T02R - Report Table
    T04R - Campaign Table
    TWContainer
    H01 - Title
    H02 - Section Title
    H03R - Notes
    H03D - Notes    Note (Widget Setting)
    H04 - Comment
    Action Plan (Widget Setting)
    Attribute With Name (Widget Setting)
    Widget Pop-up Button
    Website Widget Tracker

-----------------------------------------------------------------------*/

/*----------------------------------------------------
    
    [-----*** General ***-----]

----------------------------------------------------*/
.grid-stack {
    height: 100%;
    margin: 15px 0px;
    min-height: 60px;
    overflow: hidden;
}

.grid-stack-container {
    max-width: 800px;
    margin: auto;
}

.grid-stack:first-child {
    margin-top: 0px;
}

.grid-stack-item-content {
    background-color: white;
    border: solid 1px #e0e0e0;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 1;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.7);
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_with_margin {
    margin: 0 1%
}

.overlay h3 {
    margin: 0px;
    text-align: center;
}

/*Adjust Gap between items*/
.grid-stack > .grid-stack-item > .grid-stack-item-content {
    left: 5px !important;
    right: 5px !important;
}

.green-text {
    color: #47ACB1 !important;
}

.yellow-text {
    color: #E5B146 !important;
}

.red-text {
    color: #E87B55 !important;
}

.metricsSetTitle {
    padding-left: 10px;
}

.metricsSetSetting, .widgetSetting {
    margin-left: 1%
}

.selected-input {
    border: 1px solid #1ab394;
}

#ssiTextarea {
    width: 100%;
    height: 150px;
    font-family: monospace;
    border: 1px solid #e7eaec;
}

.addableWidgetConfiguration {
    margin-bottom: 10px;
}

.removeAddableWidgetConfigurationButton {
    flex: 1;
    text-align: center;
    cursor: pointer;
}

    .removeAddableWidgetConfigurationButton i {
        font-size: 26px;
    }

.grid-stack-item-content {
    -ms-overflow-style: none;
}

    .grid-stack-item-content::-webkit-scrollbar {
        display: none;
    }

/*Remove Button Focus Outline*/
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline:none;
}

.GraphResetButton {
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    margin: 5px;
    display: none;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}

/*----------------------------------------------------
    
    [-----*** B01D ***-----]

----------------------------------------------------*/
.B01D {
    display: grid;
    grid-template-columns: 75% 25%;
    background-color: #fff;
    padding: 10px;
    height: 100%;
    margin: auto;
    min-width: 190px;
}

.B01D_1 {
    grid-row: span 2;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

.B01D_1_MetricsValueWrapper {
    margin: 0px;
}

.B01D_1_MetricsValueWrapper .B01D_1_MetricsValue {
    font-size: 45px;
    line-height: 1;
    font-weight: normal;
    margin: 0px auto;
    color: #4D5256;
}

.B01D_LabelWrapper {
    margin-top: auto;
}

.B01D_1_MainLabel {
    font-size: 11px;
    color: #4D5256;
    margin: 0px auto;
}

.B01D_1_SubLabel, .B01D_2_SubLabel, .B01D_3_SubLabel {
    font-size: 9px;
    font-weight: normal;
    color: #7F8183;
    margin: 0px;
}

.B01D_2_SubLabel, .B01D_3_SubLabel {
    text-transform: uppercase;
}

.B01D_2 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin: auto 0px;
}

.B01D_2_MetricsValue, .B01D_3_MetricsValue {
    font-size: 16px;
    color: #4D5256;
    margin: 0px;
    font-weight: 600;
}

.B01D_3 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-top: auto;
}

.B01D .B01D_2 {
    /*margin: auto 0px auto auto;*/
}

.B01D .B01D_3 {
    /*margin: auto 0px 0px auto;*/
}

.grid-stack-item .B01D .last-updated {
    padding-top: 6px;
    font-size: 9px;
    color: #A6A6A6;
}

.grid-stack-item[min-height~="140px"] .B01D {
    display: grid;
    grid-template-columns: 75% 25%;
    background-color: #fff;
    padding: 10px;
    height: 100%;
    margin: auto;
    /*min-width: 265px;*/
    min-width: 250px;
}

.grid-stack-item[min-height~="140px"] .B01D .B01D_1_MetricsValueWrapper .B01D_1_MetricsValue {
    font-size: 70px;
}

.grid-stack-item[min-height~="140px"] .B01D .B01D_1_MainLabel {
    font-size: 14px;
}

.grid-stack-item[min-height~="140px"] .B01D .B01D_1_SubLabel, .grid-stack-item[min-height~="140px"] .B01D .B01D_2_SubLabel, .grid-stack-item[min-height~="140px"] .B01D .B01D_3_SubLabel {
    font-size: 11px;
}

.grid-stack-item[min-height~="140px"] .B01D .B01D_1_SubLabel {
    line-height: 0.6;
}

.grid-stack-item[min-height~="140px"] .B01D .B01D_2_MetricsValue, .grid-stack-item[min-height~="140px"] .B01D .B01D_3_MetricsValue {
    font-size: 20px;
}

.grid-stack-item[min-height~="140px"] .B01D .last-updated {
    padding-top: 10px;
}

/*----------------------------------------------------
    
    [-----*** B01R***-----]

----------------------------------------------------*/
.B01R {
    display: grid;
    grid-template-rows: 35% 45% 20%;
    background-color: #fff;
    padding: 10px;
    height: 100%;
    margin: auto;
    min-width: 200px;
}

.B01R .B01R_Title_Container, .B01R .B01R_Metric_Container, .B01R .B01R_Label_Container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.B01R .B01R_Title_Container .B01R_Title {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0px;
    align-self: flex-start;
    color: #4D5256;
    line-height: 1.2;
}

.B01R .B01R_Metric_Container .B01R_MetricsValue {
    margin: 0px;
    font-weight: normal;
    font-size: 28px;
    color: #5F6467;
    align-self: flex-end;
}

.B01R .B01R_Label_Container .B01R_Label {
    margin: 0px;
    align-self: flex-end;
    font-size: 9px;
    color: #7B7B7A;
    text-transform: uppercase;
}

.grid-stack-item[min-height~="140px"] .B01R {
    min-width: 300px;
}

.grid-stack-item[min-height~="140px"] .B01R .B01R_Metric_Container .B01R_MetricsValue {
    font-size: 40px;
}

.grid-stack-item[min-height~="140px"] .B01R .B01R_Label_Container .B01R_Label {
    font-size: 11px;
}

/*----------------------------------------------------
    
    [-----*** B02R***-----]

----------------------------------------------------*/
/*.B02R_Wrapper {
        height: 100%;
        padding: 0px;
    }*/

.B02R_Item {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

    .B02R_Item hr {
        border: 0.5px solid #DDDDDC !important;
        width: 80%;
        margin: 0px auto;
    }

    .B02R_Item:before, .B02R_Item:after, .B02R_Content:before, .B02R_Content:after {
        display: table;
        content: " ";
    }

    .B02R_Item:after, .B02R_Content:after {
        clear: both;
    }

    .B02R_Item > .B02R_Content {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
    }

.B02R_Content:first-child {
    height: 60%;
    justify-content: center;
}

.B02R_Content:not(:first-child) {
    height: 40%;
    justify-content: flex-start;
    padding-top: 0px;
}


.B02R_Title {
    font-size: 11px;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
    color: #7F8183;
    margin: auto auto 0px auto;
    padding-top: 5px;
}

.B02R_MetricsValue {
    font-size: 28px;
    line-height: 1.2;
    text-align: center;
    color: #4D5256;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: auto;
}

.B02R_State {
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    color: #4D5256;
    font-weight: 600;
    justify-self: center;
    margin: auto;
}

.B02R_Goal_Label {
    font-size: 12px;
    margin-right: 5px;
    text-transform: uppercase;
}

.B02R_No_Goal_Item .B02R_Content:first-child {
    height: 100%;
}

.B02R_No_Goal_Item .B02R_MetricsValue {
    font-size: 45px;
    margin: 3% auto auto auto;
}

.B02R_No_Goal_Item .B02R_Content:last-child {
    display: none;
}

.B02R_No_Goal_Item hr {
    display: none;
}

/*----------------------------------------------------
    
    [-----*** B03R***-----]

----------------------------------------------------*/

.B03R_Wrapper {
    height: 100%;
    padding: 0px;
}

.B03R_Item {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

    .B03R_Item hr {
        border: 0.5px solid #DDDDDC !important;
        width: 80%;
        margin: 0px auto;
    }

    .B03R_Item:before, .B03R_Item:after, .B03R_Content:before, .B03R_Content:after {
        display: table;
        content: " ";
    }

    .B03R_Item:after, .B03R_Content:after {
        clear: both;
    }

    .B03R_Item > .B03R_Content {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
    }

.B03R_Content:first-child {
    height: 60%;
    justify-content: center;
}

.B03R_Content:not(:first-child) {
    height: 40%;
    justify-content: flex-start;
    padding-top: 5px;
}

.B03R_Title {
    font-size: 11px;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
    color: #7F8183;
    margin: auto auto 0px auto;
    padding-top: 5px;
}

.B03R_MetricsValue {
    font-size: 28px;
    line-height: 1.2;
    text-align: center;
    color: #4D5256;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: auto;
}

.B03R_State {
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    color: #4D5256;
    font-weight: 600;
    justify-self: center;
    margin: 0px auto;
}

.B03R_Graph {
    height: 35px;
    margin: 0px;
}


.B03R_No_Changes_Item .B03R_Content:first-child {
    height: 75%;
}

.B03R_No_Changes_Item .B03R_MetricsValue {
    font-size: 32px;
    margin: auto auto 0px auto;
}

.grid-stack-item[min-height~="140px"] .B03R_No_Changes_Item .B03R_MetricsValue {
    font-size: 40px;
    margin: auto auto 0px auto;
}

.B03R_No_Changes_Item .B03R_Content:not(:first-child) {
    height: 25%;
}

.B03R_No_Changes_Item hr, .B03R_No_Changes_Item .B03R_Content .B03R_State {
    display: none;
}

.B03R_No_Changes_Sparkline_Item .B03R_Content:first-child {
    height: 100%;
}

.B03R_No_Changes_Sparkline_Item .B03R_Content .B03R_MetricsValue {
    margin: 3% auto auto auto;
    font-size: 45px;
}

.B03R_No_Changes_Sparkline_Item .B03R_Content:not(:first-child) {
    display: none;
}

.B03R_No_Changes_Sparkline_Item hr {
    display: none;
}

/*----------------------------------------------------
    
    [-----*** B04R***-----]

----------------------------------------------------*/
.B04R_Wrapper {
    height: 100%;
    padding: 0px;
}

.B04R_Item {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

.B04R_Item hr {
    width: 90%;
    border: 0.5px solid #DDDDDC !important;
    margin: 0px auto;
}

.B04R_Item:before, .B04R_Item:after, .B04R_Content:before, .B04R_Content:after {
    display: table;
    content: " ";
}

.B04R_Item:after, .B04R_Content:after {
    clear: both;
}

.B04R_Item > .B04R_Content {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

.B04R_Content:first-child {
    height: 60%;
    justify-content: center;
}

.B04R_Content:not(:first-child) {
    height: 40%;
    justify-content: flex-start;
    padding-top: 5px;
}

.B04R_Title {
    font-size: 11px;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
    color: #7F8183;
    margin: auto auto 0px auto;
    padding-top: 5px;
}

.B04R_MetricsValue {
    font-size: 28px;
    line-height: 1.2;
    text-align: center;
    color: #4D5256;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: auto;
}

.B04R_State {
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    color: #4D5256;
    font-weight: 600;
    justify-self: center;
    margin: 0px;
}

.B04R_Item .B04R_State .left-container {
    float: left;
    margin-left: 5%;
}

.B04R_Item .B04R_State .right-container {
    float: right;
    margin-right: 5%;
}

.B04R_Goal_Label {
    font-size: 12px;
    margin-right: 5px;
    text-transform: uppercase;
}

.B04R_Graph {
    height: 22px;
    margin: 0px;
}

.B04R_No_Object_Item .B04R_Content:first-child {
    height: 75%;
}

.B04R_No_Object_Item .B04R_MetricsValue {
    font-size: 36px;
    margin: auto auto 0px auto;
}

.grid-stack-item[min-height~="140px"] .B04R_No_Object_Item .B04R_MetricsValue {
    font-size: 40px;
    margin: auto auto 0px auto;
}

.B04R_No_Object_Item .B04R_Content:not(:first-child) {
    height: 25%;
}

.B04R_No_Object_Item hr, .B04R_No_Object_Item .B04R_Content .B04R_State {
    display: none;
}

.B04R_No_Object_Sparkline_Item .B04R_Content:first-child {
    height: 100%;
}

.B04R_No_Object_Sparkline_Item .B04R_Content .B04R_MetricsValue {
    margin: 3% auto auto auto;
    font-size: 32px;
}

.grid-stack-item[min-height~="140px"] .B04R_No_Object_Sparkline_Item .B04R_MetricsValue {
    font-size: 40px;
}

.grid-stack-item .B04R.B04R_No_Object_Sparkline_Item .last-updated,
.grid-stack-item .B04R.B04R_No_Sparkline_Item .last-updated {
    display: block;
}

.grid-stack-item .B04R .last-updated {
    text-align: center;
    font-size: 9px;
    line-height: 30px;
    color: #A6A6A6;
    display: none;
}

.grid-stack-item[min-height~="140px"] .B04R .last-updated {
    line-height: 35px;
}

.B04R_No_Object_Sparkline_Item .B04R_Content:not(:first-child) {
    display: none;
}

.B04R_No_Object_Sparkline_Item hr {
    display: none;
}

.B04R_No_Sparkline_Item .B04R_Graph {
    display:none;
}

.B04R_No_Sparkline_Item .B04R_Content:not(:first-child) {
    padding-top: 0px;
}

.B04R_No_Sparkline_Item .B04R_State {
    margin:auto 0px;
}
/*----------------------------------------------------
    
    [-----*** B05D***-----]

----------------------------------------------------*/
.B05D {
    padding: 40px 20px;
    height: 100%;
}

.B05D_Enter {
    background-color: #5DBA47;
}

.B05D_Stop {
    background-color: #E53225;
}

.B05D .B05D_Image {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin: auto;
    height: 14%;
}

.B05D .B05D_Image img {
    height: 100%;
    width: auto;
    max-height: 150px;
    margin: 0px auto;
}

.B05D .B05D_Content {
    height: 70%;
    max-height: 70%;
    overflow: hidden;
    margin: 20px auto;
}

.B05D .B05D_Content .B05D_Title {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: fit-content;
    margin: 0px auto 25px auto;
    min-height: 35%;
}

.B05D .B05D_Content .B05D_Title p {
    font-size: 130px;
    color: #FFF;
    line-height: 1.05;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    white-space: pre-line;
}

.B05D .B05D_Content .B05D_Description {
    width: fit-content;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin: 25px auto 0px auto;
    /*height: 33%;*/
    min-height: 35%;
}

.B05D .B05D_Content .B05D_Description p {
    font-size: 30px;
    color: #FFF;
    font-weight: normal;
    text-align: center;
    white-space: pre-line;
    /*margin-bottom: 25px;*/
}

.B05D .B05D_Data-Container {
    width: fit-content;
    margin: 0px auto;
    height: 11%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.B05D .B05D_Data-Container .B05D_Data .B05D_Live_Count {
    display: inline-block;
    color: #FFF;
    font-size: 120px;
    font-weight: 600;
    line-height: 1;
}

.B05D .B05D_Data-Container .B05D_Data .B05D_Slash, .B05D .B05D_Data-Container .B05D_Data .B05D_Target {
    display: inline-block;
    color: white;
    font-size: 60px;
    font-weight: 600;
    line-height: 1;
}

.B05D .last-updated {
    color: white;
    text-align: center;
    padding: 15px 0;
    vertical-align: middle;
}

/*.B05D .B05D_Content .B05D_Title[max-height~="415px"] p{
    font-size: 140px;
}

.B05D .B05D_Content .B05D_Title[max-height~="295px"] p{
    font-size: 160px;
}*/


/*.B05D_Horizontal {
    padding: 20px;
}

    .B05D_Horizontal .B05D_Image img {
        width: 130px;
        margin: auto;
    }

.B05D_Horizontal .B05D_Title {
    margin: 10px auto auto auto;
    font-size: 150px;
}

    .B05D_Horizontal .B05D_Description p {
        font-size: 28px;
    }

    .B05D_Horizontal .B05D_Data-Container .B05D_Data .B05D_Live_Count {
        font-size: 120px;
    }

    .B05D_Horizontal .B05D_Data-Container .B05D_Data .B05D_Slash, .B05D_Horizontal .B05D_Data-Container .B05D_Data .B05D_Target {
        font-size: 60px;
    }*/
/*----------------------------------------------------
    
    [-----*** B06D***-----]

----------------------------------------------------*/
.B06D {
    padding: 5px 20px;
    height: 100%;
    overflow: hidden;
}

.B06D .B06D_Content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.B06D .B06D_Content .B06D_Title {
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 5px;
    align-self: flex-start;
    color: #4D5256;
    line-height: 1.2;
    font-weight: 600;
    width: 100%;
    text-align: center;
}

.B06D .B06D_Image {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content:center;
    margin: auto;
    width:fit-content;
    /*height: 14%;*/
    height:75%;
}

.B06D .B06D_Image img {
    max-height: 100px;
    margin: auto;
    width: 100%;
    max-width:90px;
}

    .B06D .B06D_Link a {
        align-self: flex-start;
        flex-direction: column;
        justify-content: center;
        display: flex;
        margin: -7px;
        font-size: 12px;
    }

/*----------------------------------------------------
    
    [-----*** F01R ***-----]

----------------------------------------------------*/
.F01R {
    position: relative;
    padding: 5px;
    text-align: center;
    text-align: -webkit-center;
}

.Floorplan_Container {
    position: absolute !important;
    width: 100%;
    top: 0;
    left: 0;
    /*overflow: hidden;*/
    padding: 5px;
}

.F01R_MainLabel {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans- serif;
    text-align: left;
    margin: 10px;
    font-weight: 400;
}

.F01R_HeatmapContainer {
    height: 100%;
    position: relative;
    width: 768px;
}

.F01R_Image {
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
}

.counterOnFloorplan {
    position: absolute !important;
    border: solid 1px rgba(220, 220, 220, 0.51);
    background-color: rgba(255, 255, 255, 0.19);
}

.Floorplan_Container img {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
}

.counterOnFloorplan img {
    width: 100%;
}

.Floorplan_Container canvas {
    width: 100%;
}

.floorplanHolderContainer {
    width: auto;
    border: solid 1px #ccc;
    text-align: center;
    position: relative;
    /*overflow: hidden;*/
}

.floorplanHolder {
    max-width: 100%;
}

.iv-large-image {
    opacity: 0.7;
}

.heatmapCanvasTooltip {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.8);
    color: white;
    font-size: 14px;
    padding: 5px;
    line-height: 18px;
    z-index:3001;
    display: none;
}

/*----------------------------------------------------
    
    [-----*** T02R ***-----]

----------------------------------------------------*/
.T02R_Container {
    padding: 5px;
}

.T02R_Table {
    width: 98%;
    margin: auto;
    overflow: auto;
    border: none !important;
}

/*.T02R_Table::-webkit-scrollbar {
        height: 10px;
        width: 10px;
    }

    .T02R_Table::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .T02R_Table::-webkit-scrollbar-thumb {
        background: #ccc;
    }

        .T02R_Table::-webkit-scrollbar-thumb:hover {
            background: #aaa;
        }*/

.table > thead:first-child > tr:first-child > th {
    border-top: 1px solid #ddd !important;
}

.T02R_Table > thead > tr {
    border-bottom: 2px solid #ddd;
}

    .T02R_Table > thead > tr > th, .ReportTable1 > tbody > tr > th, .T02R_Table > tfoot > tr > th, .T02R_Table > thead > tr > td, .T02R_Table > tbody > tr > td, .table > tfoot > tr > td {
        vertical-align: top;
        font-size: 9px;
        font-family: "Open Sans", sans-serif;
        color: #4D5256;
        text-align: center;
        background-color: #fff;
        border-color: #ddd !important;
    }

    .T02R_Table > thead > tr > th, .T02R_Table > tbody > tr > th, .T02R_Table > tfoot > tr > th {
        padding: 5px;
    }

    .T02R_Table > thead > tr > td, .T02R_Table > tbody > tr > td, .T02R_Table > tfoot > tr > td {
        padding: 5px;
        vertical-align: middle;
    }

.T02R_Container .T02R_MainLabel {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans- serif;
    text-align: left;
    margin: 10px;
    font-weight: 400;
}

.T02R_Container .green-text {
    color: #37A4A9;
}

.T02R_Container .red-text {
    color: #E76539;
}

.T02R_Container > .T02R_Table > tbody > tr > td > span {
    font-size: 11px;
    margin-right: 5px;
}

.T02R_Container > .T02R_Table > tbody > tr > td > select {
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    height: 18px;
}

/*----------------------------------------------------
    
    [-----*** T04R ***-----]

----------------------------------------------------*/
.T04R_Container {
    padding: 5px;
}

.T04R_Table {
    width: 98%;
    margin: auto;
    overflow: auto;
    border: none !important;
}

    .T04R_Table::-webkit-scrollbar {
        height: 10px;
        width: 10px;
    }

    .T04R_Table::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .T04R_Table::-webkit-scrollbar-thumb {
        background: #ccc;
    }

        .T04R_Table::-webkit-scrollbar-thumb:hover {
            background: #aaa;
        }

.table > thead:first-child > tr:first-child > th {
    border-top: 1px solid #ddd !important;
}

.T04R_Table > thead > tr {
    border-bottom: 2px solid #ddd;
}

    .T04R_Table > thead > tr > th, .ReportTable1 > tbody > tr > th, .T04R_Table > tfoot > tr > th, .T04R_Table > thead > tr > td, .T04R_Table > tbody > tr > td, .table > tfoot > tr > td {
        vertical-align: top;
        font-size: 9px;
        font-family: "Open Sans", sans-serif;
        color: #4D5256;
        text-align: center;
        background-color: #fff;
        border-color: #ddd !important;
    }

    .T04R_Table > thead > tr > th, .T04R_Table > tbody > tr > th, .T04R_Table > tfoot > tr > th {
        padding: 5px;
    }

    .T04R_Table > thead > tr > td, .T04R_Table > tbody > tr > td, .T04R_Table > tfoot > tr > td {
        padding: 5px;
        vertical-align: middle;
    }

.T04R_Container .T04R_MainLabel {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans- serif;
    text-align: left;
    margin: 10px;
    font-weight: 400;
}

.T04R_Container .green-text {
    color: #37A4A9;
}

.T04R_Container .red-text {
    color: #E76539;
}

.T04R_Container > .T04R_Table > tbody > tr > td > span {
    font-size: 11px;
    margin-right: 5px;
}

.T04R_Container > .T04R_Table > tbody > tr > td > select {
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    height: 18px;
}

/*----------------------------------------------------
    
    [-----*** TWContainer ***-----]

----------------------------------------------------*/
.TWContainer {
    padding: 10px 10px;
}

.TWContainer_Container > input {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    border: 1px solid #e7eaec;
    padding: 10px 15px;
}

    .TWContainer_Container > input:focus, .TWContainer_Container > textarea:focus {
        outline: none;
    }

    .TWContainer_Container > input.selected-input, .TWContainer_Container > textarea.selected-input {
        border: 1px solid #1ab394;
    }

.TWContainer_Container .list-group {
    border: 1px solid #1ab394;
}

.TWContainer_Container .list-group {
    border-top: none;
}

    .TWContainer_Container .list-group .list-group-item:first-child,
    .TWContainer_Container .list-group .list-group-item:last-child {
        border-radius: 0px;
    }

/*----------------------------------------------------
    
    [-----*** H01 ***-----]

----------------------------------------------------*/
.H01 .grid-stack-item-content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.H01_Container {
    padding: 0px 15px;
    margin: auto;
    min-width: 250px;
}

    .H01_Container div:first-child {
        text-align: center;
        font-size: 14px;
        font-weight: normal;
        color: #4D5256;
        margin: 0px 0px 5px;
        text-transform: uppercase;
        line-height: 1.1;
        word-break: break-word;
    }

    .H01_Container div:last-child {
        text-align: center;
        font-size: 11px;
        font-weight: normal;
        color: #7B7B7A;
        margin: 0px;
        line-height: 1.1;
        word-break: break-word;
    }

/*----------------------------------------------------
    
    [-----*** H02 ***-----]

----------------------------------------------------*/
.H02 .grid-stack-item-content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 2px solid #D2D5DA;
}

.H02 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.TextWidgetSectionHeading {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.H02_Container {
    margin: auto 15px;
    padding: 5px;
    min-width: 320px;
}

    .H02_Container div {
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.1;
        text-transform: uppercase;
        color: #292F33;
        word-break: break-word;
        display: inline-block;
    }

    .H02_Container .fa1 {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 10px !important;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: 5px
    }

.ui-tooltip {
    background: rgba(60, 74, 89, 0.9) !important;
    color: #fff;
    border-radius: 0px !important;
    border: none;
    font-size: 9px;
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.TextWidgetReportTitle {
    margin: auto;
}

.ReportTitle_Image, .SectionHeading_Image {
    display: block;
    /*z-index: -1;*/
}

/*----------------------------------------------------
    
    [-----*** H03R ***-----]

----------------------------------------------------*/

.H03R_Container .noteHeader {
    color: #4D5256;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans- serif;
    text-align: left;
    margin: 10px;
    font-weight: normal;
}

.H03R_Container .noteContainer {
    margin: 15px 0px 20px 0px;
}

.H03R_Container .noteTitle {
    color: #4D5256;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans- serif;
    text-align: left;
    margin: 5px 10px;
    font-weight: 600;
}

.H03R_Container .noteContent {
    color: #7F8082;
    font-size: 12px;
    font-family: 'Open Sans', sans- serif;
    text-align: left;
    margin: 5px 10px;
    font-weight: normal;
    white-space: pre-line;
}

/*----------------------------------------------------
    
    [-----*** H03D ***-----]

----------------------------------------------------*/
.H03D {
    height: 100%;
    padding: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}


    .H03D .H03D_Item {
        margin: auto 0px;
        width: 100%;
    }

    .H03D > .H03D_Item > .H03D_Content_Container {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .H03D > .H03D_Item > .H03D_Content_Container:not(:last-child) {
            margin-bottom: 15px;
        }

    .H03D .H03D_Item .H03D_Content_Container .H03D_Title {
        display: block;
        color: #4D5356;
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        word-break: break-word;
        white-space: nowrap;
        /*text-overflow: ellipsis;
        overflow: hidden;*/
        padding-right: 5px;
    }

    .H03D .H03D_Item .H03D_Content_Container .H03D_Content {
        display: block;
        color: #231F20;
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        word-break: break-word;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

/*----------------------------------------------------
    
    [-----*** H04 ***-----]

----------------------------------------------------*/
.TextWidgetComment {
    height: 100%;
}

.H04_Container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.H04_Container .commentHeaderContainer{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    margin-right: 5px;
}

.H04_Container .commentHeader {
    color: #4D5256;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans- serif;
    text-align: left;
    margin: 10px 10px 5px 10px;
    font-weight: normal;
}

.H04_Container .commentContainer {
    margin: 5px 10px;
    max-height: calc(100% - 60px);
    height:100%;
}

.H04_Container .commentContent {
    color: #7F8082;
    font-size: 12px;
    font-family: 'Open Sans', sans- serif;
    text-align: left;
    font-weight: normal;
    white-space: pre-line;
    max-height: 100%;
    overflow-y: auto;
}

.H04_Container .commentContentBox {
    width: 100%;
    border: 1px solid #e7eaec;
    outline: none !important;
    height: 100%;
    padding: 5px 10px;
}

.H04_Container .commentContentBox:focus {
    border: 1px solid #1ab394;
}

.H04_Container .commentButton {
    margin: 5px 10px;
}


/*----------------------------------------------------
    
    [-----***  Note (Widget Setting) ***-----]

----------------------------------------------------*/

.Note_Title_div {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
}

    .Note_Title_div .NoteWidgetConfiguration_Title {
        flex: 5;
    }

/*----------------------------------------------------
    
    [-----***  Action Plan (Widget Setting) ***-----]

----------------------------------------------------*/

.AlertTrigger_div {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
}

    .AlertTrigger_div .ActionPlan_AlertTrigger {
        flex: 5;
    }

.ActionPlan_ActionTitle {
    margin-bottom: 8px;
}

/*----------------------------------------------------
    
[-----***  Update Frequency (Widget Setting) ***-----]

----------------------------------------------------*/

.UpdateFrequency_Unit {
    margin-bottom: 8px;
}

.UpdateFrequency_Number {
    margin-bottom: 8px;
}

/*----------------------------------------------------
    
    [-----***  Attribute With Name (Widget Setting) ***-----]

----------------------------------------------------*/

.AttributeList_div {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
}

    .AttributeList_div .AttributeWithName_AttributeList {
        flex: 5;
    }

.AttributeWithName_Name {
    margin-bottom: 8px;
}

/*----------------------------------------------------
    
    [-----***  OrderAndLimit (Widget Setting) ***-----]

----------------------------------------------------*/

.OrderAndLimit_OrderBy, .OrderAndLimit_AscDesc, .OrderAndLimit_Limit {
    margin-bottom: 8px;
}

/*----------------------------------------------------
    
    [-----*** SSI ***-----]

----------------------------------------------------*/
.new-ssi-template-content {
    width: 100%;
    max-height: 200px !important;
    height: 200px !important;
    overflow: scroll;
}

/*----------------------------------------------------
    
    [-----*** Widget Pop-up Button ***-----]

----------------------------------------------------*/
.widget-popup-button {
    position: absolute;
    z-index: 1000;
    padding: 5px 10px;
    top: 1px; /* 1 pixel off to accomodate border width */
    right: 6px; /* 1 pixel off to accomodate border width */
    cursor: pointer;
}

/*.widget-popup-button:hover,
.widget-popup-button:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}*/

/*----------------------------------------------------
    
    [-----*** Website Widget Tracker ***-----]

----------------------------------------------------*/
#websiteWidget {
    min-height: calc(10vw + 70px);
}

.website-widget-tracker-header{
        padding: 15px 20px;
        background-color: #F3F3F4;
    }

    .website-widget-tracker-header p {
        font-size: 5vw;
        color: #4D5356;
        margin: 0px;
    }

.website-widget-tracker-setting {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 5vw 10px 5vw;
}

    /*.website-widget-tracker-setting select{
       width: 50vw;
       max-width:200px;
    }*/

    .website-widget-tracker-setting p{
       font-size: 5vw;
       color: #4D5356;
       margin: 0px;
    }

    #timeZoneContainer {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    #timeZoneContainer #timeZoneContainerContent{
        padding: 15px 20px;
        background-color: #f3f3f4;
    }

    #timeZoneContainer #timeZoneContainerContent p{
        margin: 0px;
        font-size: 3.5vw;
    }

@media (min-width: 480px) {
    .website-widget-tracker-header p, .website-widget-tracker-setting p {
        font-size: 24px;
    }

    #timeZoneContainer #timeZoneContainerContent p {
        font-size: 16px;
    }


    #websiteWidget {
        min-height: 128px;
    }
}

/*----------------------------------------------------
    
    [-----*** BL7D ***-----]

----------------------------------------------------*/
.BL7D_Container {
    padding: 5px;
}

.BL7D_Table {
    width: 98%;
    margin: auto;
    overflow: auto;
    border: none !important;
}

.table > thead:first-child > tr:first-child > th {
    border-top: 1px solid #ddd !important;
}

.BL7D_Table > thead > tr {
    border-bottom: 2px solid #ddd;
}

    .BL7D_Table > thead > tr > th, .ReportTable1 > tbody > tr > th, .BL7D_Table > tfoot > tr > th, .BL7D_Table > thead > tr > td, .BL7D_Table > tbody > tr > td, .table > tfoot > tr > td {
        vertical-align: top;
        font-size: 9px;
        font-family: "Open Sans", sans-serif;
        color: #4D5256;
        text-align: center;
        background-color: #fff;
        border-color: #ddd !important;
    }

    .BL7D_Table > thead > tr > th, .BL7D_Table > tbody > tr > th, .BL7D_Table > tfoot > tr > th {
        padding: 5px;
    }

    .BL7D_Table > thead > tr > td, .BL7D_Table > tbody > tr > td, .BL7D_Table > tfoot > tr > td {
        padding: 5px;
        vertical-align: middle;
    }

.BL7D_Container .BL7D_MainLabel {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans- serif;
    text-align: left;
    margin: 10px;
    font-weight: 400;
}

.BL7D_Container .green-text {
    color: #37A4A9;
}

.BL7D_Container .red-text {
    color: #E76539;
}

.BL7D_Container .yellow-text {
    color: #E5B146;
}

.BL7D_Container > .BL7D_Table > tbody > tr > td > span {
    font-size: 11px;
    margin-right: 5px;
}

.BL7D_Container > .BL7D_Table > tbody > tr > td > select {
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    height: 18px;
}

.BL7D_Item {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: 700px;
    margin: 10px;
}

/*----------------------------------------------------
    
    [-----*** CL7D ***-----]

----------------------------------------------------*/
.CL7D_Container {
    padding: 5px;
}

.CL7D_Table {
    width: 98%;
    margin: auto;
    overflow: auto;
    border: none !important;
}

    .CL7D_Table::-webkit-scrollbar {
        height: 10px;
        width: 10px;
    }

    .CL7D_Table::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .CL7D_Table::-webkit-scrollbar-thumb {
        background: #ccc;
    }

        .CL7D_Table::-webkit-scrollbar-thumb:hover {
            background: #aaa;
        }

.table > thead:first-child > tr:first-child > th {
    border-top: 1px solid #ddd !important;
}

.CL7D_Table > thead > tr {
    border-bottom: 2px solid #ddd;
}

    .CL7D_Table > thead > tr > th, .ReportTable1 > tbody > tr > th, .CL7D_Table > tfoot > tr > th, .CL7D_Table > thead > tr > td, .CL7D_Table > tbody > tr > td, .table > tfoot > tr > td {
        vertical-align: top;
        font-size: 9px;
        font-family: "Open Sans", sans-serif;
        color: #4D5256;
        text-align: center;
        background-color: #fff;
        border-color: #ddd !important;
    }

    .CL7D_Table > thead > tr > th, .CL7D_Table > tbody > tr > th, .CL7D_Table > tfoot > tr > th {
        padding: 5px;
    }

    .CL7D_Table > thead > tr > td, .CL7D_Table > tbody > tr > td, .CL7D_Table > tfoot > tr > td {
        padding: 5px;
        vertical-align: middle;
    }

.CL7D_Container .CL7D_MainLabel {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans- serif;
    text-align: left;
    margin: 10px;
    font-weight: 400;
}

.CL7D_Container .green-text {
    color: #37A4A9;
}

.CL7D_Container .red-text {
    color: #E76539;
}

.CL7D_Container .yellow-text {
    color: #E5B146;
}

.CL7D_Container > .CL7D_Table > tbody > tr > td > span {
    font-size: 11px;
    margin-right: 5px;
}

.CL7D_Container > .CL7D_Table > tbody > tr > td > select {
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    height: 18px;
}