@charset "utf-8";
/* CSS Document */
.treeHighlightedClass {
    background-color:#FFFFCC;
}

.required {
    color:#CC0000;
    font-weight:bold;
}

body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:center;
    width:auto;
    margin:0px auto;
    color:#5482B9;
}

td {
    font-size:12px;
    padding-top:5px;
    padding-bottom:5px;
}

a {
    color:#5482B9;
}

.clear {
    clear:both;
}

.btn1 {
    text-decoration:none;
    color:#FFF;
    background-color:#999;
    font-weight:bold;
    padding:4px;
    border:1px solid #666;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    cursor:pointer;
}

.btn2 {
    text-decoration:none;
    font-size:12px;
    color:#fff;
    background-color:#5482B9;
    font-weight:bold;
    padding:4px;
    border:1px solid #666;
    font-family:Arial, Helvetica, sans-serif;
    cursor:pointer;
}

.btn3 {
    text-decoration:none;
    font-size:12px;

    color:#fff;
    background-color:#5482B9;
    font-weight:bold;
    padding:5px;
    border:1px solid #666;
    font-family:Arial, Helvetica, sans-serif;
    cursor:pointer;
}

.btnSubmit {
    text-decoration:none;
    color:#FFF;
    background-color:#999;
    font-weight:bold;
    padding:1px;
    border:1px solid #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    cursor:pointer;
}
.btnMainSubmit {
     text-decoration:none;
     color:#FFF;
     background:#519ED4;
     font-weight:bold;
     padding:4px;
     border:1px solid #4292C9;
     font-size:13px;
     font-family:Arial, Helvetica, sans-serif;
     cursor:pointer;
}


.fifteen-percent {
    width: 15%
}
.fory-percent {
    width: 40%
}
.sixty-percent {
    width: 60%
}

/*this is for the new (2024) PrimeFaces Store tabs */

.ui-tabs.ui-tabs-top {
    border: none !important;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header {
    border: none !important;
    margin-bottom: -14px !important;
}
/*
.ui-corner-top: {
    margin-right: 20px !important;
}
*/

/*alignment of tabs with folder body   */
.ui-corner-top:first-child {
    margin-left: 16px !important;
}

.folderContainer {
    border: 1px  solid lightgray;
    width:100%!important;
    padding: 30px 10px 10px 10px
}
/*tabs*/
.storeTab {
display:flex;
flex-direction:column;
width: 100%;
min-width:1125px
}

/*each tab */
.storeTab > ul > li {
    width: 10%;
    text-align: center !important;
    padding-right: 20px !important;
    white-space: nowrap;
    background: lightgray !important;
    flex-shrink: 1;
}
/*inside each tab text*/
.storeTab > ul > li > a {
     color: white !important;
     background: lightgray;
     text-align: center !important;
     list-style: none;
     width: 91%;
     font-size: 14px;
     font-weight: bold;
}
.storeTab > ul > li.ui-tabs-selected {
    background: white !important;
}

.storeTab > ul > li.ui-tabs-selected a {
     color: black !important;
     background: white;
     font-weight: 700 !important;
     text-align: center !important;
     list-style: none;
     font-size: 14px;
     font-weight: bold;
}

/* not selected */
#tabStore .p-tabview .p-tabview-nav li .p-tabview-nav-link {
border-color: gray;
background: darkgray;
color: black;
}
/* hover */
.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
background: orange;
border-color: brown;
color: black;
}
/* selected */
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: brown;
border-color: brown;
color: white;
}

/* end of Primefaces tabView    */

.stroke {
    background-color:#CCCCCC;
}

.imgStroke {
    border:1px solid #CCC;
}

.error {
    color:#CC0000;
    font-weight:bold;
}

.red {
    color:#CC0000;
    font-weight:bold;
}

.taxContainer {
    width:600px;
}

.taxDiv {
    width:100px;
    text-align:right;
    float:left;
    margin-bottom:10px;
}

/* main */

#main {
    display:block;
    width:1010px;
}

/*leftNav */
#leftNav {
    display:block;
    width:200px;
    background-color:#CCDFEE;
    float:left;
    margin-right:20px;
    min-height:700px;
/height:700px;
}

#leftNav a {
    text-decoration:none;
    color:#5482B9;
}

#leftNav #logo a{
    background-image:url(../images/logo.gif);
    display:block;
    width:200px;
    height:110px;

    background-repeat:no-repeat;
    background-position:top;
}

#leftNav a span {
    visibility:hidden;
}

/*
#leftNav ul {
    display:block;
    list-style:none;
    padding:0px;
    text-align:left;
    margin:0px;
}

#leftNav li {
    display:block;
    padding:5px 0 5px 20px;
    color:#5482B9;
    margin:0px;
}

#leftNav .tier1 {
    display:block;
    background:url(../images/left_nav_arrow1.gif) no-repeat #5482B9;
    font-weight:bold;
    padding-left:20px;
    height:23px;
    padding-top:5px;
    margin-bottom:1px;
}

#leftNav .tier1 a {
    color:#FFF;
}

#leftNav .tier2 {
    display:block;
    font-size:12px;
    background-image:none;
    padding:5 5 5 20;
    border-bottom:1px solid #5482B9;
    background:#BAD1E6;
}

#leftNav .tier2highlight {
    display:block;
    font-size:12px;
    background-image:none;
    padding:5 5 5 20;
    border-bottom:1px solid #5482B9;
    background:#FFF;
}

#leftNav .tier2highlight a {
    color:#000;
    font-weight:bold;
}

#leftNav .tier2 a {
    color:#666;

}

#leftNav .tier2 a:hover {
    color:#000;
}

#leftNav .tier3 {
    display:block;
    font-size:12px;
    background:url(../images/bullet.gif) left no-repeat #BAD1E6;
    border-bottom:1px solid #5482B9;
    padding-left:35px;
    height:18px;
}

#leftNav .tier3 a {
    color:#000;
}
*/
/*
#leftNav .btn2 {
    text-decoration:none;
    font-size:12px;
    font-size:11px;
    color: black;
    background-color: #fefc9b;
    font-weight:bold;
    padding:5px;
    border:1px solid #666;
    font-family:Arial, Helvetica, sans-serif;
    cursor:pointer;
}
*/


/* topNav */
#topNav {
    display:block;
    text-align:left;
    padding-top:10px;
}

#topNav ul {
    list-style:none;
    margin:0px;
    padding:0px;
}

#topNav li {
    font-size:14px;
    display:block;
    font-weight:bold;
}

#topNav .tabOn {
    background-image:url(../images/btn_on_bkgnd.gif);
    background-repeat:no-repeat;
    color:#FFFFFF;
    padding-left:15px;
    padding-top:2px;
    padding-right:15px;
    height:23px;
    float:left;
}

#topNav .tabOff {
    background-image:url(../images/btn_off_bkgnd.gif);
    background-repeat:no-repeat;
    color:#5482B9;
    padding-left:15px;
    padding-top:2px;
    padding-right:15px;
    height:23px;
    float:left;
}

/* bodyContent */
#bodyContent {
    display:block;
    left:220px;
    width:761px;
    float:left;
    text-align:left;
}

#bodyContent .title {
    background-color:#5482B9;
    height:22px;
    font-size:14px;
    color:#FFF;
    font-weight:bold;
    padding-left:10px;
    padding-top:3px;
}

#bodyContent .title a {
    color:#FFF;
}

#bodyContent .search {
    display:block;
    padding:5px;
}

#bodyContent .buttons {
    display:block;
    padding:5px;
}

#bodyContent .footer {
    background-color:#5482B9;
    color:#FFFFFF;
    margin:-10px;
    margin-top:15px;
    padding:5px;
    font-weight:bold;
    width:761px;
}

#pagination {
    margin-bottom:5px;
    margin-top:5px;
}

#bodyContent .footer select {
    font-size:10px;
}

/* listing */
#listing {
    display:block;
}

#listing .tableHeader {
    background-color:#CCCCCC;
    color:#5482B9;
    font-weight:bold;
    font-size:12px;
}

#listing .tableData {
    background-color:#FFFFFF;
    font-size:12px;
}

#listing .tableDataImage {
    background-color:#FFFFFF;
    height:80px;
    text-align:center;
}

#listing .tableData2 {
    background-color:#FFFFFF;
    font-size:12px;
    text-align:center;
}
.tableData3 {
    background-color:#FFFFFF;
    font-size:12px;
    text-align:center;
    width:100px;
}

.tableHeader {
    background-color:#CCCCCC;
    color:#5482B9;
    font-weight:bold;
    font-size:12px;
    padding:6px;
}

.tableData {
    background-color:#FFFFFF;
    font-size:12px;
    text-align:left;
}

td {

}

.tableData2 {
    background-color:#FFFFFF;
    font-size:12px;
    text-align:center;
    width:50px;
}

.primary {
    background-color:#FFFFFF;
    font-size:12px;
}

.quaternary {
    background-color:#FFFFFF;
    font-size:12px;
}

/* breadcrumbs */
.breadcrumbs {
    margin-top:10px;
    border-bottom:solid 1px #CCC;
    padding-bottom:10px;
}

/* edit */
.edit {
    margin-top:10px;
}

/* home */
#home {
    font-size:12px;
}

#home td {
    font-size:12px;
}

#home ul {
    padding-left:20px;
}

#home li {
    padding-top:5px;
}

/* filter */
.filter {
    background-color:#CCDFEE;
}

/* selectSite
.selectSite {
    background-color:#A9C0DC; margin-top:20px; padding-top:10px; padding-bottom:10px; color:#000;
}
 */

/* filterBar */

#filterBar {
    background:#CCDFEE;
    padding: 3px 0 3px 5px;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:10px;
}

.filterBar {
    background:#CCDFEE;
    padding: 3px 0 3px 5px;
    font-weight:bold;
    margin-top:10px;
}

.displayFilterBar {
    display: flex;
    flex-direction: column;
    height: 110px;
    justify-content: space-between;
}

/* actionBar */
#actionBar {
    background:#A9C0DC;
    padding: 3px 0 3px 5px;
    margin-top:10px;
    margin-bottom:10px;
    height:25px;
    line-height:25px;
    font-weight:bold;
}

.actionBar {
    background:#A9C0DC;
    padding: 3px 0 3px 5px;
    margin-top:10px;
    margin-bottom:10px;
    height:25px;
    line-height:25px;
    font-weight:bold;
}

/* Product pricing grid alternating row colors */
.group1 {
    background-color: white;
}

.group0 {
    background-color: #eaeaea;
}

/* display boxes */
.displayBoxes {
    display: flex;
    justify-content: space-between
}
.displayBoxClear {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border-radius:6px;
    border:1px solid #ccc;
    padding:10px;
    padding-right:10px;
    margin-bottom:10px;
}
.displayBoxPink {
    display: flex;
    width:210px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background:rgba(255, 99, 132, 0.2);
    border-radius:6px;
    border:1px solid #ccc;
    padding:10px;
    margin-bottom:10px;
}
.displayBoxOrange {
    display: flex;
    width:210px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background:rgba(255, 159, 64, 0.2);
    border-radius:6px;
    border:1px solid #ccc;
    padding:10px;
    margin-bottom:10px;
}
.displayBoxYellow {
    display: flex;
    width:300px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background:rgba(255, 205, 86, 0.2);
    border-radius:6px;
    border:1px solid rgba(255, 205, 86);
    padding:10px;
    padding-right:10px;
    margin: 5px;
    margin-bottom:10px;
}
.displayBoxGreen {
    display: flex;
    width:210px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background:rgba(75, 192, 192, 0.2);
    border-radius:6px;
    border:1px solid #ccc;
    padding:10px;
    margin-bottom:10px;
}
.displayBoxBlue {
    display: flex;
    width:300px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background:rgba(54, 162, 235, 0.2);
    border-radius:6px;
    border:1px solid rgba(54, 162, 235);
    padding:10px;
    margin: 5px;
    padding-right:10px;
    margin-bottom:10px;
}
.displayBoxPurple {
    display: flex;
    width:210px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background:rgba(153, 102, 255, 0.2);
    border-radius:6px;
    border:1px solid #ccc;
    padding:10px;
    margin-bottom:10px;
}
.outputDataDisplay {
    font-size: 20px;
    font-weight: 900;
}

/* charts */
.chartsRow {
    display: flex;
    justify-content: space-between;
}
.charts {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pieCanvas {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: flex-start;
    width: 500px;
    height: 450px;
    font-size: 15px
}
.barCanvas {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: flex-start;
    gap: 40px;
    font-size: 15px
}
/*chartLinks */
.timeSpanBlue {
    background:none;
    border: none;
    font-weight: 700;
    text-decoration: none;
    color: rgba(54, 162, 235);
}
.timeSpanUnderline {
    background: none;
    border:none;
    font-weight: 700;
    text-decoration-line: underline;
}
/* dashboard */
.dashboardDataTable {
    margin-bottom:5px;
}
.noBorders *{
border: none !important;
}
.marginT5 {
margin-top: 5vh;
}

/* webBlox revamp */

.btnMainSubmit {
    background: #519ED4; /* Old browsers */
    background: -moz-linear-gradient(top,  #519ED4 0%, #4292C9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left t
    op, left bottom, color-stop(0%,#519ED4), color-stop(100%,#4292C9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #519ED4 0%,#4292C9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #519ED4 0%,#4292C9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #519ED4 0%,#4292C9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #519ED4 0%,#4292C9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#519ED4', endColorstr='#4292C9',GradientType=0 ); /* IE6-9 */
    border:1px solid #444;
    display:inline-block;
    padding:6px 18px;
    border-radius:5px;
    font-size:14px;
    font-weight:700;
    color:#fff;
    text-decoration:none;
    outline:0;
    cursor:pointer;
}
.btnMainSubmit:hover {
    background: #b3b3b3; /* Old browsers */
    background: -moz-linear-gradient(top,  #b3b3b3 0%, #8d8888 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3b3b3), color-stop(100%,#8d8888)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b3b3b3 0%,#8d8888 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#8d8888',GradientType=0 ); /* IE6-9 */
    border:1px solid #858585!important;
    color:#fff;
}


.btn, .btn2, input[type="submit"], .webbloxPagination > tbody > tr > td > a {
    background: #8adc68; /* Old browsers */
    background: -moz-linear-gradient(top,  #8adc68 0%, #65a45a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8adc68), color-stop(100%,#65a45a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8adc68 0%,#65a45a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8adc68 0%,#65a45a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8adc68 0%,#65a45a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #8adc68 0%,#65a45a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8adc68', endColorstr='#65a45a',GradientType=0 ); /* IE6-9 */
    display:inline-block;
    padding:6px 18px!important;
    border:1px solid #428145!important;
    border-radius:5px!important;
    font-size:14px;
    font-weight:700;
    color:#fff;
    text-decoration:none;
    outline:0;
    cursor:pointer;
}

.btn:hover, .btn2:hover, input[type="submit"]:hover, .webbloxPagination > tbody > tr > td > a:hover {
    background: #b3b3b3; /* Old browsers */
    background: -moz-linear-gradient(top,  #b3b3b3 0%, #8d8888 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3b3b3), color-stop(100%,#8d8888)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b3b3b3 0%,#8d8888 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#8d8888',GradientType=0 ); /* IE6-9 */
    border:1px solid #858585!important;
}
.clipBtn {
    background: #B2B2B2; /* Old browsers */
    background: -moz-linear-gradient(top,  #B2B2B2 0%, #A4A4A4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B2B2B2), color-stop(100%,#A4A4A4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #B2B2B2 0%,#A4A4A4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #B2B2B2 0%,#A4A4A4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #B2B2B2 0%,#A4A4A4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #B2B2B2 0%,#A4A4A4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B2B2B2', endColorstr='#A4A4A4',GradientType=0 ); /* IE6-9 */
    display:inline-block;
    padding:6px 18px!important;
    border:1px solid #428145!important;
    border-radius:5px!important;
    font-size:14px;
    font-weight:700;
    color:#fff;
    text-decoration:none;
    outline:0;
    cursor:pointer;
}

.clipBtn:hover {
    background: #b3b3b3; /* Old browsers */
    background: -moz-linear-gradient(top,  #b3b3b3 0%, #8d8888 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3b3b3), color-stop(100%,#8d8888)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b3b3b3 0%,#8d8888 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#8d8888',GradientType=0 ); /* IE6-9 */
    border:1px solid #858585!important;
}

.btn1 {
    background: #b3b3b3; /* Old browsers */
    background: -moz-linear-gradient(top,  #b3b3b3 0%, #8d8888 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3b3b3), color-stop(100%,#8d8888)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b3b3b3 0%,#8d8888 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#8d8888',GradientType=0 ); /* IE6-9 */
    border:1px solid #444;
    display:inline-block;
    padding:6px 18px;
    border-radius:5px;
    font-size:14px;
    font-weight:700;
    color:#fff;
    text-decoration:none;
    outline:0;
    cursor:pointer;
}
.btnDelete {
    background: #f08080; /* Old browsers */
    background: -moz-linear-gradient(top,  #f08080 0%, #f08080 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f08080), color-stop(100%,#f08080)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f08080 0%,#f08080 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f08080 0%,#f08080 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f08080 0%,#f08080 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f08080 0%,#f08080 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08080', endColorstr='#f08080',GradientType=0 ); /* IE6-9 */
    border:1px solid #9a1212;
    display:inline-block;
    padding:6px 18px;
    border-radius:5px;
    font-size:14px;
    font-weight:700;
    color:#fff;
    text-decoration:none;
    outline:0;
    cursor:pointer;
}
.btnDelete:hover {
    background: #b3b3b3; /* Old browsers */
    background: -moz-linear-gradient(top,  #b3b3b3 0%, #8d8888 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3b3b3), color-stop(100%,#8d8888)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b3b3b3 0%,#8d8888 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#8d8888',GradientType=0 ); /* IE6-9 */
    border:1px solid #858585!important;
    color:#fff;
}
.btnDeleteDisabled {
    background: #b3b3b3; /* Old browsers */
    background: -moz-linear-gradient(top,  #b3b3b3 0%, #8d8888 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3b3b3), color-stop(100%,#8d8888)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b3b3b3 0%,#8d8888 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#8d8888',GradientType=0 ); /* IE6-9 */
    border:1px solid #858585!important;
    display:inline-block;
    padding:6px 18px;
    border-radius:5px;
    font-size:14px;
    font-weight:700;
    color:#fff;
    text-decoration:none;
    outline:0;
    pointer-events: none;
}


#leftNav .btn2 {
    background: #b3b3b3; /* Old browsers */
    background: -moz-linear-gradient(top,  #b3b3b3 0%, #8d8888 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3b3b3), color-stop(100%,#8d8888)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b3b3b3 0%,#8d8888 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b3b3b3 0%,#8d8888 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#8d8888',GradientType=0 ); /* IE6-9 */
    border:1px solid #444!important;
}

#webblox_login_form table {
    width:auto;
}

table td {
    padding-top:8px;
    padding-bottom:8px;
}

#webblox_login_form .btn {
    margin:0 10px;
}

input[type="text"] {
    border:1px solid #ccc;
    border-radius:5px;
    color:#999;
    background:#fff;
    padding:8px 5px;
    -moz-box-shadow:inset 0px 2px 5px #ccc;
    -webkit-box-shadow:inset 0px 2px 5px #ccc;
    box-shadow:inset 0px 2px 5px #ccc;
    outline:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:34px;
}

input[type="file"] {
    border:1px solid #ccc;
    border-radius:5px;
    color:#999;
    background:#fff;
    padding:8px 5px;
    -moz-box-shadow:inset 0px 2px 5px #ccc;
    -webkit-box-shadow:inset 0px 2px 5px #ccc;
    box-shadow:inset 0px 2px 5px #ccc;
    outline:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:34px;
    margin-right:10px;
}

textarea {
    border:1px solid #ccc;
    border-radius:5px;
    color:#999;
    background:#fff;
    padding:8px 5px;
    -moz-box-shadow:inset 0px 2px 5px #ccc;
    -webkit-box-shadow:inset 0px 2px 5px #ccc;
    box-shadow:inset 0px 2px 5px #ccc;
    outline:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:100px;
    vertical-align:bottom;
}

input[type="password"] {
    border:1px solid #ccc;
    border-radius:5px;
    color:#999;
    background:#fff;
    padding:8px 5px;
    -moz-box-shadow:inset 0px 2px 5px #ccc;
    -webkit-box-shadow:inset 0px 2px 5px #ccc;
    box-shadow:inset 0px 2px 5px #ccc;
    outline:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:34px;
}

input[type="email"] {
    border:1px solid #ccc;
    border-radius:5px;
    color:#999;
    background:#fff;
    padding:8px 5px;
    -moz-box-shadow:inset 0px 2px 5px #ccc;
    -webkit-box-shadow:inset 0px 2px 5px #ccc;
    box-shadow:inset 0px 2px 5px #ccc;
    outline:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:34px;
}

select {
    border:1px solid #ccc;
    border-radius:5px;
    color:#999;
    background:#fff;
    padding:8px 5px;
    -moz-box-shadow:inset 0px 2px 5px #ccc;
    -webkit-box-shadow:inset 0px 2px 5px #ccc;
    box-shadow:inset 0px 2px 5px #ccc;
    outline:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:34px;
}

.filter input {
    border:1px solid #ccc;
    border-radius:5px;
    color:#999;
    background:#fff;
    padding:8px 5px;
    -moz-box-shadow:inset 0px 2px 5px #ccc;
    -webkit-box-shadow:inset 0px 2px 5px #ccc;
    box-shadow:inset 0px 2px 5px #ccc;
    outline:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:34px;
    margin-right:5px;
    margin-left:5px;
}

.tableData {
    text-align:center;
}

.tableData:first-child {
    text-align:left;
}

select[multiple] {
    height: auto;
    min-width:200px;
}

input[type="text"]:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background:#fff;
}

#leftNav .btn, #leftNav .btn1, #leftNav .btn2 {
    color:#fff;
}

#actionBar {
    height:auto;
    padding:0;
    line-height:inherit;
    background:none;
    float:left;
    width:100%;
}

#filterBar {
    height:auto;
    padding:0;
    line-height:inherit;
    background:none;
}

#bodyContent {
    float:none;
    margin-left:250px;
    left:auto;
    width:auto;
    padding-right:10px;
}

#main {
    width:100%;
    padding-top:40px;
}

#bodyContent table {
    float:left;
}

#bodyContent .stroke {
    width:100%;
}

#bodyContent #listing > table {
    width:100%;
}

#bodyContent form > table {
    width:100%;
}

#leftNav {
    margin-right:0;
    width:230px;
    background:none;
    margin-top:10px;
}

#bodyContent .title {
    height:auto;
    padding:10px 10px;
    background:#444141;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position:absolute;
    top:0;
    left:0;
    right:0;
    padding-left:250px;
}

#filterBar img {
    vertical-align:middle!important;
    cursor:pointer;
    margin-left:5px;
}

/*
#logo {
  float:left;
  width:100%;
  text-align:center;
  padding:0 20px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*/

#logo img {
    display:inline-block;
    max-width:100%;
}

#leftNav {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left:10px;
}

#leftNav #logo a {
    display:inline-block;
    max-width:100%;
    width:auto;
    height:auto;
    background:none;
}

#leftNav ul {
    list-style:none;
    margin:0;
    padding:0;
    float:left;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#leftNav ul li {
    float:left;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align:left;
}

#leftNav p {
    text-align:left;
    float:left;
    width:100%;
    color:#666;
}

#leftNav ul li a {
    padding:6px 5px 6px;
    float:left;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#leftNav ul li.tier1 a {
    font-weight:700;
    text-transform:uppercase;
    color:#999;
    font-size:14px;
    background:url(../images/tier1-arrow.png) no-repeat 0 15px;
    padding:10px 10px 8px;
}

#leftNav ul li.tier2 {
    padding-left:5px;
}

#leftNav ul li.tier2 a {
    font-weight:400;
    color:#666;
    font-size:12px;
    border-left:7px solid #fff;
}

#leftNav ul li.tier2highlight a {
    font-weight:700;
    color:#666;
    font-size:12px;
    border-left:7px solid #72b85f;
}

body {
    color:#666;
    background:#fff;
}

a {
    color:#666;
}

.tableHeader {
    background:#ededed;
    color:#858586;
}

table th {
    background:#ededed;
    color:#858586;
}

.stroke {
    border-collapse:collapse;
}

.stroke th {
    background:#ededed;
}

.stroke th, .stroke td {
    color:#858586;
    border:1px solid #e0e0e0;
}

.stroke td table td {
    border:0;
}

form > p {
    float:left;
    width:100%;
}

#listing .tableHeader {
    background:#ededed;
    color:#858586;
}

.myFaces_panelTabbedPane {
    margin-bottom:20px;
}

.selectSite {
    float:left;
    width:100%;
    background:#eaeaea;
    border-radius:6px;
    border:1px solid #ccc;
    padding:10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom:10px;
}

.selectSite p {
    color:#000;
}

#leftNav #logo {
    position:absolute;
    left:10px;
    top:8px;
    z-index:10;
}

#leftNav #logo a {
    float:left;
    width:128px;
    height:20px;
    background:url(../images/sbcs_logo-tiny.png) no-repeat;
    border:0;
    text-decoration:none;
    text-indent:-9999px;
}

#productTabForm .stroke {
    background:none;
}

#productTabForm .stroke td, #productTabForm .stroke th {
    border:0;
}

#bodyContent #bodyContent {
    margin-left:0;
    padding-right:0;
}

.actionBar {
    background:none;
    padding:0;
    height:auto;
    line-height:inherit;
}

#webblox_login_form table {
    background:none;
}

#webblox_login_form table tr {
    background:none;
}

#webblox_login_form table tr td {
    background:none;
}

#webblox_login_form table span {
    color:#666!important;
}

.edit table {
    width:100%;
}

.myFaces_pannelTabbedPane_HeaderRow input[type="submit"] {
    padding:0;
    background:none;
    border:0;
}

.myFaces_panelTabbedPane_activeHeaderCell input[type="submit"] {
    color:#666;
}

#specialForm input[type="text"] {
    margin-left: 5px;
}

#bodyContent [id="specialForm:activeStatus"] {
    width:auto;
    float:none;
}

#bodyContent table table table {
    float:none;
    width:auto;
}

#bodyContent table table {
    width:100%;
}

/*
#bodyContent table {
  border:1px solid #e0e0e0;
}
*/

body, html, #main {
    font-family:Arial, Helvetica, sans-serif;
}

img {
    vertical-align:middle!important;
}

#bodyContent .stroke .stroke {
    margin-top:10px;
}

.btn1 {
    margin:0 5px;
}

#home .introText {
    display:block;
    width:100%;
    margin-top:15px;
    margin-bottom:5px;
    border:1px solid #ccc;
    background:#ffffc9;
    padding:20px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size:15px;
}

.introWrap {
    display:none;
    width:100%;
    padding:0 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.formRow {
  float:left;
  width:100%;
  margin-top:20px;
}

.formRow:first-child {
  margin-top:0;
}

.formLabel {
  float:left;
  width:150px;
  text-align:right;
  margin-right:20px;
  min-height:5px;
}

.formField {
  float:left;
}

.formRow input[type="checkbox"] {
  margin:0;
  vertical-align:middle;
}

.formRow input[type="radio"] {
  margin:0;
  vertical-align:middle;
}

.formRow input {
  margin-right:5px;
}
.optionTypeDragTable  {
    display:flex;
    margin-left:124px;
}
.optionTypeDragTable .formField .dragContainer {
    width:75%
}
.dragContainer input {
    width: 100%
}
.formField .dragContainer input {
    width: 100%
}
.optionTypeDragTable .formField .dragContainer input {
    width:100%
}




#optionForm .formRow img {
  width:25px;
}

#optionForm .formRow img {
  width:25px;
}

#optionForm .formRow table th {
  padding:5px 10px;
}

#bodyContent table.webbloxPagination {
  float:none;
  margin:0;
  width:auto;
  padding:20px 0;
}

#bodyContent table.webbloxPagination img {
  border:0;
}

#bodyContent table.webbloxPagination td {
  padding:0 2px;
}

#bodyContent table.webbloxPagination a {
  text-decoration:none;
  border:1px solid #ccc;
  border-radius:5px;
  padding:4px 6px;
  display:inline-block;
}

#bodyContent table.webbloxPagination .activePageIndicator a {
  border:1px solid #666;
  background:#eee;
  color:#666;
}

#listing .tableData:nth-last-child(-1n+4) {
  white-space:nowrap;
}

.webbloxPager, .webbloxPagerCount {
  overflow:hidden;
  display:flex;
  width:100%;
  align-items:center;
  justify-content:center;
}

.webbloxPager {
  padding-top:10px;
}

.webbloxPager.noMargin {
  padding:0;
}

.webbloxPager .webbloxPagination {
  padding:0!important;
}

.webbloxPagerCount {
  margin-top:15px;
  margin-bottom:15px;
}

.webbloxPagerCount.noMargin {
  margin:0;
}

.pagerControls input {
  margin:0 3px;
}

.pagerNr {
  margin-right:3px;
}

.pagerNr a {
  margin:0 3px;
  text-decoration: none;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 4px 6px;
  display: inline-block;
}

.pagerNr b {
  margin:0 3px;
  text-decoration: none;
  border: 1px solid #666;
  background: #eee;
  color: #666;
  border-radius: 5px;
  padding: 4px 6px;
  display: inline-block;
}

.myFaces_pannelTabbedPane_HeaderRow input[type="submit"] {
  border:0!important;
  background:none!important;
}

.tableData img {
  max-width:100%;
  height:auto;
}

.clipBtn {
  padding:4px 5px!important;
  font-size:12px;
  margin-top:5px;
  position:relative;
}

.clipBtn:before {
  content:"Copied to clipboard";
  display:block;
  position:absolute;
  background:#FFC107;
  border-radius:3px;
  box-shadow:0 0 2px rgba(0,0,0,0.5);
  padding:6px 5px;
  text-align:center;
  width:120px;
  margin-left:10px;
  left:100%;
  top:-1px;
  color:#000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  -moz-opacity:0;
  -khtml-opacity:0;
  opacity:0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.clipBtn.active:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity:1;
  opacity:1;
}

.fileListing .tableData {
  text-align:left;
}

.passwordGroup {
  display:flex;
  align-items:center;
  margin-top:20px;
  max-width:300px;
}

.passwordGroup input {
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  width:100%;
}

.passwordGroup .toggle-password {
  display:block;
  height:32px;
  width:40px;
  border-radius:5px;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  cursor:pointer;
  text-indent:-9999px;
  background:url(../images/pass-eye.png) no-repeat 50% 50%;
  background-size:60% auto;
  border:1px solid #ccc;
}

.passwordGroup .toggle-password.active {
  background:url(../images/pass-eye-slash.png) no-repeat 50% 50%;
  background-size:60% auto;
}

/* end webBlox revamp */

.storeCustomizeWrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow:hidden;
  display:-webkit-flex;
	display:-ms-flexbox;
  display:flex;
}

.storeCustomize {
  float:left;
  width:40%;
  padding-right:15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.storePreview {
  float:left;
  width:60%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size:14px;
}

.webbloxTopNav  {
  float:left;
  width:100%;
  padding:.75rem 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align:right;
}

.webbloxBanner {
  margin:0 auto;
  max-width:95%;
  text-align:center;
}

.webbloxBanner img {
  max-width:100%;
}

.webbloxHero {
  margin:0 auto;
  max-width:95%;
  text-align:center;
  overflow:hidden;
}

.webbloxHero img {
  float:left;
  width:100%;
}

.webbloxHeader  {
  margin:0 auto;
  max-width:95%;
  padding:.75rem 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background: #f5f5f5;
}

.webbloxHeaderTitle  {
  margin:0 auto;
  max-width:95%;
  padding:1.5rem 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f5;
  border-top:1px solid rgba(0, 0, 0, 0.125);
}

.webbloxBody  {
  float:left;
  width:100%;
  padding:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.webbloxBody *:last-child {
  margin-bottom:0;
}

.webbloxBody *:first-child {
  margin-top:0;
}

.webbloxContainer {
  margin:0 auto;
  max-width:95%;
  background:#fff;
  padding:.75rem .5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow:hidden;
}

.webbloxContainer .col {
  float:left;
  width:100%;
  padding:0 .5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.webbloxContainer .col-6 {
  float:left;
  width:50%;
  padding:0 .5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.webbloxContainer .col-4 {
  float:left;
  width:33.3333%;
  padding:1rem .5rem 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.webbloxContainer .card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
  flex-grow: 1;
}

.webbloxContainer .card .cardImg {
  height: 100px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
}

.webbloxContainer .card .cardImg img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.webbloxContainer .card .card-body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding:1.25rem;
  text-align:center;
}

.webbloxContainer .card-title {
  font-size:1rem;
  font-weight:500;
}

.webbloxContainer .text-center {
  text-align:center;
}

.storePreview .top-10 {
  margin-top:10px;
}

.storePreview .top-20 {
  margin-top:20px;
}

.storePreview .top-30 {
  margin-top:30px;
}

.webbloxContainer .text-center h3 {
  margin-top:15px;
  font-weight:500;
}

.webbloxCarousel {
  float:left;
  width:100%;
  display: -ms-flexbox;
  display: flex;
  flex-wrap:nowrap;
}

.productGallery {
  width:100%;
  padding:20px 20px 20px;
  border:1px solid rgba(0, 0, 0, 0.125);
  border-radius:4px;
  position:relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.productGallery img {
  width:100%;
}

.webbloxContainer label {
  margin:0 0 5px;
  font-weight:500;
  display:block;
}

.webbloxFooter  {
  float:left;
  width:100%;
  padding:.75rem 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align:center;
}

.navbar-nav {
  list-style:none;
  padding:0;
  margin:0;
}

.navbar-nav li {
  display:inline-block;
  margin-right:15px;
}

.navbar-nav li:last-child {
  margin-right:0;
}

.responsiveTable {
  border:1px solid rgba(0,0,0,.125);
  background: #fff;
  overflow-x: auto;
  border-radius: .25rem;
  width:100%;
}

.webbloxContainer .responsiveTable table {
  width:100%!important;
  border-collapse:collapse;
}

.webbloxContainer .responsiveTable table th, .responsiveTable table td {
  padding:7px 10px;
  font-size:14px;
}

.webbloxContainer .responsiveTable table .gridSubHeader, .webbloxContainer .responsiveTable table th {
  background: #f5f5f5;
}

.webbloxBody .btn, .webbloxBody .btn.btn-primary {
  color:#fff!important;
}

.defaultColor {
  display:inline-block;
  width:50px;
  height:32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border:1px solid #000;
}

.storePreview  a {
  text-decoration:none;
}

.webbloxOpenProducts {
  font-weight:700;
  text-decoration:none;
  font-size:18px;
}

.storePreviewWrap {
  float:left;
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:5px;
  border:1px solid #ccc;
  margin:10px 0;
}

.clearfix {
  overflow:hidden;
  width:100%;
}

/* 2020 changes */

.legendTable {
  width:100%!important;
}

.legendTable img {
  width:20px;
  height:auto;
}

.legendTable td, .legendTable th {
  border:1px solid #eee!important;
  padding:5px 10px;
  font-size:14px;
}

.floatContent {
  overflow:hidden;
}

/* end 2020 changes */

/* 2021 changes */

.formDatePick {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  -ms-flex-align:center;
  align-items:center;
}

.formDatePick select {
  margin-right:5px;
}

.formDatePick input[type="text"] {
  margin-right:5px;
}

.formPickTo {
  margin:0 10px;
  font-weight:700;
}

.datePickLocation {
  margin-left:10px;
  font-weight:700;
}

.popupDiv {
  width:100%;
  max-width:600px;
  display:none;
}

.btn.btn-secondary {
  color:#fff;
}

.btn.btn-secondary:hover {
  color:#fff;
}

.emailPreview {
  float:left;
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border:7px solid #fff;
}

.emailPreview img {
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
}

.emailPreviewWrap {
  padding:0!important;
}

.emailHeader {
  float:left;
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:5px 15px;
  background:#d8d8d8;
  font-size:16px;
}

.emailBanner {
  float:left;
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:15px 15px 5px;
}

.emailBody {
  float:left;
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:5px 15px;
  font-size:16px;
}

.emailBody h1 {
  margin:5px 0 10px;
}

.emailDetails {
  float:left;
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:200px 15px;
  background:#999;
  font-size:16px;
  color:#fff;
  text-align:center;
}

.emailFooter {
  float:left;
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:15px 15px 5px;
  font-size:16px;
}

.emailPreviewBtn {
  overflow:hidden;
  clear:both;
  padding:10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fullWidth {
  width:100%!important;
}

/* end 2021 changes */

.btn-danger, input[type="submit"].btn-danger {
  background:#CC0000!important;
  border:1px solid #a20303!important;
}

.inlineFlex {
  display:-webkit-flex;
	display:-ms-flexbox;
  display:flex;
  align-items:center;
}
.flexBullseyeCenter {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}