/*================ STREAMPOINT SOLUTIONS ==================
  =========================================================
  Online Event Registration Made Simple!
  =========================================================
*/
:root {
    --white: #ffffff;
    --ink-black: #272727;
    --skobeloff: #266F6F;
    --oasis-green: #5fefc0;
    --primary-1: #ECFDF7;
    --honeydew: #E1FAF0;
    --yellow: #f0ff0f;
    --canary: #f4ff57;
    --cream: #f9fea0;
    --beige: #FDFEE8;
    --alice-blue: #EBF3FD;
    --gray-1: #565656;
    --gray-2: #939393;
    --gray-3: #D1D1D1;
    --gray-4: #ECECEC;
    --gray-5: #fafafa;
    --success: #10855B;
    --danger: #E00043;
    --red: #fa605a;
    --yellow-2: #ffd402;
    --light-blue: #94DDFF;
    --blue: #7fb2ff;
    --green: #a1d4a6;
    --pink: #f4dcfe;
    --purple: #c68efa;
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-xxl: 40px;
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --body-font: 'Poppins', sans-serif;
    --font-xxs: 10px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-md: 16px;
    --font-lg: 18px;
    --font-xl: 21px;
    --font-subtitle: 30px;
    --font-title: 64px;
    --soft-shadow: 0px 30px 40px rgba(0, 0, 0, 0.12);
    --panel-shadow: 0 0 10px rgb(39 39 39 / 5%);
    --paper-shadow: rgba(0, 0, 0, 0.35) 0px 25px 20px -20px;
    --button-hover-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
    --input-glow: 0 0 8px rgba(9, 239, 192, 0.35);
    --datepicker-icon: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 1.875H9.875V0.875C9.875 0.80625 9.81875 0.75 9.75 0.75H8.875C8.80625 0.75 8.75 0.80625 8.75 0.875V1.875H4.75V0.875C4.75 0.80625 4.69375 0.75 4.625 0.75H3.75C3.68125 0.75 3.625 0.80625 3.625 0.875V1.875H1C0.723438 1.875 0.5 2.09844 0.5 2.375V12.75C0.5 13.0266 0.723438 13.25 1 13.25H12.5C12.7766 13.25 13 13.0266 13 12.75V2.375C13 2.09844 12.7766 1.875 12.5 1.875ZM11.875 12.125H1.625V6.1875H11.875V12.125ZM1.625 5.125V3H3.625V3.75C3.625 3.81875 3.68125 3.875 3.75 3.875H4.625C4.69375 3.875 4.75 3.81875 4.75 3.75V3H8.75V3.75C8.75 3.81875 8.80625 3.875 8.875 3.875H9.75C9.81875 3.875 9.875 3.81875 9.875 3.75V3H11.875V5.125H1.625Z' fill='black' fill-opacity='0.25'/%3E%3C/svg%3E");
    --dropdown-icon: url("data:image/svg+xml,%3Csvg width='7' height='6' viewBox='0 0 7 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.99995 4.67683L6.99995 1.67683L6.29285 0.969727L3.6464 3.61617L0.999953 0.969727L0.292847 1.67683L3.29285 4.67683L3.6464 5.03039L3.99995 4.67683Z' fill='black' fill-opacity='0.45'/%3E%3C/svg%3E%0A");
    --info-icon: url('data:image/svg+xml,<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="16px" width="16px" xmlns="http://www.w3.org/2000/svg"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M464 336a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"></path></svg> ');
}

@font-face {
    font-family: 'palmer_lake_regular';
    src: url('../Fonts/palmer_lake_print-webfont.eot');
    src: url('../Fonts/palmer_lake_print-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/palmer_lake_print-webfont.woff2') format('woff2'), url('../Fonts/palmer_lake_print-webfont.woff') format('woff'), url('../Fonts/palmer_lake_print-webfont.ttf') format('truetype'), url('../Fonts/palmer_lake_print-webfont.svg#palmer_lake_printregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    background: transparent !important;
}

html {
    background: transparent !important;
}


html body {
    margin: 0;
    padding: 0;
    background-color: var(--gray-5);
    width: 100%;
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px;
    line-height: 21px;
}

h1,
h2,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600;
}

a {
    color: var(--skobeloff);
    font-weight: 600;
}

a:hover,
a:focus {
    color: var(--ink-black);
    text-decoration: none;
}

.clear {
    clear: both;
}

.visually-hidden {
    position: absolute;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px var(--honeydew) inset;
}

.ajax__validatorcallout_popup_table {
    display: none !important;
}

.helper {
    padding-top: var(--space-xs);
    font-size: var(--font-xs);
    color: var(--gray-1);
    display: inline-block;
}

#Printing {
    display: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    border: 1px solid var(--oasis-green) !important;
    outline: 0;
}

input[type=radio],
input[type=checkbox] {
    width: 22px;
    height: 22px;
    margin: 0;
}

input[type=checkbox] {
    /* For iOS < 15 to remove gradient background */
    background-color: transparent;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    min-width: 16px;
}

input[type=checkbox]:hover::before {
    background-color: var(--primary-1);
}

input[type=checkbox]:before {
    border: 1px solid var(--gray-3) !important;
    width: 16px !important;
    height: 16px !important;
    transition: .2s ease-in-out;
}

input[type=checkbox]:checked:before {
    border: 1px solid var(--oasis-green) !important;
    background: var(--oasis-green);
}

input[type=checkbox]:checked:after {
    width: 3px !important;
    height: 7px !important;
    top: 3px !important;
    left: 6px !important;
}

#wrapper {
    /*-------------------- MAIN LAYOUT -----------------------------*/
    border: 0px #C00 solid;
    width: 100%;
    /*--Minimum Width--*/
    max-width: 1600px;
    /*--Maximum Width--*/
    margin: 0 auto;
}

#contentMainData {
    display: flex;
    gap: var(--space-lg);
    flex-direction: column;
    position: relative;
}


#eventHeading {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#eventName {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0;
    color: var(--ink-black);
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    display: flex;
    align-items: center;
    height: 55%;
}

#headerBG {
    width: 100%;
    height: 216px;
    position: absolute;
    top: 0px;
    z-index: -1000;
}

#headerBG.Development {
    background: var(--honeydew);
    box-shadow: inset 0 40px var(--honeydew);
}

#headerBG.Staging {
    background: var(--canary);
    box-shadow: inset 0 40px var(--canary);
}

#headerBG.Production {
    background: var(--oasis-green);
    box-shadow: inset 0 40px var(--oasis-green);
}

#headerBG.Test {
    background: var(--alice-blue);
    box-shadow: inset 0 40px var(--alice-blue);
}

#header {
    width: 100%;
    height: 210px;
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
    z-index: 10;
    font-family: 'Poppins', sans-serif;
    display: flex;
    flex-direction: column;
}

#pageTitle,
.mainContent h3 {
    margin: 0;
    font-family: 'palmer_lake_regular', sans-serif;
    font-size: 48px;
    font-weight: normal;
    font-style: normal;
    color: var(--ink-black);
    text-transform: capitalize;
    position: relative;
    padding: var(--space-lg) var(--space-xl) 0 var(--space-xl);
    line-height: 48px;
}

.mainContent h3 {
    padding: 0;
}

.mainContent h3 span {
    display: inline;
}

.SPPrice {
    padding-top: var(--space-sm);
    padding-right: var(--space-md);
}

.QtyRemaining>h3,
.QtyRemaining>span {
    padding-top: 0px !important;
}

.QtyRemaining>h3 {
    width: 540px;
}

.QtyRemaining>span {
    /*float:left !important;*/
    padding-left: 10px;
}

.QtyRemaining>ul,
.Cancelled>ul,
.SoldOut>ul {
    float: right;
}

.QtyRemaining>ul li,
.Cancelled>ul li,
.SoldOut>ul li {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: 0;
}


#content {
    position: relative;
    padding: var(--space-lg) var(--space-lg);
}

.content {
    background-color: white;
    padding: var(--space-md);
    margin-top: var(--space-md);
}

#content1 {
    width: 100%;
    padding: var(--space-xs);
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    top: var(--space-xs);
    z-index: 0;
    display: block;
    background-color: #D4D4D4;
}

#contentTop {
    height: 40px;
    padding: 10px;
}

#footer {
    padding: var(--space-md);
    position: relative;
    clear: both;
    z-index: 0;
}

#footerDefault {
    color: var(--ink-black);
    font-size: var(--font-sm);
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--space-lg);
}

#footerDefault .footerDefaultItem {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

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

#footerDefault a {
    text-decoration: none;
}

#footerDefault #globalPrivacyRequestFooter a {
    color: var(--ink-black);
    text-decoration: underline;
}

#footerDefault #connectWithUs ul li:first-child {
    margin-left: 0;
}

#footerDefault .streampointsm {
    background: url(../Images/v2/Streampoint__Logo_Black.svg) no-repeat 1px 0px;
    width: 163px;
    height: 40px;
    display: inline-block;
}

/* --------------------- LEFT MENU --------------------------*/

.leftMenu {
    padding-left: var(--space-xs);
    padding-top: 0px;
}

.leftMenu UL {
    margin: 0 0 var(--space-xs) 0;
    padding: 0 0 2px 0;
    list-style-type: none;
    border: 1px solid #CCC;
    -webkit-border-radius: var(--space-xs);
    -moz-border-radius: var(--space-xs);
    border-radius: var(--radius-xs);
    padding: var(--space-xs);
    background-color: #fff;
}

.leftMenu li {
    color: #333;
    display: block;
    text-decoration: none;
    font-size: 12px;
}

.leftMenu li.title {
    color: #FFF;
    display: block;
    text-decoration: none;
    font-weight: bold;
    font-size: 17px;
    padding-left: 10px;
    border-bottom: 2px solid #556b80;
    background-color: #8090a0;
    -webkit-border-top-left-radius: var(--space-xs);
    -webkit-border-top-right-radius: var(--space-xs);
    -moz-border-radius-topleft: var(--space-xs);
    -moz-border-radius-topright: var(--space-xs);
    border-top-left-radius: var(--space-xs);
    border-top-right-radius: var(--space-xs);
}

.leftMenu li.seperator {
    height: var(--space-md);
}


.leftMenu li a {
    display: block;
    color: #000;
    text-decoration: none;
    margin-bottom: 1px;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 1px;
    border-bottom: 1px solid #CCC;
}

.leftMenu li a:hover {
    display: block;
    color: #FFF;
    text-decoration: none;
    margin-bottom: 1px;
    padding: 1px;
    border: 1px solid #CCC;
    -webkit-border-radius: var(--space-xs);
    -moz-border-radius: var(--space-xs);
    border-radius: var(--radius-xs);
    background-color: #556b80;
}

/*-------------------- TOP MENU -----------------------------*/

.top-header {
    display: flex;
    justify-content: space-between;
    height: 40px;
    padding: 0 var(--space-xl);
    align-items: center;
}

.top-header-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.top-header-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.navbar .top-header {
    padding: 0;
}

#header-support {
    display: block;
    position: relative;
    border: 0px solid #FFF;
    margin: var(--space-xs) 13px;
    background: var(--oasis-green);
    border-radius: var(--radius-lg);
    line-height: 30px;
    font-size: 13px;
    height: 30px;
    width: 90px;
    letter-spacing: 0px;
    text-align: center;
}

#header-support a {
    display: block;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    text-transform: capitalize;
}

#logout {
    display: block;
    position: relative;
    height: 30px;
    margin: var(--space-xs) 0;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: bold;
    letter-spacing: 0px;
    text-align: center;
    line-height: 30px;
}

#logout a {
    text-decoration: none;
    display: block;
    color: var(--ink-black);
}

#logout a:hover,
#logout a:focus {
    color: var(--skobeloff);
}

#eventsListing,
.eventsListing {
    position: relative;
    font-size: var(--font-sm);
    color: var(--ink-black);
    line-height: 40px;
    min-width: 300px;
    z-index: 400;
}

#username {
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    position: relative;
    font-size: var(--space-md);
    margin-left: var(--space-sm);
    color: var(--ink-black);
}

#username>span,
#username {
    display: inline-block;
}

#username #usermenu {
    display: none;
    position: absolute;
    margin: 0;
    z-index: 15;
    margin-left: auto;
    list-style: none;
    padding: 0;
    text-align: center;
    line-height: normal;
    margin-top: -4px;
    font-size: 12px;
    font-weight: normal;
}

#username:hover #usermenu {
    display: block;
    padding: var(--space-sm) var(--space-md);
    box-shadow: var(--soft-shadow);
    border-radius: var(--space-sm);
    background: var(--white);
}

#username #usermenu li {
    text-align: left;
    min-width: 120px;
    padding: var(--space-xs);
}

#username #usermenu a {
    text-decoration: none;
    color: var(--skobeloff);
}

#username #usermenu a:hover {
    color: var(--ink-black);
}

#menuLinks {
    /* These two displays styles have to be separate!) */
    display: block;
    font-size: 14px;
    font-weight: bold;
    width: auto;
    border: 0px solid #FFF;
    height: 50px;
    clear: both;
    float: right;
    margin-right: 0px;
    position: relative;
    top: var(--space-xs);
    outline: none;
    /*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #8c949d; /* for non-css3 browsers */
    /*
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3b0be', endColorstr='#8c949d'); /* for IE */
    /*
    background: -webkit-gradient(linear, left top, left bottom, from(#a3b0be), to(#8c949d)); /* for webkit browsers */
    /*
    background: -moz-linear-gradient(top,  #a3b0be,  #8c949d); /* for firefox 3.6+ */
    /**/
}

#menuLinks>li {
    list-style: none;
    float: left;
    font-size: inherit;
    font-weight: inherit;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    /*border-right:1px solid #b7c2cb;
    border-left:1px solid #929ea8;*/
    height: 40px;
    line-height: 40px;
    background: #8c949d;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3b0be', endColorstr='#8c949d');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#a3b0be), to(#8c949d));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #a3b0be, #8c949d);
    /* for firefox 3.6+ */
    /**/
}

#menuLinks>li:first-child {
    margin-left: -41px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#menuLinks li:last-child {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#menuLinks li a {
    color: #fff;
    display: block;
    text-decoration: none;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

#menuLinks li a:hover {
    color: #000;
}


#menuLinks li.current,
#menuLinks li:hover {
    background: #f7fa9c;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe97a', endColorstr='#f7fa9c');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe97a), to(#f7fa9c));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffe97a, #f7fa9c);
    /* for firefox 3.6+ */
    /**/
}

#menuLinks li#current,
#menuLinks li#current:hover {
    background: #f7fa9c;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe97a', endColorstr='#f7fa9c');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe97a), to(#f7fa9c));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffe97a, #f7fa9c);
    /* for firefox 3.6+ */
    /**/
}

#menuLinks li:last-child:hover {
    background: #8c949d;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3b0be', endColorstr='#8c949d');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#a3b0be), to(#8c949d));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #a3b0be, #8c949d);
    /* for firefox 3.6+ */
    /**/
}

#menuLinks li a {
    border-left: 1px solid #CCC;
    border-right: 1px solid #999;
}

#menuLinks li:first-child a {
    border-left: none;
}

#menuLinks li:last-child a {
    border-right: none;
}


#menuLinks form.search {
    padding: var(--space-xs);
    padding-bottom: 7px;
    background-color: #FFF;
    height: var(--space-md);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-top: 7px;
    margin-right: 10px;
    margin-left: 10px;
}

#menuLinks form fieldset {
    padding: 0px;
    margin-right: 10px;
    border: 0px;
}

#menuLinks form label {
    display: none;
}

#menuLinks form input[type=text] {
    margin-left: 0px;
    float: left;
    width: 150px;
    height: var(--space-md);
    line-height: var(--space-md);
    font-size: 1em;
    border: 0px;
    background: white;
    outline: none;
    color: #465152;
}

#menuLinks form input[type=submit] {
    width: 20px;
    height: 20px;
    border: none;
    text-indent: -999em;
    background-image: url(../Images/svg/search.svg);
    background-position: left top;
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0px solid #333;
    margin-right: -5px;
}



/*----------- Events Drop DOwn Functionality ------------------*/
.dropdown {
    display: flex;
    align-items: center;
    position: relative;
    width: fit-content;
}

.dropdown .dropselect {
    margin-left: var(--space-sm);
    display: inline-block;
    position: relative;
}

.dropdown .dropdownPanel {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 9999;
    background: var(--white);
    border-radius: var(--radius-sm);
    border: 1px solid var(--gray-4);
    box-shadow: var(--soft-shadow);
    padding: var(--space-md);
    margin: 0;
}

.dropdown:hover .dropdownPanel {
    display: block;
    width: max-content;
}

.dropdown .dropdownPanel ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dropdown .dropdownPanel ul li {
    text-align: left;
    min-width: 120px;
    padding: var(--space-xs);
}

.dropdown .dropdownPanel ul li a {
    font-size: var(--font-sm);
    text-decoration: none;
}

.dropdown .dropdownPanel ul li a:hover {
    color: var(--ink-black);
}



#eventsListing .dropdown span {
    cursor: pointer;
    padding: var(--space-xs);
    max-width: 240px;
    max-height: 40px;
    overflow: hidden;
    z-index: 200;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


#eventsListing ul {
    display: none;
    position: absolute;
    margin-top: 0px;
    right: 0;
}

#eventsListing ul,
.eventsListing ul.dropdown-menu {
    line-height: var(--space-md);
    color: var(--skobeloff);
    background-color: var(--white);
    border-radius: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    box-shadow: var(--soft-shadow);
    min-width: 300px;
}

#eventsListing:hover ul {
    display: block;
}

#eventsListing:hover {
    border-radius: 0;
}

#eventsListing ul li,
.eventsListing ul.dropdown-menu li {
    display: block;
    list-style-type: none;
    border-top: solid 1px var(--gray-4);
    padding: var(--space-xs) var(--space-sm);
}

#eventsListing ul li:hover,
.eventsListing ul.dropdown-menu li:hover {
    background: var(--honeydew);
    border-radius: var(--radius-xs);
}

#eventsListing ul li.sublist {
    overflow: hidden;
}

#eventsListing ul li:first-child,
.eventsListing ul.dropdown-menu li:first-child {
    border-top: none;
}

#eventsListing ul li a,
.eventsListing ul.dropdown-menu li a {
    padding: var(--space-xs) 0px var(--space-xs) var(--space-xs);
    display: block;
    color: var(--ink-black);
    text-decoration: none;
    font-size: 12px;
}

/* corners*/
#eventsListing .last {
    background: transparent none repeat scroll 0% 0%;
    margin: 0px;
    padding: 0px;
    border: none;
    position: relative;
    border: none;
    height: 0px;
}


/*---------- end of event drop down functionality ---------------*/

/********** Menu *******************/
.Menu {
    width: 100% !important;
    z-index: 100;
    font-size: 14px;
    font-weight: bold;
    height: 50px;
    position: relative;
    padding: 0 var(--space-md);
    box-sizing: border-box;
}

.Menu label {
    display: none;
}

ul.AdminMenu,
ul.AdminMenu ul {
    float: left;
    margin: 0px;
    padding-left: 0px;
    cursor: default;
    margin-left: 0px;
    z-index: 10;
    height: 40px;
}

ul.AdminMenu ul,
#adminMenu ul {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}


ul.AdminMenu li,
#adminMenu ul li {
    z-index: 10;
    vertical-align: middle;
    float: left;
    list-style-type: none;
    position: relative;
    color: var(--ink-black);
    height: auto;
    margin: var(--space-xs);
    border: 1px solid transparent;
}


ul.AdminMenu li>a,
#adminMenu>ul>li>a {
    color: var(--ink-black);
    text-align: left;
    font-size: var(--font-sm);
    line-height: 40px;
    font-weight: 500;
    text-decoration: none;
    display: block;
    padding: 0px var(--space-md);
    font-family: 'Poppins', sans-serif;
    text-shadow: none;
}

ul.AdminMenu>li:last-child>a,
#adminMenu ul>li:last-child>a {
    border-right: none;
}

ul.AdminMenu>li:first-child>a,
#adminMenu ul>li:first-child>a {
    border-left: none;
}

ul.AdminMenu li>div {
    /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
    display: none;
    /* hides child menu blocks - one of the most important declarations */
    position: absolute;
    /* make child blocks hover without leaving space for them */
    top: 40px;
    /* position slightly lower than the parent menu item */
    left: 0px;
    /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
    z-index: 10;
}

ul.AdminMenu li>div>ul,
#adminMenu ul li.open>ul {
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(9, auto);
    border: none;
    height: auto;
    border-radius: var(--radius-xs) !important;
    border: 1px solid var(--gray-5);
    box-shadow: var(--soft-shadow);
    background-color: var(--white);
    padding: var(--space-sm) var(--space-md);
}

@media (max-width: 1366px) {

    ul.AdminMenu li>div>ul,
    #adminMenu ul li.open>ul {
        grid-template-rows: repeat(15, auto);
    }
}

#adminMenu ul li.open>ul .sps-menu-level3 {
    border: none;
    height: auto;
    border-radius: var(--radius-xs) !important;
    border: 1px solid var(--gray-5);
    box-shadow: var(--soft-shadow);
    background-color: var(--white);
    padding: var(--space-sm) var(--space-md);
}

ul.AdminMenu li>div ul li,
#adminMenu ul li>ul li {
    width: 100%;
    z-index: 10;
    margin: 0px;
    border: 0;
    float: none;
    min-width: 290px;
    padding: 0;
}

ul.AdminMenu li>div ul li.headerMenuItem:not(.parentMenuItem)>span,
#adminMenu li>ul li.dropdown-header:not(.parentMenuItem)>span {
    padding: var(--space-sm);
    border-bottom: 1px solid var(--gray-4);
}

ul.AdminMenu li>div ul li>a,
ul.AdminMenu li>div ul li>span,
#adminMenu li>ul li>a,
#adminMenu li>ul li>span {
    color: var(--ink-black);
    text-align: left;
    font-size: var(--font-sm);
    font-weight: normal;
    line-height: normal;
    display: block;
    padding: var(--space-sm) var(--space-md);
}

ul.AdminMenu li>div ul li>span,
#adminMenu li>ul li>span {
    font-weight: 600;
    font-size: var(--font-sm);
}

ul.AdminMenu li>div ul li>a:hover,
#adminMenu li>ul li>a:hover {
    color: var(--ink-black) !important;
    text-decoration: none;
}


ul.AdminMenu li>div ul li.parentMenuItem>span:after,
#adminMenu li>ul li.parentMenuItem>span:after {
    content: url('../Images/svg/chevron-right.svg');
    float: right;
    position: relative;
    top: 2px;
    margin-right: 2px;
}

ul.AdminMenu li>div ul li div {
    display: none;
    position: absolute;
    /* make child blocks hover without leaving space for them */
    top: -16px;
    /* position slightly lower than the parent menu item */
    left: 290px;
    /* this must not be more than the width of the parent block, or the mouse will*/
}


ul.AdminMenu ul.CSStoShow {
    /* must not be combined with the next rule or IE gets confused */
    display: block;
    /* specially to go with the className changes in the behaviour file */
}

ul.AdminMenu li:hover>div.subMenuItem {
    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
    display: block;
    /* makes the child block visible - one of the most important declarations */
    height: auto;
}

ul.AdminMenu li:hover>div.subMenuItem::after.subMenuItem {
    max-width: 260px;
}

ul.AdminMenu li>div ul li.parentMenuItem,
#adminMenu ul li>ul li.parentMenuItem {
    cursor: pointer;
}

ul.AdminMenu li>div ul li.parentMenuItem:hover,
ul.AdminMenu li>div ul li.parentMenuItem:focus {
    background: var(--honeydew);
    border-radius: var(--radius-xs);
}

ul.AdminMenu li:hover>div.subMenuItem li:hover li a {
    border: transparent;
    background: transparent;
}

/* and some link styles */
ul.AdminMenu li:hover a {
    text-decoration: none;
}

ul.AdminMenu li:hover>div.subMenuItem li:hover a,
ul.AdminMenu li:hover>div.subMenuItem li:focus a,
ul.AdminMenu li:hover>div ul li.parentMenuItem ul li:hover a,
ul.AdminMenu li:hover>ul li.parentMenuItem ul li:focus a,
.sps-navbar-main .navMenuItems li.maintainHover>a,
.sps-navbar-main .navMenuItems li.maintainHover.dropdown-header.parentMenuItem>span,
.sps-navbar-main .popover-content li>a:hover {
    background: var(--honeydew);
    border: 0;
    border-radius: var(--radius-xs);
    text-shadow: none;
}

ul.AdminMenu li:hover>a,
#adminMenu>ul>li>a:hover,
#adminMenu>ul>li>a:focus,
.sps-navbar-main .nav .open>a {
    color: var(--gray-5) !important;
    background: var(--ink-black);
    border-radius: var(--radius-lg);
    text-decoration: none;
}

/* supports links in branch headings - should not be display: block; */
.AdminMenu ul li:not(.parentMenuItem):not(.headerMenuItem):first-child,
.AdminMenu ul li.headerMenuItem+li:not(.parentMenuItem):not(.headerMenuItem),
#adminMenu ul>ul li+li:not(.parentMenuItem):first-child,
#adminMenu ul li>ul li+li:not(.parentMenuItem) {
    padding: var(--space-xs) 0 0 0;
}

.AdminMenu ul li:not(.parentMenuItem):not(.headerMenuItem):last-child {
    padding-bottom: var(--space-xs);
    border-radius: 0px 0px var(--space-xs) var(--space-xs);
}

#eventHeading {
    padding: var(--space-sm) var(--space-xl);
}

.sps-header .search {
    max-width: 300px;
}

#eventHeading .search input[type="image"],
.sps-header .search button {
    background: var(--white);
    padding: var(--space-sm);
    border-radius: 0 var(--space-xs) var(--space-xs) 0;
    border: 1px solid var(--gray-3);
    border-left: none;
}

#eventHeading .search input[type="image"]:hover,
.sps-header .search button:hover {
    border: 1px solid var(--gray-2);
    color: var(--ink-black);
}

#eventHeading label {
    display: none;
}

#eventHeading input[type=text],
.sps-header .search input[type='text'] {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin-left: 0px;
    float: left;
    line-height: var(--space-md);
    font-size: var(--font-md);
    border: 1px solid var(--gray-3);
    border-radius: var(--radius-xs) 0 0 var(--space-xs);
    background: white;
    outline: none;
    color: #465152;
    padding: 0 var(--space-sm);
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.sps-header .search button img {
    vertical-align: unset;
}

#eventHeading input[type=submit] {
    width: 20px;
    height: 20px;
    border: none;
    text-indent: -999em;
    background-image: url(../Images/Search-icon.png);
    background-position: left top;
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0px solid #333;
    margin-right: -5px;
    top: -2px;
    right: -6px;
    position: relative;
}


::-webkit-input-placeholder {
    /* Edge */
    color: var(--gray-3);
    font-size: var(--font-sm);
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--gray-3);
    font-size: var(--font-sm);
}

::placeholder {
    color: var(--gray-3);
    font-size: var(--font-sm);
}

.searchWatermark {
    color: var(--gray-3) !important;
    font-size: var(--font-sm) !important;
}

.SubHeader {
    border: 1px solid gray;
    padding: 10px;
    margin: 10px;
}

.SubHeader img {
    float: left;
    padding-right: 10px;
    vertical-align: top;
    height: 32px;
    width: 32px;
}

.Divider {
    width: 100%;
    margin-bottom: var(--space-xs);
    line-height: 1px;
    border-bottom: 2px solid #FC0;
}

.SubHeaderText {
    color: #666;
    font-family: inherit;
    font-size: 22px;
    letter-spacing: -1px;
    line-height: 3px;
    padding: 0px;
    font-weight: bold;
    margin: 0.67em 0px;
}

.LeftMenu {
    width: 200px;
    margin: 10px;
    padding: 10px;
    border: 1px solid Gray;
}

.LeftMenu ul {
    font-family: inherit;
    font-size: 11px;
    list-style-type: none;
    margin-left: 0px;
    margin-top: 0px;
    padding-left: 0px;
    padding-top: 0px;
}

.LeftMenu li {
    display: list-item;
    display: block;
    padding: 3px;
    width: 190px;
    background-color: #F8F8F8;
    border-bottom: 1px solid #eee;
    color: #333;
}

LeftMenu li:hover {
    background-color: #ffcc33;
    color: #000000;
}

.LeftMenuHeader {
    background: #F3F3F3;
    color: #666;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    padding: var(--space-xs);
    margin-bottom: 0px;
    width: 185px;
    display: block;
}

/**** end Menu ********/

/***********Event Contacts***********/
.sps-event-body {
    display: inline-block;
}

.sps-event-info-pm {
    font-weight: 600;
}

.sps-event-info-pm-detailed {
    display: inline-block;
    padding-left: var(--space-sm);
    font-size: var(--font-xs);
}

#sortable_list {
    list-style: none;
    margin: 0;
    padding: 0;
    font: 12px Arial, Helvetica, Geneva, sans-serif;
    width: 520px;
}


#sortable_list li.header div {
    background-color: #ccc;
    font-weight: bold;
    cursor: default;
}

#sortable_list li div {
    display: block;
    float: left;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 3px var(--space-xs);
}


#sortable_list li div.listitem_Customer {
    width: 500px;
    border-left: 1px solid #ccc;
    font-weight: bold;
}

#sortable_list li div.listitem_Product {
    width: 300px;
    border-left: 1px solid #ccc;
    padding-left: 2mm;
}


#sortable_list li div.listitem_blank {
    border: 0;
    width: 374px;
}

#sortable_list li div.listitem_Tax {
    width: 50px;
    border-left: 1px solid #ccc;
}

#sortable_list li div.listitem_UnitCost {
    width: 60px;
}

#sortable_list li div.listitem_Qty {
    width: 50px;
}

#sortable_list li div.listitem_Total {
    width: 55px;
}

#sortable_list li div.listitem_PaymentBy {
    width: 371px;
    padding-left: 2mm;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

#sortable_list li div.listitem_PaymentMethod {
    width: 50px;
}

/* --------------------- LEFT MENU --------------------------*/

.profileMenu {
    display: block;
    margin-top: 0px;
    padding: var(--space-md);
    border: 1px solid var(--gray-3);
    background-color: var(--white);
    border-radius: var(--radius-sm);
    box-shadow: var(--panel-shadow);
    box-sizing: border-box;
}

.profileMenu UL {
    margin: 0;
    list-style-type: none;
}

.profileMenu ul>li {
    font-weight: 400;
    display: block;
    text-decoration: none;
    font-size: var(--font-xs);
    line-height: var(--font-md);
    background-color: transparent;
    color: var(--ink-black);
}

.profileMenu ul>li:not(:last-child) {
    border-bottom: 0px solid var(--gray-4);
}

.profileMenu ul>li:not(:last-child):hover {
    border-bottom: 0px solid transparent;
}

.profileMenu>li {
    color: var(--gray-1);
    display: block;
    text-decoration: none;
    font-weight: 600;
    font-size: var(--font-sm);
}

.profileMenu>li:not(:last-child) {
    margin-bottom: var(--space-sm);
}

.profileMenu>li>span,
.profileMenu>li>label {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    color: var(--ink-black);
    padding: var(--space-xs) 0;
    width: 100%;
    border-bottom: 1px solid var(--gray-3);
    margin-bottom: var(--space-sm);
}


.profileMenu ul>li a {
    display: block;
    color: var(--ink-black);
    text-decoration: none;
    padding: var(--space-sm);
    border-radius: var(--radius-xs);
}

.profileMenu li a:hover {
    display: block;
    background: var(--honeydew);
}




/*-------------------- MAIN LAYOUT -----------------------------*/


#contentTop {
    height: 65px;
    padding: 0px;
    border-bottom: 1px solid #b9c5d1;
    border-top: 1px solid #a4b1b9;
    float: left;
}

#contentContainer {
    display: flex;
    gap: var(--space-xl);
}

#contentLeft {
    width: 270px;
    min-width: 270px;
}

.contentMain {
    padding: 0px;
    border: 0px solid #090;
    padding-bottom: 10px;
    -webkit-box-flex: 4;
    -ms-flex-positive: 4;
    flex-grow: 4;
}

.contentDataMain {
    margin: 10px;
}

/*-------------------- TOP MENU -----------------------------*/

#logout a {
    text-decoration: none;
    display: block;
    color: #333;
}






/*

#menu{

    border:2px solid #FFF;

    height:51px;

    clear:both;

    float:right;

    margin-top:0px;

    margin-right:30px;

    position:relative;

    top:30px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    background: #8c949d; /* for non-css3 browsers */
/*

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3b0be', endColorstr='#8c949d'); /* for IE */
/*

    background: -webkit-gradient(linear, left top, left bottom, from(#a3b0be), to(#8c949d)); /* for webkit browsers */
/*

    background: -moz-linear-gradient(top,  #a3b0be,  #8c949d); /* for firefox 3.6+ */
/*

    }



#menuLinks {

    height:51px;

    border:1px #F00 solid;

    display: block; 

    z-index: 10;

}

*/

#menuLinks {
    /* These two displays styles have to be separate!) */
    display: block;
    font-size: 13px;
    font-weight: bold;
    width: auto;
    border: 0px solid #FFF;
    clear: both;
    float: right;
    margin-right: 0px;
    position: relative;
    top: var(--space-xs);
    /*-webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    background: #8c949d; /* for non-css3 browsers */
    /*

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3b0be', endColorstr='#8c949d'); /* for IE */
    /*

    background: -webkit-gradient(linear, left top, left bottom, from(#a3b0be), to(#8c949d)); /* for webkit browsers */
    /*

    background: -moz-linear-gradient(top,  #a3b0be,  #8c949d); /* for firefox 3.6+ */
    /**/
}



#menuLinks>li {
    list-style: none;
    float: left;
    font-size: inherit;
    font-weight: inherit;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    /*border-right:1px solid #b7c2cb;

    border-left:1px solid #929ea8;*/
    height: 45px;
    line-height: 45px;
    background: #8c949d;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3b0be', endColorstr='#8c949d');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#a3b0be), to(#8c949d));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #a3b0be, #8c949d);
    /* for firefox 3.6+ */
    /**/
}



#menuLinks>li:first-child {
    margin-left: -41px;
    -webkit-border-top-left-radius: var(--space-xs);
    -webkit-border-bottom-left-radius: var(--space-xs);
    -moz-border-radius-topleft: var(--space-xs);
    -moz-border-radius-bottomleft: var(--space-xs);
    border-top-left-radius: var(--space-xs);
    border-bottom-left-radius: var(--space-xs);
    border-left: 1px solid #FFF;
}

#menuLinks li:last-child {
    -webkit-border-top-right-radius: var(--space-xs);
    -webkit-border-bottom-right-radius: var(--space-xs);
    -moz-border-radius-topright: var(--space-xs);
    -moz-border-radius-bottomright: var(--space-xs);
    border-top-right-radius: var(--space-xs);
    border-bottom-right-radius: var(--space-xs);
    border-right: 1px solid #FFF;
}



#menuLinks li a {
    color: #fff;
    display: block;
    text-decoration: none;
    height: 45px;
    padding-left: 10px;
    padding-right: 10px;
}

#menuLinks li a:hover {
    color: #000;
}

#menuLinks li.current,
#menuLinks li:hover {
    background: #f7fa9c;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe97a', endColorstr='#f7fa9c');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe97a), to(#f7fa9c));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffe97a, #f7fa9c);
    /* for firefox 3.6+ */
    /**/
}

#menuLinks li#current,
#menuLinks li#current:hover {
    background: #f7fa9c;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe97a', endColorstr='#f7fa9c');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe97a), to(#f7fa9c));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffe97a, #f7fa9c);
    /* for firefox 3.6+ */
    /**/
}

#menuLinks li:last-child:hover {
    background: #8c949d;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3b0be', endColorstr='#8c949d');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#a3b0be), to(#8c949d));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #a3b0be, #8c949d);
    /* for firefox 3.6+ */
    /**/
}

#menuLinks li a {
    border-left: 1px solid #CCC;
    border-right: 1px solid #999;
}



#menuLinks li:first-child a {
    border-left: none;
}

#menuLinks li:last-child a {
    border-right: none;
}



/*---------- Profile: User Bar -----------------------------------*/



#contentTopProfile {
    padding: var(--space-md);
    border-radius: var(--radius-sm);
    border: 1px solid var(--gray-3);
    box-shadow: var(--panel-shadow);
    background: var(--white);
    color: var(--ink-black);
    font-size: 14px;
    font-family: var(--body-font) !important;
    margin-bottom: var(--space-lg);
    row-gap: var(--space-lg)
}

.profileUserBar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


.profileUserBar .userName {
    min-width: 140px;
    flex: 1 1 auto;
}

.profileUserBar .userName h2 {
    color: var(--ink-black);
    font-size: var(--font-xl);
    margin-bottom: var(--space-sm);
}

.profileUserBar .guestName {
    color: var(--gray-2);
}

.profileUserBar .guestName a {
    text-decoration: none;
    color: var(--skobeloff);
    padding-left: var(--space-xs);
}

.guestName a:hover,
.guestName a:focus {
    color: var(--oasis-green);
}

.profileUserSubBar a,
.profileUserSubBar li>div {
    display: flex;
    padding: var(--space-sm) var(--space-md);
    color: var(--white) !important;
    border-radius: var(--radius-sm);
    text-decoration: none !important;
    font-size: var(--font-sm);
    gap: var(--space-xs);
    justify-content: center;
    align-items: center;
}

.profileUserSubBar a .icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(../Images/svg/switch.svg) center center no-repeat;
}

.profileUserSubBar a .label,
.profileUserSubBar li>div .label {
    color: var(--gray-5);
    font-weight: 400;
}

.profileUserSubBar a.greenShade,
.profileUserSubBar li>div .greenShade {
    color: var(--white);
}

.profileUserSubBar a.greenShade:hover,
.profileUserSubBar a.redShade:hover {
    filter: brightness(110%);
}

.profileUserBar {
    font-weight: 600;
}

.profileUserSubBar {
    font-weight: 600;
    display: flex;
    gap: var(--space-sm);
    flex-grow: 1;
    margin: 0;
    padding: 0;
}

.profileUserSubBar li {
    flex-grow: 1;
}

.profileUserBar UL,
.profileUserSubBar UL {
    list-style-type: none;
}


.profileUserBar h2,
.profileUserBar h3 {
    margin: 0;
    font-weight: 600;
}

.profileUserBar h2 .placeholder {
    color: var(--gray-2);
    font-style: italic;
}

.profileUserBar h3 {
    font-size: var(--font-sm);
}

.profileUserBar h4 {
    font-weight: 600;
    margin: 0;
    color: var(--gray-2);
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.profileUserSubBar UL {
    background-color: #000;
}

.profileUserBar>li {
    display: block;
    text-decoration: none;
    font-size: 12px;
    float: left;
    padding-right: var(--space-md);
    padding-left: var(--space-md);
    text-shadow: #363a3c 1px 1px 2px;
    border-left: 1px solid #5a5f60;
    color: #f4f4f4;
    height: 54px;
    padding-top: 10px;
}

.profileUserBar>div {
    text-decoration: none;
    font-size: 12px;
    padding: var(--space-sm) var(--space-md);
    color: var(--ink-black);
}

.profileUserBar>div:nth-child(n+4) {
    border-left: 1px solid var(--gray-4);
}

.profileUserBar a {
    color: var(--skobeloff);
    text-decoration: none;
}

.profileUserBar a:hover,
.profileUserBar a:focus {
    color: var(--ink-black);
    text-decoration: none;
}

.profileUserBar .confirmationIdPanel {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

.profileUserBar .confirmationIdPanel span {
    font-size: var(--font-lg);
    line-height: 0;
}


.nopad {
    padding: 0px;
}

.greenShadeMain {
    background-color: var(--success);
    border-radius: var(--radius-sm);
}

.redShadeMain {
    background-color: var(--danger);
    border-radius: var(--radius-sm);
}

.redShadeMain h4,
.redShadeMain div,
.greenShadeMain h4,
.greenShadeMain div {
    color: var(--white);
}

.greenShade {
    background-color: var(--success);
}

.profileUserBar a.Status {
    display: block;
    padding-right: var(--space-md);
    height: 51px;
    padding-left: var(--space-md);
    padding-top: var(--space-xs);
    padding-top: var(--space-sm);
    padding-bottom: var(--space-xs);
    text-decoration: none;
}

.orangeShade {
    background: #FC0;
}



.redShade {
    background: var(--danger);
}



.big {
    font-size: var(--font-xl);
    font-weight: 600;
}



#contentTop .profileUserBar .med {
    padding-bottom: 2px;
}



.sm {
    font-family: inherit;
    font-size: var(--font-sm);
}


.med {
    font-family: inherit;
    font-size: var(--font-lg);
    font-weight: 600;
}

@media (max-width: 1366px) {
    .profileUserBar h4 {
        font-size: var(--font-sm);
    }

    .profileUserBar .confirmationIdPanel span,
    .med {
        font-size: var(--font-md);
    }
}

.left,
.col1,
.col2 {
    float: left;
}

.leftPanel {
    flex: 1 0 270px;
    height: fit-content;
}


.EditQuestions .col1,
.EditQuestions .col2 {
    margin: 0;
}

.SeminarPagerNextPrev {
    width: 100%;
}

.ButtonCell {
    float: left;
}

.right,
.rightJustify {
    float: right;
}

.col2 {
    flex-grow: 1;
}

.admincol1 {
    flex-basis: 550px;
}

.titleBreaksTop {
    margin-top: 30px;
}


.col2 {
    margin-left: 10px;
}

/*----------------------- icons -------------------------------------- */



.iconPopup {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.iconPopup:after {
    content: url(../Images/svg/layers.svg);
    display: inline-block;
    width: 16px;
    height: 16px;
}

.iconOnsite,
.iconEdit,
.iconPayment,
.iconOther {
    width: 24px;
    height: 24px;
}

.iconOnsite:after {
    content: url(../Images/svg/badge.svg);
    display: inline-block;
    width: 24px;
    height: 24px;
}

.iconEdit:after {
    content: url(../Images/svg/edit.svg);
    display: inline-block;
    width: 24px;
    height: 24px;
}

.iconPayment:after {
    content: url(../Images/svg/payment.svg);
    display: inline-block;
    width: 24px;
    height: 24px;
}

.iconOther:after {
    content: url(../Images/svg/miscellaneous.svg);
    display: inline-block;
    width: 24px;
    height: 24px;
}

.icon-info-circle {
    background: var(--info-icon);
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
}


/*-------------- Guest Table Styles -------------------*/



.dataUserTable {
    /*IE Hack*/
    border-collapse: collapse;
    box-shadow: var(--panel-shadow);
}

.dataUserTable thead th:first-child {
    text-align: center;
}

.dataUserTable thead th:first-child,
.dataUserTable tbody td:first-child,
.dataTable th:first-child,
.dataTable td:first-child {
    padding-left: var(--space-lg);
}

.dataUserTable thead th:last-child,
.dataUserTable tbody td:last-child,
.dataTable th:last-child,
.dataTable td:last-child {
    padding-right: var(--space-xxl);
}

.dataUserTable thead th {
    font-size: var(--font-xs);
    text-align: left;
    background-color: var(--gray-4);
    color: var(--ink-black);
    padding: var(--space-xs);
}

.dataUserTable tr {
    padding: 0 var(--space-md);
}

.dataUserTable tr:hover td {
    background: var(--honeydew);
}

.dataUserTable td {
    border-bottom: 1px solid var(--gray-4);
    background: var(--white);
    padding: var(--space-sm) var(--space-xs);
}



.dataUserTable .UserNameGuest a {
    color: #ed5d3b;
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
}



.dataUserTable .actions a {
    color: #ed5d3b;
    text-decoration: underline;
    font-size: 10pt !important;
    font-weight: normal !important;
}



.dataUserTable td.noBorderBottom {
    border-bottom: 0px solid;
}

.dataUserTable td.noBorderTop {
    border-top: 0px solid;
}

.dataUserTable td.noBorderLeft {
    border-Left: 0px solid;
}

.dataUserTable td.noBorderRight {
    border-Right: 0px solid;
}

.dataUserTable .actions {
    font-size: 10pt !important;
    font-weight: normal !important;
    border-top: 0px solid;
}

.dataUserTable tr:hover {
    background-color: #efefef;
}

.dataUserTable .dataXSmall td {
    height: 24px;
    font-size: 12px;
    font-weight: 400;
}

.dataUserTable td .CB {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dataUserTable tr>td:nth-child(3) {
    /* allow line breaks in member code col */
    word-break: break-word;
}

.dataUserTable td.dataSmall {
    font-size: var(--font-sm);
}

.dataUserTable td.dataMed {
    font-size: var(--font-sm);
    font-weight: normal;
}

.dataUserTable td.dataBig {
    font-size: var(--font-lg);
    text-align: right;
    position: relative;
}

.dataUserTable td.dataBig .dataUserTable td.dataBig div.dataBalance {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-xs);
    position: relative;
}

.dataUserTable .alignright {
    text-align: right;
    padding-right: 10px;
}

.dataUserTable .aligncenter {
    text-align: center;
}

.dataUserTable .alignleft {
    text-align: left;
}

.dataUserTable .Cancelled,
.dataUserTable .Not_Complete {
    color: var(--danger);
    font-weight: 600 !important;
}

.dataUserTable .Active,
.dataUserTable .Complete {
    color: var(--success);
    font-weight: 600 !important;
}

.dataUserTable .InActive {
    color: var(--gray-2);
    font-weight: 600 !important;
}


.dataUserTable .photoCol {
    height: auto !important;
}

.dataUserTable .photoCol a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dataUserTableOptions {
    background-color: rgba(0, 0, 0, 0.70);
    backdrop-filter: blur(4px) saturate(180%);
    -webkit-backdrop-filter: blur(4px) saturate(180%);
    border: 1px solid var(--gray-3);
    float: right;
    display: block;
    padding: var(--space-sm) var(--space-md);
    font-size: 9pt;
    border-radius: var(--radius-lg);
    margin-right: 20px;
    margin-top: 0;
    box-shadow: var(--panel-shadow);
    color: var(--gray-3);
    font-weight: 400;
}



.dataUserSearchHover td a {
    color: var(--skobeloff);
    font-weight: 600;
    text-decoration: none;
    margin: 0 var(--space-xs);
}

.dataUserSearchHover td a:hover {
    color: var(--ink-black);
}

.dataUserTableOptions a {
    color: var(--white) !important;
    font-weight: 400 !important;
    text-decoration: none;
}

.dataUserTableOptions a:hover {
    color: var(--oasis-green) !important;
}

.dataBalance .balance {
    color: var(--danger);
}


.dataBalance .icons {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: var(--space-xs);
    right: var(--space-md);
    top: 0;
    height: 100%;
}

#checkPresent {
    position: relative;
    border: 0;
    z-index: 1000;
    display: inline;
}

.checkPresent,
.checkPickup,
.checkSmPickup,
.checkSmPresent {
    border: 0;
    z-index: 1000;
    display: inline-block;
}

.checkPresent:after,
.checkSmPresent:after {
    content: url('../Images/svg/check.svg');
    width: 16px;
    height: 16px;
    display: block;
}

.checkPickup,
.checkSmPickup {
    content: url('../Images/svg/mat-pickup.svg');
    width: 16px;
    height: 16px;
    display: block;
}


.checkPresentOff {
    background-image: url(../Images/adminallimages.png);
    background-position: 0px -134px;
    width: 23px;
    height: 23px;
    position: relative;
    border: 0px solid #0C0;
    z-index: 1000;
    display: inline-block;
    margin-right: -20px;
    top: 3px;
}


.hide {
    display: none;
}



.rightMargin5 {
    display: inline;
    margin-right: var(--space-xs);
}


.DynamoMenu {
    display: none;
}

.dataUserTable tr:hover .DynamoMenu {
    display: block;
}

.usernameguest {
    overflow: visible;
}

/*---------------- Tool Tip STyles ------------- */

.adminCommon {
    background-image: url(../Images/adminallimages.png);
}


.toolTipWrapper {
    border: 0px;
    display: none;
    z-index: 10;
}

.toolTip {
    border: 0;
    display: inline-block;
    border-radius: var(--radius-sm);
    background-color: var(--white);
    border: 1px solid var(--gray-4);
    box-shadow: var(--soft-shadow);
    padding: var(--space-md);
}

.toolTipContent {
    max-height: 600px;
    overflow-y: scroll;
}

.toolTipContent #dataTable td {
    padding: var(--space-xs) !important;
    font-size: var(--font-xs) !important;
}

.toolTip H3 {
    font-size: var(--font-md);
    font-weight: 600;
    color: var(--ink-black);
    margin: 0;
    padding-bottom: var(--space-sm);
    margin-bottom: var(--space-sm);
    border-bottom: 1px solid var(--gray-4);
}

.toolTip P {
    margin: 0;
    font-size: var(--font-xs);
    font-weight: 400;
    color: var(--gray-1);
}

.toolTip a {
    color: var(--skobeloff);
    text-decoration: none;
    font-weight: 600;
    font-size: var(--font-xs);
}

.toolTip a:hover,
.toolTip a:focus {
    color: var(--ink-black);
    text-decoration: none;
}


/*-------- Search Page ------------------- */

.searchMain {
    width: 100%;
    color: var(--ink-black);
    display: flex;
    flex-direction: row;
    gap: var(--space-lg);
}

.searchMain .flex-content {
    display: flex;
    gap: var(--space-md);
    padding: var(--space-md);
}

.searchMain H1 {
    margin: 0px;
    color: #3d454c;
    font-size: 14pt;
    padding-bottom: var(--space-xs);
    margin-top: -5px;
}


.searchMain UL.fields {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
}

.searchMain UL.fields span {
    width: 80px;
    border: 0;
    font: inherit;
    font-size: 12px;
    text-align: right;
    color: var(--gray-2);
    vertical-align: middle;
    line-height: 16px;
}

.searchMain UL.fields input[type=text],
.searchMain UL.fields select {
    -webkit-border-radius: var(--space-xs);
    -moz-border-radius: var(--space-xs);
    border-radius: var(--radius-xs);
    border: 1px solid var(--gray-3);
    font-size: var(--space-md);
    padding: var(--space-xs);
    flex: 1 0;
    width: 0;
}

.searchMain .dateRange UL.fields input[type=text] {
    background: none !important;
}

.searchMain Ul.fields li {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: var(--space-sm);
    align-items: center;
}

.searchMain .regStatus,
.searchMain .customStatus,
.searchMain .regButton,
.searchMain .regTags {
    background-color: #f4f6f9;
    border: 1px solid #9d9b9b;
    padding: 9px;
    margin-right: 0px;
    margin-bottom: 10px;
    -webkit-border-radius: var(--space-xs);
    -moz-border-radius: var(--space-xs);
    border-radius: var(--radius-xs);
}

.searchMain .dateRange ul {
    list-style: none;
}

.CategoryFilter .flex-header {
    cursor: pointer;
}

.CategoryFilter .flex-header img {
    width: 16px;
    height: 16px;
    margin-left: auto;
}

.CategoryFilter .flex-header~div {
    transition: height .15s linear;
}


.searchMain .regButton {
    width: 240px;
    text-align: center;
}

.searchMain .regButton .rptSearchButton {}

.btnOrange {
    background: #e4aa3c;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4aa3c', endColorstr='#ffdd7e24');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#e4aa3c), to(#dd7e24));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #e4aa3c, #dd7e24);
    /* for firefox 3.6+ */
    /**/
    -webkit-border-radius: var(--space-xs);
    -moz-border-radius: var(--space-xs);
    borde-radius: var(--space-xs);
    display: inline-block;
    font: normal normal bold 28px Arial;
    text-decoration: none;
    color: White;
    text-shadow: Gray 0 -1px 1px;
    border: 0 none;
    cursor: pointer;
}

.btnOrange:hover {
    background: #dd7e2a;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd7e2ac', endColorstr='#ffb75905');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#dd7e2a), to(#b75905));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #dd7e2a, #b75905);
    /* for firefox 3.6+ */
    /**/
}

.searchMain .btnNewReg {
    padding: 7px var(--space-xs);
}

.searchMain .regTags .headerCollapseButton {
    text-decoration: none;
    margin: 0px;
    color: #3d454c;
    font-size: 14pt;
    padding-bottom: var(--space-xs);
    margin-top: -5px;
    cursor: pointer;
}

.searchMain .regTags .headerCollapseButton:hover {
    color: #3d454c;
}

.searchMain .status,
.searchMain .tag {
    display: inline-flex;
    align-items: center;
    border: 0;
    font-size: 12px;
    color: var(--ink-black);
    padding: var(--space-sm);
    flex-basis: 156px;
    flex-shrink: 1;
    -webkit-border-radius: var(--radius-xs);
    -moz-border-radius: var(--radius-xs);
    border-radius: var(--radius-xs);
    gap: var(--space-sm);
}

.searchMain .tag {
    background-color: #ffe9c8;
    width: auto;
    padding-right: 10px;
    margin-bottom: 10px;
}

.searchMain .inactive {
    border: 1px solid #cfcfcf;
    background-color: #f8faff;
    color: #8b8b8b;
}

.searchMain .status input,
.searchMain .inactive input,
.searchMain .tag input {
    margin: 0;
}

.searchMain .status>span {
    font-size: 12px;
    vertical-align: baseline;
    margin-left: 3px;
    position: relative;
    bottom: 0.5px;
}

.searchMain .rptSearchButton {
    width: 156px;
    height: 47px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    cursor: pointer;
    background: url("../Images/adminallimages.png") no-repeat 0px -199px;
}

.searchMain .rptSearchButton:hover {
    width: 157px;
    height: 47px;
    background-image: url(../Images/adminallimages.png);
    background-repeat: no-repeat;
    background-position: 0px -246px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    cursor: pointer;
}


#ecommerceDetails .bubble-header {
    display: none;
}

.searchMain .midPanel {
    flex: 1 1 auto;
}

.searchMain .rightPanel {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: var(--space-md);
    flex: 0 0 270px;
}

.searchMain .midPanel.hidden,
.searchMain .rightPanel.hidden {
    display: none;
}

.searchMain .rightPanel .bubble .bubble-content {
    text-align: center;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .searchMain {
        flex-wrap: wrap;
    }

    .searchMain .midPanel {
        order: 3;
        width: 100%;
    }

    .searchMain .rightPanel {
        order: 2;
    }

    .searchMain .leftPanel {
        order: 1;
    }
}

#contentupProgress,
#sps-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000000;
    background: rgba(0, 0, 0, 0.5);
    z-index: 200000;
    opacity: 1;
    -webkit-transition: opacity 0.2s, height 0;
    -moz-transition: opacity 0.2s, height 0;
    -ms-transition: opacity 0.2s, height 0;
    -o-transition: opacity 0.2s, height 0;
    transition: opacity 0.2s, height 0;
}

#contentupProgress.hidden {
    opacity: 0;
    height: 0;
    -webkit-transition: opacity 0.2s, height 0.2s;
    -moz-transition: opacity 0.2s, height 0.2s;
    -ms-transition: opacity 0.2s, height 0.2s;
    -o-transition: opacity 0.2s, height 0.2s;
    transition: opacity 0.2s, height 0.2s;
}

#contentupProgress img {
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    z-index: 200001;
}

.logo-animation {
    position: relative;
    background: var(--ink-black);
    width: 4.5em;
    height: 4.5em;
    clip-path: url("#logo");
    transform: translateZ(0);
}

.logo-animation::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    bottom: -200%;
    left: -50%;
    background: var(--yellow);
    border-radius: 40%;
    animation: spin 4s cubic-bezier(0, 0, 1, 1) infinite;
}

@keyframes spin {
    0% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-100%) rotate(360deg);
    }

    100% {
        transform: translateY(-200%) rotate(-0deg);
    }
}

/*------------------- Pagination ----------------------*/

.JumpTo {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
}

.JumpTo input[type="text"] {
    height: 24px;
    border-radius: var(--radius-xs);
    border: 0;
    width: 60px;
}

.JumpButton {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #a2a2a2;
    padding-top: 2px;
    padding-left: var(--space-xs);
    padding-right: var(--space-xs);
    padding-bottom: 2px;
    text-decoration: none;
    background: #d1d1d0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4e3e4', endColorstr='#ffd1d1d0');
    background: -webkit-gradient(linear, left top, left bottom, from(#e4e3e4), to(#d1d1d0));
    background: -moz-linear-gradient(top, #e4e3e4, #d1d1d0);
    color: #1f2427;
    text-shadow: #FFF 0px 1px 1px;
    -moz-box-shadow: 0px 1px 1px #f7f6f6;
    -webkit-box-shadow: 0px 1px 1px #f7f6f6;
    box-shadow: 0px 1px 1px #f7f6f6;
    cursor: pointer;
}


.pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: var(--skobeloff);
    padding: var(--space-sm);
    text-align: right;
    gap: var(--space-md);
}

.pagination a {
    width: 16px;
    height: 16px;
    padding: var(--space-sm);
    float: right;
}

.pagination .prev {
    background-image: url(../Images/svg/arrow-left.svg);
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
}

.pagination .next {
    background-image: url(../Images/svg/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.pagination .PageInfo {
    display: inline-block;
}

.pagination .pages {
    color: var(--gray-4);
    font-size: var(--font-sm);
    margin-top: var(--space-xs);
}

.pagination .current {
    color: var(--white);
    text-align: center;
    font-weight: 600;
    padding-left: var(--space-xs);
    padding-right: var(--space-xs);
}

.max {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000000;
    background: white;
    height: 100%;
}


.extendsearch .search {
    display: flex;
    flex-wrap: nowrap;
    width: 300px;
}

.searchACList {
    margin: 0;
    margin-top: var(--space-xs);
    list-style-type: none;
    background: var(--white);
    border-radius: var(--radius-sm);
    overflow: hidden;
    box-shadow: var(--soft-shadow);
    padding: 0px;
    z-index: 10000000000 !important;
}

.searchACList li,
.searchACList ul {
    margin: 0;
}


.searchACList li>div {
    box-sizing: border-box;
    width: fit-content;
    font-size: 14px;
    color: var(--ink-black);
    background: var(--white);
    border-bottom: 1px solid var(--gray-4);
    cursor: pointer;
}

.searchACList li .livesearchresult {
    padding: var(--space-sm);
    width: 100%;
}

.searchACList li:first-child .livesearchresult {
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
}

.searchACList li:last-child .livesearchresult {
    border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    border-bottom: 0;
}

.livesearchresult-active {
    border-left: 4px solid var(--oasis-green);
}

.livesearchresult-cancelled {
    border-left: 4px solid #c64b43;
    background: var(--gray-5);
    color: var(--gray-2);
}

.livesearchresult-event {
    border-left: 4px solid var(--gray-4);
}

.livesearchresult-active:hover,
.autocomplete-highlight .livesearchresult-active,
.searchACList li.Highlighted .livesearchresult {
    background: var(--honeydew);
}

.livesearchresult-cancelled:hover,
.autocomplete-highlight .livesearchresult-cancelled {
    background: #f5c7c4;
}


.searchACList li>div {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.searchACList li>div br {
    flex: 1 1 100%;
}

.searchACList li>div .sps-live-name {
    font-weight: 600;
    padding: var(--space-sm) var(--space-sm) 0 var(--space-sm);
}

.searchACList li>div .sps-live-id {
    font-weight: 600;
    font-size: var(--font-xs);
    color: var(--gray-1);
    margin-left: auto;
    padding: var(--space-sm) var(--space-sm) 0 var(--space-sm);
}

.searchACList li>div .sps-live-association {
    color: var(--gray-1);
    font-size: var(--font-xs);
    flex: 1 1 100%;
    padding: 0 var(--space-sm);
}

.searchACList li>div .sps-live-event {
    color: var(--gray-1);
    font-size: var(--font-xs);
    font-weight: 600;
    flex: 1 1 100%;
    padding: 0 var(--space-sm) var(--space-sm) var(--space-sm);
}

/****************** Report Table Style ****************************/
.report-buttons {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    position: absolute;
    top: -64px;
    right: 0;
}

a.btnMyFavouriteON:before {
    content: url(../Images/svg/star-filled.svg);
    width: 16px;
    height: 16px;
    display: inline-block;
}


a.btnMyFavouriteOFF:before {
    content: url(../Images/svg/star-empty.svg);
    width: 16px;
    height: 16px;
    display: inline-block;
}

a.btnInfo {
    align-items: center;
    display: flex;
    gap: 5px;
}

a.btnInfo:before {
    content: url(../Images/svg/info-empty.svg);
    width: 16px;
    height: 16px;
    display: inline-block;
}


#dataTableWrapper {
    position: relative;
}

#searchPanel {
    position: relative;
    clear: both;
}



.rptDataHeader td,
.profiledataheader td {
    background: #666;
    border: 1px solid #999;
    color: white;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    padding: var(--space-xs);
}

.rptMainHeading td {
    background: #F3F3F3;
    color: #666;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    padding: var(--space-xs);
}

.rptDataRowSearch td {
    border-bottom: 1px dotted #999;
    border-left: 1px solid #999;
    color: black;
    font-family: inherit;
    font-size: 12px;
    padding: 2px;
}

.searchPageNav td {
    background-color: #666;
    border-top: var(--space-xs) solid white;
    color: #CCC;
    font-size: 12px;
    font-weight: bold;
    padding: var(--space-xs);
}

.DefaultReport,
.InnerTable,
.ResultTable {
    border-collapse: collapse;
    box-shadow: var(--panel-shadow);
}

.ResultTable {
    overflow: hidden;
}

.ResultTable th.align-center,
.ResultTable td.align-center {
    text-align: center;
}

.ResultTable th.align-right,
.ResultTable td.align-right {
    text-align: right;
}

.DefaultReport .InnerTable {
    width: 100%;
    background-color: var(--white);
    position: relative;
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.DefaultReport,
.ResultTable {
    width: 100%;
}

.DefaultReport td,
.ResultTable td,
.DefaultReport th,
.ResultTable th {
    max-width: 200px;
    text-overflow: ellipsis;
    max-height: 45px;
    text-align: left;
}

.DefaultReport th,
.ResultTable th {
    font-size: var(--font-xs);
    background-color: var(--gray-4);
    color: var(--ink-black);
    padding: var(--space-sm);
}

.DefaultReport a,
.ResultTable a {
    color: var(--skobeloff);
    text-decoration: none;
    font-size: var(--font-xs);
    font-weight: 600;
}

.DefaultReport th a,
.ResultTable th a {
    font-size: var(--font-xs);
    text-decoration: none;
    color: var(--skobeloff);
    display: block;
}

.ResultTable th[scope="col"] a {
    display: inline-block;
}

.DefaultReport a:hover,
.ResultTable a:hover {
    color: var(--ink-black);
}

.DefaultReport .expander {
    border: 0px solid #F00;
    padding-left: 17px;
    background-image: url(/backoffice/siteImages/expand-on.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

.DefaultReport tr.highlightedRow,
.ResultTable tr.highlightedRow {
    background: var(--honeydew) !important;
}

.DefaultReport tr.highlightedRow td,
.ResultTable tr.highlightedRow td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}

.DefaultReport td,
.ResultTable td {
    font-size: var(--font-xs);
    padding: var(--space-sm);
    border-bottom: 1px solid var(--gray-4);
    word-wrap: break-word;
}

.DefaultReport th:first-child,
.DefaultReport td:first-child,
.ResultTable th:first-child,
.ResultTable td:first-child {
    padding-left: var(--space-lg);
}

.DefaultReport th:last-child,
.DefaultReport td:last-child,
.ResultTable th:last-child,
.ResultTable td:last-child {
    padding-right: var(--space-lg);
}

.DefaultReport tr:last-child td,
.ResultTable tr:last-child td {
    border-bottom: none;
}


.DefaultReport tr:nth-child(even),
.ResultTable tr:nth-child(even) {
    background: var(--white);
}

.DefaultReport tr:nth-child(odd),
.ResultTable tr:nth-child(odd) {
    background: var(--white);
}

.dataTableTitle {
    background: transparent;
    color: var(--ink-black);
    font-size: var(--font-xl);
    margin: 0;
    padding: var(--space-md) var(--space-lg);
    font-weight: 600;
}

.btnTableTitle {
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
}

.btnTableTitle:after {
    content: '';
    background: url(../Images/svg/add.svg) center center no-repeat;
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: auto;
}

.btnTableTitle.active:after {
    content: '';
    background: url(../Images/svg/minus.svg) center center no-repeat;
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: auto;
}

.dataTableFunctionsWrapper {
    padding: var(--space-sm) var(--space-lg);
    border-bottom: 1px solid var(--gray-3);
    background: var(--gray-4);
    display: flex;
    align-items: center;
}

.dataTableFunctionsWrapper .leftJustify {
    float: left;
    border: 0px solid #090;
}

.dataTableFunctionsWrapper .rightJustify {
    order: 2;
    border: 0;
    margin-left: auto;
}

.dataTableFunctionsWrapper .rightJustifyGuests {
    float: right;
    border: 0px solid #090;
    width: 103px;
    height: 30px;
    border-left: 1px solid #a9adb3;
}

UL.dataTableUserFunctions,
UL.dataTableDownload {
    padding-left: var(--space-xs);
    margin: var(--space-xs) 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: var(--space-md);
}

UL.dataTableDownload {
    gap: var(--space-sm);
}

.dataTableUserFunctions li,
.dataTableDownload li {
    display: inline-block;
    list-style-type: none;
    font-size: var(--font-xs);
    font-weight: 600;
}

.dataTableUserFunctions li {
    margin-right: var(--space-sm);
}

.dataTableUserFunctions li.doubleButton,
.dataTableUserFunctions li.doubleButton~li.doublebutton {
    margin: 0;
}

.dataTableUserFunctions li.doubleButton a,
.dataTableDownload li.doubleButton a {
    border-radius: var(--radius-lg) 0 0 var(--radius-lg);
    border-right: 0 !important;
}

.dataTableUserFunctions li.doubleButton~li.doublebutton a {
    border-radius: 0;
    border-right: 0 !important;
}

.dataTableUserFunctions li a.doubleButton,
.dataTableDownload li a.doubleButton {
    border-radius: 0px var(--radius-lg) var(--radius-lg) 0px;
}

.dataTableUserFunctions li a.middleButton,
.dataTableDownload li a.middleButton {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}


.dataTableUserFunctions LI.arrow {
    display: none;
    background-image: url(../Images/svg/arrow-right-down.svg) !important;
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    margin: var(--space-xs);
    position: relative;
}

.dataTableUserFunctions li.rCount strong {
    color: #AA4643;
}

.dataTableUserFunctions LI .TotalText,
.dataTableUserFunctions LI .TotalNumber {
    display: inline-block;
    font-size: var(--space-md);
}

.dataTableUserFunctions LI .TotalText {
    color: var(--gray-1);
}

.dataTableUserFunctions LI .TotalNumber {
    padding: 0 var(--space-sm);
    color: var(--ink-black);
}

.dataTableUserFunctions LI a,
.dataTableDownload LI a,
.dataTableDownload LI input,
.uiButton,
.uiButtonSet {
    border-radius: var(--radius-lg);
    border: 1px solid var(--gray-2);
    padding: var(--space-xs) var(--space-md);
    text-decoration: none;
    background: var(--gray-4);
    color: var(--ink-black);
    cursor: pointer;
    line-height: var(--font-md);
}

.dataTableDownload LI input {
    font-size: 11px;
    font-weight: bold;
}

.dataTableDownload LI a:hover,
.dataTableDownload LI input:hover,
.adminButton a:hover,
.default a {
    background: var(--white);
    box-shadow: var(--button-hover-shadow);
    border: 1px solid var(--gray-2);
}

.dataTableUserFunctions li.rCount {
    font-size: var(--space-md);
    text-shadow: white 0px 1px 1px;
    letter-spacing: -1px;
}

.dataTableUserFunctions LI a:hover {
    background: var(--white);
    box-shadow: var(--button-hover-shadow);
    border: 1px solid var(--gray-2);
}

.uiButton,
.uiButtonSet {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    font-size: 10px;
}

.uiButtonSet {
    background: #6b813d;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89a54e', endColorstr='#6b813d');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#89a54e), to(#6b813d));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #89a54e, #6b813d);
    /* for firefox 3.6+ */
}

.adminButton a:hover,
.uiButtonSet:hover,
.uiButton:hover {
    text-decoration: none;
    color: #FFF;
    background: #6b813d;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89a54e', endColorstr='#6b813d');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#89a54e), to(#6b813d));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #89a54e, #6b813d);
    /* for firefox 3.6+ */
}

.reportWrapper {
    display: flex;
    gap: var(--space-lg);
    flex-direction: row-reverse;
}

.rptData {
    flex: 1;
    width: 100%;
    border-radius: var(--radius-sm);
    border: 1px solid var(--gray-3);
    overflow: hidden;
}

.rptData>span {
    box-shadow: var(--panel-shadow);
    display: block;
}

.rptData .dataTableTitle {
    display: none;
}

.reportTableWrapper {
    overflow-x: auto;
    box-shadow: var(--panel-shadow);
}

.rptChart {
    flex: 0 1 570px;
    border-radius: var(--radius-sm);
    box-shadow: var(--panel-shadow);
    border: 1px solid var(--gray-3);
    background: var(--white);
    overflow: hidden;
}

.ResultPanel .dataTableTitle~span>div {
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
}

.ResultPanel span[id*="_pager"]:last-child .pagination {
    border-radius: 0 0 var(--radius-sm) var(--radius-sm);
}

.buttonON {
    width: 72px;
    background-image: url(../Images/iphone_switch.png);
    background-position: 0px 0px;
    height: 21px;
    background-repeat: no-repeat;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.buttonOFF {
    width: 72px;
    background-image: url(../Images/iphone_switch.png);
    background-position: -41px 0px;
    height: 21px;
    background-repeat: no-repeat;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

/****************** End Report Table Style ***********************/
/****************** Edit Questions PAge **************************/
.EditQuestions .checkboxlist label {
    width: 223px;
    margin-left: 3px;
}

.EditQuestions {
    padding: 0;
    margin: 0;
    border: none;
}

.EditQuestions legend {
    padding: 0;
    padding-top: var(--space-sm);
    margin: 0;
    text-indent: var(--space-xs);
    text-align: left;
    font-weight: 600;
    color: var(--ink-black);
    width: 100%;
    font-size: var(--font-xl);
    border: none;
}


.EditQuestions li.fields {
    list-style-type: none;
    padding: var(--space-sm) var(--space-lg);
    display: flex;
}


.EditQuestions li.fields h1,
.EditQuestions li.fields h2,
.EditQuestions li.fields h3,
.EditQuestions li.fields h4,
.EditQuestions li.fields h5,
.EditQuestions li.fields h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.EditQuestions li.fields:after {
    content: '';
    display: block;
    clear: both;
}

.EditQuestions .inlineError {
    display: none;
}

.EditQuestions ul {
    margin-top: 0px;
    text-align: left;
    padding: 0;
    list-style: none;
}

.EditQuestions li.fields>span {
    flex: 1 1 auto;
}

.EditQuestions ul.regTypeGroup {
    width: 100%;
}

.EditQuestions ul.regTypeGroup h3 {
    border-bottom: 1px solid var(--gray-4);
    padding: var(--space-sm);
}

.EditQuestions .errors {
    padding: var(--space-sm) var(--space-md) var(--space-sm) var(--space-md);
    font-size: var(--font-md);
    font-weight: bold;
    border-radius: var(--radius-sm);
    width: 100%;
}

.EditQuestions .errors,
.EditQuestions .errors li {
    background: #f9f1ef;
    font-size: var(--font-sm);
}

.EditQuestions .errors ul {
    margin-left: 25px;
    margin-top: 2px;
}

.EditQuestions .errors ul,
.EditQuestions .errors li {
    list-style: disc;
}

.EditQuestions .errors li {
    font-weight: normal;
}

.EditQuestions .errors h2 {
    margin: var(--space-xs);
    color: var(--danger);
    text-transform: capitalize;
}

.EditQuestions li div.admincol1 label {
    width: auto;
    font-size: var(--font-md);
    top: var(--space-xs);
    position: relative;
    font-weight: 600;
    color: var(--gray-1);
}

.EditQuestions li>label,
.EditQuestions li>span>div>div:first-child label,
.Checkbox label {
    font-size: var(--font-md);
    display: inline-block;
    margin: 3px 0 3px var(--space-md);
}


.EditQuestions input[type="text"],
.EditQuestions input[type="password"],
.EditQuestions input[type="email"],
.EditQuestions textarea,
.EditQuestions select {
    box-sizing: content-box;
    margin: 0;
    padding: 0;
    width: 420px;
    height: 30px;
    background-color: #FFF;
    border: 1px solid var(--gray-3);
    font-size: var(--font-md);
    padding: var(--space-xs);
    margin: var(--space-xs);
    outline: none;
    vertical-align: top;
    border-radius: var(--radius-xs);
}

.EditQuestions select {
    max-width: 420px;
}

.EditQuestions textarea {
    max-width: 420px;
    min-height: 300px;
    margin-left: 3px;
    width: 100% !important;
}

.EditQuestions input[type="submit"] {
    float: right;
    margin-top: 10px;
    margin-left: var(--space-xs);
    margin-right: var(--space-xs);
}

.EditQuestions input[type="checkbox"],
.EditQuestions input[type="radio"] {
    margin: var(--space-xs);
    vertical-align: middle;
}

.EditQuestions .RegTypePicker {
    /*font-size: 12px;
    padding: 2px;
    
    margin: var(--space-xs) var(--space-md);*/
}

.EditQuestions .SeminarPicker {
    clear: both;
    display: flex;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.EditQuestions .SeminarPicker select {
    font-size: 14px;
    padding: 2px;
}

.EditQuestions .SeminarPickerHeader>h2 {
    padding: var(--space-xs) 0px var(--space-xs) var(--space-md);
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    background: #dce2e5;
}

.EditQuestions .SeminarGroupList>li {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: var(--space-xs) var(--space-md);
    height: 100%;
    overflow: auto;
}

.EditQuestions .SeminarGroupList li>h3 {
    padding: 0;
    margin: 0;
    width: 475px;
    display: inline-block !important;
}

.EditQuestions .SeminarGroupList li>* {
    vertical-align: middle;
}

.EditQuestions .SeminarGroupList li>span:first-child {
    padding: 0;
}

.EditQuestions .SeminarGroupList li>span {
    padding-top: 3px;
    padding-left: 10px;
    font-size: 14px;
    text-align: right;
}

.EditQuestions .SeminarGroupList li>.infoHandle {
    width: var(--space-sm);
    height: var(--space-sm);
    margin: 0 9px 0 0;
    background: url("../Images/registration plus minus graphic.png") no-repeat top center;
    cursor: pointer;
    position: relative;
}

.EditQuestions .SeminarGroupList li>.infoHandleOn {
    background-position: center bottom;
}

/*.EditQuestions .SeminarGroupList li>span,*/
.EditQuestions .SeminarGroupList li>select {
    float: right;
}

.EditQuestions .SeminarGroupList li>span:nth-child(1),
.EditQuestions .SeminarGroupList li>span:nth-child(0):not(:first-child) {}

.EditQuestions .SeminarGroupList li>span:first-child,
.EditQuestions .SeminarGroupList li>h3 {
    /*float: left;*/
    font-size: 14px;
    font-weight: normal;
    display: inline;
    vertical-align: middle;
}

.EditQuestions .SeminarGroupList li>h3>span {
    margin: 0 2px 0 0;
}

.EditQuestions .SeminarGroupList>li>h3 {
    margin-top: var(--space-xs);
    font-weight: 600;
}

.EditQuestions .SeminarGroupList li>span.SPPrice {
    float: right;
    font-size: 14px;
    font-weight: normal;
    padding-top: var(--space-xs);
    width: 100px;
}


.EditQuestions .SeminarGroupList li>select {
    width: 60px;
}

.EditQuestions .SeminarGroupList li>h4 {
    clear: both;
    font-size: var(--font-sm);
    padding: var(--space-md) 0;
    margin: 0;
    border-top: 1px solid var(--gray-4);
    overflow: auto;
    display: none;
    width: 100%;
}

.EditQuestions .SeminarGroupList input[type='checkbox'],
.EditQuestions .SeminarGroupList input[type='radio'] {
    float: right;
    bottom: 2px;
}

.EditQuestions .SeminarGroupList input[type='text'] {
    bottom: 2px;
    float: right;
    width: 90px;
}

.EditQuestions .SeminarPagerSteps {
    background: #b9bec1;
    /* Old browsers */
    background: -moz-linear-gradient(top, #b9bec1 7%, #8d9193 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7%, #b9bec1), color-stop(100%, #8d9193));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b9bec1 7%, #8d9193 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b9bec1 7%, #8d9193 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b9bec1 7%, #8d9193 100%);
    /* IE10+ */
    background: linear-gradient(top, #b9bec1 7%, #8d9193 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9bec1', endColorstr='#8d9193', GradientType=0);
    /* IE6-9 */
    width: 100%;
}

.EditQuestions .SeminarPagerSteps .InternalTable a {
    color: #555;
    padding-left: 10px;
    width: 1005;
    display: block;
    text-decoration: none;
}

.EditQuestions .SeminarPagerSteps .SelectedPage .InternalTable a {
    color: #FFF;
}

.EditQuestions .SeminarPagerSteps .InternalTable a.Name {
    padding-top: 7px;
    font-size: 17px;
    font-weight: bold;
}

.EditQuestions .SeminarPagerSteps .InternalTable a.Description {
    font-weight: lighter;
}

.EditQuestions .checkboxlist input[type='checkbox'] {
    float: left;
    margin-top: var(--space-xs);
}

.EditQuestions .RegistrationButtons {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    justify-content: flex-end;
}

/****************** End Edit Questions PAge **********************/


/**********Reg Type Groups***********/

ul.regTypeGroup li.regTypeRadio input {}

ul.regTypeGroup li.regTypeRadio>span {
    padding-top: 3px;
    padding-left: 10px;
    font-size: 14px;
    width: 60px;
    text-align: right;
}

ul.regTypeGroup li.regTypeRadio label {
    width: 80%;
}

ul.regTypeGroup li.regTypeRadio h4 {
    clear: both;
    font-size: 11px;
    padding: var(--space-xs) var(--space-md);
    margin: 0;
    background: #fafaf2;
    overflow: auto;
    display: none;
}

ul.regTypeGroup li.regTypeRadio>.infoHandle {
    width: var(--space-sm);
    height: var(--space-xs);
    margin: var(--space-xs) var(--space-xs) 0 0;
    background: url("../Images/registration plus minus graphic.png") no-repeat top center;
    cursor: pointer;
    float: left;
}

ul.regTypeGroup li.regTypeRadio>.infoHandleOn {
    background-position: center bottom;
}


/************************/

ul.SeminarPicker>li {}

ul.SeminarPicker>li h2 {
    color: var(--ink-black);
    font-size: var(--font-lg);
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
}

ul.SeminarPicker>li h2 div.header {
    padding: var(--space-md);
    color: var(--ink-black);
    font-weight: 600;
}

ul.SeminarPicker>li h2 div.header a {
    color: blue;
}

ul.SeminarPicker>li h2>span {
    padding: 2px 10px;
}

ul.SeminarGroupList li.QtyRemaining:not(:last-child),
ul.SeminarGroupList li.Cancelled:not(:last-child),
ul.SeminarGroupList li.SoldOut:not(:last-child) {
    border-bottom: 1px dotted var(--gray-4);
}

ul.SeminarGroupList li.SoldOut {
    border-bottom: 1px dotted #C0C0C0;
}

ul.SeminarGroupList li.QtyRemaining span:nth-child(3),
ul.SeminarGroupList li.Cancelled span:nth-child(3),
ul.SeminarGroupList li.SoldOut span:nth-child(3) {
    width: auto;
    margin-left: auto;
}


ul.SeminarPicker li.SeminarPickerHeader {
    background: var(--gray-5);
    border-radius: var(--radius-sm);
    border: 1px solid var(--gray-4);
    margin: 0;
    flex-grow: 1;
}


ul.SeminarGroupList li.SeminarQuestion h3 {
    width: 275px;
    margin-left: 20px;
}


ul.SeminarGroupList li.SeminarQuestion select,
ul.SeminarGroupList li.SeminarQuestion input[type='text'] {
    width: 250px;
    float: right;
    margin-right: var(--space-md);
}

ul.SeminarPicker li.SeminarPickerHeader ul.SeminarGroupList ul {
    margin-top: 0;
}

ul.SeminarPicker li.SeminarPickerHeader ul.SeminarGroupList {
    background: var(--gray-5);
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

.EditQuestions ul>li.QtyRemaining,
.EditQuestions ul>li.Cancelled,
.EditQuestions ul>li.SoldOut {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: stretch;
}

.EditQuestions ul>li.SoldOut {
    color: var(--danger);
}

/***********************/
/****************** Dash Board **********************************/

.dashboard-button-text {
    border: none;
    background: none !important;
    transform: scale(1.5);
    color: #33363F;
}

.dashboardFilters {
    display: flex;
    padding: var(--space-lg);
    flex-direction: column;
    gap: var(--space-md);
}

.dashboardFilters .headerArea {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.dashboardFilters .headerArea .header {
    font-size: var(--font-lg);
    font-weight: 600;
    display: block;
}

.dashboardFilters .headerArea .filter-selections {
    display: flex;
    gap: var(--space-xs);
}

.dashboardFilters .headerArea .applyButton {
    width: 80px;
    align-self: flex-end;
}

.dashboardFilters .subHeader {
    font-size: var(--font-sm);
    font-weight: 600;
    display: block;
    line-height: 1em;
    margin-bottom: 12px;
}

.dashboardFilters .filterDivGroup {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    width: 100%;
}

.dashboardFilters .filterDivGroupHidden {
    display: none;
}

.dashboardFilters .separator {
    border-top: 1px solid grey;
    border-radius: 1px;
    width: 100%;
}

.dashboardFilters .radioButton {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    width: 100%;
}

.topBoardStats {
    display: flex;
    gap: var(--space-lg);
    flex-direction: row;
}

.topBoardStat .sps-icon:not(.icon-decrease, .icon-increase) {
    display: none;
}

.boardStats .topBoardStat,
.topBoardStats .topBoardStat {
    padding: var(--space-lg);
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
    height: 100%;
}

.boardStats .topBoardStat .totalNum,
.topBoardStats .topBoardStat .totalNum {
    font-size: var(--font-subtitle);
    font-weight: 600;
    display: block;
    line-height: 1em;
}


.boardStats .topBoardStat .attTxt,
.topBoardStats .topBoardStat .attTxt {
    bottom: var(--space-xs);
    color: var(--ink-black);
    font-weight: 500;
    display: block;
}

.topBoardStats .registeredAttendees,
.topBoardStats .registeredAttendeesToday {
    text-align: left;
}

.topBoardStats .date .totalNum {
    letter-spacing: -1px;
}

.filteredBy {
    font-size: var(--font-sm);
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}


#chart-container-1 #chart-container-2,
#chart-container-3 {
    width: 100%;
}


.middleboard {
    clear: both;
}

.middleboard .header {
    font: 20px Arial;
    color: var(--ink-black);
    letter-spacing: -1px;
    background: #D1D1D1;
    padding: 10px var(--space-md);
    text-transform: capitalize;
    border-radius: var(--radius-xs) var(--space-xs) 0 0;
}

.middleboard .middle {
    width: 100%;
    margin-bottom: 10px;
}

.middleboard .middleLeft {
    width: 60%;
}

.middleboard .middleRight {
    width: 39%;
}

.middleboard .middle .middleChart {
    width: 100%;
    height: 450px;
}

.middleboard .middle .chartDiv {
    height: 400px;
}

.middleboard .middleLeft .leftChart {
    height: 350px;
    width: 100%;
}

.middleboard .middleLeft .leftChart .chartDiv {
    width: 90%;
    height: 300px;
}

.middleboard .middleLeft .otherPanels {
    margin-top: 10px;
}

.middleboard .middleLeft .otherPanels a {
    color: #676766;
    text-decoration: none;
}

.middleboard .middleLeft .otherPanels a:hover {
    color: #000;
}

.middleboard .middleLeft .otherPanels .favouritePanel {
    height: 350px;
    width: 49%;
}

.middleboard .middleLeft .otherPanels .favouritePanel ul {
    list-style: none;
    margin: var(--space-xs) 20px;
    padding: 0;
    font-size: var(--space-md);
}

.middleboard .middleLeft .otherPanels .favouritePanel ul li {
    padding: var(--space-xs) 7px;
    border-bottom: 1px #e7e7e8 solid;
}

.middleboard .middleLeft .otherPanels .contactPanel {
    height: 350px;
    width: 49%;
}

.middleboard .middleLeft .otherPanels .contactPanel ul {
    list-style: none;
}

.middleboard .middleLeft .otherPanels .contactPanel li {
    padding: var(--space-xs) var(--space-md);
    margin-bottom: var(--space-xs);
    margin-left: -40px;
}

.middleboard .middleLeft .otherPanels .contactPanel li .contactbox {
    padding-bottom: 20px;
    border-bottom: 2px solid #e2e7eb;
}

.middleboard .middleLeft .otherPanels .contactPanel .contactImg {
    height: 30px;
    width: 30px;
    display: block;
    background: url("../Images/adminallimages.png") no-repeat 0 -442px;
    margin-left: var(--space-xs);
    margin-top: 9px;
}

.middleboard .middleLeft .otherPanels .contactPanel .contactInfo {
    margin-left: 35px;
    color: #5d5d5d;
}

.middleboard .middleLeft .otherPanels .contactPanel ul {
    margin-top: 0;
}

.middleboard .contactInfo span {
    display: block;
}

.middleboard .contactInfo .title {
    font-style: italic;
    position: relative;
    top: var(--space-xs);
    left: 2px;
    font-size: 14px;
}

.middleboard .contactInfo .name {
    font-weight: bold;
    color: #556b80;
    font-size: 1.5em;
}

.middleboard .contactInfo .phone,
.middleboard .contactInfo .email {
    font-size: 14px;
    marign-left: 2px;
}

.middleboard .middleRight .rightChart {
    height: 350px;
    width: 100%;
}

.middleboard .middleRight .rightChart .chartDiv {
    width: 90%;
    height: 300px;
}


.middleboard .middleRight .tweeterPanel {
    width: 100%;
    margin-top: 10px;
    display: inline-block;
    height: 350px;
}

.middleboard .middleRight .tweeterPanel .twtr-widget {
    padding: 0 var(--space-xs);
}


.roundboxTenPxTopBoard {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.roundboxTenPx table {
    margin-bottom: -20px;
}

.dashboard-top-bar.flexed {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

.dashboard-top-bar.flexed>div:first-child {
    flex: 1 1 350px;
}

.dashboard-top-bar>div:first-child {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: var(--space-sm);
}

.dasboard-top-bar-right {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.dashboard-top-bar-right-search {
    flex: 0 1 300px;
}

.dashboardFilters .filterDivGroup .dateRange .bubble-header {
    display: none;
}

.dashboardFilters .filterDivGroup .dateRange .bubble-content {
    padding: 0;
}

.dashboardFilters .filterDivGroup .dateRange .bubble-content ul {
    padding-left: 0;
    list-style-type: none;
}

.dashboardFilters .filterDivGroup .dateRange .bubble-content ul li {
    display: block;
    position: relative;
}

.dashboardFilters .filterDivGroup .dateRange .bubble-content ul li:after {
    content: "";
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
    background: var(--datepicker-icon);
    background-repeat: no-repeat;
}

.dashboardFilters .filterDivGroup .dateRange .bubble-content ul li input {
    background: transparent !important;
}

.dashboardFilters .filterDivGroup .dateRange .bubble-content ul li:not(:last-child) {
    margin-bottom: 12px;
}

.dashboardFilters .filterDivGroup .dateRange .bubble-content ul li>:first-child {
    display: block;
    font-weight: 600;
    margin-bottom: var(--space-sm);
}

.dashboard-top-bar .tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.tag-payment,
.tag-active,
.tag-registration {
    height: 30px;
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-xs);
    font-weight: 500;
}

.tag-payment {
    background: var(--green);
}

.tag-active {
    background: var(--blue);
}

.tag-registration {
    background: var(--pink);
}

.tag-filtered-by {
    height: 30px;
    padding: var(--space-xs) var(--space-sm);
    font-weight: 500;
}

.revenue-breakdown {
    width: 100%;
}

.revenue-breakdown .header {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    font-weight: 600;
    border-bottom: 2px solid #ccc;
    padding: 10px 0;
}

.revenue-breakdown .subheader {
    display: flex;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    font-weight: 500;
    padding: 10px 0;
    background-color: var(--honeydew);
}



.revenue-breakdown .line-item {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.revenue-breakdown .line-item-alternate {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    background-color: var(--gray-5);
}

.revenue-breakdown .group-summary {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    font-weight: bold;
    padding: 10px 0;
    background-color: #f2f2f2;
}


.revenue-breakdown .total-revenue {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    font-weight: bold;
    padding: 10px 0;
    background-color: var(--gray-3);
}

.revenue-breakdown .name {
    padding-left: 10px;
}

.revenue-breakdown .spacer {
    padding-left: 10px;
}

.revenue-breakdown .quantity,
.total {
    text-align: left;
    padding-left: 10px;
}

/****************** End Dash Board ******************************/

.ImgPicker {
    border: 2px solid white;
}

.ImgPicker:hover {
    border: 2px solid blue;
}

.error {
    color: Red;
}

/***************** Email Campaign *******************************/
/**CampaignsManager**/
div#campaignsManagerPanel,
div.campaignsManagerPanel {
    text-shadow: 0px 1px 0px var(--white);
    font-family: Arial;
}

div#campaignsManagerPanel div.header {
    font-size: 1.7em;
}

div#campaignsManagerPanel div.btnCeateEmaiCamaignPanel {
    display: inline-block;
    margin-top: 30px;
}

div.campaignPanel {
    margin-bottom: 20px;
    width: 700px;
    border: 1px solid #cecece;
}

div.campaignPanelHeader {
    padding: 7px 0px;
    background: #B8B6B7;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffDBDBDB', endColorstr='#ffB8B6B7');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#DBDBDB), to(#B8B6B7));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #DBDBDB, #B8B6B7);
    /* for firefox 3.6+ */
    /**/
    display: inline-block;
    width: 100%;
}

div.offline {
    font-size: 0.9em;
    font-style: normal;
    background: #f30;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f30', endColorstr='#d01000');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#f30), to(#d01000));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #f30, #d01000);
    /* for firefox 3.6+ */
    /**/
    text-shadow: none !important;
}

div.online {
    font-size: 0.9em;
    font-style: normal;
    background: var(--oasis-green);
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--oasis-green)', endColorstr='#208000');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(var(--oasis-green)), to(#208000));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, var(--oasis-green), #208000);
    /* for firefox 3.6+ */
    /**/
    text-shadow: none !important;
}

span.scannerStatus {
    font-size: 0.9em;
    font-style: normal;
    color: #666;
}

div.campaignPanelHeader div.scannerHeaderDiv {
    -webkit-border-radius: var(--space-xs);
    -moz-border-radius: var(--space-xs);
    border: 1px solid gray;
    padding: 0 7px;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

div.campaignPanelHeader div.headerDiv {
    padding: 0 7px;
}

div.campaignPanelHeader span.headervalue {
    padding-left: 20px;
}

div.campaignPanelHeader span.description {
    font-size: 0.9em;
    font-style: normal;
    color: #666;
}

div.campaignPanelHeader span.description span.datetime {
    font-size: 1.2em;
}

table.campaignPanelContent {
    width: 100%;
    height: 70px;
}

table.campaignPanelContent,
div.sentEmailPanel {
    background: #dedede;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefefef', endColorstr='#ffdedede');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dedede));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #efefef, #dedede);
    /* for firefox 3.6+ */
    /**/
}

div.sentEmailPanel {
    margin: 10px 0;
}

div.campaignPanel:hover,
div.sentEmailPanel:hover {
    border: 1px solid #555;
}

div.campaignPanel:hover .campaignPanelHeader,
div.sentEmailPanel:hover .campaignPanelHeader {
    background: #dedede;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff747474', endColorstr='#ff555555');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#747474), to(#555));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #747474, #555);
    /* for firefox 3.6+ */
    /**/
}

div.campaignPanel:hover .campaignPanelHeader,
div.campaignPanel:hover .campaignPanelHeader span,
div.sentEmailPanel:hover .campaignPanelHeader,
div.sentEmailPanel:hover .campaignPanelHeader span {
    color: White;
    text-shadow: black 0 -1px 0;
}

table.campaignPanelContent {
    text-align: center;
}

table.campaignPanelContent td {
    vertical-align: top;
}

table.campaignPanelContent td p,
table.campaignPanelContent td div {
    font-size: 12px;
    color: #666;
}

table.campaignPanelContent td div.tdheader {
    margin: 7px 0 3px 0;
}

table.campaignPanelContent td div.senttdheader {
    margin: 18px 0 0 27px;
    text-align: left;
}

table.campaignPanelContent td div.tdfooter {
    display: inline-block;
    height: 19px;
}

table.campaignPanelContent td div.foottext {
    margin: 0px 0 10px 0;
}

table.campaignPanelContent a.btnSend {
    background: url("../Images/adminallimages.png") no-repeat -374px -22px;
}

table.campaignPanelContent a.btnEdit {
    background: url("../Images/adminallimages.png") no-repeat -374px -56px;
}

table.campaignPanelContent a.btnDelete {
    background: url("../Images/adminallimages.png") no-repeat -374px -89px;
}

table.campaignPanelContent a.btnSend,
table.campaignPanelContent a.btnEdit,
table.campaignPanelContent a.btnDelete {
    display: inline-block;
    padding: var(--space-sm) 0 0 20px;
    font-size: 14px;
    width: 70px;
    height: 24px;
    color: #999;
}

table.campaignPanelContent a.btnSend,
table.campaignPanelContent a.btnViewSummary,
table.campaignPanelContent a.btnEdit,
table.campaignPanelContent a.btnDelete {
    text-shadow: 1px 0px 0px var(--white);
    text-decoration: none;
    display: inline-block;
    color: Black;
    cursor: pointer;
}

.btnshadow {
    box-shadow: 1px 1px 1px gray;
    -webkit-box-shadow: 1px 1px 1px gray;
    -moz-box-shadow: 1px 1px 1px gray;
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray, offX=1, offY=1, positive=true);
}

.btnshadow:hover {
    box-shadow: inset 1px 1px 1px gray;
    -webkit-box-shadow: inset 1px 1px 1px gray;
    -moz-box-shadow: inset 1px 1px 1px gray;
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray, offX=-1, offY=-1, positive=true);
}

.backgroundyellow {
    background: #fff3be;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffff3be', endColorstr='#fff8de67');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff3be), to(#f8de67));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #fff3be, #f8de67);
    /* for firefox 3.6+ */
    /**/
    border: 1px solid #ccc;
}

.backgroundgray {
    background: #fff3be;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffdfdfdf');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#dfdfdf));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #e5e5e5, #dfdfdf);
    /* for firefox 3.6+ */
    /**/
    border: 1px solid #ccc;
}

.backgroundyellow:hover,
.backgroundgray:hover {
    background: #fff3be;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffd162', endColorstr='#ffe29e23');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd162), to(#e29e23));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffd162, #e29e23);
    /* for firefox 3.6+ */
    /**/
}

div.backgroundyellow,
div.backgroundgray {
    margin-left: 10px;
    display: inline-block;
}

a.btnViewSummary {
    font-size: 11px;
    padding: 7px 10px;
    margin: 0 var(--space-xs);
}

table.campaignPanelContent .borderRight {
    border-right: 1px solid #e5e5e5;
}

table.campaignPanelContent .borderLeft {
    border-left: 1px solid #cecece;
}

table.campaignPanelContent ul {
    margin: 0;
    padding-left: 27px;
    list-style: none;
    text-align: left;
    font-size: 0.9em;
}

div.sentEmailPanel {
    display: inline-block;
    border: 1px solid #cecece;
}

div.sentEmailPanel div.sentContentPanel {
    border-left: 1px solid #cecece;
}

div.sentEmailPanel div.totalRecText {
    font-size: var(--space-md);
    text-align: center;
    color: #666;
    margin-top: var(--space-md);
    margin-bottom: -7px;
    font-weight: normal;
}

div.sentEmailPanel span.totoalRecNumber {
    display: block;
    text-align: center;
    font-size: 3.5em;
    color: #cc6700;
    font-weight: bolder;
}

div.sentEmailPanel span.sentStatus,
div.sentEmailPanel span.sentNumStatus {
    color: #cc6700;
    font-weight: bold;
    padding-top: 10px;
    display: block;
}

div.sentEmailPanel span.sentNumStatus {
    font-size: 26px;
    margin-top: var(--space-xs);
}

div.sentEmailPanel span.sentStatus {
    font-size: var(--space-md);
    margin: 10px 0 var(--space-xs) 0;
}

.totalRecPanel {
    width: 200px;
}

.checkMark {
    background: url("../Images/adminallimages.png") no-repeat -120px -296px;
    width: 32px;
    height: 24px;
    margin: auto;
}

.crossMark {
    background: url("../Images/adminallimages.png") no-repeat -152px -296px;
    width: 32px;
    height: 24px;
    margin: auto;
}

.inlineBlockPanel {
    display: inline-block;
}

a.btnCreateEmailCampaign {
    text-decoration: none;
    color: #666;
    font-weight: bold;
    text-shadow: 1px 1px 0px var(--white);
}

a.btnCreateEmailCampaign:hover div.backgroundCreateEmailCampaign {
    background: #fff3be;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffd162', endColorstr='#ffe29e23');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd162), to(#e29e23));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffd162, #e29e23);
    /* for firefox 3.6+ */
    /**/
}

a.btnCreateEmailCampaign div.txtCreateEmailCampaign,
a.btnCreateEmailCampaign div.backgroundCreateEmailCampaign {
    border: 1px solid #ccc;
}

div.txtCreateEmailCampaign {
    padding: 0 10px 0 10px;
    display: inline-block;
    -webkit-border-top-left-radius: var(--space-xs);
    -moz-border-radius-topleft: var(--space-xs);
    border-top-left-radius: var(--space-xs);
    -webkit-border-bottom-left-radius: var(--space-xs);
    -moz-border-radius-bottomleft: var(--space-xs);
    border-bottom-left-radius: var(--space-xs);
    float: left;
    background: #fff3be;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--white)ff', endColorstr='#ffefefef');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(var(--white)), to(#efefef));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, var(--white), #efefef);
    /* for firefox 3.6+ */
    /**/
    border-right: 0 none;
    height: 46px
}

div.backgroundCreateEmailCampaign {
    display: inline-block;
    background: #fff3be;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--white)ff', endColorstr='#fff8de67');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(var(--white)), to(#f8de67));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, var(--white), #f8de67);
    /* for firefox 3.6+ */
    /**/
    -webkit-border-top-right-radius: var(--space-xs);
    -moz-border-radius-topright: var(--space-xs);
    border-top-right-radius: var(--space-xs);
    -webkit-border-bottom-right-radius: var(--space-xs);
    -moz-border-radius-bottomright: var(--space-xs);
    border-bottom-right-radius: var(--space-xs);
    width: 50px;
    height: 46px;
}

div.imgCreateEmailCampaign {
    background: url("../Images/adminallimages.png") no-repeat -184px -296px;
    width: 24px;
    height: 24px;
    margin: auto;
    margin-top: 10px;
}

/**End CampaignsManager**/

#emailCampaignHeader {
    position: relative;
    vertical-align: bottom;
}

#emailCampaignHeader span#header {
    text-align: left;
    font-size: 2.5em;
    font-weight: bold;
}

#emailCampaignHeader span#header2 {
    text-align: right;
    font-size: 2em;
    position: absolute;
    right: 0;
}

#header2 span#stepHeader {
    font-size: 0.9em;
    color: #999;
    font-weight: bold;
}

span.description {
    font-size: 0.8em;
    font-style: italic;
    color: #999;
    padding-left: 1em;
}

#createCampaign {
    list-style: none;
    float: left;
}

#createCampaign li {
    margin-top: 10px;
}

#createCampaign input[type=text] {
    width: 80%;
}

.btnSave {
    height: 30px;
    padding: 0px 10px;
    text-shadow: 1px 0px 0px var(--white);
    cursor: pointer;
}

.btnNext {
    background: url("../Images/adminallimages.png") no-repeat -370px -169px;
    width: 50px;
    height: 25px;
    padding: var(--space-xs) 0px 0px 38px;
}

.btnNext,
.btnAdjust {
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    color: Black;
}

div.displayPanel {
    width: 100%;
    position: relative;
    margin: var(--space-md) 0 0 var(--space-md);
}

.displayPanel .headerPanel {
    margin-bottom: var(--space-xs);
    padding-left: var(--space-xs);
}

.headerPanel span.label {
    font-weight: bold;
    font-size: 1.1em;
}

.displayPanel .pnlAdjust {
    position: absolute;
    right: 35px;
    top: -4px;
}

.displayPanel .btnAdjust {
    background: url("../Images/adminallimages.png") no-repeat -384px var(--space-xs);
    width: 34px;
    height: 20px;
    padding: 3px 0px 0px 24px;
    font-size: 10px;
}

.displayPanel ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.displayPanel ul,
.innerPanel table {
    color: #464040;
    font-size: 0.9em;
}

.displayPanel li {
    border-bottom: 1px #c5c5c5 solid;
    padding: var(--space-xs);
    background: #e0e0e0;
    /* for non-css3 browsers */
}

.displayPanel li:first-child

/*fix*/
    {
    border-top-left-radius: var(--space-xs);
    border-top-right-radius: var(--space-xs);
}

.displayPanel li:last-child

/*fix*/
    {
    border-bottom-left-radius: var(--space-xs);
    border-bottom-right-radius: var(--space-xs);
    border: 0 none;
}

.displayPanel a.btnRemove {
    background: url("../Images/removelogo.png") no-repeat 0 2px;
    width: 100px;
    height: 20px;
    text-decoration: none;
    padding-left: 18px;
    color: #717171;
}

.displayPanel a.btnTextPreview,
.displayPanel a.btnHTMLPreview {
    position: relative;
    text-decoration: none;
    background-color: White;
    border: 1px solid #787878;
    color: #464040;
    padding: 0 var(--space-xs);
}

.displayPanel div.label {
    width: 150px;
    display: inline-block;
}

.innerPanel table {
    width: 500px;
    margin-right: 30px;
    background: #e0e0e0;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffe0e0e0');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#e0e0e0));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #e6e6e6, #e0e0e0);
    /* for firefox 3.6+ */
    /**/
}

.innerPanel table td {
    border-bottom: 1px solid #c5c5c5;
    padding: var(--space-xs);
}

.innerPanel table td.nobottom {
    border-bottom: 0px solid #c5c5c5;
}

.innerPanel table td.noright {
    border-right: 0px solid #c5c5c5;
}

.btnEdit {
    background: url("../Images/EditButton.png") no-repeat top left;
    width: 70px;
    height: 24px;
}

.roundboxFivePx {
    -webkit-border-radius: var(--space-xs);
    -moz-border-radius: var(--space-xs);
    border-radius: var(--radius-xs);
}

.roundboxThreePx {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.boldfont {
    font-weight: bold;
}

div#EmailPanel {
    width: 70%;
    float: left;
}

div#TagPanel {
    width: 27%;
    padding: 10px;
    float: right;
    background: #eff2f4;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff2f4', endColorstr='var(--white)ff');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#eff2f4), to(#fff));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #eff2f4, #fff);
    /* for firefox 3.6+ */
    border: 1px solid #e2e7eb;
    margin-top: 20px;
}

#TagPanel div.innerTagPanel {
    border: 1px solid #e2e7eb;
}

div.innerTagPanel div.header {
    background: #8c949d;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3b0be', endColorstr='#8c949d');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#a3b0be), to(#8c949d));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #a3b0be, #8c949d);
    /* for firefox 3.6+ */
    /**/
    padding: 0 10px;
}

ul#campaignList {
    list-style: none;
}

ul#campaignList li {
    border-bottom: 1px solid #c5c5c5;
    width: 500px;
    padding: 3px 0;
}

ul#campaignList li span.number {
    font-size: 0.9em;
    color: #464040;
    padding-left: 20px;
}

input.btnSendTests {
    background: url("../Images/adminallimages.png") no-repeat -122px -60px;
    width: 156px;
    height: 33px;
    border: 0 none;
    cursor: pointer;
    margin: 0 10px;
    padding: 0;
}

input.ImageButton {
    border: 0 none;
    cursor: pointer;
    margin: 0 10px;
    padding: 0;
}

div#campaignManagerPanel input.btnVerify {
    background: url("../Images/adminallimages.png") no-repeat -120px -94px;
}

div#campaignManagerPanel input.btnConfirmed {
    background: url("../Images/adminallimages.png") no-repeat -120px -128px;
}

div#campaignManagerPanel input.btnReConfirm {
    background: url("../Images/adminallimages.png") no-repeat -120px -164px;
}

div#campaignManagerPanel input.cButton {
    width: 156px;
    height: 33px;
    border: 0 none;
    cursor: pointer;
    margin: 0 10px;
    padding: 0;
}

div#sendCampaignNowPanel {
    padding-bottom: 20px;
    border-bottom: 1px solid #999;
}

div#testCampaignPanel,
div#verifyCampaignPanel,
div#sendCampaignNowPanel,
div#sechduleCampaignPanel {
    margin: 20px 0 20px 20px;
    display: inline-block;
}

input.campaignTBox {
    height: 30px;
}

.fullWidth {
    width: 97% !important;
}

.setTableWidth {
    width: 163px !important;
}

/***************** End Email Campaign **************************/
/*---------------- Tags/Lists Popups Styles ------------- */
.customTagManager {
    padding: var(--space-md) var(--space-md) var(--space-sm) var(--space-md);
    background: var(--white);
    border-radius: var(--radius-sm);
    box-shadow: var(--soft-shadow);
    border: 1px solid var(--gray-4);
    font-size: var(--font-md);
    min-width: 200px;
    z-index: 1;
}

.customTagManager .Header {
    margin-bottom: var(--space-md);
    position: relative;
}

input[type='text'],
input[type='password'],
input[type='email'],
select,
textarea,
.customTagManager input[type='text'],
.customTagManager select,
.customTagManager textarea {
    margin: 0 auto;
    font-size: 14px;
    padding: 6px 12px;
    outline: none;
    border: 1px solid var(--gray-3);
    display: inline;
    background: var(--white);
    border-radius: var(--radius-sm);
    width: 100%;
    box-sizing: border-box;
    height: 35px;
}

.customTagManager td {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
}

.customTagManager .Body {}

.customTagManager .separateArea {
    padding: var(--space-sm) 0;
    border-top: 1px solid var(--gray-4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.customTagManager .separateArea label {
    font-weight: 600;
    color: var(--gray-1);
    font-size: var(--font-xs);
    display: inline-block;
}

.customTagManager .separateArea input[type="checkbox"]+label,
.customTagManager .separateArea input[type="radio"]+label {
    margin-left: var(--space-sm);
}

.customTagManager .separateArea input[type="text"] {
    margin-bottom: var(--space-sm);
    box-sizing: border-box;
}

.customTagManager .separateArea input[type="checkbox"] {
    min-height: 18px;
}

.customTagManager .separateArea a:nth-child(n+2) {
    margin-left: auto;
}

.customTagManager a {
    color: var(--skobeloff);
    font-weight: 600;
    text-decoration: none !important;
    display: inline-block;
    font-size: 14px;
}

.customTagManager a:hover,
.customTagManager a:focus {
    color: var(--ink-black);
}

.customTagManager .hiddenArea {
    margin-top: var(--space-xs);
}

.customTagManager .hiddenArea input[type="submit"] {
    margin: 7px 2px;
}


.customTagManager .Arrow {
    width: 7px;
    height: var(--space-xs);
    display: inline-block;
    margin-left: var(--space-xs);
    background: url("../Images/adminallimages.png") no-repeat -417px left;
}

.customTagManager .ArrowVisible {
    background-position: -424px left;
}


.reportTag input[type='submit'] {
    margin-top: 10px;
}


.reportTag .customTagManagerCheckboxArea {
    max-height: 200px;
    overflow-y: auto;
    border-top: 1px solid var(--gray-4);
    padding: var(--space-sm) 0;
}

.reportTag .customTagManagerCheckboxArea span[tag] {
    display: flex;
    font-size: 12px;
    align-items: center;
    gap: var(--space-xs);
    border-radius: var(--radius-xs);
}

.reportTag .customTagManagerCheckboxArea span[tag]:hover {
    background: var(--honeydew);
}

.reportTag .customTagManagerCheckboxArea span[tag] input[type="checkbox"] {}

/*Flash Notifications*/
#flashNotification {
    position: fixed;
    top: 0;
    right: 0;
    margin: var(--space-md);
    background: var(--white);
    border: 1px solid var(--gray-4);
    border-radius: var(--radius-sm);
    box-shadow: var(--soft-shadow);
    overflow: hidden;
    max-width: 400px;
    width: 100%;
    display: none;
    z-index: 10000;
    padding: var(--space-md);
}

#flashNotification>div {
    display: flex;
    gap: var(--space-md);
}

#flashNotificationContentWrapper {
    color: var(--ink-black);
    font-weight: 300;
    font-size: var(--font-md);
}

#flashNotificationContentWrapper>div {
    margin: 0 auto;
    text-align: left;
    padding: var(--space-xs) 0 0 48px;
    display: flex;
    align-items: center;
    background-size: 32px 32px !important;
}

#flashNotificationContentWrapper>div.Error {
    background: url("../Images/svg/error.svg") no-repeat left center;
}

#flashNotificationContentWrapper>div.Info {
    background: url("../Images/svg/info.svg") no-repeat left center;
}

#flashNotificationContentWrapper>div.Success {
    background: url("../Images/svg/check.svg") no-repeat left center;
}

#flashNotificationClose {
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
}

#flashNotificationClose .icon {
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px;
    background: url(../Images/svg/close.svg) center center no-repeat;
}

/* Popup Window Styles */
.modalBackground {
    background-color: #333;
    filter: alpha(opacity=80);
    opacity: 0.7;
    z-index: 10000;
}

.popupWindow {
    width: 600px;
}

span.popupWindow>div>div {
    border-radius: var(--radius-sm);
    overflow: hidden;
    box-shadow: var(--soft-shadow);
    background: var(--white);
}

span.popupWindow li:first-child {
    border-bottom: 1px solid var(--gray-4);
    padding-bottom: var(--space-sm);
}

.popupWindowWide {
    width: 600px;
}

.popupWindow>.popupWindowHeader {
    color: var(--ink-black);
    font-size: var(--font-xl);
    font-weight: 600;
    padding: var(--space-lg) var(--space-lg) var(--space-sm) var(--space-lg);
    border: 0;
}

.popupWindow>.popupWindowContent {
    border: 0;
    font-size: var(--font-sm);
    max-height: 550px;
    overflow-y: auto;
}

.popupWindow>.popupWindowContent .popupWindowMessage {
    text-shadow: none;
    color: #000;
}


.popupWindow>.popupWindowContent a {
    font-weight: 600;
    color: var(--skobeloff);
    text-decoration: none;
    padding: var(--space-xs) var(--space-sm);
}

.popupWindow>.popupWindowContent a:hover,
.popupWindow>.popupWindowContent a:focus {
    color: var(--ink-black);
    text-decoration: none;
}

.popupWindow>.popupWindowContent>div,
.popupWindow>.popupWindowContent>ul {
    padding: var(--space-sm) var(--space-lg) !important;
    border-left: none !important;
    border-right: none !important;
    display: flex;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

.popupWindow>.popupWindowContent>ul>li {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.popupWindow>.popupWindowContent hr {
    border: none;
    background: #4E5356;
    height: 1px;
    margin: 0;
    padding: 0;
}

.popupWindow>.popupWindowContent .popupWindowError {
    background: #FCF7F7;
    border-radius: var(--radius-sm);
    border: none;
    color: var(--danger);
    font-size: var(--font-lg);
    font-weight: 600;
    flex-direction: column;
    margin: 0 var(--space-md);
}

.popupWindow>.popupWindowContent .popupWindowError ul {
    margin: 0;
    padding: 0;
    list-style: disc;
    margin: 3px 0 3px 20px;
    font-size: 12px;
    font-weight: normal;
    color: #373636;
    text-shadow: none;
}

.popupWindow>.popupWindowContent .popupWindowForm {
    margin: 0;
    list-style-type: none;
    overflow: auto;
    color: var(--ink-black);
    font-weight: 400;
    text-shadow: none;
}

.popupWindow>.popupWindowContent .popupWindowForm li {
    margin: var(--space-xs) 0 !important;
    font-weight: 600;
    color: var(--gray-1);
    flex: 0 0 100%;
    display: flex;
    gap: var(--space-sm);
}

.popupWindow>.popupWindowContent .popupWindowForm li div {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

.popupWindow>.popupWindowContent .popupWindowForm li div.ajax__calendar div {
    display: block;
}

.popupWindow>.popupWindowContent .popupWindowForm li div>span {
    flex: 1 1 auto;
    line-height: 1.3em;
}

.popupWindow>.popupWindowContent .popupWindowForm li div>span.email {
    margin-left: auto;
}

.popupWindow>.popupWindowContent .popupWindowForm li.ratio {
    display: none;
}

.popupWindow>.popupWindowContent .popupWindowForm li .NumericButtons {
    float: right;
    margin: 0px;
    padding: 0px;
}

.popupWindow>.popupWindowContent .popupWindowForm li .NumericButtons>li {
    padding: 0;
    width: 24px;
    list-style-type: none;
    overflow: hidden;
    height: 12px;
    margin: 0px;
}

.popupWindow>.popupWindowContent .popupWindowForm li .UP,
.popupWindow>.popupWindowContent .popupWindowForm li .DOWN {
    float: left;
    border: 1px outset;
    padding: 1px var(--space-xs) 1px var(--space-xs) !important;
    height: 1.714em;
    width: 3.429em;
    padding: 0px;
    font-size: 7px;
}

.popupWindow>.popupWindowContent .popupWindowForm label,
.popupWindow>.popupWindowContent .popupWindowForm span,
.popupWindow>.popupWindowContent .popupWindowForm span.label {
    font-weight: 600;
    color: var(--gray-1);
    flex: 0 0 180px;
}

.popupWindow>.popupWindowContent .popupWindowForm input[type='text'],
.popupWindow>.popupWindowContent .popupWindowForm input[type='password'],
.popupWindow>.popupWindowContent .popupWindowForm select,
.popupWindow>.popupWindowContent .popupWindowForm input[type="submit"],
.popupWindow>.popupWindowContent .popupWindowForm .dd,
.popupWindow>.popupWindowContent .popupWindowForm textarea {
    font-size: var(--space-md);
    width: 224px;
}

.popupWindow>.popupWindowContent .popupWindowForm .error {
    display: none;
}

.popupWindow>.popupWindowContent .popupWindowForm .Numeric {
    text-align: right;
    width: 12.5em !important;
}

.popupWindow>.popupWindowContent .popupWindowForm input[type='text'],
.popupWindow>.popupWindowContent .popupWindowForm input[type='password'],
.popupWindow>.popupWindowContent .popupWindowForm input[type="submit"],
.popupWindow>.popupWindowContent .popupWindowForm textarea,
.popupWindow>.popupWindowContent .popupWindowForm select,
.popupWindow>.popupWindowContent .popupWindowForm input[type="checkbox"],
.popupWindow>.popupWindowContent .popupWindowForm input[type="radio"],
.popupWindow>.popupWindowContent .popupWindowForm .dd {
    margin: 0;
    border: 1px solid var(--gray-3);
    background: var(--white);
    vertical-align: top;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: var(--radius-xs);
    padding: var(--space-xs) var(--space-sm);
    flex: 1 1 auto;
}

.popupWindow>.popupWindowContent .popupWindowForm input[type="checkbox"],
.popupWindow>.popupWindowContent .popupWindowForm input[type="radio"] {
    flex: 0 0 auto;
}

.popupWindow>.popupWindowContent .popupWindowForm span {
    font-weight: 600;
    color: var(--gray-1);
}

.popupWindow>.popupWindowContent .popupWindowForm span.required:after {
    content: "*";
    color: var(--danger);
}

.RemoveFloat>input {
    float: none !important;
}

.popupWindow>.popupWindowContent .popupWindowForm input[type='text']:focus,
.popupWindow>.popupWindowContent .popupWindowForm input[type='password']:focus,
.popupWindow>.popupWindowContent .popupWindowForm textarea:focus,
.popupWindow>.popupWindowContent .popupWindowForm select:focus {
    border: 1px #333 solid;
}

.popupWindow>.popupWindowContent .popupWindowForm .ddTitle {
    border: none;
    background: #FFF;
    font-weight: normal;
    font-size: 13px;
}

.popupWindow>.popupWindowContent .popupWindowForm textarea {
    height: 8em;
    resize: none;
}

.popupWindow>.popupWindowContent .popupWindowForm input[type="submit"] {
    width: auto;
    border: 1px solid var(--gray-3);
    color: var(--ink-black);
    font-size: var(--font-sm);
    font-weight: 600;
    padding: var(--space-sm) var(--space-md);
    cursor: pointer;
    border-radius: var(--radius-lg);
    background: var(--white);
}

.popupWindow>.popupWindowContent .popupWindowForm input[type="submit"]:hover {
    border: 1px solid var(--gray-2);
    color: var(--ink-black);
    box-shadow: var(--button-hover-shadow);
}

.popupWindowWide>.popupWindowContent .popupWindowForm input.half,
.popupWindowWide>.popupWindowContent .popupWindowForm select.half,
.popupWindowWide>.popupWindowContent .popupWindowForm .half {
    width: 202px !important;
}

.popupWindow>.popupWindowContent .popupWindowForm input.half,
.popupWindow>.popupWindowContent .popupWindowForm select.half,
.popupWindow>.popupWindowContent .popupWindowForm .half {
    width: 109px;
}

.popupWindow>.popupWindowContent .popupWindowForm input.third,
.popupWindow>.popupWindowContent .popupWindowForm select.third,
.popupWindow>.popupWindowContent .popupWindowForm .third {
    width: 70px;
}

.popupWindowWide>.popupWindowContent .popupWindowForm input.third,
.popupWindowWide>.popupWindowContent .popupWindowForm select.third,
.popupWindowWide>.popupWindowContent .popupWindowForm .third {
    width: 131px !important;
}

.popupWindow>.popupWindowContent .popupWindowForm .half+.half {
    margin-right: var(--space-xs);
}

.popupWindow>.popupWindowContent .popupWindowForm .third+.third {
    margin-right: var(--space-sm);
}

.popupWindow>.popupWindowContent .popupWindowForm input[type="submit"]:hover {
    background: #F2F2F2;
}

.popupWindow>.popupWindowContent .popupWindowForm input[type="submit"]:active {
    background: #EEE;
}

.popupWindow>.popupWindowContent .popupWindowForm select.smallFont {
    font-size: 11px;
}

.popupWindow>.popupWindowContent .popupWindowForm .error-highlight {
    border-color: #EA2E31 !important;
}

.popupWindow>.popupWindowContent .popupWindowForm .checkboxlist,
.popupWindow>.popupWindowContent .popupWindowForm .radiobuttonlist,
.popupWindow>.popupWindowContent .popupWindowForm .radiobuttonlist td {
    float: right;
    width: 228px;
    font-size: var(--font-sm);
    display: flex;
    gap: var(--space-md);
}

.popupWindow>.popupWindowFooter {
    border-top: 1px solid var(--gray-4);
    padding: var(--space-md) var(--space-lg) var(--space-lg) var(--space-lg);
    text-align: right;
    overflow: auto;
}

.popupWindow .popupWindowFooter input[type='submit'] {
    border: 1px solid var(--gray-3);
    color: var(--ink-black);
    font-size: var(--font-sm);
    font-weight: 600;
    padding: var(--space-sm) var(--space-md);
    cursor: pointer;
    border-radius: var(--radius-lg);
    background: var(--white);
}

.popupWindow .popupWindowFooter input[type='submit']:hover,
.popupWindow .popupWindowFooter input[type='submit']:focus {
    border: 1px solid var(--gray-2);
    color: var(--ink-black);
    box-shadow: var(--button-hover-shadow);
}


.popupWindow .popupWindowFooter ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.popupWindow .popupWindowFooter ul li {
    float: left;
    overflow: auto;
}

.popupWindow .popupWindowFooter ul li:not(:first-child)::before {
    content: "•";
    float: left;
    margin: 9px 7px 0 7px;
    color: #3f3e3e;
}

.popupWindow .popupWindowFooter ul li:not(:first-child) {}

.popupWindow .popupWindowFooter a {
    display: inline-block;
    margin-top: 10px;
    color: #3f3e3e;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

/***** Doctype Flow Editor ******/
.smallYellowButton {
    color: #666666;
    text-decoration: none;
    font-size: 12px;
    border: 0;
    padding: 2px 10px;
    margin-bottom: 3px;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 3px #e5e5e5;
    -moz-box-shadow: 0px 0px 3px #e5e5e5;
    box-shadow: 0px 0px 3px #e5e5e5;
    text-shadow: 0px 1px 1px #fef6d3;
    background: #fff2ba;
    background: -moz-linear-gradient(top, #fff2ba 0%, #f8df67 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff2ba), color-stop(100%, #f8df67));
    background: -webkit-linear-gradient(top, #fff2ba 0%, #f8df67 100%);
    background: -o-linear-gradient(top, #fff2ba 0%, #f8df67 100%);
    background: -ms-linear-gradient(top, #fff2ba 0%, #f8df67 100%);
    background: linear-gradient(top, #fff2ba 0%, #f8df67 100%);
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.ButtonBar {
    position: relative;
}

.ButtonBar input[type='submit'],
.ButtonBar a,
.ButtonRight {
    position: absolute;
    right: 0;
    top: -64px;
}

.titleButtons {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.ButtonsWrap {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.ButtonsWrap.right {
    justify-content: flex-end;
}

.titleButtons .ButtonsWrap {
    margin-left: auto;
}


.stream-buttons {
    display: flex;
    gap: var(--space-md);
    justify-content: flex-start;
}

#DocTypeFlowEditor .ButtonBar h2 {
    margin: 0;
    padding: 0;
}

#DocTypeFlowEditor .ButtonBar input[type="submit"] {
    margin-top: var(--space-xs);
}

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

#DocTypeFlowEditor ul.Wrapper {
    border-bottom: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: var(--space-md);
}

#DocTypeFlowEditor div ul.Wrapper>li {
    border: 1px solid var(--gray-3);
    background: var(--white);
    border-radius: var(--radius-sm);
    padding: var(--space-sm);
    overflow: hidden;
    flex: 1 1 auto;
}

#DocTypeFlowEditor ul.Wrapper>li .Header {
    cursor: pointer;
    display: flex;
    align-items: center;
}

#DocTypeFlowEditor ul.Wrapper>li:hover {
    border: 1px solid var(--gray-2);
}

#DocTypeFlowEditor ul.Wrapper>li .Header a {
    text-decoration: none;
    color: var(--ink-black);
}

#DocTypeFlowEditor ul.Wrapper>li .Header .docType {
    padding: var(--space-xs) var(--space-md);
    font-size: var(--font-xl);
    flex-grow: 1;
}

#DocTypeFlowEditor ul.Wrapper>li .Header .right {
    padding: var(--space-sm);
    text-align: center;
}

#DocTypeFlowEditor ul.Wrapper>li .Contents {
    display: none;
}

#DocTypeFlowEditor ul.Wrapper>li .Contents>div {
    color: var(--ink-black);
}

#DocTypeFlowEditor ul.Wrapper>li .Contents ul.Flows {
    list-style: none;
    padding: var(--space-sm);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

#DocTypeFlowEditor ul.Wrapper>li .Contents ul.Flows>li {
    padding: var(--space-sm);
    background: var(--gray-4);
    border: 1px solid var(--gray-3);
    border-radius: var(--radius-sm);
    font-weight: 600;
}

#DocTypeFlowEditor ul.Wrapper>li .Contents ul.Flows>li a {
    text-decoration: none;
    color: var(--skobeloff);
    font-size: var(--font-sm);
    font-weight: 600;
}

#DocTypeFlowEditor ul.Wrapper>li .Contents ul.Flows>li a:hover,
#DocTypeFlowEditor ul.Wrapper>li .Contents ul.Flows>li a:focus {
    color: var(--ink-black);
}


/*PASSWORD STRENGTH INDICATOR ON RIGHT SIDE ONLY*/
.PSW,
.PSM,
.PSS,
.PSE {
    font-size: 12px;
    padding: 3px 10px;
    background: #FFF;
    border: 1px #BBB solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.PSW {
    background: #f7e0e0;
}

.PSM {
    background: #f7ebdf;
}

.PSS {
    background: #f7f4df;
}

.PSE {
    background: #e9f7df;
}

.permissionsPage .sideBar {
    width: 200px;
}

.permissionsPage .sideBar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.permissionsPage .contentArea label {
    width: 10em;
    display: inline-block;
}

.permissionsPage .contentArea label.short {
    width: 5em;
    display: inline-block;
    margin-top: var(--space-sm);
}

.permissionsPage .contentArea table {
    width: 100%;
}

.permissionsPage .contentArea tr:first-of-type {
    color: var(--ink-black);
    text-align: left;
    background: var(--gray-4);
}

.permissionsPage .contentArea tr th,
.permissionsPage .contentArea tr td {
    padding: var(--space-sm);
    font-size: var(--font-sm);
}

.permissionsPage .contentArea tr th {
    padding: var(--space-xs);
}

.permissionsPage .contentArea tr th:last-child,
.permissionsPage .contentArea tr td:last-child {
    text-align: right;
}

.permissionsPage .contentArea tr td {
    font-weight: normal;
}

.permissionsPage .contentArea tr td select {
    font-size: var(--space-md);
    margin: 0;
}

.permissionsPage .contentArea input[type='text'],
.permissionsPage .contentArea input[type='password'],
.permissionsPage .contentArea select {
    width: 220px;
    padding: 2px var(--space-xs);
}

.permissionsPage .contentArea select {
    padding: 1px 1px 1px var(--space-xs);
}

.permissionsPage .contentArea input[type='text'],
.permissionsPage .contentArea input[type='password'],
.permissionsPage .contentArea select {
    -webkit-border-radius: var(--space-xs);
    -moz-border-radius: var(--space-xs);
    border-radius: var(--radius-xs);
}

.permissionsPage .contentArea input[type='submit'].redbutton {
    background: #ffcccc;
    background: -moz-linear-gradient(top, #ffeaea 0%, #ffcccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffeaea), color-stop(100%, #ffcccc));
    background: -webkit-linear-gradient(top, #ffeaea 0%, #ffcccc 100%);
    background: -o-linear-gradient(top, #ffeaea 0%, #ffcccc 100%);
    background: -ms-linear-gradient(top, #ffeaea 0%, #ffcccc 100%);
    background: linear-gradient(top, #ffeaea 0%, #ffcccc 100%);
}

.permissionsPage .contentArea input[type='submit'].redbutton:active {
    background: #ffd5d5;
    background: -moz-linear-gradient(top, #ffbbbb 0%, #ffd5d5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffbbbb), color-stop(100%, #ffd5d5));
    background: -webkit-linear-gradient(top, #ffbbbb 0%, #ffd5d5 100%);
    background: -o-linear-gradient(top, #ffbbbb 0%, #ffd5d5 100%);
    background: -ms-linear-gradient(top, #ffbbbb 0%, #ffd5d5 100%);
    background: linear-gradient(top, #ffbbbb 0%, #ffd5d5 100%);
}


input[type='submit'].greyButton {
    border: 1px #c3c3c3 solid;
    color: #7b7b7b;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    padding: var(--space-xs) var(--space-md);
    cursor: pointer;
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #ececec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ececec));
    background: -webkit-linear-gradient(top, #fefefe 0%, #ececec 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #ececec 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #ececec 100%);
    background: linear-gradient(top, #fefefe 0%, #ececec 100%);
    -webkit-box-shadow: 0px 1px 1px #d0d0d0;
    -moz-box-shadow: 0px 1px 1px #d0d0d0;
    box-shadow: 0px 1px 1px #d0d0d0;
    -webkit-border-radius: var(--space-xs);
    -moz-border-radius: var(--space-xs);
    border-radius: var(--radius-xs);
}

input[type='submit'].greyButton:active {
    background: #dedede;
    background: -moz-linear-gradient(top, #dedede 0%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(top, #dedede 0%, #ededed 100%);
    background: -o-linear-gradient(top, #dedede 0%, #ededed 100%);
    background: -ms-linear-gradient(top, #dedede 0%, #ededed 100%);
    background: linear-gradient(top, #dedede 0%, #ededed 100%);
    -webkit-box-shadow: inset 0px 1px 1px #bbbbbb;
    -moz-box-shadow: inset 0px 1px 1px #bbbbbb;
    box-shadow: inset 0px 1px 1px #bbbbbb
}

#tagManager h2,
#tagManager h3,
#tagManager h4 {
    margin: 0;
}

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

#tagManager .tagLevel {
    margin: var(--space-xs) 0;
}

#tagManager .tagCategories {
    padding: var(--space-xs);
    background: #EEE;
    min-height: 25px;
    -webkit-border-radius: var(--space-xs);
    -moz-border-radius: var(--space-xs);
    border-radius: var(--radius-xs);
}

#tagManager .tagCategory {
    margin: 10px 0;
    border: 1px solid #9D9B9B;
    -webkit-border-radius: var(--space-xs);
    -moz-border-radius: var(--space-xs);
    border-radius: var(--radius-xs);
}

#tagManager .tagCategory:first-child {
    margin-top: 0;
}

#tagManager .tagCategory:last-child {
    margin-bottom: 0;
}

#tagManager .tagCategoryHeader {
    cursor: move;
    background: #f9f9f9;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #dadada 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #dadada));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #dadada 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%, #dadada 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%, #dadada 100%);
    /* IE10+ */
    background: linear-gradient(top, #f9f9f9 0%, #dadada 100%);
    /* W3C */
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

#tagManager .tagCategoryHeader:hover {
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0%, #cfcfcf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #cfcfcf));
    background: -webkit-linear-gradient(top, #ededed 0%, #cfcfcf 100%);
    background: -o-linear-gradient(top, #ededed 0%, #cfcfcf 100%);
    background: -ms-linear-gradient(top, #ededed 0%, #cfcfcf 100%);
    background: linear-gradient(top, #ededed 0%, #cfcfcf 100%);
}

#tagManager .tagCategoryHeader>h3 {
    padding: 3px var(--space-sm);
    padding-left: 22px;
    margin-left: 7px;
    background: url("../Images/moveicon.png") left no-repeat;
}

#tagManager .tagCategoryHeader .tagCategoryColourPicker {
    background: url("../Images/color.png") center center no-repeat;
    width: var(--space-md);
    height: 30px;
    padding: 0 10px;
    cursor: pointer;
}

#tagManager .tagCategories>.ui-sortable-placeholder {
    background: #DDD;
    border: 2px #AAA dashed;
    margin: 0 !important;
    visibility: visible !important;
}

#tagManager .tagCategory>ul {
    padding: 12px;
    background: #4E5356;
    /* old browsers */
    background-image: url(../Images/paymentArrow.png);
    background: url(../Images/paymentArrow.png), -moz-linear-gradient(top, #262624 0%, #4e5356 var(--space-xs), #4e5356 98%, #262624 100%);
    /* FF3.6+ */
    background: url(../Images/paymentArrow.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262624), color-stop(6px, #4e5356), color-stop(98%, #4e5356), color-stop(100%, #262624));
    /* Chrome,Safari4+ */
    background: url(../Images/paymentArrow.png), -webkit-linear-gradient(top, #262624 0%, #4e5356 var(--space-xs), #4e5356 98%, #262624 100%);
    /* Chrome10+,Safari5.1+ */
    background: url(../Images/paymentArrow.png), -o-linear-gradient(top, #262624 0%, #4e5356 var(--space-xs), #4e5356 98%, #262624 100%);
    /* Opera11.10+ */
    background: url(../Images/paymentArrow.png), -ms-linear-gradient(top, #262624 0%, #4e5356 var(--space-xs), #4e5356 98%, #262624 100%);
    /* IE10+ */
    background: url(../Images/paymentArrow.png), linear-gradient(top, #262624 0%, #4e5356 var(--space-xs), #4e5356 98%, #262624 100%);
    /* W3C */
    background-repeat: no-repeat;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

#tagManager .tagCategory>ul>li {
    display: inline-block;
    font-size: 12px;
    padding: var(--space-xs) var(--space-xs) 2px var(--space-xs);
    margin: 2px 0;
    border: 1px solid #9D9B9B;
    background: #D9E2FB;
    -webkit-border-radius: var(--space-xs);
    -moz-border-radius: var(--space-xs);
    border-radius: var(--radius-xs);
}

#tagManager .tagCategory>ul>li input[type='checkbox'] {
    margin: 1px 1px 0 10px;
}

#dataImporter h1 {
    margin-bottom: 0;
}

#dataImporter label {
    width: 6em;
    display: inline-block;
    font-size: 13px;
}

#dataImporter p {
    margin-top: 3px;
    font-size: 13px;
}

#questionSorterList {
    list-style: none;
    margin: 0;
    padding: 0;
}

#questionSorterList li {
    cursor: move;
    padding: var(--space-xs) var(--space-md);
    margin: var(--space-xs) 0;
    border: 1px solid #9D9B9B;
    padding-left: 0;
    font-size: 13px;
    font-weight: bold;
    background: #f9f9f9;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #dadada 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #dadada));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #dadada 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%, #dadada 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%, #dadada 100%);
    /* IE10+ */
    background: linear-gradient(top, #f9f9f9 0%, #dadada 100%);
    /* W3C */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#questionSorterList li:hover {
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0%, #cfcfcf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #cfcfcf));
    background: -webkit-linear-gradient(top, #ededed 0%, #cfcfcf 100%);
    background: -o-linear-gradient(top, #ededed 0%, #cfcfcf 100%);
    background: -ms-linear-gradient(top, #ededed 0%, #cfcfcf 100%);
    background: linear-gradient(top, #ededed 0%, #cfcfcf 100%);
}

#questionSorterList li.ui-sortable-placeholder {
    background: #DDD;
    border: 2px #AAA dashed;
    visibility: visible !important;
}

#questionSorterList li>div.questionToggle {
    position: relative;
    bottom: 2px;
}

#questionSorterList li>div.questionText {
    background: url("../Images/moveicon.png") left no-repeat;
    padding-left: 25px;
    margin-left: 7px;
}

/****Manage Event Page ****/
#manageEvent>.left {
    width: 370px;
}

#manageEvent>.left .bubble-header .right {
    margin-top: var(--space-xs);
    margin-right: 10px;
}

#manageEvent>.right {
    margin-left: 400px;
    float: none !important;
}

#manageEvent #eventDetails .greyText,
#manageEvent #ecommerceDetails .greyText {
    color: var(--gray-2);
    font-weight: 500;
}

#manageEvent #eventDetails .bubble-content>.left,
#manageEvent #ecommerceDetails .bubble-content>.left {
    width: 50%;
}

#manageEvent #eventDetails .bubble-content>.right {
    margin-left: 50%;
    padding-left: 25px;
    float: none !important;
}

#manageEvent #ecommerceDetails .bubble-content>.right {
    word-wrap: break-word;
    margin-left: 50%;
    float: none !important;
}

#manageEvent #ecommerceDetails .bubble-content>.right strong {
    font-weight: 400;
    font-style: italic;
    color: var(--ink-black);
    font-size: var(--font-sm);
}

#manageEvent table td:first-child {
    width: 220px;
}

#manageEvent>.left div[align="center"] input {
    width: 47% !important;
    background: var(--ink-black);
    color: white;
    font-family: 'poppins', sans-serif;
    font-weight: 500;
    font-size: 11pt;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    max-height: 75px !important;
    border-radius: var(--radius-xs);
}

#manageEvent>.left div[align="center"] input:hover,
#manageEvent>.left div[align="center"] input:active,
#manageEvent>.left div[align="center"] input:focus {
    background: var(--skobeloff);
}

#manageEvent>.left div[align="center"] input:last-child {
    float: right;
}

#manageEvent>.left div[align="center"] input:first-child {
    float: left;
}

.pCodeTable {
    flex: 1 1 100%;
    margin-bottom: var(--space-lg);
}

#PCodeRegTypeManager {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    column-gap: var(--space-md);
    row-gap: var(--space-md);
}

#PCodeRegTypeManager .PCode {
    padding: var(--space-md);
    box-sizing: border-box;
}

#PCodeRegTypeManager .pcode-header {
    display: flex;
    align-items: center;
    margin-bottom: var(--space-md);
}

#PCodeRegTypeManager .pcode-header a.collapse i {
    background: url(../Images/svg/chevron-down.svg) no-repeat center center !important;
}

#PCodeRegTypeManager .pcode-header h3 {
    flex: 1 1 auto;
    margin: 0;
    color: var(--ink-black);
    font-weight: 600;
}

#PCodeRegTypeManager .pcode-header .pcode-actions {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
}

#PCodeRegTypeManager .pcode-buttons {
    display: flex;
    gap: var(--space-sm);
    padding-left: var(--space-lg);
}

#PCodeRegTypeManager .PCode h2 {
    font-size: var(--space-md);
    margin: 0;
}

#PCodeRegTypeManager .PCode ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

#PCodeRegTypeManager .PCode ul li {
    padding: var(--space-sm);
    color: var(--ink-black);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

#PCodeRegTypeManager .PCode ul li:first-child {
    margin-top: var(--space-md);
}


#PCodeRegTypeManager .PCode ul li:not(:last-child) {
    border-bottom: 1px solid var(--gray-4);
}

#PCodeRegTypeManager .PCode ul li:before {
    content: '';
    background: var(--red);
    display: inline-block;
    width: var(--space-sm);
    height: var(--space-sm);
    border-radius: var(--radius-xs);
    position: relative;
}

#PCodeRegTypeManager .PCode ul li .name {
    margin-right: var(--space-sm);
}

#PCodeRegTypeManager .PCode ul li .price.strikethrough {
    color: var(--gray-2);
    text-decoration: line-through;
}

#PCodeRegTypeManager .PCode ul li .discount {
    font-weight: 600;
}

#PCodeRegTypeManager .PCode ul li.ActionType1:before {
    background: var(--red);
}

#PCodeRegTypeManager .PCode ul li.ActionType2:before {
    background: var(--yellow-2);
}

#PCodeRegTypeManager .PCode ul li.ActionType4:before {
    background: var(--blue);
}

#PCodeRegTypeManager .PCode ul li.ActionType3:before {
    background: var(--light-blue);
}

#PCodeRegTypeManager .PCode ul li.ActionType5:before {
    background: var(--purple);
}

#PCodeRegTypeManager .PCode ul li.ActionType6:before {
    background: #B88F81;
}


#PCodeRegTypeManager li.ui-sortable-placeholder {
    margin: 3px !important;
    background: rgba(0, 0, 0, 0) !important;
    border: 1px #fff dashed;
    visibility: visible !important;
}

#PCodeRegTypeManager .PCode ul li .actions {
    padding-left: var(--space-xs);
    margin-left: auto;
}

#sourceLookupManager .sourceLookup .bubble-content a {
    color: #D0D4D7;
    text-decoration: none;
}

#sourceLookupManager .sourceLookup .bubble-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: var(--space-xs);
}

#sourceLookupManager .sourceLookup .bubble-content ul li {
    padding: 3px;
}

#sourceLookupManager .sourceLookup .bubble-content ul li:hover {
    background: #575D60;
}

#sourceLookupManager .sourceLookup .bubble-content ul li img {
    vertical-align: text-bottom;
}

#selectSource a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

#_docTypeCbxList td {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

#_docTypeCbxList label {
    margin-right: var(--space-xs);
    position: relative;
    bottom: 1px;
    vertical-align: middle;
}

/*****Registration Exhibitor Styles******/
ul .ExhibitorBoothList {
    padding: 0;
    margin: 0;
}

ul.ExhibitorBoothList li {
    border-top: 1px #e4e4e4 solid;
    padding: var(--space-xs) 0px var(--space-xs) 0px;
    background: #FFF;
    margin: 0;
    display: inline-block;
    width: 100%;
}

ul.ExhibitorBoothList li:hover {
    background-color: #f6f6ed;
}

ul.ExhibitorBoothList li.header {
    background-color: #f3f3f3;
}

ul.ExhibitorBoothList li.total {
    border-bottom: 1px #ccc solid;
    background-color: #dbdbdb;
    text-align: right;
}

ul.ExhibitorBoothList li.header span {
    color: #999999;
    text-shadow: 1px 1px #FFF;
    /*font-weight: bold;*/
}

ul.ExhibitorBoothList li span {
    color: #333;
    margin-left: 10px;
    font-family: Arial;
    font-size: 14px;
    padding-top: var(--space-xs);
    /*font-weight: bold;*/
}

ul.ExhibitorBoothList li h3 {
    float: left;
}

ul.ExhibitorBoothList li span {
    float: left;
    width: 100px;
}

ul.ExhibitorBoothList li span.desc {
    float: left;
    width: 250px;
}

ul.ExhibitorBoothList li span.cost {
    float: right;
    /*width: 120px;*/
    margin-right: 35px;
    font-weight: bold;
}

ul.ExhibitorBoothList li span.cost label {
    float: right;
    margin-bottom: 0;
    width: auto;
}


ul.ExhibitorBoothList li.header span.cost {
    float: right;
    width: 110px;
    margin-right: 37px;
    font-weight: normal;
}


ul.ExhibitorBoothList li.total span,
ul.ExhibitorBoothList li.total span label {
    float: right;
}

ul.ExhibitorBoothList li.total span.totalcost {
    margin-right: 115px;
    font-weight: bold;
}


ul.ExhibitorBoothList li>select,
ul.ExhibitorBoothList li>input {
    float: right;
    clear: none;
    margin-right: 0px;
}


div#exhConfirm {
    width: 380px;
    border: 1px #000000 solid;
    padding-top: 30px;
    padding-bottom: 26px;
    -moz-border-radius: var(--space-xs);
    border-radius: var(--radius-xs);
    border-bottom: 21px solid #666666;
    -moz-box-shadow: 0px 0px 7px #989898;
    -webkit-box-shadow: 0px 0px 7px #989898;
    box-shadow: 0px 0px 7px #989898;
}

div#exhConfirm div {
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
    border: 0px #000000 solid;
    padding: 0px;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
}

div#exhConfirm div:first-child {
    font-size: 20px;
}

input[type='submit'].exh {
    color: var(--white);
    /*background: #9ACD68;*/
    border: 1px solid #699639;
    background: #d24836;
    text-shadow: none;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #D95000;
    text-transform: uppercase;
    cursor: pointer;
    padding: 3px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 80px;
    float: none;
    margin: 2px;
}

input[type='submit'].exh:hover {
    border: 1px solid #953700;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d24836', endColorstr='#c24131');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#d24836), to(#c24131));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #d24836, #c24131);
    /* for firefox 3.6+ */
    -moz-box-shadow: 1px 1px 1px #ededed;
    -webkit-box-shadow: 1px 1px 1px #ededed;
    box-shadow: 1px 1px 1px #ededed;
}

/** Profile User Barcode **/
.profileBarcode {
    display: inline-block;
    border: 0px #FFF solid;
    border-top-width: var(--space-xs);
}

.profileBarcodePopup img.barcodepopup {
    display: block;
    margin: 0 auto;
    padding: var(--space-xs) 0 2px 0;
}

@media (min-width: 1025px) {
    .profileBarcode {
        display: none;
    }
}

/** Badge Preview on Reg Search**/
.rsBadgePreview {
    float: left;
    color: #ed5d3b;
    font-weight: bold;
    cursor: pointer;
    padding-right: 2px;
}

/* fix for date picker to appear above the toolbar popups */
div.AnyTime-win {
    z-index: 100;
}

.anytimeInPopupModal {
    z-index: 100003 !important;
}

.LinkButton {
    cursor: pointer;
    display: block;
    padding: 0;
    background: var(--gray-5);
    border: 1px solid var(--gray-3);
    border-radius: var(--radius-md);
    width: 24px;
    height: 24px;
    background: url(../Images/svg/copy-link.svg) center center no-repeat !important;
}

.LinkButton:hover,
.LinkButton:focus {
    background: var(--white);
}

.CheckBoxTD:hover {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.status {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Added 2018 */
.event-bubble-title,
.stream-table th {
    color: #A3A3A3;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: var(--space-xs) !important;
}

.event-bubble-content {
    font-size: 14px;
    font-weight: bold;
    margin-top: 3px;
}

.event-bubble-description p {
    font-weight: normal;
    font-size: 13px;
    margin-top: 3px;
}

.event-bubble-hr {
    border: 0;
    border-bottom: 1px solid #ffcc28;
    margin: var(--space-md) 0;
}

.stream-table {
    border-collapse: collapse;
    border: 0;
    width: 338px;
}

.stream-table td {
    font-size: 10pt;
    font-weight: 600;
    padding: 10px var(--space-xs);
}

.stream-table tr:nth-child(even) td {
    padding-top: 0px;
}

.stream-table th {
    padding: var(--space-xs) var(--space-xs);
    margin: 0;
}

.stream-table td a {
    font-size: 10pt;
    color: var(--skobeloff);
    text-decoration: underline;
}

.stream-table td a:hover,
.stream-table td a:focus {
    color: black;
    text-decoration: none;
}

.stream-table td span {
    font-weight: 400;
}

.stream-table th {
    border-bottom: 1px solid #e4e4e4;
    text-align: left;
}

.stream-table tr:nth-child(odd):not(:first-of-type) {
    border-top: 1px solid #f0f0f0;
}

.stream-table>tbody>tr>td:first-child {
    width: auto !important;
}

.stream-table>tbody>tr>td:last-child,
.stream-table>tbody>tr>th:last-child {
    text-align: right;
}

.allow-word-break {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    /* better one for supported browsers */
    word-break: break-word;
}

.photo-icon {
    width: 26px;
    height: auto;
    clip-path: circle(13px at center);
}

.photoButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
    border: 1px solid var(--gray-3);
    background: var(--gray-5);
    width: 24px;
    height: 24px;
}

.initials {
    color: var(--gray-2);
    font-weight: 400;
    font-size: 10px;
}

.photoButton:hover,
.photoButton:focus {
    background: var(--white);
    border: 1px solid var(--oasis-green);
    box-shadow: var(--input-glow);
}

.photoButton:hover .initials,
.photoButton:focus .initials {
    color: var(--skobeloff);
}


.creative-config,
.premium-config {
    flex-wrap: wrap;
}

.creative-config .creative-upload {
    flex: 0 0 225px;
    margin-right: 25px;
}

.creative-config .creative-preview,
.creative-config .creative-preview .exhibitor-card {
    flex: 0 0 225px;
}

.premium-config .premium-upload {
    flex: 0 0 309px;
    margin-right: 25px;
}

.premium-config .premium-preview .exhibitor-card {
    flex: 0 0 519px;
    max-width: 519px;
}

.exhibitor-card .uk-panel .icon-button {
    bottom: 30px;
}

.embed-help-links {
    font-size: 12px;
}

.embed-help-links a {
    margin: 0 3px;
}

/********************Ad Uploader*****************/

.sponsor-buttons,
.upgrade-buttons {
    display: flex;
}

.sponsor-image-upload label {
    font-weight: 700;
    margin-bottom: var(--space-xs);
    display: inherit;
}

#FileEditorRemoveButton {
    margin-top: 10px;
    cursor: pointer;
}

.sponsor-form ul {
    display: flex;
}

.sponsor-form ul li {
    margin-right: 10px;
}

/* Exhibit Directory Styles START */

.uk-panel-box {
    background: var(--white) !important;
}

.icon-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    right: 0;
}

.exhibitor-card {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 5000ms cubic-bezier(0, 0.8, 0, 1) 100ms;
    transition: -webkit-transform 5000ms cubic-bezier(0, 0.8, 0, 1) 100ms;
    -o-transition: transform 5000ms cubic-bezier(0, 0.8, 0, 1) 100ms;
    transition: transform 5000ms cubic-bezier(0, 0.8, 0, 1) 100ms;
    transition: transform 5000ms cubic-bezier(0, 0.8, 0, 1) 100ms, -webkit-transform 5000ms cubic-bezier(0, 0.8, 0, 1) 100ms;
}

.exhibitor-card:hover {
    -webkit-transform: translateY(-4%);
    -ms-transform: translateY(-4%);
    transform: translateY(-4%);
}

.exhibitor-card .uk-panel {
    background: #fff;
    padding: var(--space-md) !important;
    -webkit-box-shadow: 0 3px 24px rgba(0, 0, 0, 0.24);
    box-shadow: 0 3px 24px rgba(0, 0, 0, 0.24);
    cursor: pointer;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 100ms ease 0s, -webkit-box-shadow 100ms ease;
    transition: -webkit-transform 100ms ease 0s, -webkit-box-shadow 100ms ease;
    -o-transition: transform 100ms ease 0s, box-shadow 100ms ease;
    transition: transform 100ms ease 0s, box-shadow 100ms ease;
    transition: transform 100ms ease 0s, box-shadow 100ms ease, -webkit-transform 100ms ease 0s, -webkit-box-shadow 100ms ease;
    overflow: hidden;
    width: 100%;
}

.exhibitor-card .uk-panel:hover {
    -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14);
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

.exhibitor-card .uk-panel .exhibitor-card-header {
    overflow: visible;
    min-width: 225px;
    height: 147px;
    background-color: #4caefc;
    position: relative;
}

.exhibitor-card .uk-panel .exhibitor-content {
    width: calc(100% - 60px);
}

.exhibitor-card .uk-panel .exhibitor-card-header>img {
    height: 100%;
}

.exhibitor-card .uk-panel .brand-logo {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 3px var(--space-xs) rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px var(--space-xs) rgba(0, 0, 0, 0.1);
    border-radius: 0 var(--space-sm) var(--space-sm) 0;
    margin-left: 0px;
    z-index: 692;
    -webkit-transform: translateY(28%);
    -ms-transform: translateY(28%);
    transform: translateY(28%);
}

.exhibitor-card .uk-panel .brand-logo img {
    max-height: 80px;
}

.exhibitor-card .uk-panel .exhibit-name {
    font-weight: 700;
}

.exhibitor-card .uk-panel .exhibit-category {
    font-size: 14px;
    line-height: 18px;
    word-break: break-word;
}

.exhibitor-card .uk-panel .icon-button {
    width: 60px;
    height: auto;
    bottom: 30px;
    float: right;
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    -o-transition: transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
}

.exhibitor-card .uk-panel:hover .icon-button {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.exhibitor-card .uk-panel .icon-button i {
    right: 10px;
}

.exhibitor-card .uk-panel .icon-button i:before {
    top: 50%;
    right: 10px;
    width: 1em;
    height: 1em;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(0, -0.5em) rotate(45deg);
    -ms-transform: translate(0, -0.5em) rotate(45deg);
    transform: translate(0, -0.5em) rotate(45deg);
    -webkit-box-shadow: inset -0.1em 0.1em 0 0 #002b94;
    box-shadow: inset -0.1em 0.1em 0 0 #002b94;
    border-radius: 0 0.15em 0 0;
}

.exhibitor-card .uk-panel .icon-button i:after {
    top: 50%;
    right: 10px;
    width: 1.3em;
    height: 0.1em;
    -webkit-transform: translate(0, -0.1em);
    -ms-transform: translate(0, -0.1em);
    transform: translate(0, -0.1em);
    background-color: #002b94;
}

.exhibitor-card .uk-panel .icon-button i:before,
.exhibitor-card .uk-panel .icon-button i:after {
    content: "";
    display: block;
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.exhibitor-card .uk-panel .icon-button input {
    background: transparent !important;
    border-radius: 0 !important;
    border: 0;
    pointer-events: none;
}

.exhibitor-card.premium {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 5000ms cubic-bezier(0, 0.8, 0, 1) 100ms;
    transition: -webkit-transform 5000ms cubic-bezier(0, 0.8, 0, 1) 100ms;
    -o-transition: transform 5000ms cubic-bezier(0, 0.8, 0, 1) 100ms;
    transition: transform 5000ms cubic-bezier(0, 0.8, 0, 1) 100ms;
    transition: transform 5000ms cubic-bezier(0, 0.8, 0, 1) 100ms, -webkit-transform 5000ms cubic-bezier(0, 0.8, 0, 1) 100ms;
}

.exhibitor-card.premium:hover {
    -webkit-transform: translateY(-4%);
    -ms-transform: translateY(-4%);
    transform: translateY(-4%);
}

.exhibitor-card.premium .uk-panel {
    background: #fff;
    padding: var(--space-md) !important;
    -webkit-box-shadow: 0 3px 24px rgba(0, 0, 0, 0.24);
    box-shadow: 0 3px 24px rgba(0, 0, 0, 0.24);
    cursor: pointer;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 100ms ease 0s, -webkit-box-shadow 100ms ease;
    transition: -webkit-transform 100ms ease 0s, -webkit-box-shadow 100ms ease;
    -o-transition: transform 100ms ease 0s, box-shadow 100ms ease;
    transition: transform 100ms ease 0s, box-shadow 100ms ease;
    transition: transform 100ms ease 0s, box-shadow 100ms ease, -webkit-transform 100ms ease 0s, -webkit-box-shadow 100ms ease;
    overflow: hidden;
    width: 100%;
}

.exhibitor-card.premium .uk-panel:hover {
    -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.exhibitor-card.premium .uk-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.exhibitor-card.premium .uk-panel .exhibitor-card-header {
    position: relative;
    min-height: 305px;
    min-width: 311px;
    width: 50%;
    margin-bottom: -16px !important;
    margin-right: var(--space-md);
}

.exhibitor-card .uk-panel .exhibitor-card-header .custom-creative-wrapper {
    width: 100%;
    height: 147px;
    overflow: hidden;
}

.exhibitor-card .uk-panel .exhibitor-card-header .custom-creative-wrapper img {
    height: auto;
    max-width: initial;
    min-width: 100%;
}

.exhibitor-card.premium .uk-panel .exhibitor-card-header .custom-creative-wrapper {
    width: 100%;
    height: 305px;
    overflow: hidden;
}

.exhibitor-card.premium .uk-panel .exhibitor-card-header .custom-creative-wrapper img {
    height: 305px;
    max-width: initial;
    min-width: 100%;
}

.exhibitor-card.premium .uk-panel .exhibitor-content {
    margin-top: 120px;
}

.exhibitor-card.premium .uk-panel .exhibitor-card-header .brand-logo {
    top: 0;
    left: initial;
    bottom: initial;
    right: -155px;
    background: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.exhibitor-card.premium .uk-panel .exhibitor-card-header .brand-logo img {
    max-height: 90px;
}

.exhibitor-card.premium .uk-panel .exhibitor-card-header:before {
    display: block;
    content: "Premium";
    color: #fff;
    background-image: -o-linear-gradient(315deg, #A445B2 0%, #D41872 52%, #FF0066 100%);
    background-image: linear-gradient(-225deg, #A445B2 0%, #D41872 52%, #FF0066 100%);
    border-bottom-right-radius: var(--space-sm);
    -webkit-box-shadow: 3px 3px var(--space-xs) rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px var(--space-xs) rgba(0, 0, 0, 0.3);
    padding: var(--space-xs) 10px;
    position: absolute;
    top: 0;
    left: 0;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .exhibitor-card.premium .uk-panel .exhibitor-card-header {
        min-width: 235px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .exhibitor-card.premium .uk-panel .exhibitor-card-header {
        min-width: 195px;
    }
}

/* iPhone X */

@media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
    .exhibitor-card.premium .uk-panel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .exhibitor-card.premium .uk-panel .exhibitor-card-header {
        min-width: 330px;
    }

    .exhibitor-card.premium .uk-panel .exhibitor-card-header .brand-logo {
        left: 0;
        bottom: 0;
        right: initial;
        top: initial;
        overflow: hidden;
        background: #fff;
        -webkit-box-shadow: 0 3px var(--space-xs) rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px var(--space-xs) rgba(0, 0, 0, 0.1);
        border-radius: 0 var(--space-sm) var(--space-sm) 0;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
    }

    .exhibitor-card.premium .uk-panel .exhibitor-card-header .brand-logo img {
        min-height: 150px;
    }
}

/* Portrait and Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .exhibitor-card.premium .uk-panel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .exhibitor-card.premium .uk-panel .exhibitor-card-header {
        min-width: 360px;
    }

    .exhibitor-card.premium .uk-panel .exhibitor-card-header .brand-logo {
        left: 0;
        bottom: 0;
        right: initial;
        top: initial;
        overflow: hidden;
        background: #fff;
        -webkit-box-shadow: 0 3px var(--space-xs) rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px var(--space-xs) rgba(0, 0, 0, 0.1);
        border-radius: 0 var(--space-sm) var(--space-sm) 0;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
    }

    .exhibitor-card.premium .uk-panel .exhibitor-card-header .brand-logo img {
        min-height: 150px;
    }
}

/* Exhibit Directory Styles END */

/* Booth Upgrade Configuration Styles START */

.booth-upgrades .ql-container {
    min-height: 250px;
}

.booth-upgrades .custom-background-upgrade .FileEditorDisplayImage,
.booth-upgrades .WMFileUploader .FileEditorDisplayImage {
    width: 100%;
    height: auto !important;
}

.booth-upgrades ul li {
    text-align: left;
    width: auto;
    display: inherit;
}

.booth-upgrades ul li input[type='radio'] {
    margin-left: 0;
    margin-right: var(--space-xs);
}

.booth-upgrades .WMFileUploader {
    max-width: 360px;
}

.booth-upgrades .embed-help-links {
    display: none;
}

.booth-upgrades .embed-help-links a {
    margin: 0 3px;
}

.booth-upgrades .URInfo {
    font-size: 12px;
}

.booth-upgrades .contact-form-upgrade #cfAltEmailCheckbox {
    margin-right: var(--space-xs);
}

.booth-upgrades .contact-form-upgrade .alt-email-checkbox .inlineError:before {
    top: 0px;
}

.title-underline {
    position: relative;
}

.title-underline:after {
    content: '';
    width: 50px;
    height: 1px;
    display: block;
    background: #175FFF;
    position: absolute;
    bottom: -6px;
    left: 0;
}

.booth-upgrades .booth-upgrades {
    margin-bottom: 60px;
}

.booth-upgrades .room-list {
    display: block;
}

.booth-upgrades .room-list li {
    display: flex;
    align-items: center;
    margin-bottom: var(--space-sm);
    text-align: left;
}

.booth-upgrades .room-list li div {
    display: inline-block;
}

.booth-upgrades .room-list li div.room-list-active {
    margin-left: 50px;
    justify-content: center;
}

.booth-upgrades .room-list li div.room-list-active label {
    min-width: 40px;
}

.booth-upgrades .room-list li label {
    width: auto;
    font-weight: 500;
    margin-bottom: var(--space-sm);
}

.booth-upgrades .room-list li div span {
    display: flex;
    align-items: center;
}

.booth-upgrades .room-list li input[type='text'] {
    margin-left: 0;
}

.booth-upgrades .room-list li input[type='checkbox'] {
    margin-left: 0;
}

.booth-upgrades .upgrade-buttons {
    display: flex;
    justify-content: flex-end;
}

.booth-upgrades .upgrade-buttons input[type='submit']:first-child {
    margin-right: var(--space-sm);
}

.booth-upgrades .FileEditorDisplayImage {
    border-radius: 0;
    border: 1px solid #ddd;
    height: auto !important;
}

.booth-upgrades #FileEditorRemoveButton {
    width: auto;
    min-height: 30px !important;
    line-height: 30px !important;
    position: relative;
    display: block;
    background: #dadada;
    color: #0c1c3b !important;
}

.booth-upgrades #FileEditorRemoveButton:hover,
.booth-upgrades #FileEditorRemoveButton:focus {
    background: #EEEEEE;
    color: #333333;
}

.return-button {
    display: inline-block !important;
    position: relative;
    margin-top: -40px !important;
}


/**********************Virtual Attendance Table*************************/

#attendanceTable table {
    border: 0;
    border-collapse: collapse;
}

#attendanceTable th,
#attendanceTable td {
    padding: var(--space-xs) 2px;
}

#attendanceTable th {
    font-size: 13px;
    border-bottom: 1px solid #ccc;
    padding: var(--space-sm) 2px;
}

#attendanceTable tr:nth-child(odd) td {
    background: #f2f2f2;
}

#attendanceTable .total td {
    font-weight: bold;
    font-size: var(--space-md);
    border-top: 1px solid #ccc;
    padding-top: var(--space-sm);
}

.select2-container {
    min-width: 100%;
    max-width: 1081px;
    position: relative;
}

.select2-container--default .select2-selection--single {
    min-height: 30px;
    border-radius: var(--radius-xs) !important;
    border: 1px solid #d1d1d1 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px !important;
    font-size: 14px;
    color: #767778;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: -2px !important;
}

.table-standard td a.button-tiny {
    color: #fff !important;
    padding: var(--space-sm) var(--space-md);
}

#searchPanel .button-large,
.searchMain .button-large {
    width: 100% !important;
    font-weight: 600;
    padding: var(--space-sm);
}

.flex-container {
    background-color: var(--white);
    border: 1px solid var(--gray-3);
    font-family: 'poppins', sans-serif;
    font-weight: normal !important;
    border-radius: var(--radius-sm);
    margin: 0 0 var(--space-lg) 0;
    box-shadow: var(--panel-shadow);
    overflow: hidden;
}

.flex-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
    height: 30px;
    background-color: var(--white);
    color: var(--ink-black);
    padding: var(--space-md);
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
}

.flex-container>.flex-content:last-child {
    padding-bottom: var(--space-md);
}

.tags .flex-header {
    border-radius: var(--radius-xs) !important;
}


.flex-header .flex-item:nth-child(1) {
    order: 0;
    flex: 175 1 auto;
    align-self: auto;
}

.flexItemContainer {
    margin-right: 0;
    vertical-align: baseline;
}


.flex-header .flex-item:nth-child(2) {
    display: flex;
    order: 0;
    flex: 1 1 auto;
    margin-left: 0;
    justify-content: flex-end;
}



.flex-item h5,
.flex-item h3,
.flex-header h3 {
    margin: var(--space-sm) 0;
    font-weight: 500;
    color: var(--ink-black);
    font-weight: 600;
}

.flex-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
    flex-wrap: wrap;
    padding: var(--space-sm) var(--space-md);
    gap: var(--space-sm);
}

.flex-left {
    display: inline-flex;
    justify-content: flex-start;
}

.flex-right {
    display: inline-flex;
    justify-content: flex-end;
}

.flex-element-right {
    margin-left: auto !important;
    height: fit-content;
    align-self: center;
}

.panel {
    background: var(--white);
    box-shadow: var(--panel-shadow);
    border-radius: var(--radius-sm);
    border: 1px solid var(--gray-3);
}

.panel-default {
    padding: var(--space-md);
}

.panel .panel-heading {
    margin-bottom: var(--space-md);
}

.panel-space {
    padding: var(--space-md);
}

.panel-space-lg {
    padding: var(--space-lg);
}

.panel .table-standard {
    box-shadow: none;
}

#streamDetails .flex-content .flex-item strong {
    font-weight: 700;
    color: #333333;
}

#streamDetails .flex-content .flex-item:nth-child(1) {
    order: 0;
    flex: 25 1 auto;
    align-self: auto;
    margin-right: 0;
    vertical-align: baseline;
    color: var(--gray-2);
    max-width: 30%;
    font-weight: 600;
    font-size: var(--font-sm);
}

#streamDetails .flex-content .flex-item:nth-child(2) {
    order: 0;
    flex: 0 1 67%;
    align-self: auto;
    margin-left: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#streamDetails .flex-content .flex-item:nth-child(3) {
    order: 1;
    align-self: auto;
    margin-left: 0;
    text-align: right;
    width: 100%;
    border-bottom: 1px solid var(--gray-4);
    padding-bottom: 12px;
    font-size: var(--font-xs);
    padding-top: var(--space-xs);
    color: var(--gray-2);
}

#streamDetails .flex-content:last-child .flex-item:nth-child(3) {
    border-bottom: 0px;
    padding-bottom: var(--space-md);
}

#streamDetails .flex-content .flex-item a {
    font-size: 10pt;
    color: var(--skobeloff);
    font-weight: 600;
    text-transform: lowercase;
    text-decoration: none;
    transition: 0.2s ease-in-out;
}

#streamDetails .flex-content .flex-item a:hover,
#streamDetails .flex-content .flex-item a:focus,
#streamDetails .flex-content .flex-item a:active {
    text-decoration: underline;
    color: var(--ink-black);
}

#panel01 .flex-content {
    flex-wrap: nowrap;
}

#panel01 .flex-content .flex-item:nth-child(1) {
    order: 0;
    flex: 1 1 auto;
    align-self: auto;
    margin-left: 0;
    position: relative;
}

#panel01 .flex-content .flex-item {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    margin: 0px;
    position: relative;
}

#panel02 .flex-content .flex-item:first-child {
    margin: 0;
}

#panel02 .flex-content .flex-item:nth-child(2) {
    order: 0;
    flex: 5 1 auto;
    align-self: auto;
    margin-left: 0;
}

#panel02 .flex-content .flex-item {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    margin: 0px auto 0 var(--space-md);
}

#panel02 .flex-content .flex-item:nth-child(1) {
    flex: 2 1 auto;
    color: var(--gray-1);
    max-width: 220px;
    min-width: 220px;
}

.flex-content#database .flex-item:nth-child(1) {
    flex: 2 1 auto;
    color: #767778;
    max-width: 220px;
    min-width: 220px;
}

.flex-content#database .flex-item:nth-child(2) {
    order: 0;
    flex: 5 1 auto;
    align-self: auto;
    margin-left: 0;
}


.flex-item input[type="text"] {
    font-family: Arial;
    font-size: 11px;
    margin: 0 0 0 auto !important;
    outline: none;
    padding: 1px;
    min-height: 25px;
    border-radius: var(--radius-xs) !important;
    border: 1px solid #d1d1d1 !important;
    width: 100%;
}

#eventDetails #details .flex-item {
    flex-basis: 100%;
    margin-top: var(--space-sm);
    min-width: 50px;
}

#eventDetails #details .flex-item:last-child {
    width: 100%;
}

#eventDetails .flex-content .flex-item h5 {
    vertical-align: baseline;
    color: var(--gray-2);
    margin: 0;
    font-size: var(--font-xs);
}

#eventDetails .flex-content .flex-item p,
#ecommerceDetails .flex-content .flex-item p {
    margin: 0px;
    font-size: var(--font-sm);
    font-weight: 500;
    line-height: var(--space-lg);
}

#ecommerceDetails .flex-content .flex-item:nth-child(1) {
    order: 0;
    flex: 25 1 auto;
    align-self: auto;
    margin-right: 0;
    vertical-align: baseline;
    color: #767778;
}

.actionButtons {
    display: inline-flex;
    margin-left: auto;
    gap: var(--space-sm);
    align-items: center;
}

#ContentEditor {
    font-family: monospace;
}

.flexFormHorizontal {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    margin: var(--space-md) 0;
}

.flexFormHorizontal label {
    flex: 0 0 200px;
}

.flexFormHorizontal input {
    flex: 1 1 auto;
}

.flexFormHorizontal .button {
    flex: 0 0 auto;
}

/****************Ajax File Uploader********************/
.ajax__fileupload {
    border: 0;
    overflow: hidden;
}

.ajax__fileupload_dropzone {
    background: var(--gray-4);
    border-radius: var(--radius-sm);
    border: 2px dashed var(--gray-3);
    line-height: 60px;
}

.ajax__fileupload_selectFileContainer {
    margin: var(--space-md) 0;
    height: fit-content;
    width: fit-content;
}

.ajax__fileupload_footer {
    height: auto;
    margin-top: var(--space-md);
}

.ajax__fileupload_selectFileButton,
.ajax__fileupload_uploadbutton,
.ajax__fileupload_fileItemInfo .removeButton {
    text-decoration: none;
    padding: var(--space-xs) var(--space-md);
    font-size: var(--font-sm);
    font-weight: 600;
    transition: 0.15s ease-in-out;
    font-family: 'poppins', sans-serif;
    text-shadow: none !important;
    border-radius: var(--radius-lg);
    cursor: pointer;
    white-space: normal;
    width: fit-content;
    height: auto;
}

.ajax__fileupload_uploadbutton {
    padding: var(--space-sm) var(--space-lg);
    font-size: var(--font-md);
    background: var(--oasis-green);
    color: var(--ink-black);
}

.ajax__fileupload_fileItemInfo .removeButton {
    background: var(--danger);
    color: var(--white);
}

.ajax__fileupload_selectFileButton {
    background: var(--white);
    border: 1px solid var(--gray-3);
    color: var(--ink-black);
}

.ajax__fileupload_selectFileContainer:hover .ajax__fileupload_selectFileButton,
.ajax__fileupload_selectFileContainer:focus .ajax__fileupload_selectFileButton {
    border: 1px solid var(--gray-2);
    color: var(--ink-black);
    box-shadow: var(--button-hover-shadow);
    background: var(--white);
    color: var(--ink-black);
}

.ajax__fileupload_uploadbutton:hover,
.ajax__fileupload_uploadbutton:focus,
.ajax__fileupload_fileItemInfo .removeButton:hover,
.ajax__fileupload_fileItemInfo .removeButton:focus {
    filter: brightness(105%);
}

.ajax__fileupload_queueContainer {
    margin-top: var(--space-md);
    border: 1px solid var(--gray-4);
    border-radius: var(--radius-sm);
    padding: var(--space-sm);
}

.ajax__fileupload_fileItemInfo .pendingState {
    color: var(--gray-1);
    font-size: var(--font-sm);
}

.ajax__fileupload_fileItemInfo {
    height: 30px;
    line-height: 30px;
}

.ajax__fileupload_topFileStatus {
    margin-top: var(--space-sm);
    color: var(--gray-1);
    font-size: var(--font-sm);
}

.ajax__calendar .ajax__calendar_container {
    background-color: #ffffff;
    border: 1px solid var(--gray-3);
    border-radius: var(--radius-sm);
    box-shadow: var(--panel-shadow);
    padding: var(--space-md);
    color: var(--ink-black);
}

.sps-icon {
    display: block;
    width: 24px;
    height: 24px;
    background-size: 100% 100% !important;
    vertical-align: middle;
}

.icon-inline-block {
    display: inline-block;
}

.icon-sm {
    width: var(--space-md) !important;
    height: var(--space-md) !important;
}

.icon-edit {
    background: url(../Images/svg/edit-2.svg) no-repeat center center;
}

.icon-copy {
    background: url(../Images/svg/copy-link.svg) no-repeat center center;
}

.icon-delete {
    background: url(../Images/svg/delete.svg) no-repeat center center;
}

.icon-duplicate {
    background: url(../Images/svg/duplicate.svg) no-repeat center center;
}

.icon-kebab {
    background: url(../Images/svg/kebab.svg) no-repeat center center;
}

.icon-people {
    background: url(../Images/svg/contacts.svg) no-repeat center center;
}

.icon-plus {
    background: url(../Images/svg/add.svg) no-repeat center center;
}

.icon-minus {
    background: url(../Images/minus.svg) no-repeat center center;
}

.icon-chevron-right {
    background: url(../Images/svg/chevron-right.svg) no-repeat center center;
}

.icon-chevron-down {
    background: url(../Images/svg/chevron-down.svg) no-repeat center center;
}

.icon-fb {
    background: url(/Administration/Images/svg/facebook.svg) no-repeat;
}

.icon-tw {
    background: url(/Administration/Images/svg/twitter.svg) no-repeat;
}

.icon-li {
    background: url(/Administration/Images/svg/linkedin.svg) no-repeat;
}

.icon-check {
    background: url(/Administration/Images/svg/updated.svg) no-repeat;
}

.icon-increase {
    display: inline-block;
    background: url(/Administration/Images/svg/increase.svg) no-repeat;
}

.icon-decrease {
    display: inline-block;
    background: url(/Administration/Images/svg/decrease.svg) no-repeat;
}

.icon-star {
    background: url(/Administration/Images/svg/star-filled.svg) no-repeat;
}

.icon-split {
    background: url(/Administration/Images/svg/split.svg) no-repeat;
}


/* Radio Customize Start */

input[type="radio"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;

    /* Not removed via appearance */
    margin: 0;

    font: inherit;
    color: rgba(209, 209, 209, 1);
    width: 16px;
    height: 16px;
    border: 1px solid rgba(209, 209, 209, 1);
    border-radius: 50%;
    transform: translateY(-0.075em);

    display: inline-grid;
    place-content: center;
}

input[type="radio"]:hover {
    cursor: pointer;
}

input[type="radio"]:checked {
    border-color: rgba(95, 239, 192, 1);
}

input[type="radio"]::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    /* Windows High Contrast Mode */
    background-color: rgba(95, 239, 192, 1);
}

input[type="radio"]:checked::before {
    transform: scale(1);
}

/* Radio Customize End */

/* Custom Dropdown Start */

.dropdown-block.dropdown-toggle {
    border: 1px solid rgba(209, 209, 209, 1);
    width: 100%;
    display: block;
    padding: 5px var(--space-sm);
    border-radius: var(--radius-sm);
    font-weight: 400;
    color: black;
    text-decoration: none;
    position: relative;
}

.dropdown-toggle::after {
    position: absolute;
    background: var(--dropdown-icon);
    background-repeat: no-repeat;
    background-position: center;
    border: unset !important;
    width: 16px;
    height: 16px;
    top: 8px;
    right: 2px;
}

/* Dropdown Popup */
div.dropdown-menu {
    width: 260px;
    padding-inline: var(--space-xs) !important;
}

div.dropdown-menu .dropdown-menu-inner {
    overflow: hidden auto !important;
    max-height: 500px;
}

.dropdown-menu-inner .dropdown-item {
    height: 34px;
    transition: .2s ease-in-out;
    border-radius: var(--radius-xs);
    position: relative;
    padding: 0;
}

.dropdown-menu-inner .dropdown-item input[type=checkbox]:checked+label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--primary-1);
    z-index: -1;
    border-radius: var(--radius-xs);
}

.dropdown-menu-inner .dropdown-item:active {
    color: var(--ink-black);
}

.dropdown-item .form-check-input {
    border: none;
    margin-top: 0px;
    background: transparent;
    line-height: 34px;
}

.dropdown-item .form-check-input:active {
    filter: none;
}

.dropdown-item .form-check-input input {
    margin-left: var(--space-sm);
    transform: translateY(3px);
}

.dropdown-item .form-check-input input+label {
    width: calc(100% - 40px);
}

.dropdown-item .form-check-input label {
    flex: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--skobeloffn) !important;
}

/* Custom Dropdown End */

.custom-tooltip {
    position: relative;
}

.custom-tooltip:hover>:last-child {
    opacity: 1;
    pointer-events: initial;
}

.custom-tooltip>span {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    transform-origin: bottom;
    width: 240px;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: var(--space-sm);
    border-radius: var(--radius-xs);
    pointer-events: none;
    transition: .2s ease-in-out;
    opacity: 0;
}

.custom-tooltip>span::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: -10px;
    left: 0;
}

.custom-tooltip>span::before {
    content: "";
    position: absolute;
    bottom: -6px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(0, 0, 0, 0.75);
    left: 50%;
    transform: translate(-50%);
}

.custom-tooltip-top-left>span {
    transform: translateX(-85%);
}
.custom-tooltip-top-left>span::before {
    right: 24px;
    left: unset;
}


/* Segmented Controls */

.segmented-control {
    display: flex;
    border-radius: 8px;
    overflow: hidden;
    background-color: #f6f6f6;
    padding: 4px;
    width: 100%;
}

.segmented-control .segment {
    flex: 1;
    padding: 4px;
    border: none;
    cursor: pointer;
    text-align: center;
    background-color: transparent; 
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.25;
}

.segmented-control-loaded > .segment {
    transition: background-color 0.3s ease-in-out;
}

.segmented-control .segment:hover {
    background-color: #e0e0e0;
}

.segmented-control .segment.segmented-active {
    background-color: white;
}

.report-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
}

.report-modal-content {
    background-color: #fff;
    margin: 10% auto;
    padding: 20px 30px;
    border-radius: 8px;
    width: 600px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    position: relative;
}

.close-btn {
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 20px;
    cursor: pointer;
}