/* Section titles are denoted by "****" before and after the title name   */
/* search "****" to find all sections */

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.ttf');
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.ttf');
    font-weight: bold;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.ttf');
    font-weight: 300;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.ttf');
    font-weight: 500;
}
 /* CSS VARIABLES  */
:root {
    --contract-empty-primary: darkGrey;
    --contract-empty-secondary: grey;
    --contract-default-primary: #3f51b5;
    --contract-default-secondary: #f44336;
    --input-background: #f7f7f7;
    --input-border: #e7e7e7;
    --input-border-focus: #80bdff;
}
html{
    overflow-y:scroll;
}
/* -------------- */
.validate-form {
    margin-right: 20px;
}
.form-control.is-valid:focus {
    border-color: #28a745 !important;
}
.white {
    color: #FAFAFA;
}
.navbar-nav {
    margin-left: 0 !important;
}
.noBorder {
    border: none !important;
}
#clickableTags {
    display: flex;
    flex-wrap: wrap;
}
#clickableTags a {
    margin-right: 5px;
    margin-bottom: 5px;
}
#exportTab {
    height: 75px;
    width: 75px;
    margin: -43px -10px -10px 0px;
    position: absolute;
    border-radius: 10%;
    display: block;
    background: linear-gradient(60deg,#A57AFA,#5C6BC0);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14);
    padding-left: 16px;
    padding-top: 13px;
    text-align: center;
}
#exportTab:before {
    content: "\f56e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white;
    font-size: 30px;
    line-height: 50px;
}
#drop-area, 
#drop-areaDoc, 
#drop-areaProd, 
#drop-areaContactAvatar, 
#drop-areaAddProdImg {
    border: 2px dashed #ccc;
    border-radius: 20px;
    padding: 20px;
    text-align: center;
}
.mobileTable #drop-area, 
.mobileTable #drop-areaDoc, 
.mobileTable #drop-areaProd, 
.mobileTable #drop-areaContactAvatar, 
.mobileTable #drop-areaAddProdImg {
    width: 480px;
}
#drop-area i, 
#drop-areaDoc i, 
#drop-areaProd i, 
#drop-areaContactAvatar i, 
#drop-areaAddProdImg i {
    color: #757575;
    font-size: 35px;
}
#drop-area.highlight, 
#drop-areaDoc.highlight, 
#drop-areaProd.highlight, 
#drop-areaContactAvatar.highlight, 
#drop-areaAddProdImg.highlight {
    border-color: purple;
}
#progress-bar {
    display: block;
    margin: 15px auto 0;
}
.my-form {
    margin-bottom: 10px;
}
#gallery, 
#galleryProd, 
#galleryContact, 
#galleryAddProdImg {
    margin-top: 10px;
}
#gallery img, 
#galleryProd img, 
#galleryContact img, 
#galleryAddProdImg img {
    width: 150px;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: middle;
    object-fit: cover;
    max-height: 300px;
    max-width: 250px;
    border-radius: 10px;
    border: 2px solid #ff2256;
}
#fileElem {
    display: none;
}
#subscriptCheckout{
    margin-right:2%;
}
#subscriptCheckout, 
#subscriptCheckoutCheck {
    display: none;
    width:49%
}
#AuthorizeCheck{
    margin-right:10px;
}
#subscriptCheckout.oneBtn, 
#subscriptCheckoutCheck.oneBtn{
    margin-right:0;
    width:100%;
}
#legalAgreementDiv .card {
    margin: 0 !important;
}
.deletePromolvl {
    cursor: pointer;
    color: #f44336;
}
.dataTables_filter {
    float: right;
}
#PolicyDiv {
    position: fixed;
    text-align: center;
    padding: 15px 0;
    background-color: #f9efa7;
    bottom: 0 !important;
    z-index: 99999;
    color: #754c28;
    width: 100%
}
.text-align-right {
    text-align: right !important;
}
.text-align-left {
    text-align: left !important;
}

/*******KEY FRAMES*************/
@keyframes blinker {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.5;
    }
}
@keyframes fadeInLeft{
    from{
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0);
    }
    to {
        opacity: 0.4;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes swoopInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInTop {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100% 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}
/***************CUSTOMED CHECK/RADIO BOXES************/
body {
    padding-top: 65px;
    padding-bottom: 15px;
    background-color: #f3f4f5; 
    font-family: Roboto;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
    text-rendering: optimizeLegibility;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}
.sidebar-scroll {
    overflow-y: scroll;
}
.grid-stack, 
.grid-stackManage, 
.grid-stackBilling {
    min-width: calc(100% - 235px);
    width: 83vw;
    width: calc(98vw - 235px);
    max-width: 1520px;
    margin: 0 auto;
}
@media (min-width: 1595px) {
    .settingsOptionTitle span:not(.navScrolled .settingsOptionTitle span) {
        font-size: 18px !important;
    }
    .settingsOptionTitle i:not(.navScrolled .settingsOptionTitle i) {
        height: 32px !important;
        font-size: 24px !important;
    }
    .grid-stack, 
    .grid-stackManage, 
    .grid-stackBilling {
        width: calc(97vw - 305px);
    }
    .selectionsWrapper {
        min-height: 80px;
    }
}
.grid-stackBilling {
    margin-bottom:50px;
}
.grid-stack-item-content {
    background: white;
    color: #2c3e50;
    font-size: 14px;
}
.grid-stack.grid-stack-item[data-gs-width="4"], 
.grid-stackManage.grid-stack-item[data-gs-width="4"], 
.grid-stackBilling.grid-stack-item[data-gs-width="4"] {
    width: 100%
}
.grid-stack.grid-stack-item[data-gs-width="3"], 
.grid-stackManage.grid-stack-item[data-gs-width="3"], 
.grid-stackBilling.grid-stack-item[data-gs-width="3"] {
    width: 75%
}
.grid-stack.grid-stack-item[data-gs-width="2"], 
.grid-stackManage.grid-stack-item[data-gs-width="2"], 
.grid-stackBilling.grid-stack-item[data-gs-width="2"] {
    width: 50%
}
.grid-stack.grid-stack-item[data-gs-width="1"], 
.grid-stackManage.grid-stack-item[data-gs-width="1"], 
.grid-stackBilling.grid-stack-item[data-gs-width="1"] {
    width: 25%
}
.grid-stack.grid-stack-item[data-gs-x="3"], 
.grid-stackManage.grid-stack-item[data-gs-x="3"], 
.grid-stackBilling.grid-stack-item[data-gs-x="3"] {
    left: 75%
}
.grid-stack.grid-stack-item[data-gs-x="2"], 
.grid-stackManage.grid-stack-item[data-gs-x="2"], 
.grid-stackBilling.grid-stack-item[data-gs-x="2"] {
    left: 50%
}
.grid-stack.grid-stack-item[data-gs-x="1"], 
.grid-stackManage.grid-stack-item[data-gs-x="1"], 
.grid-stackBilling.grid-stack-item[data-gs-x="1"] {
    left: 25%
}
.sidebar .grid-stack-item[data-gs-width="1"] {
    width: 100%
}
.grid-stack-placeholders {
    background: rgba(250, 250, 250, 0);
    box-shadow: none;
    border-width: 2px;
    border-style: dashed;
    border-color: rgba(79, 195, 247, 0.4);
}
#navFooter {
    bottom: 0px;
    position: fixed;
}
#navFooter:hover {
    cursor: pointer;
}
#navFooter p {
    font-size: 10px !important;
    padding-left: 6px;
}
#navFooter a {
    font-size: 10px !important;
}
#navFooter li {
    padding: 0;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    /* margin-left: 235px;
    margin-left: max(235px, 16%); */
    margin-left:245px;
    padding-right: 15px;
    font-size: 12px;
    transition: all 0.4s;
}
#loginBodyLogo{
    max-width: 310px;
    max-height: 310px;
}
.body-closed {
    left: 75px;
    margin-left: 12%;
}
.body-contract{
    margin-left:230px;
}
.body-contract.body-closed{
    margin-left:80px;
}
.body-contract .container-fluid{
    max-width:3000px;
    padding-right: 5px;
    padding-left: 5px;
    transition: all 0.4s;
}

.body-has-cart .container-fluid{
    margin-left:0;
    padding-right:350px;
}
.body-has-cart #wizardStepsAndArrowsContainer{
    padding-right:395px;
}

@media only screen and (max-width: 1200px) {
    .body-has-cart .container-fluid{
        padding-right:5px;
    }
    .body-has-cart #wizardStepsAndArrowsContainer{
        padding-right:55px;
    }
}
.body-has-cart.body-closed{
    margin-left: 75px;
}

label {
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
}
.alert-danger {
    font-weight: bold;
    font-size: 120%;
}
.navbar-collapse {
    background: white;
    padding-top: 5px;
}
.navbar-nav i {
    height: auto;
    width: 22px;
    text-align: center;
    color: #757575;
    margin-right: 5px;
}
.linkActive a, 
.linkActive i {
    color: lightgrey !important;
}
.dropright {
    width: 100%;
}
.loadingUserFilters {
    display: none !important;
}
li a:not(.avatar, .list-group-item, .dropdown-item), 
li a:not(.avatar, .list-group-item, .dropdown-item):hover, 
li a:not(.avatar, .list-group-item, .dropdown-item):visited, 
.dropright a:not(.avatar, .list-group-item, .dropdown-item) {
    width: 100%;
    font-size: 12px;
    color: rgba(163, 175, 183, 0.9);
    text-decoration: none;
    padding: 0 ;
}
.nav-link {
    font-size: 14px ;
}
.dropdownColor a {
    color: black;
}
#widgetModalBody select {
    width: 100%;
    padding: 5px;
}
#printAgreement, 
#printAgreementSign {
    opacity: 0.6;
    cursor: pointer;
    margin-left: 9px;
    transition: 0.3s;
    margin-bottom: 0px;
}
#printAgreement:hover, 
#printAgreementSign:hover {
    opacity: 1;
    transition: 0.3s;
}
#profileDropdown .dropdown-item, .profile-dropdown .profile-dropdown-item {
    text-transform: initial;
    padding: 0px 0px 0px 16px !important;
    height: 54px;
    display: flex;
    align-items: center;
    font-size: 16px;
    letter-spacing: 1px;
    word-spacing: 1px;
    transition: all 0.3s;
    margin: 0px 4px;
    width: initial;
    border-radius: 10px;
    border: 1px solid transparent;
    user-select: none;
    color: #737373;
    column-gap: 12px;
}
#profileDropdown .dropdown-item:hover, .profile-dropdown .profile-dropdown-item:hover {
    border-color: #2facff !important;
    padding-left: 22px !important;
}
#profileDropdown .dropdown-item i, .profile-dropdown .profile-dropdown-item i {
    padding: 0px;
    font-size: 16px;
    min-width: 20px;
    color: #919191 !important;
    margin-top: -2px;
}
#profileDropdown .dropdown-item i:hover, .profile-dropdown .profile-dropdown-item i:hover {
    transform: initial;
}
.nav-menu-calendar {
    display: none !important;
}
#profileTabs {
    border-bottom: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
    margin: 15px 0;
}
#profileResetPassword, #profileDeleteAccount {
    font-weight:400;
    color: #212121;
}
#profileTabs .nav-link {
    padding: 5px 15px !important;
    font-weight: 400;
    border-radius: 15px !important;
    transition: none;
    border-top: 1.5px solid #FAFAFA;
    border-bottom: 1px solid #FAFAFA;
    border-left: 1px solid #FAFAFA;
    border-right: 1px solid #FAFAFA;
    color: white !important;
    background: #E57373;
    box-shadow: none !important;
    font-size: 12px ;
}
#profileTabs .nav-link:focus {
    outline: none;
    box-shadow:0;
}
#dropdownLogout {
    color: #F44336 !important;
    border: 1px solid #e8e8e8 !important;
    background-color: #f8f9fa;
}
/* #dropdownLogout:hover {
    border-color: #F44336 !important;
} */
.nav-alerts-wrapper .nav-alerts {
    height: 100%;
    display: flex;
    align-items: center;
    column-gap: 12px;
}
.nav-alerts-wrapper .nav-alerts #alertNum, .drop-menu-alert {
    font-size: 14px;
    text-transform: initial;
    margin: 0px !important;
    padding: 0px 8px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-weight: bold; */
}
.alerts-title-text {
    font-size: 20px;
    font-weight: bold;
    text-transform: initial;
}
.nav-alerts-wrapper .dismissDrop {
    background-color: #fefefe;
    border: 1px solid #e5e5e5;
    margin: 0px;
    border-radius: 40px;
    padding: 0px 16px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: initial;
    font-size: 12px !important;
    opacity: 1;
    transition: all 0.3s;
}
.nav-alerts-wrapper .dismissDrop:hover {
    /* background-color: #f1f1f1; */
    border-color: #2facff;
}
#profileTabs .active {
    background: linear-gradient(35deg, #F44336, #E53935) !important;
    opacity: 1;
}
.date-time-group{
    background: #f3f3f3 ;
    border: 1px solid #ced4da;
}
.date-time-group.input-group{
    align-items:center;
    border-radius: 0.25rem;
}
.input-group >.custom-select:not(:last-child),
.input-group >.form-control:not(:last-child) {
    border-radius: 0.25rem;
}
.date-time-group .fa-clock,.date-time-group .fa-calendar-alt{
    padding: 10px;
    color: grey;
    border-right: 1px solid #ced4da;
}
.date-time-group .fa-calendar-alt{
    padding: 11px;
}
.date-time-group input{
    border: none !important;
}
#userLiBG .dropdown-menu, #profileLi .dropdown-menu, #navbarNotif .dropdown-menu, .top-nav-container .nav-btn-dropdown{
    margin: 0px;
    min-width: initial;
    width: 250px;
    /* top: 54px; */
    top:calc(100% + 8px);
    overflow: hidden;
    border: 1px solid #ebebeb;
    border-top: none;
    border-right: none;
    /* background-color: red; */
}
#userLiBG.attendeeProfileLi .dropdown-menu, #profileLi.attendeeProfileLi .dropdown-menu, #navbarNotif.attendeeProfileLi .dropdown-menu, .top-nav-container .nav-btn-dropdown{

    top:calc(100% + 10px);
}
/* .dropdown-item:hover {
    padding: 10px;
} */
.navbarDrop {
    padding: 15px 0 !important;
    font-size: 14px;
    color: lightgrey;
    font-weight: 300;
}
.navbarItem {
    color:lightgrey;
    padding: 10px 0;
}
.navbar-header {
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
    display: none;
    animation-name: fadeInTop;
    animation-duration: 200ms;
    width: 100%;
}
#searchBar {
    background-color: white;
    padding-right: 0;
}
.breadcrumb {
    font-weight: 700;
    background-color: rgba(0, 0, 0, 0);
    animation-name: fadeInLeft;
    animation-duration: 2s;
    letter-spacing: 1.5px;
}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: rgba(163, 175, 183, 0.9);
    font-size: 10px;
    font-family: "Font Awesome 5 Free";
    content: "\f101";
}
.breadcrumb a {
    font-size: 12px;
    transition: 0.3s;
}
.breadcrumb a:hover {
    color: #6c757d;
    font-size: 12px;
    transition: 0.3s;
}
i.fa {
    color: black;
    margin: 4px;
}
#barNone {
    margin-left:20px;
}
.dodge-leftNav-open {
    padding-left: 220px;
}
.dodge-leftNav-closed {
    padding-left: 80px;
}
.leftBarExpand i.fa {
    padding: 5px 6px;
    position: absolute;
    margin-left: -15px;
    margin-top: -13.5px;
    background: white;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border-radius: 100%;
    z-index: 10;
}
ul.navbar-nav li {
    padding: 8px 22px 8px;
    cursor: pointer;
}
ul.navbar-nav li, ul.navbar-nav li i.fa {
    color: rgba(163, 175, 183, 0.9);
    width: 100%;
    font-size: 15px;
}
ul.navbar-nav li:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
.linkActive {
    background-color: rgba(255, 255, 255, 0.1) !important;
}
#headingOne {
    margin-bottom: 0;
    border-radius: 0;
    color: white;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;
    padding-top: 2px !important;
    background: linear-gradient(35deg, #F44336, #E53935);
}
#collapseOne {
    background:#FAFAFA;
}
#subscriptionBody {
    padding: 7.5px 7.5px 0;
    background: white;
}
#alertNum {
    font-weight: 400;
    font-size: 10px;
}
.dismissAlert {
    font-size: 16px;
    font-weight: 500;
    color: #f44336;
    border-radius: 100%;
    margin: -3.5px 0 0;
    cursor: pointer;
}
.subDropDownNav .dismissAlert {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #f3f4f5;
    border-top: none;
    border-right: none;
    font-size: 20px;
    margin: 0px;
    transition: all 0.3s;
    position: absolute;
    right: -2px;
    top: -2px;
    border-radius: 0px 0px 0px 10px;
    color: #808080;
}
.subDropDownNav .dismissAlert:hover {
    background: #f4f3f3;
    color: #F44336;
}
.reqItem {
    margin-bottom: 10px;
}
.reqItem:disabled + label {
    color: white !important;
}
.badge.up {
    border: 3px solid white;
    position: relative;
    top: -12.5px;
    border-radius: 100%;
    background: #f44336;
    z-index: 1;
    left: -23px;
    height: 25px;
    width: 25px;
    color: white;
    font-size: 12px;
    padding: 0;
    line-height: 20px;
}
#left-nav {
    /* display: none; */
    /* animation-name: swoopInLeft;
    animation-duration: 400ms; */
    width:80px;
    transition: all 0.4s;
}
.badge.up.chat-badge{
    left: initial;
    right: -10px;
    top: -6px;
    position: absolute;
    cursor: pointer;
    border-width:2px;
    height:23px;
    width:23px;
}

#left-nav, 
.leftdrop {
    position: fixed;
    background: linear-gradient(35deg, rgba(33, 33, 33, 0.75), rgba(33, 33, 33, 0.85), rgba(33, 33, 33, 0.9)), url(/Images/navBG5.png);
    background-size: cover;
    padding-top: 20px;
    height: 100%; /*1800px;*/
    box-shadow: 0px 2px #909090;
    z-index: 999;
}
#profileDropdown{
    padding: 4px 0;border-radius: 0px 0px 0px 10px;
}
#navbarNotif  #activityDropDownNav {
    position: absolute;
    overflow: auto;
    min-width: 320px;
    top: 54px;
    border: 1px solid #ebebeb;
    border-radius: 0px 0px 10px 10px;
    margin: 0px;
    padding-top: 48px;
}
.nav-btn-dropdown {
    position: absolute;
    overflow: auto;
    min-width: 320px;
    top: 54px;
    border: 1px solid #ebebeb;
    border-radius: 0px 0px 10px 10px;
    margin: 0px;
    padding-top: 48px;
}
.nav-btn-dropdown a {
    color: dimgrey !important;
    font-size: 10px !important;
    padding: 10px;
}
.nav-btn-dropdown a:hover {
    font-size: 10px !important;
}
#left-nav-icons {
    width: 100%;
    text-align: center;
    height: 100%;
    display: none;
    font-size: 20px;
}
#navbarNotif, #navbarMessage {
    column-gap: 20px;
    margin-right: 20px;
}
.navbarNotif {
    background-color: whitesmoke;
    border-radius: 50%;
    width: 44px !important;
    height: 44px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid transparent;
    transition: all 0.3s;
}
.navbarNotif:hover {
    border-color: #2facff;
}
/* .nav-btn-dropdown li.activityRead:nth-of-type(1) {
    margin-top: 20px;
} */
.navbarNotif #alertBadge, .navbarNotif #alertBadgeMsg {
    left: initial;
    right: -10px;
    top: -6px;
    position: absolute;
    cursor: pointer;
}
.navbarNotif i {
    padding: 0px !important;
}
.navbarNotif i:hover {
    transform: initial !important;
}
#userIcon {
    border-radius: 100%;
    background-size: cover;
    height: 45px;
    width: 45px;
    cursor: pointer;
    margin-top: -2px;
    margin-right: 20px;
    background-color: rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
    border: 2px solid #ebebeb;
}
#userIcon:hover {
    transform: scale(1.2);
}
.navbar-toolbar-right .nav-item-has-attendee .navbarNotif i, #navbarSupportedContent .navbar-toolbar-right .navbarNotif i:not(.fa-sign-in-alt) {
    font-size: 20px;
    padding: 12px;
}
#NotifUserBreak {
    color: grey;
    font-size: 27px;
    padding: 0;
    margin-top: -10px;
    font-weight: 300;
}
.subDropDownNav li.activityRead {
    display: flex;
    flex-direction: column;
    row-gap: 2px;
    padding: 12px 50px 12px 12px;
}
.subDropDownNav li.activityRead:last-of-type {
    border-bottom: none;
}
.subDropDownNav {
    overflow-y: auto;
    max-height: 380px;
}
.nav-btn-dropdown li  {
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #f3f4f5;        
    letter-spacing: 0.4px;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}
/* .notif-menu-row:hover {
    background-color: #f5f5f5;
} */
.nav-btn-dropdown li .activityusername {
    font-weight: bold;
    font-size: 12px;
    color: #424242;
    letter-spacing: 0.4px;
    text-transform: initial;
}
#activityLoadMore {
    text-align: center;
    transition: 0.3s;
    margin-top: 0;
}
#activityLoadMore:hover {
    cursor: pointer;
    transition: 0.3s;
    color: #212121;
    background: #eee;
}
#activityShowAll {
    text-align: center;
    margin-top: 0px;
    padding: 0px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: whitesmoke;
    border-top: 2px solid #ebebeb;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
    color: #656565;
}
#activityShowAll:hover {
    background: #ebebeb;
}
#notificationBody {
    padding: 0px;
}
.notif-window-actions {
    display: flex;
    column-gap: 10px;
    padding: 15px 15px;
    position: sticky;
    top: 64px;
    background: white;
    border-bottom: 2px solid whitesmoke;
    z-index: 10;
}
.notif-window-actions a {
    color: #353535;
    transition: all 0.3s;
    background-color: whitesmoke;
    flex-grow: 1;
    flex-basis: 100%;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 2px solid #ebebeb;
    font-size: 16px;
}
.notif-window-actions a:hover {
    text-decoration: none;
    border-color: #2facff;
}
#allNotificationModal .modal-header {
    position: sticky;
    top: 0px;
    z-index: 10;
    border-bottom: 2px solid #f0f0f0;
    height: 64px;
    padding: 0px 16px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.deleteSubscription, .deletePinGroup {
    color: #F44336;
    cursor: pointer;
    font-weight: 700;
}
#noneAlerts {
    font-size: 14px;
    text-align: center;
}
.badge-danger {
    color: #fff;
    border: none;
    background-color: #F44336;
    font-weight: 500;
}
#allNotificationModalTitle {
    display: flex;
    align-items: center;
}
.notificationBody-content {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    padding: 15px;
}
#notificationBody li {
    padding: 10px 50px 10px 15px;
    border: 1px solid #ebebeb;
    letter-spacing: 0.4px;
    list-style-type: none;
    font-size: 14px;
    background-color: whitesmoke;
    transition: all 0.3s;
    word-break: break-word;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    row-gap: 2px;
}
/* #notificationBody li:hover {
    transition: 0.3s;
    transform: translate(-10px);
} */
.notif-delete-btn {
    font-size: 24px;
    background-color: transparent;
    border: 2px solid #efefef;
    border-top: none;
    border-right: none;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -2px;
    right: -2px;
    border-radius: 0px 0px 0px 10px;
    padding: 1px 1px 0px 0px;
    transition: all 0.3s;
    color: #808080 !important;
    user-select: none;
    margin: 0px;
}
.notif-delete-btn:hover {
    background-color: #efefef;
    color: #F44336 !important;
}
.navbarAlert {
    font-size: 60px;
    top: -30px;
    color: red;
    position: fixed;
    right: 217px;
    padding: 0;
}
#flagIcon {
    width: 22px;
    cursor: pointer;
    margin-right: 11px;
    margin-top: 14px;
}
#flagIcon:hover {
    transform: scale(1.25);
    transition: 0.1s;
}
.flagSelect {
    height: 35px;
    width: 50px;
    cursor: pointer;
    padding: 0px 0px 10px 10px;
    display: block;
}
.flagSelect:hover {
    transform: scale(1.25);
    transition: 0.1s;
}
nav i {
    padding: 0 10px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.6) !important;
    transition: 0.1s;
}
nav i:not(#navBars):hover {
    color: black;
    transform: scale(1.25);
}
.mergeFieldBtn {
    margin: 2.5px;
}
.mergeFieldTitles {
    text-transform: capitalize;
    margin-top: 10px;
}
.mergeFields {
    background:#FAFAFA;
    padding: 0 5px;
}
.navbar-brand {
    display: none;
    padding: 16.5px 0;
}
.collapseTest {
    display: none;
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    cursor: pointer;
}
.mailPreview {
    font-size: 12px;
    padding: 5px 10px 2px;
}
.mailPreview p {
    margin-bottom: 0;
}
.mailPreview p:nth-of-type(1) {
    opacity:0.7;
}
.mailPreview p:nth-of-type(3) {
    opacity: 0.5;
}
.mailPreview:hover, 
#mailSeeMore:hover {
    background: rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
#mailSeeMore {
    text-align: center;
    font-size: 12px;
    color: grey;
    margin-bottom: 0;
    padding: 10px 0;
}
.flagIcon {
    padding: 0 35px;
    height: 16px;
    width: auto;
}
.navbar-brand img {
    height: 28px;
    width: auto;
}
.navbar {
    padding: 0 15px 0 0;
}
.navbar-toggler:focus, 
.navbar-toggler:active {
    box-shadow: 0 !important;
    outline: 0 !important;
}
#left-nav-icons ul li{
    text-align: left;
    padding: 8px 27px 8px;
}
#left-nav-icons ul li i.fa {
    font-size: x-large;
}
#left-nav-details ul li {
    text-align: left;
}
#left-nav.nav-details-open {
    width: 230px;
}
.left-nav-bottom {
    max-width:230px;
    width:100%;
    position: fixed;
    bottom: 5rem;
}
.left-nav-bottom li {
    width: 100%;
}
#todayModal{
    z-index:9999;
}
.logo {
    width: 230px;
    height: 65px;
    padding-top: 6px;
    /* padding-left: 4px; */
	padding-right: 14px;
    margin: 0px;
    background-color: #212121; 
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	z-index: 1;
	transition: all .4s ease;
}
.logo img {
    transition: all 0.3s;
    transition-delay: 50ms;
    margin-top: -1px;
    margin-left: 60px;
    user-select: none;
    max-height: 200px;
}
.navbar-right {
    float: right !important;
    margin-right: -1.0715rem;
    margin-bottom: 0;
}
.logo-small {
    width: 80px;
}
.logo-small img {
    transition: all 0.3s;
    /* transition-delay: 350ms; */
    margin-top: 14px;
    margin-left: 9px;
    max-height: 27px;
}
@media (max-width: 991px) {
    .logo {
        display: none;
    }
}
.dropdown-item {
    color: dimgrey;
    padding: 10px;
    font-size: 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background-color: white;
    cursor: pointer;
}
.dropdown-item:active, 
.dropdown-item:active {
    text-decoration: none;
    background-color: #f8f9fa;
}
.dpTitle, 
.dismissDrop {
    text-transform: uppercase;
    opacity: 0.8;
    font-size: 10px !important;
    margin-top: -7.5px;
    color: dimgrey !important;
    font-weight: 400;
    padding: 8px;
    margin-bottom: 0;
    transition: 0.3s;
}
#notificationSettings .card-header {
    padding: 0;
}
.dismissDrop:hover {
    opacity: 1;
    cursor: pointer;
}
#subParentContain{
    transition: all 0.3s;
}
#subParentContain:hover{
    cursor:pointer;
}
#subParent {
    padding: 10px 0px 10px 10px;
    cursor: pointer;
    transition: all 0.3s;
}
#subscribeDrop {
    font-family: 'Roboto';
    padding: 0;
    margin: 0;
    font-weight: 400;
    padding-left: 15px;
}
.nav-btn-dropdown .dpTitle {
    position: absolute;
    background: whitesmoke;
    border-bottom: 2px solid #ebebeb;
    z-index: 2;
    opacity: 1;
    /* min-width: 298px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
    height: 50px;
    /* top: 74px; */
    top: 6px;
    right: 0px;
    left: 0px;
}
#messagesDropDownNav .dpTitle {
    background: white;
}
.mailPreview:nth-of-type(1) {
    margin-top:30px;
}
.dropdown-item button {
    color: dimgrey !important;
    width: 100%;
    text-align: left;
}
.dropdown-menu.show {
    padding: 0;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 4px -2px;
    border-radius:1%;
}
.widMenu.show {
    padding: 0;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.31) 0px 0px 1px;
    border: 0 !important;
    border-radius: 1%;
    position: absolute !important;
    z-index: 999;
}
.colorDropSpan {
    display: inline;
    max-height: 5px;
    max-width: 5px;
    margin: 0 1.4px;
    border-radius:100%;
    padding: 1px 7px !important;
    transition:0.3s;
}
.colorDropSpan:first-of-type {
    margin-left: 10px !important;
}
.colorDropSpan:hover {
    transition: 0.3s;
    opacity: 0.6;
}
.left-nav-heading {
    padding: 0 15px;
    margin-top: 20px;
    font-size: 10px;
    line-height: 38px;
    font-weight: bold;
    color: #76838f;
    text-transform: uppercase;
    transition: all .25s,font .1s .15s,color .1s .15s;
    letter-spacing: 1.5px;
}
/* Contact Styles */
.contactTile {
    height: 108px;
    margin: 4px;
    padding: 4px;
    background: linear-gradient(#FFFFFF,#F0F0FF,#FFFFFF);
}
.Tile {
    width: 15%;
    float: left;
    /* always set a fixed height in additional style */
    border-style: ridge;
    border-width: 1px;
    border-radius: 4px;
    position: relative; /* to allow absolute positioning of icons on tiles*/
}
@media (max-width: 1200px) {
    .Tile {
        width: 31%;
    }
}
@media (max-width: 850px) {
    .Tile {
        width: 46%;
    }
}
@media (max-width: 520px) {
    .Tile {
        width: 98%;
    }
}
.contactName {
    font-weight: bold;
}
.contactCompany {
    margin-bottom: 4px;
}
.contactMethodDetail {
    display: inline-block;
}
.contactAddressPane {
    display: none;
}
.lr-icon {
    position: absolute;
    bottom: 2px;
    right: 2px;
}
.ur-icon {
    position: absolute;
    top: 2px;
    right: 2px;
}
.ul-icon {
    position: absolute;
    top: 2px;
    left: 2px;
}
.ll-icon {
    position: absolute;
    bottom: 2px;
    left: 2px;
}
.udfListItem {
    border-bottom: inset;
}
#cultureOverride {
    display: none;
}
.breadcrum-has-buttons{
    margin-bottom: 40px;
}
#h1Dash,
#h1DashMain {
    color: black;
    font-weight: bold;
    opacity: 0.4;
    text-align: left;
    font-size: 70px;
    position: relative;
    margin-top: 15px;
    animation-name: fadeInLeft;
    animation-duration: 1.5s;
    display: none;
}
.noselect, #h1DashBackground, #h1DashBackground2 {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#h1Dash {
    width: 92.5%;
    padding-left: 15px;
}
#h1DashBackground {
    color: transparent;
    opacity: 0 !important;
    font-weight: bold;
    opacity: 0.8;
    font-size: 14em;
    position: fixed;
    line-height: 158px;
    z-index: -2;
    animation-name: fadeInLeft;
    animation-duration: 1s;
    transition: all 0.1s;
}
#h1DashBackground.absolute-background{
    position: absolute;
}
#h1DashBackground2 {
    color: rgb(250,250,250);
    font-weight: bold;
    opacity: 0 !important;
    font-size: 10em;
    position: absolute;
    line-height: 158px;
    z-index: -2;
    animation-name: fadeInLeft;
    animation-duration: 1s;
    max-width: 100%;
    overflow-x: hidden;
}
/******************Spinner*************************/
.spinner {
    width: 80px;
    height: 80px;
    border: 2px solid #f3f3f3;
    border-top: 3px solid #f25a41;
    border-radius: 100%;
    margin:  15px auto;
    animation: spin 1s infinite linear;
}
.spinner2 {
    width: 40px;
    height: 40px;
    border: 2px solid #f3f3f3;
    border-top: 3px solid #8C9EFF;
    border-radius: 100%;
    margin: 15px auto;
    animation: spin 1s infinite linear;
    opacity:1 !important;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/******************Scrollbar*****************************/
::-webkit-scrollbar {
    width: 15px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #e4eaec;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/**********************EVENT TILES*****************/
.gridLayout {
    color: white;
    padding-top: 20px;
    margin-top:-15px;
}
.eventSettingsCog {
    font-size: 23px;
    /* padding: 0 5px; */
}
.gridLayout i {
    color: white;
    font-size:24px;
}
.card h5 {
    font-size: 24px;
    font-weight: 400;
}
.card a:hover {
    color: white !important;
    text-decoration: none !important;
}
#lowerCard i {
    font-size:12px;
}
small {
    font-size: 11px !important;
}
.card {
    min-height: 200px;
    margin: 15px 0;
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}
.gridCard button {
    float: right;
    font-size: 10px !important;
    width: 115px;
    border-radius: 10px;
    margin: 0 5px;
    text-transform: uppercase;
    color: white;
    position: absolute;
    background: inherit;
    border: 1px solid rgba(255, 255, 255, 0.603) !important;
    bottom: 10px;
    right: 5px;
    padding: 0.85rem 0.75rem
}
.gridCard button:hover {       
    background: white;
    color: #212121;
}
.card img {
    width: 100%;
    height: 307.36px;
    position: relative;
    margin: 0 auto;
    object-fit: cover;
}
.eventChanges {
    position: absolute;
    background: #f44336;
    right: 0px;
    height: 50px;
    text-align: center;
    padding-top: 14px;
    width: 50px;
    font-size: 16px;
    font-weight: bold;
    
    border-radius: 100%;
    z-index: 10;
    margin-right: 10px !important;
    border: 1px solid transparent;
    transition: all 0.25s;
}
.goToDirectory, .goToFloorplan{
    border-color: whitesmoke;
}
.goToFloorplan {
    padding: 14px 15px;
    background: #43A047;
}
.goToFloorplan i, 
.goToDirectory i {
    font-size: 16px !important;
}
.goToDirectory {
    padding: 14px 12.5px;
    background: #673AB7;
}
.side-card-btn:nth-child(2) .eventChanges{
    top: 65px;
}
.side-card-btn:nth-child(3) .eventChanges{
    top: 120px !important;
}
.side-card-btn:nth-child(4) .eventChanges{
    top: 175px !important;
}
.goToDirectory:hover{
    background-color: white;
    border-color: #673AB7;
    color:#673AB7;
}
.goToDirectory:hover i{
    color:#673AB7;
}
.setToFavoriteEvent {
    top: 12px;
    position: absolute;
    right: 0px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-radius: 100%;
    z-index: 10;
    margin-right: 23px !important;
    background: transparent;
    /* height: 50px;
    width: 50px; */
    transition: all 0.25s;
}
.setToFavoriteEvent .toolTipParent{
    height:24px;
    margin-top:-30px;
}
.col-event-line .setToFavoriteEvent {
    position: relative;
    top:0;
    left:0;
    display: inline;
    margin-right: 2px !important;
}
.setToFavoriteEvent i{
    transition: all 0.25s;
    transform: scale(1);
    /* padding-top:12px; */
}
.setToFavoriteEvent .fa-solid{
    position: absolute;
    right:0px;
    opacity: 0;
    transition: all 0.25s;
}
.setToFavoriteEvent .fa-heart-background{
    opacity: 1;
    color:white;
    z-index: -1;
    transform: scale(.8);
}
.col-event-line  .setToFavoriteEvent i{
    top:-5px;
}
.setToFavoriteEvent:hover{
    cursor: pointer;
}
.setToFavoriteEvent .fa-solid:not(.fa-heart-background){
    transform: scale(1.05);
    transition: all 0.25s;
}
.setToFavoriteEvent:hover i:not(.fa-heart-background){
    transform: scale(1.07);
    transition: all 0.25s;
}
.setToFavoriteEvent:hover .fa-solid{
    position: absolute;
    opacity: 0.6;
    cursor: pointer;
    transition: all 0.25s;
}
.setToFavoriteEvent.isFavoriteEvent .fa-solid{
    opacity: 0.6;
}
.setToFavoriteEvent.isFavoriteEvent .fa-regular{
    opacity: 0;
}
.setToFavoriteEvent.isFavoriteEvent .fa-heart-background, .setToFavoriteEvent:hover .fa-heart-background{
    opacity: 1;
    color:white;
    transform: scale(.92);
}

.goToFloorplan:hover{
    background-color: white;
    border-color: #43A047;
    color:#43A047;
}
.goToFloorplan:hover i{
    color:#43A047;
}
.goToThree {
    height: 35px;
    text-align: center;
    width: 35px;
    font-size: 12px;
    font-weight: bold;
    float: right;
    opacity:1;
    transition: 0.3s;
}
.goToThree:hover{
    opacity:0.8;
}
.goToThree i {
    font-size: 18px !important;
}

.reqitemWidth {
    max-width: 250px;
}
.gpCheck {
    padding: 10px;
    background: var(--contract-empty-primary);
    margin-bottom: 8px;
}
.gpCheck label {
    color: white;
}
.group-image {
    object-fit: contain;
}
.gpBlock {
    color: white;
    padding-bottom: 10px;
    max-width: 350px;
}
.gpBlock i {
    margin-left: 5px;
    font-size: 12px !important;
}
#reqItemGroupImage, 
#reqItemImage, 
#exhibResourceImage {
    width: 100%;
    max-height: 250px;
    object-fit: cover;
    border: 1px solid #f33446;
    margin-bottom: 10px;
}
#reqItemImageBtn, #reqGroupImageBtn{
    display:none;
    margin: 0 auto 15px;
}
.exhibResourceDate {
    opacity: 0.7;
    font-style: italic;
}
.attendResourceDate {
    opacity: 0.7;
    font-style: italic;
    font-size: 12px;
    margin-bottom: 0px;
}

.overlay:hover {
    opacity: 0.7;
}
.icon {
    font-size: 100px;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.shareBtn {
    display: none;
    background: linear-gradient(to right, rgba(211, 211, 211, 0.15),rgba(211,211,211,0.1),rgba(211,211,211,0));
    transition: 0.1s;
    margin-bottom: 7px;
    padding: 5px 10px;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    animation: grow-left cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s forwards;
}
.shareERC .jssocials-share, 
.shareERC i.fa {
    box-shadow: none !important;
    color: #fff !important;
    background:none !important;
}
.jssocials-share-link {
    border-radius: 50%;
    height: 30px;
    width: 30px;
}
.jssocials-shares i {
    font-size: 15px;
    margin: 2px auto;
    padding: initial;
}
@keyframes blow {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}
.jssocials-share:nth-of-type(1) {
    animation: blow 0.1s ease forwards;
}
.jssocials-share:nth-of-type(2) {
    animation: blow 0.2s ease forwards;
}
.jssocials-share:nth-of-type(3) {
    animation: blow 0.3s ease forwards;
}
.jssocials-share:nth-of-type(4) {
    animation: blow 0.4s ease forwards;
}
.jssocials-share:nth-of-type(5) {
    animation: blow 0.5s ease forwards;
}
.jssocials-share:nth-of-type(6) {
    animation: blow 0.6s ease forwards;
}
.shareBtnIcon {
    cursor: pointer;
    opacity: 1;
    transition: 0.3s;
}
.shareBtnIconDetails {
    cursor: pointer;
    font-size:25px;
    margin-right:10px;
    margin-top:10px;
}
.detailsShare .jssocials-shares i {
    font-size: 15px;
    margin: 0;
    text-align: center;
    color: white;
    padding: initial;
}
.shareBtnIcon:hover {
    transition: 0.3s;
    opacity: 0.8;
}
.shareBtnIconDetails:hover {
    transform: scale(1.03);
}
.event-card-dwg {
    transition: all 0.3s;
    margin-left:0.75rem;
    display:inline-block;
}
.event-card-dwg .hoverToolTip{
    top:145%;
}
.event-card-dwg:hover{
    cursor: pointer;
}
.event-card-dwg:hover i{
    transition: all 0.3s;
    opacity: 0.8;
    cursor: pointer;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    right: 0;
    height: 308px;
    width: 100%;
    opacity: 0;
    transition: .3s ease;
    background-color: rgba(37, 37, 37, 0.719);
}
.overlay i {
    font-size: 100px;
}
.overlaycon {
    color: #eee;
}
#lowerCard {
    bottom: 10px;
    margin: 0;
    position: absolute;
}
.lowerCardPlaceholder{
    min-height: 16px;
}
#lowerCard small {
    font-size: 12px !important;
}
.event-card-info .card-text {
    margin-block-end: 0.5em;
}
.card-body0 {
    padding: 10px;
    min-height: 165px;
}
.C2 {
    background: #ff9800;
}
.C3 {
    background: #4caf50;
}
.card-miniC2 {
    background: #EF6C00;
}
.card-miniC1 {
    background: #0277BD;
    color: rgb(70, 70, 70);
}
.card-miniC3 {
    background: #2E7D32;
}
.card-miniC3 button {
    background: #4CAF50;
    color: white;
}
.percent {
    float: right;
}
.card-body i {
    font-size: 15px;
    padding: 0 3px;
}
.card-body h4 {
    font-weight: bold;
}
#eventCardTable {
    background: white;
    color: black;
    margin-top: 15px;
    max-width: 1500px;
    margin-bottom: 15px;
}
#shareSocial {
    padding-bottom: 2px;
    padding-top: 5px;
}
.eventTablei {
    margin-top:0 !important;
    color:black !important;
    font-size:20px !important;
}
#eventViewSecondaryToggle {
    display: none;
}
#eventViewToggle,
#eventViewSecondaryToggle {
    color: #6c757d !important;
    letter-spacing: 0;
    font-weight: 900;
    font-size: .75rem;
    padding: 8px 12px;
    transition: 0.3s;
    text-decoration: none;
    opacity: 0.7;
    border-radius: 60px;
    word-spacing: 1px;
}
.blurb {
    text-align: center;
}
.blurb h4 {
    color: #212121;
}
#eventViewToggle:hover,
#eventViewSecondaryToggle:hover {
    background: #ececec;
    color: #6c757d;
    opacity: 1;
    transition: 0.3s;
}
#pleaseSelectFloorplan {
    position: absolute;
    top: 15vw;
    margin-left: 10vw;
    font-weight: 300;
}
#cardTBody, 
#cardTBody .eventTablei, 
#cardTBody td {
    color: white !important;
}
#cardTBody i:not(.salesArrowIcon){
    margin:0;
}
#cardTBody a {
    color: white !important;
    opacity:0.9;
}
#ascendDescend {
    color: grey !important;
    font-size: 20px !important;
}
#eventsToolbar {
    background: white;
    padding: 0px;
    height: 60px;
    width: 100%;
    max-width: 1500px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
#eventsToolbar label {
    color: #6c757d;
}
#eventsToolbar select {
    font-size: 12px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid lightgrey;
    padding-bottom: 0;
}
#eventsToolbar select:focus, 
#eventFilter:focus {
    box-shadow: none;
    border-color: red;
    border-radius: 6px 6px 0 0 !important;
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) !important;
    transition: 0.2s;
}

#eventFilter:focus {
    border-radius: 6px !important;
}
#eventsToolbar .form-check-inline {
    width: 100%;
}
#headerUploadFileName {
    background: #eee;
    padding: 10px 15px;
}
.pointer {
    cursor: pointer;
}
.block{
    display: block;
}
#socialIconsDiv img {
    height: 32px;
    width: 32px;
    border-radius: 100%;
}
.eventInputs {
    border-radius: 0;
    background: var(--input-background);
    font-size: 12px;
    border: none;
    margin-left: 10px;
    transition: 0.2s;
    border-radius: 6px;
}
#eventFilterIcon {
    color: #6c757d;
    font-size: 15px;
}
/********************EVENT SETTINGS*****************/
#SaveScreen {
    display: none;
    user-select: none;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10+ */
}

#SaveScreen,
#SaveScreenBooths,
#DeleteScreen,
#UninviteScreen,
#DeletePendingScreen,
#RefreshScreen,
#ResetScreen {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
}
#DeleteScreen, #UninviteScreen, #DeletePendingScreen {
    background: rgba(255, 0, 0, 0.5);
    display: none;
}
#RefreshScreen, 
#ResetScreen {
    background: rgba(0, 0, 255, 0.5);
    display: none;
}
#RefreshScreen .spinner2, #ResetScreen .spinner2{
    border-top-color:#FF666B !important;
}

#EventRefreshStatus {
    top: 0px;
    left: 0px;
    padding: 10%, 5%, 10%,5%;    
    position: fixed;
    width: 50%;
    height: 15%;
    display: none;
    z-index: 10000;
    /*background-color: rgba(0, 0, 255, 0.5);    */
    color: palegoldenrod;
}

.eventSettingsId {
    padding-bottom: 30px;
}
.selectionOptionCat {
    padding: 10px;
    color: grey;
    font-size: 10px;
    text-transform: uppercase;
    opacity: 0.8;
}
.eventSettingSection {
    margin: 0 0 -1px 0;
    width: 100%;
}
#usersTeamsHeader {
    float: left !important;
}
.none {
    display: none !important;
}
.white {
    color: white !important;
}
.eventSettingSectionContent {
    border: 1px solid #e0e0e0;
    border-top: none;
    padding: 25px 15px;
    margin-right: 0px;
    margin-left: 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.eventSettingSection h2 {
    margin: 0px !important; 
    padding-left: 0px !important;
    font-size: 18px !important;
    padding-bottom: 20px !important;
    padding-top: 20px;
    user-select: none;
}
.eventSettingSection > div:first-child {
    border-top-left-radius: 4px;    
    border: 1px solid #e0e0e0;
    padding-left: 20px;
    padding-right: 58px;
}
.eventSettingSection:last-child > div:first-child {
    border-bottom-left-radius: 4px;    
}
.eventSettingSection > div:first-child:hover {
    cursor: pointer;
    background-color: rgba(162, 162, 162, 0.1);
    transition: background-color 0.3s ease;
}
.appSettingsSelect {
    margin: 1px 0;
    padding: 10px 0 5px;
    flex: 1;
    text-align: center;
    transition: 0.3s;
    cursor: pointer;
    background: linear-gradient(60deg,#589FFC,#4FC3F7);
    opacity: 0.5;
}
.appSettingsSelect a:hover {
    text-decoration: none;
}
.greenBG {
    background-color: #28a745 !important;
}
/* app setting Options */
.appSettingsOption {
    margin: 1px 0 0;
    padding: 25px 0 5px;
    flex: 1;
    height: 75px;
    text-align: center;
    transition: 0.3s;
    cursor: pointer;
    border-bottom: 3px solid #589FFC;
}
.appSettingsOption a {
    color: rgba(0, 0, 0, 0.5);
}
.appSettingsOption a:hover, 
.appSettingsOption a:focus {
    color: rgba(0, 0, 0, 0.5);
    text-decoration: none;
    outline: none;
    box-shadow: none;
}
.appSettingsOption:hover {
    z-index: 2;
    background: rgba(255, 255, 255, 0.75);
    transition: 0.3s;
}
.appSettingsSelectActive:hover {
    background: white;
}
.appSettingsSelectActive {
    z-index: 2;
    border-top: 3px solid #589FFC;
    padding-bottom: 8px;
    border-bottom: none;
    background: white;
}
.appSettingsSelectActive i {
    color: #589FFC !important;
}
.appSettingsSelect:hover {
    transition: 0.3s;
    opacity: 1;
}
.appSettingsSelect h5 {
    color: #FAFAFA !important;
    font-size: 24px !important;
    padding-left: 0 !important;
}
/* eventsOptions */
.settingsOption {
    margin: 1px 0 0 0;
    padding: 25px 0 5px 0;
    flex: 1;
    min-height: 75px;
    text-align: center;
    transition: 0.3s;
    cursor: pointer;
}
.settingsOption a {
    color: rgba(0, 0, 0, 0.5);
}
.settingsOption a:hover, 
.settingsOption a:focus {
    color: rgba(0, 0, 0, 0.5);
    text-decoration: none;
    outline: none;
    box-shadow: none;
}
.settingsOptionForm h5 {
    padding-left: 75px;
    padding-bottom: 2rem !important;
    font-weight: 400;
    font-size: 24px;
    margin: 25px 0 0px;
}
.settingsOptionForm h2 {
    padding-left: 75px;
    padding-bottom: 2rem;
    font-weight: 400;
    font-size: 24px;
    margin: 25px 0 0px;
}
.settingsOption{
    background: #ebebeb !important;
}
.settingsOption:hover {
    z-index: 2;
    background: rgb(215, 215, 215) !important;
    transition: 0.3s;
}
.settingsOption:hover i {
    transform: scale(1.1);
}
.overlay:hover {
    opacity: 0.8;
}
.premiumIcon {
    font-size: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.premiumOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 2%;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .3s ease;
    background-color: green;
}
.premiumOverlay:hover{
    transition: 0.3s;
    opacity: 0.9;
}
.overlaycon {
    color: #eee;
}
.settingsOptionsActive {
    z-index: 2;
    border-top: 3px solid #FF666B;
    background: white !important;
}
.settingsOptionsActive:hover {
    background: white;
}
.settingsOptionsActive i {
    color: #FF666B !important;
}
.settingsTitle {
    background: rgb(255, 255, 255);
    padding: 0;
    height: 35px;
    transform: scaleX(1.05)
}
.settingsOptionTitle {
    font-weight: 400;
    font-size: 1.25rem;
    letter-spacing: 0.15px;
}
.settingsOptionsActive:not(#AdvancedTrig):not(#ColorSchemeTrig) .settingsOptionTitle {
    border-right: 2px solid gainsboro;
    border-left: 2px solid gainsboro;
    font-weight: 500;
}
#AdvancedTrig.settingsOptionsActive .settingsOptionTitle {
    border-left: 2px solid gainsboro;
    font-weight: 500;
}
#ColorSchemeTrig.settingsOptionsActive .settingsOptionTitle {
    border-right: 2px solid gainsboro;
    font-weight: 500;
}
.settingsOptionsActive .settingsOptionTitle i {
    transform: scale(1.1);
}
.settingsOptionTitle i {
    color: rgba(0, 0, 0, 0.3);
}
.settingsOptionDesc {
    color: rgba(0, 0, 0, 0.5);
    font-size: 10px;
}
#OverlaysTrig {
    padding: 15px 0 5px
}
#settingsBody {
    background: white;
    padding: 18px 45px;
}
#settingsBody p:not(#flyOutBoxP), 
.datModal p {
    padding: 20px 0 0 0;
    color: #212121;
    letter-spacing: 1.5px;
    font-weight: 700;
    font-size: 16px;
    color: #212121;
    text-transform: uppercase;
}
#settingsBody label {
    text-transform: none;
    color: #4f4f4f;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 400;
}
#settingsBody .checkbox .cr {
    position: relative;
    display: block;
    border: 1px solid #a9a9a9;
    border-radius: 0.25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: 0.5em;
}
.firstSettingsTitle {
    border-top: 3px solid #FF666B;
}
.settingsOptionForm textarea, 
.datModal textarea, 
textarea,
textarea.form-input {
    width: 100%;
    font-size: 14px;
    color: #4f4f4f;
    border: none;
    background: var(--input-background);
    padding: 10px;
    border-radius: 0.25rem;
}
.datModal label {
    text-transform: none;
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    font-weight: 400;
}
.modal .form-check-inline {
    padding-left: 1.25rem !important;
}
#EventTitleTextColor {
    border: none;
}
#usersList {
    width: 100% !important;
}
.datModal input, 
input[type=number], 
input[type=url], 
input[type=password], 
input[type=email], 
input[type=text]:not(.searchbox-input):not(.searchbox-submit):not(#loginBtn):not(#searchDirectory), 
select {
    background: var(--input-background);
}
.settingsOptionForm textarea:focus, 
input[type=email]:focus, 
input[type=password]:focus, 
select:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) !important;
    transition: 0.3s;
}
#exhibitorInfoWrapper .datModal input, 
#exhibitorInfoWrapper input[type=number], 
#exhibitorInfoWrapper input[type=url], 
#exhibitorInfoWrapper input[type=password], 
#exhibitorInfoWrapper input[type=email], 
#exhibitorInfoWrapper input[type=text]:not(.searchbox-input):not(.searchbox-submit):not(#loginBtn), 
#exhibitorInfoWrapper select{
    border: 1px solid var(--input-border);
    border-radius: 4px;
    margin-top: 5px;
}
#ClausePane input[type=text]:not(.searchbox-input):not(.searchbox-submit):not(#loginBtn),#ClausePane textarea {
    border: 2px solid #d6d6d6 !important;
    border-bottom: 2px solid #FAFAFA  !important;
    border-radius: 4px;
    margin-top: 5px;
    /* margin-left: 15px; */
    margin-right:0;
    font-size: 0.75rem;
    padding: 3px 10px;
}
#exhibitorInfoWrapper .datModal input:focus, 
#exhibitorInfoWrapper input[type=number]:focus,  
#exhibitorInfoWrapper input[type=password]:focus,  
input[type=email]:focus,  
#exhibitorInfoWrapper select:focus {
    transition: 0.3s;
    outline: none;
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) !important;
}
input:focus, 
select:focus {
    outline: none !important;
    box-shadow: none;
}
#myTimezoneTab p {
    font-weight: 400 !important;
}
#myTimezoneTab .toolTipParent{
    margin-left:15px;
}
#myTimezoneTab .toolTipParent .hoverToolTip{
    margin-bottom:12px;
}
.eventSettingsSubmit {
    bottom: 0;
}
.settingsOptionForm {
    width: 100%;
    transform: scaleX(0);
    padding: 0 15px;
    transform-origin: left;
    animation: grow-left cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s forwards;
    animation-delay: 0.1s;
}
@keyframes grow-left {
    0% {
        transform: scaleX(0);
        opacity:0;
    }
    50%{
        opacity:0;
    }
    100% {
        transform: scaleX(1);
        opacity:1;
    }
}
#eventSettingsTab {
    height: 75px;
    width: 75px;
    margin: 0;
    position: absolute;
    border-radius: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: linear-gradient(60deg,#F2353C,#FF666B); */
    /* box-shadow: 0 4px 20px rgba(0,0,0,.14); */
    padding-top: 1px;
    padding-right: 1px;
    text-align: center;
    font-weight: 900;
    color: white;
    font-size: 30px;
    line-height: 50px;
    z-index: 2;
}
#eventSettingsTab i{
    z-index: 3;
}
#eventSettingsTab svg{
    height: 105px;
    width: 105px;
    margin-bottom:0px;
    z-index: 0;
    position: absolute;
}
#AvailableBoothsTab p {
    padding: 10px 0 0 0;
    margin-bottom: 0;
}
table.dataTable thead th {
    text-align: center;
}
#OverlaysTab table.dataTable td {
    padding: 10px;
}
table.dataTable th {
    padding: 0 10px;
}
 table.dataTable .selected td {
    background: rgba(0, 0, 0, 0.1) !important;
}
table.dataTable {
    border-radius: 5px;
    width: 100%;
}
table.dataTable th {
    padding: 8px;
}
.page-link, .page-item a {
    color:rgba(103, 115, 123, 0.99) !important;
    padding: 5px 10px !important;
}
.page-item.active .page-link {
    background-color: rgba(39,50,56, 0.8) !important;
    border-color: rgba(39,50,56, 0.8) !important;
    color:white !important;
}
.page-item.disabled:hover{
    cursor: not-allowed;
}
.page-link:hover {
    padding: 5px 10px !important;
}
#UIFG {
    margin-bottom: 0 !important;
}
.btn-expoAlt:disabled, 
.btn-expoInv:disabled, 
.btn-expo:disabled {
    opacity: 0.3;
}
.btn-expoAlt:disabled:hover, 
.btn-expoInv:disabled:hover, 
.btn-expo:disabled:hover {
    opacity: 0.3
}

#deleteFXBtn,
#resetFXBtn,
#refreshFXBtn,
#clearCacheBtn,
#thumbRedrawBtn {
    background: red;
    color: white !important;
}
.btn-expoSecAlt, 
input[type="file"] {
    background: #273238;
    color: white !important;
    box-shadow: none;
    border: none;
    width: auto;
    transition: 0.5s;
    text-align: center;
    padding: 0.84rem 0.84rem 0.84rem !important;
    font-size: 0.61rem !important;
    opacity: 0.8;
    text-transform: uppercase;
    border-radius: 0.125rem !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;
}
.btn-expoSecAlt, 
input[type="file"] {
    border-radius: 0.325rem !important;
    font-weight:550;
}
.btn-expoSecAlt:hover, 
input[type="file"]:hover {
    opacity: 1;
}
.pinExhibBox {
    max-height: calc(50vh - 210px);
    overflow-y: auto;
    padding: 10px;
    background: rgba(0, 0, 0, 0.05);
}
#PinExhibTopModal input[type="color"] {
    border: none;
}
#flyOutBox {
    color: white;
    background: red;
    padding: 1.2rem 0;
    max-width: 150px;
    height: 60px;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
#flyOutBox p {
    color: white;
}
.UIListBox {
    text-align: center;
    color: white; 
    background: rgb(70, 130, 180);
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid grey;
}
#UIListBoxExList {
    background: rgb(131, 173, 207);
}
#UIListBoxCat {
    background: rgb(131, 173, 207);
    color: white;
    text-align:center;
    padding:5px;
    border:1px solid grey;
}
.UIListBoxDivider {
    padding: 5px 30px;
}
.UIListBoxOdd {
   background: rgb(240, 248, 255);
   text-align:center;
   border-left: 1px solid grey;
   border-right: 1px solid grey;
}
.UIListBoxEven {
    background: rgb(216, 237, 243);
    text-align: center;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
}
#BoothOpacity::after {
    content: '1.0';
    font-size: 24px;
    margin-left: 10px
}
#BoothOpacity::before {
    content: '0.0';
    font-size: 24px;
    margin-right: 10px;
}
#SponsorSecondsBetweenScroll::after {
    content: '10';
    font-size: 24px;
    margin-left: 10px
}
#exhibsToPin {
    overflow: auto;
    max-height: 400px;
    background: #FAFAFA;
    padding: 10px 15px;
}
#pinGroupDiv {
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
#pinGroupDiv .form-group{
    margin-top:35px;
    margin-bottom:35px;
}
.groupSelected{
    opacity:1 !important;
    
}
.individualPinnedGroups.groupSelected{
    border: 1px solid #f44336;
}
#existingPinGroups {
    padding: 10px;
    font-size: 10px !important;
}
.individualPinnedGroups div {
    display: inline;
}
.individualPinnedGroups {
    margin: 5px 0;
    background: #FAFAFA;
    border: 1px solid #FAFAFA;
    padding: 10px;
    cursor: pointer;
    transition: 0.3s;
    opacity: 0.67;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 3px;
}
.individualPinnedGroups:hover {
    opacity: 1;
    transition: 0.3s
}
#existingPinGroups .groupCate {
    font-weight: bold;
}
.individualPinnedGroups h5 {
    color: #f44336;
}
#SponsorSecondsBetweenScroll::before {
    content: '1';
    font-size: 24px;
    margin-right: 10px;
}
.UIListBoxDrop {
    float: right;
    padding-right: 5px;
}
#UITab .form-control {
    width: 45px;
}
.UITabOverride{
    width: 100% !important;
} 
.blockCSClr {
    height: 115px;
    width: 125px;
}

.input-color-container{
    overflow: hidden;
    border-radius: 4px;
    box-shadow:0px 0px 7px darkgray;
}
.blockCSClr input{
    height:100%;
    width:100%
}
input[type="color"] {
    background: none;
    opacity: 1;
    transition: 0.3s;
    padding:0;
    border-radius: 4px;
}
input[type="color"]:hover {
    outline-color:rgb(46, 46, 46) !important;
    opacity: 1;
    transition: 0.3s;
}
.blockSecCSClr[type="color"]{
    width: 65px;
    height:55px;
    padding: 0.375rem 0.75rem;
}
.overlayLabels {
    margin-bottom: -15px;
}
.overlayLabels label {
    padding: 0 4vw;
}
.hsModal .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 70vw;
    overflow: hidden;
}
.hsModal .modal-dialog {
    position: fixed;
    margin: 0;
    width: 70%;
    height: 100%;
    padding: 0;
}
.hsModal .modal-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 70vw;
    bottom: 0;
    left: 30vw;
    padding-top: 50px;
    border: 2px solid #3c7dcf;
    border-radius: 0;
    box-shadow: none;
}
.hsModal .modal-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 50px;
    padding: 10px;
    border: 0;
    color: #212121;
    font-weight: 500;
}
.hsModal .close {
    z-index: 100;
}
/* .hsModal .modal-content button {
    margin-top: 10px;
    margin-bottom: 10px;
} */
#fsModal .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
#fsModal .modal-dialog {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}
#fsModal .modal-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 100vw;
    bottom: 0;
    left: 0;
    border: 2px solid #3c7dcf;
    border-radius: 0;
    box-shadow: none;
}
#fsModal .modal-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 50px;
    padding: 10px;
    border: 0;
    color: #212121;
    font-weight: 500;
}
.jssocials-share {
    border-radius: 100%;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    margin: 0em 0.6em 0.3em 0;
}
.yellow {
    color: #ffc107;
}
.red {
    color: #f44336;
}
.redBG {
    background: #f44336 !important;
}
.btn-expoInv {
    background: #273238;
    color: white !important;
    box-shadow: none;
    border: none;
    width: auto;
    transition: 0.5s;
    text-align: center;
    font-size: 0.61rem !important;
    opacity: 0.8;
    padding: 4px 10px;
    text-transform: uppercase;
    border-radius: .125rem !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}
.btn-expoInv:hover {
    background: #101518;
}
.toggleDiv {
    cursor: pointer;
}
.groupDelete {
    cursor: pointer;
}
.overlayImgFile {
    height: 35px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
#fsModal .modal-title {
    font-size: 20px;
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
    color: grey;
    border: 0;
    line-height: 30px;
}
#fsModal .modal-body {
    position: absolute;
    top: 50px;
    bottom: 60px;
    width: 100%;
    font-weight: 300;
    overflow: auto;
    padding: 0;
    overflow-x: hidden;
}
#fsModal .modal-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 60px;
    padding: 10px;
    background: #f1f3f5;
}
#uploadLogoDiv {
    position: relative;
    border: 2px solid #BDBDBD;
    margin: 25px 0;
    border-radius: 10px;
}
/*********FILE UPLOAD BUTTON*************/
.upload-btn-wrapper {
    position: relative;
    display: inline-block;
}
.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    cursor:pointer;
    top: 0;
    opacity: 0;
}
/******************************************/
input[type="color"]::-webkit-color-swatch {
    /* background: none; */
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

#editUserAvatarLabel, 
#createTeamPhotoLabel, 
#editTeamPhotoLabel, 
#inviteUserAvatarLabel {
    opacity: 0.8;
    padding: 11px 25px 13px 25px;
}
#GenOptionsTab small {
    opacity: 0.6;
}
.PremiumColor input[type="color"] {
    border: none;
}
.UIListBoxClr input[type="color"], 
.UIColor {
    height: 30px;
    width: 65px;
    outline:1px solid rgb(155, 155, 155);
}
.UIListBoxClr {
    padding-right:0;
}
.UIListBoxClr .form-group {
    margin: 3.3px 0;
}
.UIListBoxClr .form-group:first-child {
    margin: 0;
}
.UIListBoxClr .form-group.view-list-group{
    margin-top:6px;
}
.CatBoxClr:nth-last-of-type(1) {
    margin-top:2px;
}
.SecCatBoxClr {
    margin-top:7px;
}
.CatBoxClrFP {
    margin-top:21px !important;
}
.modTextTab {
    padding: 0 40px;
}
.modTextDialog {
    width: 800px !important;
    max-width:800px !important;
}
#modTextFooter {
    padding: 10px;
}
#langSelectFooter {
    margin: 10px 0;
}
.localizationBtn {
    margin: 20px 0;
}
 .nav-tabs {
    transition: 0.3s;
}
.modTextTab a:hover {
    color: black;
    transition: 0.3s;
    font-size: 14px;
}
.modifyTextHead {
    padding-bottom: 50px;
}
.modTextTab a {
    transition: 0.3s;
    font-size: 14px;
} 
.nav-tabs .active {
    color: black;
    border-bottom: 1px solid red;
    transition: 0.3s
}
.nav-tabs {
    padding: 15px;
}
#modifyTextModal .modal-body {
    padding: 35px 25px 30px;
}
#techLayerContent {
    width: 800px;
}
.techLayerDialog {
    width: 500px !important;
    max-width: 500px !important;
}
#techLayersTable {
    max-height: calc(100vh - 485px);
    overflow-y: auto;
    overflow-x: hidden;
    margin-right:-25px;
    background: rgba(0, 0, 0, 0.02);
}
#addLayerGroupBtnSection{
    display: flex;
    justify-content: center;
}
#techLayerGroupBtn{
    max-height:50px;
    margin: 0 auto;
}
#techLayersAddGroups{
    width: 45%;
}
#techLayersGroupsSection{
    width:45%;
    
}
#techLayersForm{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.techGroupsDiv{
    padding-top: .9rem;
    padding-bottom: .8rem;
}
.techGroupsDiv:hover, .techGroupsDiv label:hover{
    cursor: pointer;
}
/* #techLayerGroups{
    margin-bottom:6px;
} */

/* rgba(88,159,252,0.5) */
.techGroupsDiv{
    border-radius: 3px;
    background:#e0e0e0;
    margin-top: 0.6rem;
    margin-bottom: 0.4rem
}
.techGroupsDiv.techGroupsDiv-active{
    background: rgba(88,159,252,0.3) ;
}
.techGroupsDiv.techGroupsDiv-active .techlayergrouptitle{
    border-bottom: 2px solid rgb(88,159,252);
}
.techLayerGroupCheck{
    width: 1.3rem;
    height: 1.3rem;
    margin-left: -1.2rem !important;
}
#mutliBoothOverlayAdd, 
#mutliBoothOverlayRemove {
    height: 30vh;
}
.overlaySelectBox option {
    text-align: center;
    word-spacing: 9.5vw;
}
/*****DRAG AND DROP BOX*****/
.addModDivForm.has-advanced-uploader {
    background-color: white;
    outline: 1px dashed grey;
    outline-offset: -5px;
    height: 280px;
}
.addModDivForm.has-advanced-uploader .addModDivForm__dragndrop {
    display: inline;
}
.addModDivForm.is-dragover {
    background:gray;
}
.addModDivForm.is-uploading .addModDivForm__input {
    visibility: none;
}
.addModDivForm.is-uploading .addModDivForm__uploading {
    display: block;
}
#uploaderContainer {
    max-width: 300px;
    height: 100vh;
    border: 1px solid black;
    background: white;
    position: absolute;
    z-index: 9;
}
#AddModUploadDiv {
    height: 300px;
    width: 250px;
    background: white;
    border: 1px solid black;
    border-bottom: 2px solid black;
    padding: 10px 5px 5px;
}
.dragHere {
    height: 225px;
    margin: auto;
    text-align: center;
}
.dragHere i {
    color: gray;
    opacity: 0.5;
    font-size: 55px;
    padding: 20px;
}
.AddModItem {
    padding: 0;
    border: none;
    border-bottom: 1px solid black;
}
.AddModItem p {
    padding: 0 !important;
    margin: 0;
}
.addModItemImg {
    background: white;
    padding: 0 !important;
    cursor: move;
}
.AddModItem img {
    width: 15%;
    height: auto;
    background: #2196F3;
    padding: 5px;
}
.addModItemCoords {
    opacity: 0;
    background: rgba(211, 211, 211, 0.2);
    height: 0;
    transition: 0.3s;
}
.AddModItem:hover .addModItemCoords {
    opacity: 1;
    transition: 0.3s;
    height: inherit;
}
.deleteAddModItem {
    float: right;
    position: relative;
    padding: 5px 5px;
    cursor: pointer;
    font-weight: 700;
    opacity: 0.8;
    transition: 0.3s;
}
.deleteAddModItem:hover {
    opacity: 1;
    transition: 0.3s;
}
/***************************************************/
.testBox {
    background: black;
    color: white;
}
/***********************WIDGETS*******************/
#currUsersBtn {
    padding: 10px 0 0 7.5px;
}
#activityBtn {
    padding: 10.4px 0 10px 11px;
}
#removeAllWidBtn{
    padding: 10.4px 0 10px 11px; 
}
#openLeadsBtn {
    padding: 11px 0 0 9.6px;
}
#dashboardLockBtn {
    padding: 11px 0 0 9.6px;
    margin-bottom: 10px;
}
#dashboardFilterDiv {
    display: flex;
    padding: 0px 0 15px;
}
#dashboardFilterDiv i {
    margin-top: 13px;
}
#dashboardUnLock {
    padding: 5px 0px 0px 11px;
    margin-bottom: 10px;
    background: #90A4AE;
    display: none !important;
}
#openLeads0-body {
    height: 100%;
}
#currUsers0-body {
    font-size: 14px;
    list-style: none;
    font-weight: bold;
}
.currUsersDot {
    color: #64DD17;
    margin: -20px 10px;
    font-size: 10px;
    animation: blinker 1.5s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
}
.currUsersOffDot {
    margin: -20px 10px;
    font-size: 10px;
}
.currUsersAction {
    font-size: 10px;
    display: block;
    font-weight: 400;
}
#currUsers0-body li {
    padding: 7px 0;
    border-bottom: 0.5px solid #EEEEEE;
}
.activity-entry {
    margin-top: 5px;
    display: block;
    font-size: 12px;
    border-radius: 1%;
    font-weight: 400;
    padding: 15px 10px;
    color: #757575;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}
.activityusername {
    font-weight: bold;
    color: #424242;
    letter-spacing: 0.4px;
}
.activityaction {
    font-size: 10px;
    display: block;
    font-weight: 400;
    color: gray;
}
.activityaction-date {
    font-size: 10px;
    display: block;
    font-weight: 400;
    color: gray;
}
#activity0-body {
    overflow-y: auto;
    height: 100%;
    padding: 0;
}
.widHeadactivity0 {
    height: 40px;
    width: 40px;
    margin: -16px -50px -10px -55px;
    padding-left:18px;
    position: absolute;
    border-radius: 10%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
    background: transparent !important;
    /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14); */
}
.fa-filter {
    color: dimgrey;
}
#widgetopenLeads0 {
    border-top: 5px solid #4FC3F7;
}
#widgetactivity0 {
    border-top: 5px solid #F06292;
}
#widgetcurrUsers0 {
    border-top: 5px solid #5C6BC0;
    background: #fafafa;
}
.apexcharts-title-text {
    font-family: Roboto !important;
}
.currUsersLi {
    display: block;
    padding: 10px;
    /* width: 350px; */
    width: 100%;
    margin: 5px 5px;
    background: white;
}
.currUsersWrap {
    display: flex;
    flex-wrap: wrap;
}
.widHeadactivity0:before {
    content: "\f0f3";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white;
    font-size: 25px;
    line-height: 50px;
}
.widHeadopenLeads0 {
    height: 40px;
    width: 40px;
    margin: -16px -50px -10px -55px;
    padding-left:17px;
    position: absolute;
    border-radius: 10%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
    background: transparent !important;
    /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14); */
}
.widHeadopenLeads0:before {
    content: "\f080";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white;
    font-size: 25px;
    line-height: 50px;
}
.widHeadopenLeads0.widHeadPie:before {
    content:"\f200";
}
.widHeadcurrUsers0 {
    left: 18px;
    height: 40px;
    width: 40px;
    margin: -16px -10px -10px -18px;
    padding-left:15px;
    position: absolute;
    border-radius: 10%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
    background: transparent !important;
    /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14); */
    z-index: 10;
}
.widHeadcurrUsers0:before {
    content: "\f0c0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white;
    font-size: 25px;
    line-height: 50px;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content, 
.grid-stackManage > .grid-stack-item > .grid-stack-item-content, 
.grid-stackBilling > .grid-stack-item > .grid-stack-item-content {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    animation: appear 500ms ease-out forwards;
}
/* Widget Buttons   */
.widget-btn {
    box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4);
    border-radius: 100%;
    width: 60px;
    height: 60px;
    background: red;
    text-align: center;
    padding-top: 4.8px;
    border: none;
    cursor: pointer;
    display: none;
}
.widget-btn i.fa {
    color: white !important;
    font-size: 25px !important;
    transition: transform 0.2s;
    transition-delay: 0.2s;
}
.widget-btn:hover, 
.widget-btn:focus, 
.widget-btn:active {
    outline: none !important;
    transform: rotate(45deg);
    transition: 0.3s;
}
.widget-btn:hover:after {
    transform: rotate(-45deg);
    transition: 0.3s;
}
.clicked {
    display: none !important;
}
#availableWidgetList {
    padding: 10px 0;
    transform: translate3d(-420px, -20px, 0px);
}
.toPlace {
    cursor: crosshair;
}
.widget {
    float: left;
}
.MinimizedWidget {
    height: 100%;
}
.widgetDelete {
    background: white;
    color: red !important;
    transition: 0.3s;
}
.widget-head {
    color: #212121;
    font-size: 10px;
    padding: 15px 20px 25px 55px !important;
    border: none !important;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-align: center;
    text-transform: uppercase;
    background: white;
    position: sticky;
    z-index: 2;
    top: 0;
}
#dashboard .renameWid {
    cursor: pointer;
 }
.widform-control {
    display: inline;
    width: 50%;
    height: calc(1.5em + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.renameWidAccept {
    color: #4caf50;
    font-size: 16px;
    margin-left: 5px;
    display: inline;
    cursor: pointer;
}
.renameWidCancel {
    color: #f44336;
    font-size: 16px;
    margin-left: 5px;
    display: inline;
    cursor: pointer;
}
#dashboard .renameWid:hover::after {
    content: "\f303";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #212121;
    font-size: 10px;
    margin-left: 5px;
}
.grid-stackManage > .grid-stack-item > .ui-resizable-se, 
.grid-stackBilling > .grid-stack-item > .ui-resizable-se, 
.grid-stack > .grid-stack-item > .ui-resizable-se {
    width: 10px;
    height: 10px;
    color: red;
}
.widget-head i.fa {
    color: grey;
    cursor: pointer;
    font-size: 12px;
}
.widget-head i.fa:hover {
    color: black;
}
.widget-container {
    z-index: 10;
    position: absolute;
}
.widget-body {
    position: relative;
    padding: 8px;
    font-weight: 400;
    letter-spacing: 0.25px;
}
.erc-comp-name {
    margin-top: 8px;
    margin-bottom: 0px;
}
.erc-form-label {
    display: block;
    font-weight: bolder !important;
    margin-bottom: 2px;
}
.companyLabelDiv > h4 {
    flex-grow: 1;
}
#widgetopenLeads0 .widget-body {
    font-weight: 500;
    letter-spacing: 0.5px;
}
#widgetopenLeads0.widTopBordTopClicks  .widget-body {
    padding: 5px 0;
}
.badge-card-icon{
    width:1rem;
}
.widSelectContainer {
    bottom: 5px;
    position: fixed;
    margin: 1em;
    margin-bottom:0px;
    right: 0px;
    z-index: 99;
    min-height: 1px;
    min-width: 56px;
    padding-bottom: 76px;
    height: 1px;
    transition: height .505s ease-in .06s;
    overflow:hidden;
}
.widSelectContainer:hover {
    transition: height .505s ease-in .06s;
    height: 486px;
}
.widgetBtn {
    box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    display: block !important;
    width: 56px;
    height: 56px;
    margin: 20px auto 0;
    position: relative;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
}
.widgetBtn:not(:last-child):active,
.widgetBtn:not(:last-child):focus,
.widgetBtn:not(:last-child):hover {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}
.widDrop {
    position: absolute;
    top: 14px;
    right: 8px;
}
.fa-ellipsis-v {
    font-size: 16px;
    color: grey;
    cursor: pointer;
}
.btn-secondary {
    width: 100%;
    opacity: 0.28;
    padding: 0;
    height: 25px;
    border-radius: 1%;
}
.btn-secondary:focus {
    outline: none !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.35) !important;
}
.widMenu {
    width: 100%;
}
/* Unessential styling for sliding up buttons at differnt speeds */
.widgetBtn i, 
.widgetBtn a {
    text-align: center;
    font-size: 20px;
    padding-top: 5px;
    color: white;
}
.apexcharts-menu-icon, 
.apexcharts-menu.open, 
.apexcharts-menu-item {
    display: none;
}
.widgetBtn:nth-last-child(1) {
    background-size: contain;
    background: #7EB524;
    padding: 9px 10px 10px 15px;
    position: absolute;
    bottom: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius:4px;
}
.widgetBtn:nth-last-child(1) i {
    transition: transform 0.2s;
    transition-delay: 0.2s;
    font-size: 30px;
}
.widSelectContainer:hover .widgetBtn:nth-last-child(1) i {
    outline: none !important;
    transform: rotate(45deg);
    transition: 0.3s;
    padding-left: 1.5px;
}
.widSelectContainer:hover:after .widgetBtn:nth-last-child(1) i {
    transform: rotate(-45deg);
    transition: 0.3s;
}
.widgetBtn:not(:last-child)#openLeads0Wid {
    -webkit-transition-delay: 50ms;
    transition-delay: 30ms;
    background-size: contain;
    background: #589FFC;
}
.widgetBtn:not(:last-child)#activity0Wid {
    background-size: contain;
    background: #FF666B;
}
.widgetBtn:not(:last-child)#currUsers0Wid {
    background-size: contain;
    background: #A57AFA;
}
.widgetBtn.dashLockBtn {
    background-size: contain;
    background: #90A4AE;
    margin-bottom: 40px !important;
}
.widgetBtn:not(:last-child) {
    width: 40px;
    height: 40px;
    margin: 8px auto 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    display:block !important;
    opacity: 1;
    visibility: visible; 
    transition-property:  visibility;
    transition-duration: 0s;
    transition-delay: 4s;
    background: #90A4AE;
}
.widSelectContainer:hover .widgetBtn:not(:last-child){
    margin: 8px auto 0;
}
.widSelectContainer:hover .widgetBtn:not(:last-child) {
    margin: 8px auto 0;
}
#RemoveAllWid {
    background: #a32125;
}
#otherDashboard {
    background: #4caf50;
    padding: 4px 8.5px
}
.img-fluidDat {
    max-width: 250px;
    height: auto;
}
.datepicker td {
    padding: 0 !important;
}
#newDashboard {
    background: #ff9800;
    padding: 5px 0 0 10px;
}
/* DASHBOARD GRID STYLES   */
.MinimizedWidget .dpTitle:nth-of-type(1) {
    display:none;
}
.MinimizedWidget .dropdown-item:nth-of-type(1) {
    padding: 20px 10px 20px !important;
} 
.grid-stack > .grid-stack-item > .ui-resizable-se, 
.grid-stack > .grid-stack-item > .ui-resizable-sw {
    background: none !important;
}
.grid-stackManage > .grid-stack-item > .ui-resizable-se, 
.grid-stackManage > .grid-stack-item > .ui-resizable-sw {
    background: none !important;
}
.grid-stackBilling > .grid-stack-item > .ui-resizable-se, 
.grid-stackBilling > .grid-stack-item > .ui-resizable-sw {
    background: none !important;
}
/* Show tooltip content on hover */
#widSelectContainer [tooltip]:before {
    bottom: 25%;
    font-weight: 600;
    border-radius: 2px;
    background: #585858;
    color: #fff;
    content: attr(tooltip);
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    padding: 5px 7px;
    margin-right: 12px;
    position: absolute;
    right: 100%;
    white-space: nowrap;
}
#widSelectContainer [tooltip]:hover:before,
#widSelectContainer [tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
}
.wf {
    color: #607D8B !important;
}
#openLeads0-body {
    margin: 35px auto;
}
.submenu-item:hover > .dropdown-submenu {
    display: block;
}
.changeColorDrop {
    background: white;
    text-align: left;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1.5px;
    color: dimgrey;
    border: none;
    opacity: 1;
}
.changeColorDrop:hover{
    background: transparent;
}
.dropup:hover > .dropdown-menu {
    display: block;
}
.dropup .dropdown-menu {
    padding: 0;
    font-size: 10px;
    color: dimgrey;
    cursor: pointer;
}
.dropup .dropdown-menu li {
    padding: 5px;
}
.dropup .dropdown-menu li:hover {
    background:rgba(0, 0, 0, 0.1);
}
.dropup .dropdown-menu {
    bottom: auto ;
    position: fixed;
    top: 0;
}
/*******************************SEARCHBAR***********************/
.searchbox {
    position: relative;
    min-width: 35px;
    width: 0%;
    height: 30px;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}
.searchbox-input {
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0px 55px 0px 20px;
    font-size: 12px;
}
.searchbox-icon,
.searchbox-submit {
    width: 35px;
    height: 30px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    cursor: pointer;
    background: none !important;
}
.searchbox-open {
    width: 100%;
}
.byline {
    position: absolute;
    top: 150px;
    right: 30%;
    text-align: center;
    font-size: 12px;
}
.byline a {
    text-decoration: none;
}
.searchResultsDiv {
    background: white;
    padding: 15px;
    margin: 0 0 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
/*******************LOGINPAGE******************************/
#loginPage {
    background: rgba(0,0,0,0.65);
    top: 0;
    left: 0;
    position: absolute;
    min-height: 100vh;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    transition: all 0.2s ease-in-out;
}

#loginBody {
    background: rgb(255, 255, 255);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    margin: 0 auto;
    max-width: 367px !important;
    padding: 30px;
    margin-top: 175px;
    border-radius: 1%;
    /*height: 400px;*/
}
.otpLoginBody {
	background: rgb(255, 255, 255);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	margin: 0 auto;
	/*max-width: 367px !important;*/
	padding: 30px;
	margin-top: 175px;
	border-radius: 1%;
}
#loginBody .loginInput {
	background: none !important;
	/*background: rgba(255, 255, 255, 0.103) !important;*/
	border-top: none;
	border-right: none;
	border-left: none;
	margin: 10px 0;
	padding: 15px;
	display: block;
	width: 100%;
	font-size: 12px;
	border-radius: 0 !important;
}
#loginBody img {
    height: auto;
    width: 100%;
    padding: 25px;
    min-height:150px;
}
.btn-expoSubmit {
    background: #F44336 !important;
    color: white;
    box-shadow: none;
    border: none;
    width: 100%;
    text-align: center;
    padding: .84rem .84rem .84rem !important;
    font-size: .81rem !important;
    opacity: 0.7;
    text-transform: uppercase;
    border-radius: .125rem !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;
}
.btn-expoSubmit:focus, 
.btn-expoSubmit:active {
    opacity: 1 !important;
    transition: 0.8s;
    outline: none !important;
    box-shadow: none !important;
    color: white !important;
}
/*.createPassSix, 
.createPassSpecial, 
.createPassNum, 
.createPassUp, 
.createPassLow, 
.createPassMatch {
    color: #ff4336;
    display: block;
}
#loginBody .loginInput:hover, 
.loginInput:focus, 
.loginInput:active {
    border: none;
    border-bottom: 1px solid red;
    transition: 0.3s;
    outline: none !important;
    box-shadow: none !important;
} */
#loginBody a {
    font-size: 10px;
}
#labelTop {
    margin-top: 115px;
}
#exoIcon {
    background: white;
    border-radius: 100%;
    height: 150px;
    width: 150px;
    margin: -100px auto;
}
#exoIcon i {
    font-size: 100px;
    padding-top: 20px;
    padding-left: 30px;
    color: black;
}
#info {
    color: white;
    text-align: center;
    margin: 10px auto;
    font-size: 10px;
    letter-spacing: 3px;
}
#info i {
    color: white;
    padding: 0 10px;
    font-size: 35px;
}
.faLink:hover {
    color: rgba(255, 255, 255, 0.8) !important;
}
.rememberMe {
    color: rgba(0, 0, 0, 0.4);
}
.rememberMe i {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
}
/*******************404 PAGE************************/
#notFoundPage {
    color: white !important;
    text-align: center;
    margin-top: 15%;
}
#notFoundPage h2 {
    font-weight: 300;
    animation: appear 500ms ease-out forwards;
    animation-delay: 500ms;
    transform: scale(0);
}
#notFoundHead {
    font-size: 12.5rem;
    font-weight: 300;
    transform: scale(0);
    animation: appear 500ms ease-out forwards;
}
#NotFoundBtn {
    width: 175px;
    color: #273238;
    opacity:1;
    background: rgba(255,255,255,0.8);
}
#NotFoundBtn:hover {
    color: #273238;
    background: rgb(255,255,255);
}
/********************************FLASH MESSAGES*********************************/
#alert_placeholder {
    width: 500px;
    margin-top: 10px;
    right: 10px;
}
#alert_placeholder .close {
    padding-top: 7px;
    font-size: 20px;
    opacity: 1;
}
.alert-success {
    background: #4CAF50;
    padding: 0 20px 0 0;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 20px 32px -8px;
    border: 0;
    border-radius: 0;
    color: white;
    font-size: 14px;
    border-radius: 0;
    letter-spacing: 0.25px;
}
.alert-success span {
    padding-top: 10px;
}
.alert-success:after {
    content: "Success!";
    color: white;
    font-size: 24px;
    display: block;
    top: 0;
    padding-top: 5px;
    position: absolute;
    left: 85px;
    font-weight: bold;
}
.alert-success:before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-size: 50px;
    color: white;
    padding: 11px 11px 12px;
    font-weight: 700;
    background: #388E3C;
    margin-right: 15px;
}
.alert-warning {
    background: #FFC107;
    padding: 0 20px 0 0;
    box-shadow: rgba(9, 30, 66, 0.31) 0px 0px 1px, rgba(9, 30, 66, 0.25) 0px 20px 32px -8px;
    border: 0;
    border-radius: 0;
    color: white;
    font-size: 14px;
    border-radius: 0;
    letter-spacing: 0.25px;
}
.alert-warning span {
    padding-top: 10px;
}
.alert-warning:after {
    content: "Warning!";
    color: white;
    font-size: 24px;
    display: block;
    top: 0;
    padding-top: 5px;
    position: absolute;
    left: 90px;
    font-weight: bold;
}
.alert-warning:before {
    content: "\f071";
    font-family: "Font Awesome 5 Free";
    font-size: 50px;
    color: white;
    padding: 11px 11px 12px;
    font-weight: 700;
    background: #FFA000;
    margin-right: 15px;
}
.alert-danger {
    background: #F44336;
    padding: 0 20px 0 0;
    box-shadow: rgba(9, 30, 66, 0.31) 0px 0px 1px, rgba(9, 30, 66, 0.25) 0px 20px 32px -8px;
    border: 0;
    border-radius: 0;
    color: white;
    font-weight: 400;
    font-size: 14px;
    border-radius: 0;
    letter-spacing: 0.25px;
}
.alert-danger span {
    padding-top: 10px;
}
.alert-danger:after {
    content: "Error!";
    color: white;
    font-size: 24px;
    display: block;
    top: 0;
    padding-top: 5px;
    position: absolute;
    left: 90px;
    font-weight: bold;
}
.alert-danger:before {
    content: "\f06a";
    font-family: "Font Awesome 5 Free";
    font-size: 50px;
    color: white;
    padding: 11px 11px 12px;
    font-weight: 700;
    background: #D32F2F;
    margin-right: 15px;
}
/****************************VALIDATOR CALLOUT BS CSS POLYFILL**********************************/
.bd-callout {
    padding: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #fff;
    border-left-width: 2px;
    background: #FAFAFA;
}
.bd-callout h4 {
    margin-top: 0;
    margin-bottom: 0.25rem
}
.bd-callout p:last-child {
    margin-bottom: 0
}
.bd-callout code {
    border-radius: 0.25rem
}
.bd-callout + .bd-callout {
    margin-top: -0.25rem
}
.bd-callout-info {
    border-left-color: #5bc0de
}
.bd-callout-info h4 {
    color: #5bc0de
}
.bd-callout-warning {
    border-left-color: #f0ad4e
}
.bd-callout-warning h4 {
    color: #f0ad4e
}
.bd-callout-danger {
    border-left-color: #d9534f
}
.bd-callout-danger h4 {
    color: #d9534f
}
.hidden {
    display: none;
}
.display-hidden {
    display: none !important;
}
.parsley-error {
    box-shadow: 0 0 2px red !important;
    border: 1px solid red !important;
}
input:focus {
    outline: 0;
    border-color: transparent;
}
.parsley-required {
    color: red;
}
/*************************** TEAM MANAGEMENT PAGE ****************************/
.teamWrapper {
    margin-top: 15px;
    margin-left: 1%;
    margin-right: 10%;
    max-width: 1485px;
}
.teamAltWrapper {
    margin-top: -80px;
    /* margin-left: 1%; */
    margin-right: 10%;
    max-width: 1485px;
}
#fxSalesLeftGroup {
    padding: 10px;
    background: #FAFAFA;
    margin-bottom: 15px;
}
.caption {
    font-size: 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: bold;
}
.userDropdown {
    background: none;
    border: 0;
    padding: 0;
}
.live__scroll {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.live__scroll .row {
    display: block;
}
.teamCon {
    background: white;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    margin: 5px 0;
}
.tabFromTop {
   margin-top: 0 ;
   padding-bottom: 5px;
}
.teams-visable .tabFromTop {
    margin-top: 45px;
}
.teamCon h5 {
    font-weight: 300;
}
#usersList{
    margin-bottom:0;
}
#userPermEmail {
    display:none;
}
.teamBlock {
    height: 100px;
    margin: 10px 10px;
    display: inline-block;
    float: none;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    border-radius: 2%;
    padding: 0 !important;
    opacity: 1;
    transition: 0.5s;
    cursor: pointer;
}
#teamBody tr:hover {
    background-color: rgba(79,195,247,0.1);
}
.unassignedBtn{
    background:red !important;
    color: white !important;
}
.groupboxDisplay {
    visibility: hidden;
    max-height: 0px;
    transition: 0.3s;
    transition: max-height 0.3s, opacity 0.3s;
    opacity:0;
}
.groupboxDisplay-visable{
    max-height:1000px;
    opacity:1;
}
.teamDropdown {
    font-size: 14px;
}
.teamBlock:hover {
    opacity: 0.75;
    box-shadow: 0 5px 8px rgba(0,0,0,.55);
}
td {
    text-align: center !important;
    padding: 1.1rem 0 1rem;
    color: #4f4f4f;
    font-size: .8rem;
}
.table thead th {
    text-align: center;
    TEXT-TRANSFORM: uppercase;
    font-size: 10px;
}
.btn-expo {
    background: #273238;
    color: white;
    box-shadow: none;
    border: none;
    width: 150px;
    text-align: center;
    padding: .84rem 0 .84rem !important;
    font-size: .71rem !important;
    opacity: 0.7;
    text-transform: uppercase;
    border-radius: .325rem !important;
    font-weight: 500;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;
    transition: 0.5s;
    margin-right: 5px;
}
.btn-expoxl {
    background: #273238;
    color: white;
    box-shadow: none;
    border: none;
    text-align: center;
    padding: 0.84rem 1.5rem !important;
    font-size: 0.71rem !important;
    opacity: 0.7;
    text-transform: uppercase;
    border-radius: 0.125rem !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}
.btn-expoAlt {
    background: #273238;
    color: white !important;
    box-shadow: none;
    border: none;
    width: 100%;
    transition: 0.5s;
    text-align: center;
    padding: 0.84rem 0.84rem 0.84rem !important;
    font-size: 0.81rem !important;
    opacity: 0.8;
    text-transform: uppercase;
    border-radius: 0.325rem !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}
.btn-expo:hover, 
.btn-expoAlt:hover, 
.btn-expoxl:hover {
    opacity: 1;
    color: white;
    transition: 0.5s;
}
.teamIcon {
    font-size: 25px;
    color: black;
}
.avatarCon {
    border-radius: 100%;
    height: 25px;
    width: 25px;
}
.compAll {
    background: radial-gradient(#757575, rgb(39, 50, 56));
    /*background: radial-gradient(#BDBDBD, #9e9e9e) !important;*/
    color: white;
    text-align: center;
    font-weight: 300;
    padding-top: 30px !important;
}
.compAll h2 {
    font-weight: 300;
}
.comp1 img {
    height: 100px;
    width: 100%;
    object-fit: cover;
}
.teamBlockLip {
    background: rgba(39, 50, 56, 0.7);
    height: 35px;
    color: white;
    padding: 5px;
    position: absolute;
    width: 100%;
}
.teamBlockLip h5 {
    font-weight: 300;
}
#btnManageDiv {
    padding: 7px;
}
.searchbar {
    float: right;
}
.titleDiv {
    color: grey;
    padding: 10px 0 0 15px !important;
}
.titleDiv h5 {
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;
}
.titleTeamDiv {
    margin-bottom: -5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-top: 0px;
    background: white;
    padding: 0px !important;
    height: 0;
}
.teams-visable .titleTeamDiv {
    margin-top: 5px;
    padding-bottom: 7px !important;
    height:auto;
    padding-bottom: 15px !important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#buttonUserCon {
    margin: 10px 0;
}
/* .titleDiv span {
    float: right;
    padding-right: 15px;
    cursor: pointer;
} */
#theadTeam {
    border-top: 2px solid white;
    padding: 1.1rem 0 1rem;
}
textarea:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) !important;
}
#textareaDiv button {
    margin-bottom: 10px;
}
.lastLoginTd {
    font-size: 12px;
}
.btn-demo {
    margin: 0 2.5px;
}
/***Team Sidebar Modal*****/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}
.modal.left .modal-content,
.modal.right .modal-content {
    height: 100vh;
    overflow-y: auto;
}
.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}
.modal.right.fade .modal-dialog {
    right: 0px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.in .modal-dialog {
    right: 0;
}
/* ----- MODAL STYLE ----- */
#inviteUserEvents, 
#addUsertoTeam, 
#editUsertoTeam, 
#inviteShowMgmtEvents, 
#addShowManagertoTeam,
#changeTeamUsersTeam {
    padding: 15px 35px;
    border: 1px solid lightgrey;
}
#inviteUserEvents > label:nth-of-type(1),
#inviteShowMgmtEvents label:nth-of-type(1) {
	display: block;
	margin-right: -20px;
}
#inviteUserEvents label,
#addUsertoTeam label,
#editUsertoTeam label,
#inviteShowMgmtEvents label,
#addShowManagertoTeam label,
#changeTeamUsersTeam label {
	display: block;
}
.modal-title {
    font-weight: 400;
    letter-spacing: 0.15px; 
    font-size: 20px;
}
.form-group label {
    font-weight: 400;
}
.modal-content {
    border-radius: 0;
    border: none;
}
#assignEventCreateTeam, 
#assignEventUserFormGroup, 
#UTEventsTeams, 
#UUTEventsTeams, 
#UnassignEventUserFormGroup {
    padding: 0 20px;
}
#assignPermssioneventIdentifier {
    display: none;
}
.teamActive {
    opacity: 1;
    border: 3px solid #F06292;
    transition: 0.3s;
}
label[for=assignPermssioneventIdentifier] {
    font-size: 1.25rem;
    padding: 5px 0;
    color: grey;
    margin-left: -15px;
}
#UnassignEventUserFormGroup {
    padding-bottom: 10px;
}
#UserPermissionsFormGroup, 
#teamPermissionsFormGroup {
    padding: 0 10px;
}
.badge {
    cursor: default;
}
#overlayFrame {
    width: 1901px;
    overflow: hidden;
    position: absolute;
    height: 1400px;
    padding:0;
}
#overlayCanvas {
    height: 1000px;
    position:absolute;
    z-index: 99999;
    width: 100%;
}
.konvajs-content canvas {
    z-index: 999;
}
.deleteOverlay, 
.deleteOverlayFile, 
.deleteCategory {
    text-align: center !important;
    color: #f44336;
    cursor: pointer;
}
.footerEdit i,
.categorySponsorshipEdit i,
.overlayEdit i {
    color: #4caf50;  
}
#thisImg {
    -moz-transform: scale(0.3);
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    transform-origin: top left;
}
.overlayBlock {
    height: 100px;
    margin: 10px 10px;
    background-size: cover !important;
    display: inline-block;
    float: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border-radius: 2%;
    border: 1px solid #212121;
    padding: 0 !important;
    opacity: 1;
    transition: 0.4s;
    cursor: pointer;
}
.overlayBlock p {
    font-weight: 400;
    font-size: 12px;
    background:rgba(0, 0, 0, 0.6);
}
.overlayBlock:hover {
    transition: 0.3s;
    opacity: 0.8;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.6);

}
.modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
    color: grey;
    border: 0;
}
#memberFilter input {
    margin-right: 75px;
    width: 95%;
    height: 10px;
    font-size: 12px;
    padding-bottom: 10px;
}
#memberFilter {
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: 15px;
}
#memberFilter i {
    padding: 0 !important;
    cursor: initial !important;
    color: inherit !important;
    float: left;
}
.teamRequired {
    color: red;
}
.invoiceDiv {
    background: #FAFAFA;
    padding: 10px;
    margin: 15px;
    position: relative;
    overflow: hidden;
}
#summaryBackdrop {
    background: url(/images/summary.png);
    position: absolute;
    right: -35px;
    top: -30px;
    transform: rotate(-25deg);
    min-width: 350px;
    min-height: 310px;
    background-size: cover;
    margin-top: -5px;
    opacity: 0.5;
}
#expoDelete {
    background: red;
    color: white;
    box-shadow: none;
    border: none;
    width: 100%;
    text-align: center;
    padding: 0.84rem 0.84rem 0.84rem !important;
    font-size: 0.81rem !important;
    opacity: 0.7;
    text-transform: uppercase;
    border-radius: 0.125rem !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}
#expoDelete:hover {
    opacity: 1 !important;
}
.verified-false:before {
    content: "\f057";
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    color: #f44336;
    padding-left: 5px;
}
.verified-true:before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    color: #4caf50;
    padding-left: 5px;
}
.fxSales-false:before {
    content: "";
    display: none;
}
.fxSales-true:before {
    content: "\f155";
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    color: #4caf50;
    font-weight: bold;
    padding-left: 5px;
}
.deleteModalMemberForm {
    padding: 10px;
    text-align: center;
}
.deleteModalMemberForm label {
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 10px;
}
#teamMemberList, 
#removeTeamMemberForm {
    padding: 0 20px;
    font-size: 12px;
    font-weight: 300;
}
#notesTab {
    height: 75px;
    width: 75px;
    margin: -43px -10px -10px 0px;
    position: absolute;
    border-radius: 10%;
    display: block;
    background: linear-gradient(60deg,#A57AFA,#5C6BC0);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14);
    padding-left: 16px;
    padding-top: 13px;
    text-align: center;
}
#notesTab:before {
    content: "\f303";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white;
    font-size: 30px;
    line-height: 50px;
}
#usersTab {
    height: 75px;
    width: 75px;
    margin: -43px -10px -10px 0px;
    position: absolute;
    border-radius: 10%;
    display: block;
    z-index: 10;
    /* background: linear-gradient(60deg,#589FFC,#4FC3F7);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14); */
    padding-top: 13px;
    text-align: center;
    font-weight: 900;
    color: white;
    font-size: 30px;
    line-height: 50px;
}
#usersTab:before {
    content: "\f0c0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white;
    font-size: 30px;
    line-height: 50px;
}
.tooltip.show {
    opacity: 1 !important;
} 
.tooltipP {
    padding-bottom: 0;
    display: table;
    line-break: strict;
}
#teamsTab {
    height: 75px;
    width: 75px;
    margin: 0;
    margin: -43px -10px -10px 0px;
    position: absolute;
    border-radius: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: linear-gradient(60deg,#F2353C,#FF666B);
    box-shadow: 0 4px 20px rgba(0,0,0,.14); */
    z-index: 10;
    padding-top: 1px;
    padding-right: 1px;
    text-align: center;
    font-weight: 900;
    color: white;
    font-size: 30px;
    line-height: 50px;
}
#teamsTab:before {
    content: "\f0e8";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white;
    font-size: 30px;
    line-height: 50px;
}
.h5Padding {
    padding-left: 85px;
}
/******************** WAVE EFFECT ***********/
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, 0.45);
}
.waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, 0.7);
}
.waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, 0.7);
}
.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, 0.7);
}
.waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, 0.7);
}
.waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, 0.7);
}
.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, 0.7);
}
/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple {
    z-index: -1;
}
#detailCompanyList td {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 1px;
}
#PersonSalesCompTable td{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 1px; 
}
.deep-modal{
    background: rgba(0,0,0,0.3);
    z-index: 1051;
}
#PersonSalesCompTable td:not(:last-child):hover{
    /* background-color: rgba(79, 195, 247, 0.11); */
    cursor: pointer;
}
@media only screen and (min-width: 992px) {
    #PersonSalesCompTable {
        border-collapse: separate;
        border-spacing: 0px 0px;
    }
}
 /***********************PROFILEPAGE**********************************/
/**personization layout***/
#profilePicture {
    overflow: hidden;
    border-radius: 100%;
    border: 2px solid #263238;
    margin: -125px auto 0;
    height: 200px;
    width: 200px;
    background: white;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
}
#profileImageUpload {
    border-radius: 100%;
    margin-top: -125px;
    left: 62px;
    height: 201px;
    width: 201px;
    position: absolute;
    opacity: 0;
    transition: 0.3s;
    cursor: pointer;
    z-index: 10;
}
#profileEditForm {
    width:100%;
}
#profileImageUpload:hover {
    transition: 0.3s;
    opacity: 1;
}
#profileImageUpload .upload-btn-wrapper {
    margin-top: 75px;
    border-radius: 100%;
}
#profileImageUpload:hover + .btn-expoSecAlt {
    opacity: 1;
}
#profileAvatar {
    border-radius: 100% !important;
    opacity: 0 !important;
}
.btnProfileUpload, 
#profileAvatar {
    background: #273238;
    color: white !important;
    border: none;
    width: 201px;
    margin-top: -75px;
    border-radius: 100%;
    height: 201px;
    transition: 0.5s;
    text-align: center;
    padding: 0.84rem 0.84rem 0.84rem !important;
    font-size: 0.61rem !important;
    opacity: 0.8;
    text-transform: uppercase;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}
.invalidMsg {
	display: none;
	color: #ff4336;
}
#AvailableDashboards label {
	display: block;
}
.dashDelete {
    color: red;
    padding-left: 5px;
    cursor: pointer;
}
.savedDashboardPull {
    cursor: pointer;
    font-size: 16px;
    opacity: 0.6;
    font-weight: 500;
    transition: 0.3s;
}
.savedDashboardPull:hover {
    opacity: 1;
    transition: 0.3s;
}
.savedDashboardPull:before {
    content: "\f083";
    font-weight:900;
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    padding-right: 10px;
    opacity: 0.6;
    transition: 0.3s;
}
[data-toggle="collapse"] {
    font-size: 16px;
}
#hiddenProfileInputs {
    display: none;
}
#layoutWelcome {
    padding: 11.5px 12px;
    /* font-weight: 500; */
    font-size: 18px;
    letter-spacing: 0.1px;
    color: #5d5d5d
} 
#welcomeLayoutName {
    font-weight: bold !important;
    padding-right: 20px;
}
#prevAvatarEdit {
    display: none;
}
/*************************/
#profileWrapper{
	margin-top: 125px;
}
#profileWrapperBody, #attendeeSignUpWrapperBody {
	padding: 0;
	position: relative;
}
#profileHeader {
	background: white;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	padding: 15px;
	color: grey;
	text-align: center;
}
#profileHeader h2:nth-of-type(2) {
	margin-top: -10px;
}
#profileMyTitle {
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0.1px;
	margin-bottom: 8px;
}
#profileRoles {
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 0.4px;
}
#profileHeader h2 {
	font-weight: 400;
	font-size: 40px;
	color: grey;
}
#profileClose, #attendeeSignUpClose {
	top: 0;
	position: absolute;
	z-index: 9;
	color: white;
	opacity: 1;
	padding: 10px;
	right: 0;
}
.profileSettings {
	margin: 0px 5px 20px;
	padding: 10px 10px 0;
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	width: 270px;
	cursor:pointer;
	background-color: white;
	box-shadow: 0px 0px 25px 1px rgba(50, 50, 50, 0.1);
}
.profileSettings a {
	display: block;
	font-weight: 500;
	color: grey;
	opacity: 0.7;
	padding: 5px 0;
}
.profileSettings a:hover {
	opacity: 1;
}
	.profileSettings i {
		font-size: 17.5px;
		padding: 0 10px;
	}

.profileIcon {
	padding: 10px;
	font-size: 25px;
}
/***Calendar****/
#profileCalendar {
	margin: 0 auto 0px;
	box-shadow: 0px 0px 25px 1px rgba(50, 50, 50, 0.1);
	padding: 1em 0 0;
	width: 200px;
	border-radius: 2px;
	animation: appear 500ms ease-out forwards;
}
#editProfileFirstName, #editProfileLastName {
    opacity: 0;
}
#editProfileFirstName i, 
#editProfileLastName i {
    font-size: 16px;
    padding: 0;
    margin-right: -30px;
}
#profileFirstName:hover + #editProfileFirstName{
    opacity:1;
}
.exhibProfile #profileFirstName:hover + #editProfileFirstName{
    opacity:0;
}
#profileLastName:hover + #editProfileLastName {
    opacity: 1;
}
#profileLastName:hover + #editProfileLastName {
    opacity: 0;
}
#profileLastName, 
#profileFirstName {
    cursor: pointer;
}
.datsun-input {
    width:100%;
    max-width: 225px;
    margin: 15px auto;
    display: none;
    border: none;
    background: var(--input-background);
    border-bottom: 1px solid #FAFAFA ;
    border-right: 1px solid #d6d6d6 ;
    border-left: 1px solid #d6d6d6 ;
}
.datsun-input:focus {
    transition: 0.3s;
    outline: none;
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) !important;
}
#editProfileBtn, 
#cancelProfileBtn, 
#saveTimezone, 
.profile-save-btn {
    display: none;
    margin: 0 auto 10px;
    border-radius: 10px;
    padding: 5px 35px;
    color: white;
    font-size: 10px;
    border: none;
    font-weight: bold;
    transition: all 0.3s;
}
.profile-save-btn{
    margin-top:15px;
}
#cancelProfileBtn {
    display: block;
}
#profileDay, 
#profileTime {
    background: linear-gradient(35deg, #F44336, #E53935);
    margin-top: -1em;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0.3em 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    color: white;
    letter-spacing: 1.5px;
}
#todayModal .modal-dialog {
    width:325px;
}
#todayModal .modal-content {
    overflow: visible;
    overflow-y: auto;
}
#profileTime {
    margin-top: 5px !important;
}
#profileMonth {
    margin-top: 0.5em;
    font-size: 1.5em;
    animation: title-appear 1s ease-out 500ms forwards;
    opacity: 0;
    color: grey;
    font-weight: 400;
}
#profileDate {
    font-size: 5em;
    margin: -5px 0;
    animation: title-appear 500ms ease-out 500ms forwards;
    opacity: 0;
    color: grey;
}
#profileZoneDisplay{
    color: grey;
}
/*#editProfileTab{
    font-weight: 400;
}*/

/* ** attendee forms rules moved to attendeeForms.css */

#editProfileTab #profileDepartment {
	margin: -7.5px 0 7.5px;
}
#notificationSettings {
    text-align: left;
    font-weight: 400;
}
#profileYear {
    font-size: 1.5em;
    animation: title-appear 1s ease-out 500ms forwards;
    opacity: 0;
    color: grey;
    font-weight: 400;
}
/***FEEDBACK*****/
.profileFace {
    cursor: pointer;
    font-size: 20px;
    padding: 15px 10px 10px;
}
.profileFace:hover {
    transform: scale(1.25);
    transition: 0.1s;
}
.profileFace.profileFaceSelected {
    transform: scale(1.50);
    transition: 0.1s;
}
#profileVeryHappy {
    color: #4CAF50;
}
#profileHappy {
    color: #8BC34A;
}
#profileNeutral {
    color:  rgb(220 209 3);
}
#profileUnhappy {
    color: #FFC107;
}
#profileVeryUnhappy {
    color: #FF5722
}
/***Event Widget***/
.event-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.event-card {
    margin: 0px 5px 20px;
    padding: 10px;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
    width: 270px;
    height: 100%;
    background-color: white;
    box-shadow: 0px 0px 25px 1px rgba(50, 50, 50, 0.1);
    animation: appear 500ms ease-out forwards;
}
.event-card h4 {
    font-weight: 400;
    color: grey;
    opacity: 0;
    transform: translateX(150px);
    animation: title-appear 500ms ease-out 500ms forwards;
}
.eventTab h5 {
    color: white;
}
.eventTab {
    width: 100%;
    color: white;
    margin: 5px 0;
    padding: 7px 5px;
    background: #589FFC;
    border-radius: 2px;
}
.eventTab:nth-of-type(even) {
    background: #28C0DE;
}
.eventTab i {
    color: white;
    font-size: 20px;
    transition: 0.2s;
}
.profileEventLink:hover i {
    transition: 0.2s;
    transform: scale(1.3);
}
/***Weather Widget*****/
.weather-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.weather-card {
    margin: 20px 5px;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
    width: 270px;
    height: 220px;
    background-color: white;
    box-shadow: 0px 0px 25px 1px rgba(50, 50, 50, 0.1);
    animation: appear 500ms ease-out forwards;
}
.weather-card h1 {
    position: absolute;
    font-weight: 300;
    font-size: 80px;
    color: #B8B8B8;
    bottom: 30px;
    left: 35px;
    opacity: 0;
    transform: translateX(150px);
    animation: title-appear 500ms ease-out 500ms forwards;
}
.weather-card p {
    position: absolute;
    font-weight: 300;
    font-size: 28px;
    color: #B8B8B8;
    bottom: 0;
    left: 35px;
    opacity: 0;
    animation: title-appear 1s ease-out 500ms forwards;
}
.weather-icon {
    position: relative;
    width: 50px;
    height: 50px;
    top: 0;
    float: right;
    margin: 40px 40px 0 0;
    animation: weather-icon-move 5s ease-in-out infinite;
}
.sun {
    background: #FFCD41;
    border-radius: 50%;
    box-shadow: rgba(255, 255, 0, 0.1) 0 0 0 4px;
    animation: light 800ms ease-in-out infinite alternate, weather-icon-move 5s ease-in-out infinite;
}
@keyframes light {
    from {
        box-shadow: rgba(255, 255, 0, 0.2) 0 0 0 10px;
    }

    to {
        box-shadow: rgba(255, 255, 0, 0.2) 0 0 0 17px;
    }
}
.cloud {
    margin-right: 60px;
    background: #C8DAE6;
    border-radius: 20px;
    width: 25px;
    height: 25px;
}
.cloud:after {
    content: "";
    position: absolute;
    border-radius: 10px;
    background-color: transparent;
    width: 4px;
    height: 12px;
    left: 0;
    top: 31px;
    transform: rotate(30deg);
}
@keyframes weather-icon-move {
    50% {
        transform: translateY(-8px);
    }
}
.inspiration {
    margin-top: 80px;
    color: #C8DAE6;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 24px;
    text-align: center;
}
a .inspiration {
    color: #FF8F8F;
    font-weight: 400;
    animation: all 300ms ease-in-out;
}
@keyframes appear {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.05)
    }

    75% {
        transform: scale(0.95)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes title-appear {
    from {
        opacity: 0;
        transform: translateX(150px);
    }

    to {
        opacity: 1;
        transform: translateX(0px);
    }
}
/*******************************COMPANIES*************************/
#companiesTopDiv {
    padding-top: 15px;
}
.compCon {
    background: white;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin: 60px 0;
    padding: 10px;
}
.chooseSettingTop {
    border-top: 3px solid #607D8B;
}
.filterTop {
    border-top: 3px solid #4FC3F7;
    border: 2px solid rgba(150,200,250, 0.7);
    border: 2px solid rgba(88,159,252, 0.8)
}
.comListTop {
    border-top: 3px solid #A57AFA;
}
.companyRow td:first-of-type {
    text-align: left;
}
.companyRow {
    cursor: pointer;
}
#companiesDiv td {
    width: 300px;
}
#companiesDiv i {
    cursor: pointer;
}
.companyRow:hover {
    background-color: rgba(79,195,247,0.1);
}
.compCon .form-group {
    width: 100%;
    padding: 5px 20px;
}
#CompanyNameLabel {
    padding-top: 15px;
}
.compCon h5 {
    padding-left: 85px;
    color: #858585;
    font-weight: 400;
}
.compCon .form-control:focus {
    box-shadow: none !important;
}
.compCon .form-group input, 
.compCon .form-group select {
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0;
}
.compCon .form-group input:focus, 
.compCon .form-group select:active {
    border-bottom: 2px solid lightblue;
    transition: 0.5s;
    outline: none;
}
#theadCompanies th {
    border-top: none;
}
#companyFilterTab {
    height: 75px;
    width: 75px;
    margin: -43px -10px -10px 0px;
    position: absolute;
    border-radius: 10%;
    display: block;
    background: linear-gradient(60deg,#589FFC,#4FC3F7);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14);
    padding-left: 16px;
    padding-top: 13px;
    text-align: center;
}
#companyFilterTab:before {
    content: "\f0b0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white;
    font-size: 30px;
    line-height: 50px;
}
#companyTableTab {
    height: 75px;
    width: 75px;
    margin: -43px -10px -10px 0px;
    position: absolute;
    border-radius: 10%;
    display: block;
    background: linear-gradient(60deg,#A57AFA,#5C6BC0);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14);
    padding-top: 13px;
    text-align: center;
}
#companyTableTab:before {
    content: "\f1ad";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white;
    font-size: 30px;
    line-height: 50px;
}
/********Company Details******/
.compcard {
    padding-top: 10px;
    padding-bottom: 40px;
}
.system-notice {
    font-size: smaller;
    font-style: italic;
    text-align: right;
}
/*******************************SETTINGS*************************/
.mailcard, 
.mailcard2 {
    padding: 10px 30px 40px;
    border: none;
}
.mailcardAlt {
    padding: 10px 30px 40px;
    border: none;
}
.mailCon {
    background: white;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    padding: 15px 45px 40px;
}
.editEmailTemplates {
    padding: 10px;
}
.mailCon h5 {
    padding-left: 85px;
    color: #858585;
    font-weight: 400;
}
.mailCon small:not(.mailconExempt) {
    color: #212121;
    text-transform: uppercase;
    font-weight: 700;
}
/* removed for app settings page */
/* .mailCon .row {
    padding: 0 10px;
} */
.mailCon textarea {
    height: 100%;
}
.settingsVert {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.required-asterisk {
    color: #E62020;
    padding-left: 2px;
}
#updateFloorplanDisplaySettings {
    margin-top: 40px;
    transition: all 0.3s;
}
.appSettingTitleTab {
    height: 75px;
    width: 75px;
    margin: 0;
    position: absolute;
    border-radius: 10%;
    display: block;
    /* background: linear-gradient(60deg, #589FFC, #4FC3F7);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14); */
    padding-top: 13px;
    text-align: center;
    font-weight: 900;
    color: white;
    font-size: 30px;
    line-height: 50px;
}
.appSettingTitleTab:before {
    font-weight: 900;
    color: white;
    font-size: 30px;
    line-height: 50px;
}
.appSettingTitleTab i{
    z-index: 3;
    position: relative;
    margin-left:-5px;
}

.appSettingTitleTab svg{
    height: 108px;
    width: 108px;
    margin-top:-15px;
    margin-left:-20px;
    z-index: 0;
    position: absolute;
    top:0;
    left:0;
    transform: rotate(190deg);
}
#floorplanDisplayTab {
    height: 75px;
    width: 75px;
    margin: -43px -10px -10px 0px;
    position: absolute;
    border-radius: 10%;
    display: block;
    background: linear-gradient(60deg,#FF666B,#F06292);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14);
    padding-left: 16px;
    padding-top: 13px;
    text-align: center;
}
#floorplanDisplayTab:before {
    content: "\f06e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white;
    font-size: 30px;
    line-height: 50px;
}
#mailServerTab {
    height: 75px;
    width: 75px;
    margin: -43px -10px -10px 0px;
    position: absolute;
    border-radius: 10%;
    display: block;
    background: linear-gradient(60deg, #A57AFA, #5C6BC0);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14);
    padding-left: 16px;
    padding-top: 13px;
    text-align: center;
}
#mailServerTab:before {
    content: "\f233";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white;
    font-size: 30px;
    line-height: 50px;
}
#transactionTab {
    height: 75px;
    width: 75px;
    margin: -43px -10px -10px 0px;
    position: absolute;
    border-radius: 10%;
    display: block;
    background: linear-gradient(60deg, #A57AFA, #5C6BC0);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14);
    padding-left: 16px;
    padding-top: 13px;
    text-align: center;
}
#transactionTab:before {
    content: "\f555";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white;
    font-size: 30px;
    line-height: 50px;
}
#chooseSettingTab {
    height: 75px;
    width: 75px;
    margin: -43px -10px -10px 0px;
    position: absolute;
    border-radius: 10%;
    display: block;
    background: linear-gradient(60deg,#607D8B,#546E7A);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14);
    padding-left: 16px;
    padding-top: 13px;
    text-align: center;
}
#chooseSettingTab:before {
    content: "\f085";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white;
    font-size: 30px;
    line-height: 50px;
}
.floorplanDisplayTop {
    border-top: 2px solid #dadada;
    border-left: 2px solid #dadada;
    border-right: 2px solid #dadada;
}
#gatewayTab {
    height: 75px;
    width: 75px;
    margin: -43px -10px -10px 0px;
    position: absolute;
    border-radius: 10%;
    display: block;
    background: linear-gradient(60deg,#00bb00,#228B22);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14);
    padding-left: 16px;
    padding-top: 13px;
    text-align: center;
}
#gatewayTab:before {
    content: "\f09d"; /* credit card */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white;
    font-size: 30px;
    line-height: 50px;
}
.gatewayTop {
    border-top: 3px solid #228B22;
}
#gatewayDiv {
    margin-top: 30px;
}
/***************************************Application Settings******************************/
.dep {
    position: absolute;
    bottom: 0px;
}
.vert-rule {
    height: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 20px;
    background-color: lightgray;
    width: 2px;
}
.addButton {
    position: absolute;
    bottom: 5px;
    padding: 10px 10px 10px 10px;
}
.delButton {
    margin-bottom: 60px;
    background-color: red;
    opacity: 0.4;
}
#delMailServersChecks {
    margin: 10px 10px 10px 10px;
}
#delMailServersChecks input,
#delPaySetChecks input {
    margin-top: 3px;
}
.testTran, 
.exportTile {
    display: none;
    margin-top: 20px;
    padding: 10px;
    background: #F5F5F5;
    border-radius: 5px;
}
/***********************IMPORT/EXPORT******************************************/
#importExportTab, .importTab {
	height: 75px;
	width: 75px;
	margin: -43px -10px -10px 0px;
	position: absolute;
	border-radius: 10%;
	display: block;
	background: linear-gradient(60deg,#FF666B,#F06292);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14);
	padding-top: 13px;
	text-align: center;
}
#importExportTab:before {
	content: "\f56f";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: white;
	font-size: 30px;
	line-height: 50px;
}
	.importTab:before {
		content: "\f382";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		color: white;
		font-size: 30px;
		line-height: 50px;
	}

#importExportForm, .importExportForm {
	margin-top: 40px;
}
.importExportDiv {
    background: white;
    padding: 10px;
}
/********************Expocad Chat*************************/
#expocadChatTab {
    height: 75px;
    width: 75px;
    margin: -43px -10px -10px 0px;
    position: absolute;
    border-radius: 10%;
    display: block;
    background: linear-gradient(60deg,#589FFC,#4FC3F7);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14);
    padding-left: 16px;
    padding-top: 13px;
    text-align: center;
}
.messageCon {
    background: white;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin: 60px 0;
}
.messageCon h5 {
    margin-left: 85px;
}
#messageToolbar {
    background: #eee;
    padding: 0;
}
#messageNav {
    padding: 0;
    margin: 0;
}
#messageNav i {
    color: dimgrey !important;
}
#messageNav .nav-link {
    color: dimgrey;
    opacity: 0.6;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0;
    padding: 17px 20px 0 0;
    border-radius: 0;
    font-size: 12px ;
    font-weight: 500;
    height: 50px;
    transition: 0.3s;
    text-align: center;
    border-radius: 2px;
}
#messageNav .nav-link:nth-of-type(1) {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#messageNav .nav-link:hover {
    opacity: 0.8;
    transition: 0.3s;
    background: rgba(255, 255, 255, 0.5);
}
#messageNav .nav-link.active {
    color: dimgrey;
    background: white;
    border-left: 2px solid #4FC3F7;
    opacity: 1;
}
#expocadChatTab:before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white;
    font-size: 30px;
    line-height: 50px;
}
#expocadChatDiv .tab-content {
    padding: 5px 0;
}
#messageUsers, 
#messageTeams {
    max-height: 590px;
    overflow: auto;
}
#messageToolbar .tab-content {
    padding: 5px 0px 5px 5px;
}
.expocadChatLi .badge {
    margin-right: 5px;
    margin-top: 15px;
}
#messageUsers p, 
#messageTeams p, 
#messageEvents p, 
#messageAnnoucements p {
    text-transform: uppercase;
    opacity: 0.8;
    font-size: 10px;
    font-weight: 400;
    color: dimgrey;
    margin: 0;
    margin-left: 5px;
}
#chatToolbar {
    background: white;
    height: 50px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
#chatToolbar p {
    color: grey;
    font-weight: 400;
    font-size: 14px;
    padding: 17.5px;
    margin: 0;
}
.expocadChatLi {
    list-style: none;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 11px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.expocadChatLi:hover {
    background: #FAFAFA;
}
.expocadChatLi img {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    padding: 5px;
}
.theExpocadChat {
    overflow: auto;
    max-height: 550px;
    padding: 50px 15px 0 15px;
    font-size: 14px;
    letter-spacing: 0.25px;
    font-weight: 400;
}
.theExpocadChat img {
    border-radius: 100%;
    height: 40px;
    width: 40px;
}
.chatFromYou {
    margin: 25px 0;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    color: white;
    animation: messageMade 200ms;
}
.chatFromYou p {
    background: #0277BD;
    padding: 10px 15px;
    border-radius: 15px;
    border-top-left-radius: 0;
    margin: 0 10px;
}
.chatToYou {
    margin: 25px 0;
    display: flex;
    justify-content: flex-end;
    color: white;
    width: 100%;
    animation: messageMade 200ms;
}
.chatToYou p {
    background: #2E7D32;
    padding: 10px 15px;
    border-radius: 5px;
    border-top-right-radius: 0;
    margin: 0 10px;
}
@keyframes messageMade{
    0%{
        transform:scale(0);
    }
    100%{
        transform:scale(1);
    }
}
.chatToYou small, 
.chatFromYou small {
    display: block;
    color: rgba(255, 255, 255, 0.8);
}
#expocadChatWindow {
    height: 590px;
    background: #FAFAFA;
    margin-bottom: 10px;
    padding-right: 0;
}
#expocadChatForm {
    bottom: -5px;
    display: flex;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    width: 100%;
    left: 0;
    background: white;
}
#sendButton {
    background: none;
    border: none;
    font-size: 30px;
    color: #4FC3F7;
    margin: 5px 15px 0;
}
#expocadChatWindowInput {
    border-top: none;
    border-left: 0;
    border-right: 0;
    width: 100%;
    padding-top: 5px;
    padding-left: 15px;
}
#expocadChatWindowInput:focus {
    border-bottom: 1px solid #4FC3F7;
    transition: 0.3s;
    outline: none;
    box-shadow: 0;
}
.MyExpocadChat {
    color: white;
    display: block;
    padding-right: 85%;
}
.MyExpocadChat p {
    padding: 10px;
    background: #4FC3F7;
    border-radius: 10px;
    font-size: 14px;
}
.ResponseExpocadChat {
    color: white;
    text-align: right;
    display: block;
    padding-left: 82%;
}
.ResponseExpocadChat p {
    background: dimgrey;
    padding: 10px;
    border-radius: 10px;
    font-size: 14px;
}
/**********************EVENT DETAILS********************/
#detailsInventory, 
#detailsNonInventory, 
#detailsCombined, 
#detailsFinance, 
#detailsBoothTypes, 
#detailsFinancial, 
#detailsInventoryIndex {
    padding: 5px 10px;
}
#detailsIntroDiv {
    border-top: 3px solid #4CAF50;
    display: flex;
    align-content: center;
}
#detailsCompBoothList {
    border-top: 3px solid #5C6BC0;
}
.parentCatSpan{
    display: block;
}
::-webkit-scrollbar {
    width: 8px;
    height: 10px;

  }
  ::-webkit-scrollbar-thumb {
    border-radius: 8px;
    /* background: #c2c9d2; */
  }
#detailsSummaries {
    border-top: 3px solid #4FC3F7;
}
#detailsTasksDiv {
    border-top: 3px solid #3f51b5;
}
#detailsNofitications {
    border-top: 3px solid #F06292;
    padding: 0;
}
#detailsMessageBoardHead {
    border-top: 3px solid #FF666B;
    padding:0;
}
#checkoutForm {
    padding: 15px;
}
#checkoutModal .modal-content, #checkoutCheckModal .modal-content {
    border: 3px solid #00BCD4;
    border-radius: 10px;
    max-height: 93vh;
}
#checkoutModalBody{
    padding-top:none;
}
#checkoutModalBodyCard{
    padding-bottom:15px;
    height:30px;
    margin-top:-15px;
}
#checkoutModalBodyCard .jp-card-container{
    margin-top:-100px;
}
#detailsStatsDiv {
    border-top: 3px solid #00BCD4;
}
#detailboardInner {
    width: 63vw;
    margin-bottom: 50px;
    color: #4f4f4f;
}
#visitor-stats #detailboardInner{
    width: 100%;
}
#detailsTitleDiv{
    text-align: center;
    padding: 20px 20px 5px;
}
#detailsTitleDiv small {
    font-weight: 400;
    letter-spacing: 1px;
}
#detailsTitleDiv h3 {
    font-weight: 400;
    margin-bottom: 0;
    margin-top: -5px;
}
.event-btn-spinner{
    position: absolute;
    top: -105px;
    right: 7vw;
    border-color: lightgray;
    border-top: 3px solid #8C9EFF;
    padding:25px;
}
.detailsIcon {
    color: #4f4f4f;
    font-size: 12px;
    cursor: pointer;
    margin: 0 5px;
    min-width: 130px;
}
.detailsIcon a {
    color: #273238;
    opacity: 0.7;
    transition: 0.3s;
    font-weight: 500;
}
.detailsIcon a:hover {
    opacity: 1;
    transition: 0.3s;
    text-decoration: none;
}
#detailsIconDiv .detailsIcon a {
    color: rgba(39,50,56,0.7);
    opacity: 1;
    background-color: rgba(220,220,220, 0.65);
    transition: 0.3s;
    font-weight: 500;
    
}
#detailsIconDiv .detailsIcon a:hover {
    opacity: 1;
    transition: 0.3s;
    text-decoration: none;
    color: rgb(39,50,56);
    background-color: rgba(220,220,220, 1);
    box-shadow: 0 0px 2px 0px rgb(0,0,0);
}
#detailsIconDiv {
    text-align: center;
    margin-top: 0px;
}
#floorplanPreviewDetails {
    width: auto;
    height: auto;
    /* margin-left:; */
    min-height: 160px;
    max-width: 100%;
    max-height: 172px;
    aspect-ratio: auto;
}
@media only screen and (min-width: 2099px) {
    /* #floorplanPreviewDetails {
        margin-left: -20%;
    } */
}
@media only screen and (min-width: 2699px) {
    /* #floorplanPreviewDetails {
        margin-left: 0;
    } */
}
#detailsStatsDiv .overlay {
    height: 100%;
    background-color: rgba(37, 37, 37, 0.9);
}
#detailsStatsDiv a:hover {
    color: white;
    opacity: 1;
    text-decoration: none;
}
#eventWidgetHead {
    text-transform: uppercase;
    text-align: left;
    padding: 15px 10px 5px;
    font-size: 0px;
    font-weight: 700;
    letter-spacing: 1.5px;
    top: 0;
    position: sticky;
    z-index: 2;
    background: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
#eventWidgetHead h5 {
    font-weight: 700;
    font-size: 10px;
    padding-left: 10px;
}
.addExhibBtn {
    text-transform: uppercase;
    transition: 0.5s;
    font-size: 10px;
    opacity: 1;
    height: 40px;
    width: 140px;
    background: #5C6BC0;
    color: white;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.addExhibBtn:hover {
    transition: 0.5s;
    border: 1px solid #5C6BC0;
    color: #5C6BC0;
    background: white;
}
.detailSummariesLabel {
    margin: 0 10px;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    margin-left: 5px;
}
.detailsInputs {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    background:none;
}
.detailsInputs:focus {
    outline: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid lightgrey;
}
.messageBox {
    padding: 10px;
    height: 100%;
    border-bottom: 1px solid lightgrey;
    font-size: 12px;
    padding: 15px 25px;
}
.messageBox:hover{
    background:rgba(211, 211, 211, 0.2);
}
.messageBoxTime {
    font-size: 10px;
    display: block;
    font-weight: 400;
    color: #757575;
}
.messageBox p {
    padding-top:5px;
    margin-bottom:5px;
}
.messageBox small {
    font-weight:700;
}
#messageBoxEnter {
    position: sticky;
    bottom: 0;
    background: #FF666B;
    padding: 6px 10px 5px 20px;
    width: 100%;
    height: 50px;
    left: 0;
}
#messageBoxEnter input {
    background: white;
    border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border: none;
    margin-top: 0;
    padding-bottom: 8px;
}
#messageBoxSend {
    color: white;
    border: none;
    font-size: 25px;
    background: none;
}
#messageBoxEnter input::-webkit-input-placeholder {
    color: grey;
    font-size: 12px;
}
.detailsActivity {
    display: block;
    padding: 15px 25px;
    font-size: 12px;
    border-radius: 1%;
    font-weight: 400;
    padding: 15px 25px;
    color: #757575;
    border-bottom: 1px solid lightgrey;
}
#detailsSummaries .nav-pills .nav-link.active, 
.nav-pills .show > .nav-link i {
    color: white !important;
    background: #4FC3F7;
    border-radius: 0;
    opacity: 1 !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    transition: 0.3s;
}
#detailsCompBoothList .nav-pills .nav-link.active, 
.nav-pills .show > .nav-link i {
    color: white !important;
    background: #5C6BC0;
    border-radius: 0;
    opacity: 1 !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    transition: 0.3s;
}
#detailsCompBoothList .nav-link {
    color: white;
    text-transform: uppercase;
    font-size: 10px ;
    font-weight: 700;
    padding: 8px 0;
    border-radius: 0;
    background: #5C6BC0;
    opacity: 0.4;
    justify-content: center;
    align-items: center;
    column-gap: 6px;
}
.detailstd {
    text-align: left !important;
    text-transform: capitalize;
    padding: 5px 10px;
    cursor: pointer;
}
#detailCompanyHead {
    text-align: left;
    border-top: none;
}
td[data-target="#companyInformationModal"]:hover {
    background-color: rgba(79, 195, 247, 0.1);
}
/* td[data-target="#companyInformationModal"]:first-child:hover {
    background-color: transparent
} */
.detailstd:hover {
    background-color: rgba(79, 195, 247, 0.1);
}
.detailsCompanyRow:hover {
    background-color: rgba(79, 195, 247, 0.1);
}
.detailsCompanyRow a {
    cursor: pointer;
}
.cardTableHoverTool{
    top:100% !important;
    bottom: revert !important;
}
.shareSocial .shareBtn{
    z-index: 1100;
}
#detailsCompBoothList i {
    padding: 0 !important;
    cursor: initial !important;
    color: inherit
}
#detailsCompBoothList .fa-filter {
    margin-top: 10px;
    font-size: 20px;
}
#detailsCompBoothList i:hover {
    transform: none !important;
}
#detailsCompBoothList a:hover {
    transition: 0.3s;
    opacity: 0.6;
}
#detailsNav {
    padding: 0 !important;
    position: sticky;
    top: 0;
    background: white;
    z-index: 1;
}
/* #clauseTab {
    display: none
} */
#detailsCompFilter {
    display: -webkit-box;
    padding: 0 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}
#detailsCompFilter input {
    margin: 0 10px;
    width: 85%;
}
#detailsSummaries i {
    padding: 0 !important;
    cursor: initial !important;
    color: white !important
}
#detailsSummaries a {
    border-radius: 0;
    background: #4FC3F7;
    opacity: 0.4;
    transition: 0.3s;
    justify-content: center;
}
#detailsSummaries a:hover {
    transition: 0.3s;
    opacity: 0.6;
}
#detailsSummaries i:hover {
    transform: none !important;
}
#detailsNav i {
    padding:0;
}
.detailsCompanyRow {
    text-align: left !important;
    padding: 10px;
}
.detailSummariesHeader {
    font-weight: 400;
    margin-top: 10px;
    padding-left: 5px;
    letter-spacing: 0.25px;
} 
#detailsTable {
    padding: 1.1rem 0 1rem;
}
#detailsTable th {
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    border-top: none;
}
#detailCompanyList tr:hover, #PersonSalesCompTable tr:hover:not(.selectedPerson) {
    background-color: rgba(79, 195, 247, 0.1);
}
#detailCompanyList tr:nth-of-type(1):hover {
    background-color: white;
}

.deetsTableHead {
    padding: 1.1rem 0 1rem;
}
.deetsTableHead th {
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    border-top: none;
}
.deetsTableHead tr:hover{
    background-color: rgba(79, 195, 247, 0.1);
}
.deetsTableHead tr:nth-of-type(1):hover {
    background-color: white;
}
@media only screen and (min-width: 992px) {
    .deetsTableHead {
        background: #ffffff;
        z-index: 1;
        position: sticky;
        top: 0;
    }
}

.btn-invoice{
    /* width: 90%; */
    max-width:45px;
    font-size: 1.75rem !important;
    padding-top: 0.125rem !important;
    padding-bottom: 0.125rem !important;
    background:transparent;
    box-shadow: none; 
    color:rgb(39, 50, 56);
    opacity:0.8;
    transition: all 0.54;
}
.btn-invoice:hover{
    opacity:0.70;
    transition: 0.54s;
    cursor: pointer;
    background-color: rgba(133, 133, 133, 0.2);
}
#detailsCompBoothList .btn-invoice i:hover{
    cursor: pointer !important;
}
.boothTypesName {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
#taskAdd {
    float: right;
    font-size: 10px;
    opacity: 0.8;
    cursor: pointer;
    margin-top: -22px;
    transition: 0.3s;
}
#taskAdd:hover {
    opacity: 1;
    transition: 0.3s;
}
/**********************SUBSCRIPTION AND BILLING************************/
#subscriptionWidgetHead {
    text-transform: uppercase;
    text-align: left;
    padding: 15px 10px 10px;
    font-size: 0px;
    font-weight: 700;
    letter-spacing: 1.5px;
    top: 0;
    position: sticky;
    z-index: 2;
    background: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
#subscriptionWidgetHead small {
    font-weight:700;
}
#subscriptionColorDiv {
    border-top: 3px solid #00BCD4;
    border-radius: 10px;
}
#subscriptionIntroDiv {
    border-top: 3px solid #00BCD4;
    padding: 10px;
    font-weight: 300;
    letter-spacing: -1.5px;
    color: white;
    background: linear-gradient(to left, rgba(0, 188, 212, 0.8), rgba(0, 188, 212, 0.9)), url(/images/17_Sample_Screen.png);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    background-position:center;
}
#subscriptionIntroDiv h1 {
    font-weight: 300;
    letter-spacing: -1.5px;
    padding-top: 20px;
}
#subscriptionIntroDiv p {
    letter-spacing: 0.25px;
    padding-left: 5px;
    font-size: 12px;
    font-weight: 500;
}
#subscriptionIntroDiv i {
    float: right;
    font-size: 20px;
    color: white;
}
#subscriptionColorDiv button {
    bottom: 0;
    position: absolute;
    z-index: 2;
}
.subscriptionPrice {
    font-weight: 700;
    letter-spacing: 0.4px;
    text-align: center;
    padding-top: 10px;
    color: #0097A7;
}
.billingslash {
    text-decoration: line-through;
    opacity:.6;
    color: lightgrey;
}
.subscriptionList {
    padding: 0px 10px 10px;
}
.subscriptionBGIcon {
    opacity: 0.1;
    font-size: 150px;
    z-index: -1;
    position: absolute;
    left: 10px;
    padding: 10px;
    top: 40px;
}
.bold {
    font-weight:700
}
#subscriptionList{
    padding:10px;
}
#subscriptionList h5 {
    border-top: 1px solid lightgrey;
    padding: 15px 10px 5px;
}
#subscriptionList li {
    padding: 5px;
    margin: 0;
}
.subscriptionList li {
    padding: 15px 30px;
    list-style-type: none;
    font-size: 14px;
    font-weight: 400;
}
.subscriptionList li i {
    color:lightgreen;
}
.itemUnactive {
    opacity: 0.5;
}
#detailsBoothTable th {
    font-weight: 700;
    font-size: 10px;
    text-align: left;
    text-transform: uppercase;
    border-top: none;
}
#subscriptionCart button {
    bottom: 0;
    position: absolute;
    z-index: 2;
}
.billingContact {
    opacity: 0.8;
    bottom: 0;
    position: fixed;
    right: 0;
    padding: 5px 20px;
    font-size: 12px !important;
    letter-spacing: 0.4px !important;
    transition: 0.3s;
    color: white;
    font-weight: 500;
}
.billingContact:hover {
    opacity: 1;
    transition: 0.3s;
    color: white;
}
#subscriptionCart {
    border-radius: 10px;
    border: 3px solid #00BCD4;
}
/******************************EXHIBITOR INFO PAGE*****************/
#exhibitorInfoWrapper small {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 10px;
    font-weight: bold;
}
.erc-tab li, 
.selection-tab li {
    padding: 15px 25px 10px;
    color: white !important;
    opacity: 0.65;
    transition: 0.3s;
    margin: 0 1px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: white !important;
    font-weight: 500;
    cursor: pointer;
    border-bottom: 1px solid white;
}
.erc-tab li:hover, 
.selection-tab li:hover {
    opacity: 0.88;
    transition: 0.3s;
}
.erc-tab li .active, 
.selection-tab li .active {
    opacity: 1 !important;
}
.erc-tab li {
    background: whitesmoke;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
.selection-tab li {
    background: #3f51b5;
}
#exhibitorInfoWrapper h2 {
    color: white;
    font-weight: 300;
    letter-spacing: -0.5px;
}
#exhibitorInfoIntro .row {
    padding: 0px;
}
#exhibitorInfoWrapper h1 {
    font-weight: 300;
    padding-bottom: 10px;
}
#exhibNameWrapper {
    background: linear-gradient(to left, lightgray, lightgray 50%);
    color: #FAFAFA;
    padding: 35px 0 15px 15px;
    background-size: cover;
    letter-spacing: 0.25px;
}
#exhibNameWrapper h1 {
    font-weight:400;
}
#exhibitorFirstName {
    font-weight: 700;
}
#exhibCompanyInfoWrapper, 
#salesContextOverview, 
#exhibitorResourceCardsDiv {
    padding: 0px 15px 15px;
    border-radius: 5px;
    margin-top: 0px;
}
#exhibitorResourceCardsDiv{
    padding-top:15px;
}
#exhibCompanyInfoWrapper {
    padding: 0px 0px 15px 0;
}
.exhibiResourceImg {
    max-width: 100%;
    max-height: 500px;
}
.exhibResourceCardTop {
    border-top: 3px solid #F33446 !important;
}
.exhibResourceCardReqDoc{
    border-top: 3px solid #aa0967 !important;
}
#exhibGridCard {
    padding: 0px;
    border-top: 3px solid #FFEE58;
    margin-bottom: 1rem;
}
#myBoothsTableDiv table{
	margin-bottom: 0;
}
#exhibInvoiceDiv {
    padding: 0px; 
    border-top: 3px solid #26C6DA;
}
#detailsLinkSettings {
    display: none;
}
.eventSettingsLink {
    display: none;
    opacity:1;
    min-height: 60px;
    align-items: center;
}
.eventSettingsLink i{
    opacity:1;
}
.eventSettingsLink:hover i{
    transition: 0.3s;
    opacity:0.8;
}
.eventSettingsLink .hoverToolTip{
    margin-top:-2px;
    z-index: 21;
}
#toggleUrlDiv {
    padding: 10px 5px;
    background: red;
    color: white;
}
#toggleUrlDiv label{
    font-weight: bold;
}
#adminExhibContact {
    padding: 0px;
    border-top: 3px solid #9c27b0;
}
#adminExhibContact p {
    margin: 14px;
    margin-left: 0;
}
.ERC-yellow-card {
    border-top: 3px solid #ff9800;
}
.ERC-yellow-card .pt-3{
    padding-bottom: 0 !important;
}
.ERC-blue-card {
    border-top: 3px solid #3f51b5;
}
.ERC-blue-card .pt-3 {
    padding-bottom: 0 !important;
}
.companyLabelDiv{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.companyLabelDiv .datsun-input {
    font-size: 1.4rem;
    font-weight: 400;
}
.companyLabelDiv .edit-buttons {
    margin-top: -13px;
    width: 40px;
    height: 40px;
    color: rgba(0, 0, 0, 1);
    font-size: 92%;
}
#edit-all-sales{
    margin-top: -8px;
}
.note-editor.note-airframe, .note-editor.note-frame{
    border: 1px solid #546c78 !important;
    box-shadow: 0 2px 19px -15px;
    border-radius: 10px;
}
.note-statusbar{
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
.edit-all{
    border-radius: 30px;
    border: 2px solid #e2e2e2;
    background-color: #e2e2e2;
    transition: all 0.3s;
    /* margin-top: 0px;
    margin-left: -5px; */
}
.edit-all:hover{
    background-color: transparent;
    border-color: #2facff;
}
.filepond--root .filepond--credits[style] {
    visibility: hidden;
}
.companyLabelDiv .edit-buttons i {
    width: 28px;
    height: 20px;
    font-size: 1.3rem;
    text-align: right;
    transition: 0.2s;
    transition-timing-function: ease-out;
    margin-top: 8px;
    margin-left: 2px;
}
.companyLabelDiv #edit-all-sales i {
    width: 28px;
    height: 20px;
    font-size: 1.3rem;
    text-align: right;
    transition: 0.2s;
    transition-timing-function: ease-out;
    margin-top: 8px;
    margin-left: 1px;
}
.contactLabelDiv {
    margin-top: 15px;
}
.socialContacts{
    text-align: center;
    display: flex;
    flex-direction: column;
    padding:0 !important;
}
.socialContacts a{
    height:37px;
    width:37px;
    border-radius: 100%;
    border: 2px solid transparent;
    display:flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    margin-bottom: 5px;
    margin-right: 5px;

}
.socialContacts a:hover{
    text-decoration: none;
    border-color:#007bff;
}
.edit-buttons.ERCsaveCardBtn {
    color: #28a745;
}
.edit-buttons.ERCsaveCardBtn:hover {
    color: #42c246;;
    /* opacity: 0.8; */
}
.edit-buttons.ERCcancelCardBtn {
    color: rgba(255, 0, 0, 0.7);
}
.edit-buttons.ERCcancelCardBtn:hover {
    color: rgb(156, 29, 29);
}
.edit-buttons .hoverToolTipRightArrow{
    right: 2.7rem;
}
.edit-all .hoverToolTipRightArrow{
    top:0px;
}
.edit-buttons.toolTipParent{
    text-transform: none;
}
button.close:focus{
    color:#ff5353;
    outline:none;
}
.save-buttons-div button:focus{
    outline:none;
}
.ERCcancelCardBtn .hoverToolTipRightArrow{
        right:65px;
    }
    .ERCsaveCardBtn .hoverToolTipRightArrow{
        right:37px;
    }
    #editExhSalesCancelBtn .hoverToolTipRightArrow{
        right:75px;
    }
    .drag-burger .hoverToolTipRightArrow{
        right:85%;
        top:1px;
    }
    .detailContactRow-col-btns .hoverToolTipLeft{
        top:0px !important;
    }
.companyLabelDiv .edit-buttons:hover {
    
    cursor: pointer;
}
.contactLabelDiv {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* comapny info save/edit */
.save-buttons-div {
    width: 60px;
    display: flex;
    flex-direction: row; 
    flex-wrap: nowrap;
}
.companyLabelDiv .save-buttons-div .edit-buttons i {
    font-size: 1.55rem;
    /* margin-top:-5px */
}
#editExhSalesCancelBtnTwo i{margin-top:15px}
.ERCsubheader {
    display: block;
    justify-self: center;
    align-self: center;
    padding: 12px 0 10px;
    border-top: 3px solid #9c27b0;
    border-bottom: 1px solid var(--light);
    margin: 15px auto 10px;
    text-align: center;
    font-size: .7rem !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: bold;
}
#directoryContactCheckdiv strong {
    display:block;
    /* text-decoration: underline;
    text-decoration-color:#ff3346; */
    margin-bottom: 10px;
    margin-top: 10px;
}
#directoryContactCheckdiv strong span {
    display: block;
}
#directoryContactCheckdiv label{
    margin-left: 5px;
    margin-bottom: 10px;
}
#directoryContactCheckdiv label:last-child {
    margin-left: 10px;
    display: none;
}
.DirectorySubHeader{
    border-top: 3px solid #ff9800;
}
.exhibTileAlt {
    margin: 0;
    padding: 0;
    background: white;
    box-shadow: 0px 8px 15px -6px rgba(0, 0, 0, 0.25);
}
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
}
/* HIDE DEFAULT HTML CHECKBOX */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
/* THE SLIDER */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider {
    background-color: #2196F3;
}
input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}
/* ROUNDED SLIDERS */
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
#contactDivOverview {
    padding: 0px 25px 25px 0px;
    margin: 10px 15px 15px 5px;
    display: none;
}
@media (max-width: 560px) {
    #contactDivOverview {
        margin: 0;
        padding-left: 0;
    }
}
.exhibTile {
    margin: 10px;
    box-shadow: 0px 8px 15px -6px rgba(0, 0, 0, 0.25);
    padding-bottom: 15px !important;
}
#addCategoryModalBtn,
#addContactModalBtn {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
}
.exhibTile p strong {
    /* text-decoration: underline;
    text-decoration-color: #ff3346; */
    display: block;
}
#ercDirectoryHead{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
@media (max-width: 980px) {
    #addCategoryModalBtn, 
    #addContactModalBtn {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    #ercDirectoryHead h4 small {
        display: block;
    }
}
.exhibPageHeaderLogo {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
#exhibInfoLogo {
    background-size: cover !important;
    height: 125px;
    margin: 0px 0 15px;
    border: 2px solid #f44336;
    width: 125px;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
#exhibCenterContacts #exhibInfoLogo{
    height:165px;
    width:165px;
    margin: 0 auto 10px;
    border: 1px solid lightgray;
}
#exhibInfoBanner {
    display: flex;
    background-size: cover !important;
    background: #f3f4f5;
    width: 100%;
}
#exhibInfoBanner img {
    min-width: 550px;
    align-self: center;
}
#exhibitorInfoFloorplan, 
.erc-right-column-tile {
    z-index: 3;
    padding: 15px;
}
.erc-right-column-tile {
    padding-top:0px;
}
.detailContact:not(form) {
    padding-bottom:15px !important;
    padding-top:30px !important;
    background: white !important;
    border: 3px solid gainsboro;
    transition: all 0.3s;
}
.detailContact p {
    margin: 14px 0;
}
#exhibitorInfoFloorplan h4 {
    color: white;
    font-weight: 400;
    letter-spacing: 0.5px;
    margin-left: 15px;
}
.tabActive {
    opacity: 1 !important;
}
#exhibitorInfoIntro {
    color: #212121;
}
.exhInfoNameSub {
    opacity: 0;
}
.exhInfoNameSub i {
    font-size: 12px;
    padding: 0;
    margin-left: 10px;
}
.datsun-input {
    margin: 0;
    display: none;
    font-size: 12px;
}
#exhibitorInfoYourBooth {
    background: white;
    padding: 0px;
    height:250px;
    border-top: 3px solid #4caf50;
    max-height: 350px;
    overflow: auto;
}
#exhibitorInfoNotePad {
    height: 170px;
}
#exhibitorInfoFloorplan .card img {
    width: 100% !important;
}

.green {
    color: #00C853
}
#exhibitorInfoYourBooth p {
    padding: 15px
}
#exhibitorInfoYourBooth th {
    border-top: none;
    position: sticky;
    top: 0;
    z-index: 2;
    background: white;
}
#exhibitorDirectory {
    margin: 15px 0 0;
    background: white;
    border-top: 5px solid lightgray;
    padding: 0;
}
.categoriesFooter {
    /* position: absolute; */
    display: flex;
    bottom: 7.55px;
    flex-wrap: wrap;
}
    .categoriesFooter a {
        margin-top: 2.5px;
    }
    .deepBold {
        font-weight: 700 !important;
    }
#directoryNav{
    display: block !important;
}
#controlsAmountClauseSection{
    display:none;
}
.show-require-controls, #controlsAmountClauseSection.show-require-controls{
    display:block;
}
.directoryLogo {
    height: 115px;
    width: 115px;
    float: right;
    background-size: cover !important;
    border-radius: 100%;
    background-position: center !important;
    /* margin: 15px; */
    border: 2px solid lightgray;
}
.exhibCatDiv {
    color:white;
}
.exhibCatDiv p {
    display:inline;
}

.directoryBadge {
    background: gray;
    font-size: 12px;
    padding: 5px 10px;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
    border-radius: 16px;
    font-weight: 700;
    letter-spacing: 1px;
}
.directoryLogoAlt {
    height: 115px;
    width: 115px;
    background-size: cover !important;
    border-radius: 100%;
    margin: 15px;
    border: 2px solid #9c27b0;
}
#boothSelectionLogo {
    height: 200px;
    width: 100%;
    background-size: cover !important;
    border-radius: 10px;
    margin: 15px;
    border: 2px solid #9c27b0;
}
.exhibitorInfoHeader .form-control {
    margin-top: -15px !important;
}
.directoryInfo {
    /* justify-content: flex-end; */
    display: flex;
    flex-direction: column;
}
.directoryInfo h5 {
    margin-bottom: auto;
}
.directoryInfo p {
    margin: 2.5px 0 !important;
}
.directoryCard {
    border-radius: 5px;
    border-bottom: 1px solid #e0e0e0;
}
.wallpaperDiv {
    display: flex;
    align-items: self-end; 
    /* margin-bottom: 5px; */
    border-top: 1px solid gainsboro;
    padding: 8px 0 13px;
}
.wallpaperDiv:hover{
    background-color: rgb(252,252,252);
}
.wallpaperDiv:first-child{
    border-top:none;
}
.exhibitorNotifications {
    display: block;
    padding: 15px 25px;
    font-size: 12px;
    border-radius: 1%;
    font-weight: 400;
    color: #757575;
    border-bottom: 1px solid lightgrey;
}
.exhibitorInfoHeader {
    border-bottom: 5px solid black;
    text-transform: uppercase;
    text-align: left;
    padding: 15px 10px 5px 10px;
    letter-spacing: 1.5px;
    top: 0;
    position: sticky;
    z-index: 2;
    background: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0.025);
    display: flex;
    justify-content: space-between;
    justify-content: flex-start;
    height: 45px;
}
.exhibitorInfoHeader > h5{
    margin-right:auto;
    line-height: 1.5;
}
#exhibCompanyHeader {
    transition: 0.2s;
    display:none;
}
#exhibCompanyName{
    margin-top: 12px;
}
.exhibitorInfoFooter {
    text-transform: uppercase;
    text-align: left;
    padding: 15px 10px 5px;
    letter-spacing: 1.5px;
    bottom: 0;
    width: 100%;
    z-index: 2;
    background: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.exhibitorInfoHeader h5, 
.exhibitorInfoFooter h5, 
#exhibitorProductMgmt h5 {
    font-weight: bold;
    font-size: 11px;
} 
#exhibitorInfoFloorplan .card {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
#exhibitorInfoNotes, #exhibitorInfoLinks {
    padding: 0px;
    border-top: 3px solid #f33446;
}
#exhibitorInfoDocs {
    padding: 0px;
    border-top: 3px solid #9c27b0;
}
#exhibitorWallpaper {
    padding: 0px;
    border-top: 3px solid #00BCD4;
}
#exhibitorProductMgmt {
    padding: 0;
    border-top: 3px solid #3f51b5;
}
#exhibitorInfoNotes .row, 
#exhibitorProductMgmt .row, 
#exhibCenterContacts, 
#exhibitorInfoLinks .row {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
}
#exhibCenterContacts {
    padding-bottom: 0;
}
#exhibCenterContacts .row .detailContact {
    padding-bottom: 0 !important;
}
.greenBG {
    background: #4caf50 !important;
}
#cropBoothImage img {
    width: 100%;
    max-height: 400px;
}
#exhibitorInfoNotePad {
    width: 100%;
    border: none;
    padding: 15px;
} 
.iconExh {
    font-size: 50px;
    font-weight: 300;
    position: absolute;
    top: 55%;
    left: 50%;
    color: rgb(255, 255, 255);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
#exhibPageHeader {
    background: #FAFAFA;
    border-top: 3px solid lightgray;
    padding: 0 0 10px !important;
    padding-bottom: 5px !important;
    box-shadow: 0px 8px 15px -6px rgba(0, 0, 0, 0.25);
}
.directoryLogoDetails {
    height: 175px;
    width: 175px;
    float: left;
    background-size: cover !important;
    border-radius: 100%;
    margin: -50px 25px 25px 50px;
    border: 2px solid lightgray;
}
#exhibPageHeader h1 {
    margin: 15px;
}
#exhibProductModalDiv {
    padding: 0 25px;
}
#productImgTileDiv {
    margin: 10px 0px !important;
}
#overallProductDiv {
    padding: 0px !important;
}
#subExhibProductDiv {
    padding: 15px !important;
}
.productImgTile, 
.productImgTileMain {
    width: 100%;
    margin: 10px 0px;
    height: 100px;
    background-size: cover !important;
    border: 2px solid #3f51b5 !important;
    transition: 0.3s;
}
.prodOpac {
    opacity: 0.7;
    font-weight: 500;
}
#subExhibProductDiv h3 {
    font-weight: 700 !important;
    padding-left: 5px;
    border-left: 4px solid #3f51b5;
}
.productImgTile:hover, 
.productImgTileMain:hover {
    transition: 0.3s;
    transform: scale(1.03);
}
    #exhibProductImg {
    width: 100%;
    height: 300px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: #eaeaea;
}
.exhibPageHeaderImg {
    background-size: cover;
    aspect-ratio: 930/150;
    height: auto;
    background: url(https://i.imgur.com/jEvsSbR.jpg);
    overflow: hidden;
}
.exhibPageHeaderImg div {
    background: lightgray;
    width: 100%;
    height: 100%;
    background-size: cover !important;
 }
#exhibPageContact {
    background: #FAFAFA;
    margin-top: 10px;
    padding: 20px;
    border-top: 3px solid #f44336;
    box-shadow: 0px 8px 15px -6px rgba(0, 0, 0, 0.25);
}
#exhibPageContact p { 
    margin-top: 15px;
}
#exhibPageDescription {
    background: #FAFAFA;
    margin-top: 10px;
    padding: 20px;
    border-top: 3px solid #00bcd4;
    box-shadow: 0px 8px 15px -6px rgba(0, 0, 0, 0.25);
}
.directoryInfo h5 a {
    color:#212121 !important;
}
#exhibPageProducts {
    border-top: 3px solid #3f51b5;
    box-shadow: 0px 8px 15px -6px rgba(0, 0, 0, 0.25);
}
.productLink {
    font-weight:700 !important;
    color: #212121 !important;
    font-size: 0.8rem;
}
.exhbiCenterLinkUrl {
    float: right;
}
.exhbiCenterLinkUrl img, 
.directoryASL {
    max-height: 25px;
    max-width: 25px;
    vertical-align: top;
    margin-top: 10px;
    margin-right: 10px;
}
.socialContacts i {
    font-size: 17.5px;
}
.boothContactAvatar, 
.sContactAvatar {
    height: 80px;
    width: 80px;
    background: url(https://i.imgur.com/KUNLGER.png);
    background-size: cover !important;
    background-position: center !important;
    border-radius: 100%;
}
.boothContactAvatar,
.ercBtn {
    transition: all 0.3s;
    cursor: pointer;
    position: relative;
    border: 2px solid whitesmoke;
}
.ercBtn:hover {
    opacity: 0.7;
}
.ercBtn:hover .hoverToolTip{
    visibility: visible;
    opacity: 1;
    transition: opacity 0.6s;
}
#exhibCenterCategories {
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0;
}
#exhibCenterCategories p {
    margin: 8px 0px 8px 12px;
}
.blueBG {
    background: #3f51b5;
}
#exhibPageDocuments {
    border-top: 3px solid #4caf50;
    box-shadow: 0px 8px 15px -6px rgba(0, 0, 0, 0.25);
}
#exhibPageContacts {
    border-top: 3px solid #795548;
    box-shadow: 0px 8px 15px -6px rgba(0, 0, 0, 0.25);
}
#exhibCenterProducts {
    /* overflow: auto; */
}
#exhibCenterProducts .detailProduct, 
#exhibCenterDocuments .detailProduct {
    margin-bottom: 10px;
}
.directoryCardContainer{
    padding:0;
}
.productThumb {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: gainsboro;
    border: 2px solid white;
}
.projectThumbTile {
    border-radius: 5px;
    border: 2px solid white;
    width: 100%;
    height: 150px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: transparent;
}
#productListView, 
#productTileView {
    cursor: pointer;
    transition: 0.3s;
}
#productListView:hover, 
#productTileView:hover {
    opacity: 0.7;
    transition: 0.3s;
}
.productThumbMarg {
    margin-top: -5px;
}
#exhibPageDocuments, 
#exhibPageProducts, 
#exhibPageContacts {
    background: #FAFAFA;
    margin-top: 10px;
    padding: 20px;
    margin-bottom: 5px;
}
.detailDocument, 
.detailProduct {
    background: #f5f5f5f5;
    margin-bottom: 5px;
    border-radius: 10px;
    padding: 15px 15px 2px;
    border: 3px solid gainsboro;
}
#exhibDetailsSocials {
    margin: 5px;
    position: absolute;
    right: 0;
}
#exhibDetailsSocials .socialMediaDirectory{
    flex-direction: row;
    flex-wrap: nowrap;
    padding-top: 3px !important;
    padding-right: 5px;
}
#exhibDetailsSocials .socialMediaDirectory a{
    background-color: white;
    transition: all 0.2s;
    margin-left:8px;
}
#exhibDetailsSocials .socialMediaDirectory a:hover{
    opacity: 1;
    background-color: gainsboro;
}
#exhibDetailsSocials a{
    margin:auto;
}
#exhibDetailsSocials a > *{
    margin:auto;
}
#socialMediaDirectory {
    text-align: center;
}
.socialMediaDirectory {
    text-align: center;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
}
#exhibitorCategoryMgmt {
    border-top: 3px solid #795548;
}
#exhibCenterCategories {
    color: white;
}
#exhibCenterCategories h4 {
    color: #212121;
}
#addCategoryModalBody, #selectAcceptedCardsBody {
    padding: 0 25px 25px;
}
#selectAcceptedCardsBody{
    margin-top:10px;
}
.smDirI {
    font-size: 20px !important;
}
.smDirA {
    display: block;
}
/*****************BOOTH SELECTION*******************/
#boothSelectionWizard input:not([type="checkbox"]):not([type="radio"]), 
.additional-items-content input:not([type="checkbox"]):not([type="radio"]), 
#boothSelectionWizard textarea, 
.additional-items-content textarea {
    border: none;
    background: var(--input-background);
    border-bottom: 1px solid #FAFAFA;
    border-radius: 3px !important;
    /* height: 40px; */
    padding: 6px 12px;
    margin-right: 6px;
}

#boothSelectionWizard input:not([type="checkbox"]):not([type="radio"]), 
.additional-items-content input:not([type="checkbox"]):not([type="radio"]){
    height: 40px;
}
.additional-items-content input::placeholder {
    color: lightgray !important;
}
.wizard-content {
    border: none !important;
    border-top: 3px solid var(--contract-empty-primary) !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.wizard-pane {
    border: none;
    background: white;
    height: 50vh;
    overflow: hidden;
}
.wizard-pane.active {
    height:auto;
    overflow: initial;
}
#boothSelectionInfoPane {
    padding: 5px;
    padding-top:10px;
}
#boothSelectionInfoPane small {
    display: block;
    padding-bottom: 15px;
}
#boothSelectionPromoP {
    font-size: 14px;
    padding: 20px 0;
    font-weight: bold;
    text-align: center;
    color: var(--contract-default-primary);
    /* var(--contract-empty-primary) */
}
#boothSelectionTab {
    height: 75px;
    width: 75px;
    margin: -43px -10px -10px 0px;
    position: absolute;
    border-radius: 10%;
    display: block;
    background: linear-gradient(60deg, gray, black);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14);
    padding-left: 16px;
    padding-top: 13px;
    text-align: center;
}
#AgreementPane {
    font-size: 14px;
    padding: 10px 35px 15px;
}
#boothPayment {
    background: var(--contract-empty-primary);
    margin: 0 auto;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0 , 0, 0, 0.15);
    border-radius: 10px;
    color: white;
}
#paymentBoothSelect {
    /* padding: 0 1vw; */
    text-align: center;
    /* flex: 0 0 13.333333%; */
    /* max-width: 13.333333%; */
}
#paymentBoothSelect i {
    font-size: 50px;
    padding: 0px 10px;
    color: white;
    transition: 0.3s;
}
.noPad {
    margin:0 !important;
}
.noPadLR {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#boothPayment form {
    z-index: 2;
}
.jp-card-display {
    cursor: none;
}
#paymentBoothSelect i:hover {
    transform: scale(1.1);
    transition: 0.3s;
}
#boothSelectionTab:before {
    content: "\f0e7";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white;
    font-size: 30px;
    line-height: 50px;
}
.SelectedFloorplan {
    border: 10px solid var(--contract-empty-primary);
    opacity: 1;
    color: white;
}
.SelectedFloorplan:before {
    height: 50px;
    top: 0;
    text-align: center;
    position: absolute;
    width: 50px;
    background: var(--contract-empty-primary);
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white;
    font-size: 30px;
    line-height: 50px;
}
#confirmationPane {
    padding: 10px 20px 15px !important;
}
#confirmationPane .event-contract-title{
    margin-left: -20px;
}
.contract-page .wizard-steps {
    margin: 20px auto 0px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 900px;
    min-height:113px;
}
/* .orders-page .wizard-steps {
    margin: 80px auto 0px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 900px;
    min-height:130px;
} */
.wizard-steps li {
    padding: 37px 0 !important;
    border: 5px solid rgb(152,152,152);
    max-height: 100px;
    min-height: 20px;
    text-align: center;
    background: rgb(243, 244, 245);
    min-width: 100px;
    max-width: 100px;
    color: rgb(152,152,152) !important;
    border-radius: 100%;
    margin: 15px 20px;
    font-weight: bold;
    font-size: 10px;
    transition: 0.2s;
    opacity: 1;
    flex:  1 1 20%;
    overflow: hidden;
    margin-bottom:0;
}
.wizard-steps li:first-child {
    margin-left: -10px;
}
.wizard-steps .current {
    background: white;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.14);
    transition: 0.2s;
    opacity: 1;
    transform: scale(1.2);
}
.wizard-steps .done {
    background: var(--contract-empty-primary);
    color: white !important;
    transition: 0.2s;
    opacity: 1;
}
.wizard-steps .current:after, 
.wizard-steps .current::before {
    background-color: var(--contract-empty-primary);
    position: absolute;
    width: 0px;
    top: 80px;
    transition: all 0.4s;
}
.wizard-steps li:after,
.wizard-steps li:before {
    transition: 0.4s;
    z-index: -1;
    width: 0px;
    top: 80px;
    height: 5px;
    content: "";
}
.wizard-steps li.done:after,
.wizard-steps li.done:before {
    background-color: var(--contract-empty-primary);
    position: absolute;
    z-index: -1;
    width: 7%;
    top: 80px;
    content: "";
}
.wizard-steps .done.current:after, 
.wizard-steps .done.current:before {
    background-color: var(--contract-empty-primary);
    position: absolute;
    z-index: -1;
    width: 0px;
    top: 80px;
    transition: all 0.4s;
}
.wizard-steps li.done:nth-child(6n+6):after,
.wizard-steps li.done:nth-child(6n+6):before {
    background-color: transparent;
    position: absolute;
    z-index: -1;
    width: 0;
    top: 80px;
    content: "";
}
.wizard-steps li.done:last-child:after,
.wizard-steps li.done:last-child:before {
    position: absolute;
    z-index: -1;
    width: 0;
    top: 80px;
    content: "";
}
@media only screen and (max-width: 991px) {
    .contract-page .wizard-steps {
        flex-wrap: wrap;
    }
}
#lastTabWizard.done:after,
#lastTabWizard.done:before {
    background-color: rgb(243, 244, 245) !important;
    position: absolute;
    z-index: -1;
    width: 4.6%;
    top: 70px;
    height: 4px;
    content: "";
}
#lastTabWizard{
    order:10;
}

.itemsStep-next, 
.itemsStep-back, 
.wizard-next, 
.wizard-back, 
.wizard-finish, 
.swal-button {
    background: rgb(83, 92, 100);
    color: white !important;
    box-shadow: none !important;
    border: none !important;
    width: 150px;
    text-align: center !important;
    padding: 0.78rem 0.76rem 0.78rem !important;
    font-size: 0.75rem !important;
    opacity: 0.81 !important;
    text-transform: uppercase !important;
    border-radius: 0.325rem !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    transition: 0.37s !important;
    display: inline-block;
    font-weight: 800 !important
}
.itemsStep-next{
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.itemsStep-back{
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.swal-button--danger {
    background-color: #e64942 !important;
}
.swal-button--confirm {
    background: #4caf50;
}
.swal-button--cancel {
    background-color: transparent;
    color: #212121 !important;
    box-shadow: none !important;
    width: 100px !important;
}
.swal-button--cancel:hover {
    color:#FAFAFA !important;
}
.swal-button--send {
    background: #4caf50 !important;
}
.swal-button:not([disabled]):hover {
    background-color: #273238;
    opacity: 1 !important;
}
.not-green-swal{
    background: #273238;
}
.wizard-next, 
.itemsStep-next {
    float: right;
}
#confirmWrapper {
    background: white;
    padding: 15px;
}
#orderDetailsModal #confirmWrapper {
    border-top: 3px solid var(--contract-empty-primary) !important;
}
.boothConfirm {
    padding: 25px;
    background: #FAFAFA;
    margin:10px 10px 10px 0;
    height: 160px;
    border-radius: 10px;
}
#confirmImgs {
    padding: 0 10px 15px;
    border-radius: 10px;
}
#confirmImgs p {
    float: right;
    padding: 5px 30px;
}
#postConfirmImgs {
    text-align: right;
}
#postConfirmImgs img {
    float:none !important
}
#itineraryTable {
    margin: 25px 0 10px 0;
}
#confirmImgs img {
    margin-left: 15px;
}
#confirmPane {
    padding: 10px 15px;
}
.boothConfirm h6 {
    color: #757575;
    font-weight:400;
}
.boothConfirm i {
    color: #757575;
    font-size: 18px;
    padding-right: 10px;
}
.wizard-finish {
    background: #4caf50;
    float: right;
}

.itemsStep-next:hover:not(:disabled):not(.disabled), 
.itemsStep-back:hover:not(:disabled):not(.disabled), 
.wizard-next:hover:not(:disabled):not(.disabled), 
.wizard-back:hover:not(:disabled):not(.disabled), 
.wizard-finish:hover, 
.swal-button:hover {
    opacity: 1 !important;
    transition: 0.3s;
    cursor: pointer;
}
.wizard-buttons {
    margin-top: 0 !important;
    background: white;
    padding: 0;
    padding-top: 0 !important;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.wizard-buttons > a.disabled, .wizard-buttons > a:disabled {
    opacity: 0.25 !important;
    cursor: not-allowed;
}

.itemsStep-next, 
.wizard-next, 
.wizard-finish {
    text-align: right;
}
@media (max-width: 575px) {
    .itemsStep-next, 
    .wizard-next {
        width: 48% !important;
        margin: 0 0 0 1% !important;
    }
    .itemsStep-back, 
    .wizard-back, 
    .wizard-finish {
        width: 48% !important;
        margin: 0 1% 0 0 !important;
    }
}
.wizard-buttons > a:hover {
    color: #fff !important;
    text-decoration: none !important;
}
.boothSelectionNumber {
    padding: 10px 20px;
    border-radius: 100%;
    border: none;
    margin-right: 10px;
}
.contractcount{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contractcount-head{
    font-weight:800;
    border-bottom: 1px solid black;
    font-size:10px;
}
.hide-toggle{
    display:none !important;
}
#inviteManyList, 
#CCExhibForm, 
#PersonSalesCompList,
#exhibIdCompList,
#exhibIdCompListEdit {
    border: 1px solid #212121;
    margin-top: 15px;
    padding: 10px;
    max-height: 500px;
    overflow-y: auto;
    border-radius: 5px;
}
#companySettingsPagination {
    margin-left: -5px;
    margin-top: 10px;
}
/* #cartContainers {
    position: fixed;
    top: 86px;
    right: 20px;
} */
#inviteManyBtn {
    display: none;
}
#CartBooths{
    height: 88%;
    position: fixed;
    top: 80px;
    right: 0;
    z-index:800;
    /* overflow-x: hidden; */
}
#boothtimer {
    display: none;
    z-index: 99;
    padding: 15px 0 0 25px;
    background: transparent;
    color: var(--contract-empty-primary);
    font-size: 14px;
    color: #212121;
    border-radius: 0px;
    opacity: 1;
    border-bottom-left-radius: 5px;
    border-right: none;
    border-top: none;
    margin-right:15px;
    top:60px;
    right:0;
    position:fixed;
}
#boothtimer h6 .headTimer {
    float: right;
}
#boothtimer:hover, 
#CartBooths:hover {
    opacity: 1;
}
#boothtimer small {
    letter-spacing: 1.5px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
#boothtimer:hover {
    opacity: 1;
}
#cartPad {
    padding-left: 25px;
    padding-right: 25px;
    overflow:hidden;
}
#CartBoothsInner{
    max-height:calc(100vh - 305px);
    overflow-y:auto;
}
.controlDivider {
    margin-bottom: 15px;
    border-top: 1px solid #f33446;
}
#cartContainers {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index:3;
}
#CartBooths {
    margin-top: 20px;
    opacity: 1;
    display: none;
    background: white;
    color: #212121;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    font-size: 14px;
    border: 1px solid var(--contract-empty-secondary);
    width: 350px;
    margin-right: -4.65%;
    margin-right: 0px;
    justify-self: flex-end;
    transition: width 0.5s;
    border-top-right-radius: 0;
    border-right: none;
    border-bottom-right-radius: 0;
    flex-direction: column;
    justify-content: space-between;
}
#CartBooths:hover {
    opacity: 1;
}
#CartBooths.minCartBooths {
    /* width: 263px; */
    right:-354px;
    transition: all 0.4s;
}
/* #CartBooths.minCartBooths #clearBoothCart, #CartBooths.minCartBooths #clearPhaseCart {
    display: none;
} */
.fullWidth {
    width: 100%;
    table-layout: fixed;
}
#cartTable{
    /* max-width:320px; */
    border-bottom: 1px solid var(--contract-empty-secondary);
}
#cartTable tbody{
    display: flex;
    flex-direction: column;
    width:100%;
    padding-right: 10px;
}
#cartTable tbody tr{
    width:100%;
    display:flex;
    justify-content: space-between;
}
#cartTable tbody td{
    width:25%;
    display:flex;
}
#cartTable tbody td:nth-child(-n+2) {
    text-align: left !important;
    width: 20%;
}
#cartTable tbody td:nth-child(2){
    width:50%;
}
#cartTable tbody td:last-child{
    text-align: right !important;
    justify-content: flex-end;
}
#cartTable tbody th{
    width:25%;
    display:flex;
}
#cartTable tbody th:nth-child(-n+2) {
    text-align: left !important;
}
#cartTable tbody th:nth-child(2){
    width:50%;
}
#cartTable tbody th:last-child{
    text-align: right !important;
    justify-content: flex-end;
}
#cartBody {
    visibility: visible;
    max-height: 4500px;
    transition:  visibility 0s .5s, max-height .5s .5s ;
    /* overflow: hidden; */
}
/* #cartBody.minCart {
    visibility: hidden;
    max-height:0;
    transition:  max-height .5s;
} */
#minimizeCart {
    position: absolute;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    top: 0;
    left: -52px;
    transition: all 0.3s;
}
#minimizeCart i {
    font-size: 14px;
}
#minimizeCart:hover{
    cursor: pointer;
    padding-right: 22px;
    left: -64px
}
#cartTotal {
    text-align: right;
    margin-bottom:0;
    margin-top:5px !important;
    padding: 10px 10px;
    color: white;
    margin-top: 5px !important;
    /* border-bottom-left-radius: 3px; */
    /* background-color: #f44336; */
    color:black;
    /* margin-left: -25px;
    margin-right: -25px; */
    font-weight:600;
    border-top: 1px solid var(--contract-empty-secondary);
}
#cartTotal strong{
    float:left;
}
.cartLip {
    background: var(--contract-empty-secondary);
    margin-top: 10px;
    color:white;
    padding-bottom:3px;
    border-bottom-left-radius: 4px;
}
.contract-item-background {
    background-color: var(--contract-empty-secondary);
    margin-bottom: 1.1%;
    margin-right: 0px !important;
    flex: 1 1 29.3%;
    max-width: 1325px;
    min-width: 290px;
}
.grpPane.collapse {
    padding-top: 10px;
    padding-bottom: 12.5px;
    margin-top: 1px;
    /* border-left: 2px solid white; */
}
@media only screen and (max-width: 891px) {
    .contract-item-background {
        flex: 1 1 45.3%;
    }
}
 /* COLLAPSABLE ITEM GROUP STYLES */
.contract-item-background a.reqItemCol {
    width: 100%;
    text-decoration: none;
    outline-width: 0;
    outline-style: none;
    outline: 0px solid transparent;
    border: 0px solid transparent;
}
.contract-item-background a.reqItemCol:focus {
    text-decoration: none;
}
.contract-item-background .header h4{
    margin-bottom: 0;
}
.contract-item-background .header {
    display: flex;
    justify-content: space-between;
    border-left: none;
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 8px;
    margin: 10px 0 0;
}
.contract-item-background a.reqItemCol span {
    align-self: flex-start;
    margin-right: -6px;
    margin-left: 10px;
}
.contract-item-background a.reqItemCol span i {
    font-size: 1.2rem!important;
    text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
}
.contract-item-background h5 {
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
}
.contract-item-background p {
    padding-bottom: 5px;
    margin-top:-10px;
    font-size: .87rem;
    font-weight:400;
}
 /* INPUT LINK STYLES */
.additional-items-content .form-check a {
    text-decoration: underline;
}
.additional-items-content .form-check a span {
    margin-left: 0;
    margin-right: 1px;
}
.additional-items-content .form-check a {
    color: white;
}
.additional-items-content .form-check a:hover {
    color: lightgrey;
}
.form-check .form-check-span {
    color: white;
}
.linklabel-span {
    display: block;
}
 /* ITEM GROUP IMAGE STYLES */
.gpBlock .group-image-div {
    width: 100%;
    height: auto;
    overflow: hidden;
    max-height: 310px;
    max-width: 360px;
    margin: 0 auto 20px !important;
}
.group-image-div .group-image {
    width: 100% !important;
    height: auto;
    max-height: 310px;
    max-width: 360px;
    box-shadow: 0px 4px 4px #88251d;
}
#reqItemsCollapsibles, #addPendingCollapsibles {
    justify-content: center;
    /* padding-left: calc(1% + 15px) !important;
    padding-right:215px !important; */
    display: flex;
    flex-wrap: wrap;
    padding-top: 5px !important;
    column-gap: 15px;
    row-gap: 15px;
}
.gpCheck-number-input {
    margin-left: 0 !important;
    border-left: none;
    display:flex;
    flex-direction:column;

}
.gpCheck-number-input label{
    margin-top: 0;
}
.clauseLink, 
.clauseLink:hover {
    border: 2px solid var(--contract-empty-primary);
    border-bottom: none !important;
    padding: 1em 0 !important;
    font-size: 16px !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-weight: 500;
}
.clauseLink.active {
    color: black !important;
    background: none !important;
}
.clauseCheck {
    color: #f44336;
    font-weight: bold !important;
}
#clauseBody, .addItemsPagesBody{
    border: 2px solid var(--contract-empty-primary);
    border-radius: 0.25rem;
    margin-top:0 !important;
    box-shadow: 0px 15px 15px -18.5px grey;
}
table {
    table-layout: fixed;
}
/************************EVENT*****************/
.fxSalesBtn {
    display: none;
    right: 130px !important;
}
button.fxSalesDropBtn {
    display: none;
    /* right: 130px !important; */
    height: 45px;
    left: 0px;
    margin-right: 10px;
    margin-left: 10px;
}
.InPersonSalesBtn {
    top: 0;
}
.fxDropdown {
    right: 130px !important;
    position: relative;
    display: none;
    /* text-align: left; */
}
.gridCard .fxDropdown:hover i{
    color: #212121;
    transition: color 0.15s ease-in-out;
}
#attendeeTrig {
    display: none;
}
#detailsLinkDirectoryDiv, 
#detailsDirectoryLinkPublicDiv{
    display: none
}
#boothSelectionFloorplanSpawns {
    overflow: auto;
}
#theFloorplan {
    height: 85vh;
    border-radius: 10px;
    width: 100%;
    margin-top: -10px;
    border: none;
    box-shadow: none;
    transition: 0.3s;
}
.confirmImg {
    margin: 0 20px 10px;
    border: 1px solid lightgrey;
    border-radius: 5px;
    height: 200px;
}
#toggleFloorplanFull {
    left: 50vw;
    z-index: 999999;
    position: absolute;
    top: 10px;
}
.floorplanFullScreen {
    top: 0 !important;
    margin-top: 0 !important;
    left: 0 !important;
    position: fixed !important;
    z-index: 99991 !important;
    height: 100vh !important;
    width: 100vw !important;
    border-radius:0 !important;
}
.FullScreenButtonAnimate {
    opacity: 0.3;
    transition: opacity 4s linear;
}
#toggleFloorplanFull:hover {
    opacity: 1;
    transition: 0.3s;
}
.deleteEvent {
    margin-left: 10px;
    color: #9FA8DA;
    font-size: 18px;
    cursor: pointer;
}
.deleteEventSubmit, .deleteOrderSubmit {
    /* margin-left: 10px; */
    font-size: 14px;
    color: #f44336;
    cursor: pointer;
}
#clearBoothCart, #clearPhaseCart {
    margin-left: 50px;
    padding:5px 10px;
    border-radius:10px;
    cursor: pointer;
    transition: 0.3s;
    opacity:1;
    color: #f44336;
}
#clearBoothCart:hover, #clearPhaseCart:hover {
    opacity: 1;
    transition: all 0.4s;
    background-color: #f44336;
    color: white;
}

.tableSalesBtn i{
    font-size:20px;
}
.event-table-row-name .eTableTipParent{
    display:inline-block;
}
#cardTBody .eTableTipParent .hoverToolTip{
    top:120%;
    bottom: revert;

}
/******************************BOOTH LAYOUT **********************************/
#boothFrameGrid, 
#boothFrameBackground {
    position: absolute;
    top: 0;
}
#ItemDiv, 
#boothFrame, 
#boothSelectDiv {
    height: 70vh;
    background: white;
    border-top: 2px solid #4caf50;
}
#boothSelectDiv {
    padding:0;
    background:#e0e0e0;
    overflow:auto;
}
#ItemDiv {
    padding: 0;
    overflow: auto;
    background: #eee;
    overflow-x: hidden
}
#ItemDivTitle {
    background: #4caf50;
    color: white;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 5px 15px;
    font-weight: bold;
    font-size: 10px;
}
.activeSelectBoothDiv {
    transition: 0.3s;
    opacity: 1 !important;
    background: #616161 !important;
    color: white !important;
}
/********************ATTENDEEE *****************************/

.oauthBtn {
    border: none;
    padding: 0.84rem 22.5px !important;
    width: 100%;
    height: 75px;
    width: 75px;
    font-size: 35px !important;
    text-align: center;
    font-weight: 500;
    box-shadow: none;
    color: white !important;
    opacity: 0.7;
    text-transform: uppercase;
}
#oauthFB {
    background: #3b5998;
}
#attendeeLoginDialog {
    max-width: 850px !important;
}
#oauthTwitter {
    background: #1DA1F2;
}
#oauthLinkedin {
    background: #0072b1;
}
#oauthGoogle {
    background: #4285F4;
}
#socialLoginDiv {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}
.selectBoothNumDiv {
    color: #212121;
    padding: 15px 0 15px !important;
    background: #dedede;
    border-bottom: 1px solid white;
    opacity: 0.5;
    transition: 0.3s;
    cursor: pointer;
}
.selectBoothNumDiv:hover {
    transition: 0.3s;
    opacity: 1;
    background: #616161;
    color: white;
}
.newCon {
    background: white;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin: 60px 0;
    border-top: 3px solid #4caf50;
}
.itemDivDiv {
    opacity: 0.7;
    transition: 0.3s;
    background: #FAFAFA;
    border: 1px solid #e0e0e0;
    text-transform: capitalize;
    padding: 10px;
}
.itemDivDiv:hover {
    opacity: 1;
    transition: 0.3s;
}
@keyframes sidebarSlide {
    0% {
        margin-left: -225px;
        opacity:0;
    }
    50% {
        margin-left: -225px;
        opacity: 0;
    }
    100% {
        margin-left:0;
        opacity:1;
    }
}
@keyframes topbarSlide {
    0% {
        margin-top: -75px;
        opacity: 0;
    }
    100% {
        margin-left: 0;
        opacity: 1;
    }
}
.plabel-1 {
    padding-top: 0.1rem !important;
}
#mobileNav {
    display: none;
}
.konvajs-content {
    margin: 0 0 0 0;
}
#mobileNav .row {
    margin: 0 !important
}
.scrolledEventName {
    /* display: none; */
    font-size: 26px;
        font-weight: bold;
        color: #4b4b4b;
        opacity: 1;
        transition: opacity 0.4s;
        user-select: none;
        margin-left:15px;
        transition: all 0.4s;
}
.scrolledEventName-ERC{
    display:block;
    opacity: 1 !important;
}
.fullscrn-btn {
    margin-left: 0px !important;
}
.fullscrn-btn li {
    margin-bottom: 4px !important;
}
@media only screen and (min-width: 768px) {
    .container-fluid .row .col-md-2 {
        max-width: 30.666667%;
    }
}
@media only screen and (min-width: 992px) {
    #layoutWelcome {
        display: flex;
        align-items: center;
        max-width: 280px;
        padding: 0px 14px;
        column-gap: 6px;
    }
    .main-scrolled.navbar-header {
        box-shadow: none !important;
    }
    .eventScrolled .scrolledEventName {
        opacity: 1;
        user-select: initial;
    }
    .body-closed .scrolledEventName {
        transition: all 0.4s;
        left: 150px !important;
    }
    .scrolledEventName {
        display: block;
        position: fixed;
        z-index: 1031;
        top: 14px;
        left: 300px;
        font-size: 26px;
        font-weight: bold;
        color: #4b4b4b;
        opacity: 1;
        transition: opacity 0.4s;
        user-select: none;
        margin-left:0;
        transition: all 0.4s;
    }
    .selectionsWrapper {
        display: block !important;
        width: 100%;
        min-height: 80px;
        margin: 0px !important;
    }
    .body-closed .navScrolled #settingSelections {
        left: 80px !important;
    }
    .navScrolled #settingSelections {
        background: whitesmoke;
        left: 230px;
        position: fixed;
        top: 65px;
        right: 0px;
        z-index: 1000;
        flex-grow: initial;
        flex-shrink: initial;
        flex-basis: initial;
        max-width: initial;
        width: auto !important;
        border-right: none;
        border-left: none;
        border-radius: 0px;
        margin-bottom: 0px;
        z-index: 1020;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    }
    .navScrolled .settingsOptionTitle i {
        height: 26px;
        font-size: 20px;
    }
    .navScrolled .settingsOptionTitle span {
        font-size: 14px;
    }
    .navScrolled .settingsOptionTitle {
        padding-bottom: 6px;
    }
    .teamWrapper {
        margin-left: 0px;
    }
    #settingsBody {
        padding: 18px;
        border-radius: 20px;
    }
    .eventSettingSectionContent {
        margin-right: 0px;
        margin-left: 0px;
    }
    .eventSettingSection > div:first-child {
        margin: 0px;
        width: 100%;
    }
    .settingsOptionTitle {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        margin-bottom: 0px;
        padding: 10px 0px 8px 0;
    }
    .settingsOptionTitle span {
        font-size: 16px;
        padding: 0 8px;
    }
    #settingSelections {
        padding-left: 0px;
        padding-right: 0px;
        border: 2px solid gainsboro;
        border-radius: 20px;
        margin-bottom: 8px;
        overflow: hidden;
    }
    #settingSelections > .row {
        margin: 0px;
        flex-wrap: nowrap;
    }
    #settingSelections .settingsOption {
        border-bottom: none;
        padding: 0px;
        margin: 0px;
        background: whitesmoke;
        border-top: none;
    }
    .settingsOptionTitle i {
        height: 28px;
        margin: 0px;
        font-size: 22px;
    }
}
@media only screen and (min-width: 1315px) {
    .container-fluid .row .col-md-2 {
        max-width: 16.666667%;
    }
}
@media only screen and (max-width: 1315px) {
    .container-fluid .row {
        max-width: 100vw;
        flex-direction: row;
    }
    .exhInfoName{
        text-overflow: ellipsis;
        max-width: 100%;
        display: inline-block;
    overflow: hidden;
    }
    .container-fluid .row .col-md-4 {
        display: block;
        min-width: 100%;
    }
}
#btnManageDiv button {
    margin: 5px 5px;
}
#btnManageDiv {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
#deletePlacement{
    margin-left:auto
}
@media only screen and (max-width: 1260px) {
    #btnManageDiv {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }
    #deletePlacement{
        margin-left:0
    }
}
@media only screen and (max-width: 1300px) {
    .contract-page .wizard-steps {
        min-width: 0;
        width: 100%;
    }
    .wizard-steps li.done:after, 
    .wizard-steps li.done:before {
        background-color: none;
        width: 0;
    }
}
@media only screen and (max-width: 991px) {
    #DirectoryTab .settings-intro-title {
        margin-bottom: 2px;
    }
    .leftBarExpand, 
    #left-nav {
        display: none !important;
    }
    #mobileNav {
        display: block;
        background: #B71C1C;
        padding: 10px 0;
        margin-top: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .mobileNoPad {
        padding: 0 !important;
    }
    .navbar-nav {
        display: inline-block;
    }
    #h1DashMain, 
    #h1Dash {
        font-size: 60px;
        margin-top: 25px;
        margin-left: 10px;
        padding: 0;
    }
    #h1Dash {
        font-size: 60px;
        margin-top: 25px;
        margin-left: 10px;
        padding: 0;
    }
    .container-fluid {
        padding-right: 0;
        padding-left: 0;
        max-width: 100vw;
    }
    .mailCon .row {
        padding: 0;
    }
    .card {
        max-width: 92vw;
    }
    .card img {
        width: 92vw;
        height: auto;
    }
    .card-body0 {
        z-index: 9;
    }
    #theFloorplan {
        height: 82.5vh;
    }
    #toggleFloorplanFull {
        left: 2.5vw;
    }
    #teamMemberDiv, 
    .mobileTable, 
    #eventCardTable,
    #detailsCompanyList {
        max-width: 100vw;
        overflow: auto;
    }
    .detailsCompanyRow .form-check-input {
        position: relative !important;
    }
    #detailsCompBoothList #detailsNav i {
        margin-right: 5px;
        margin-top: 2px;
    }
    #detailsCompBoothList .nav-link {
        padding: 15px;
    }
    #detailboardInner {
        width: 100vw;
    }
    .teamWrapper {
        margin-left: 0;
        margin-right: 0;
    }
    .vert-rule {
        display: block;
    }
    #eventsToolbar {
        padding: 15px;
        height: auto;
    }
    .left-nav-heading {
        display: none;
    }
    .body-closed, 
    .body-content {
        margin: 0  !important;
        padding-right: 0px;
        width: 100%;
        overflow: hidden;
    }
    .searchbox {
        min-width: 35px;
        width: 92.5%;
        margin: 0 auto 10px;
    }
    .searchbox-icon {
        width: auto;
    }
    #searchBar {
        height: 65px;
        height: 65px;
        background: #212121;
        color: white;
        padding: 0 0 0 40px;
    }
    .navbar-brand {
        display: block;
    }
    #barNone {
        display: none;
    }
    .collapseTest {
        display: inline;
    }
    .navbar-toolbar {
        display: flex;
        flex-direction: column-reverse;
    }
    #signInNavbar.navbar-toolbar {
        flex-direction: row;
        padding:5px;
    }
    #h1DashBackground {
        font-size: 9em;
        word-break: break-all;
        line-height: 100px;
    }
    .teamBlock{
        width: 75vw;
    }
    #teamDiv{
        padding-left: 35px;
    }
    #layoutWelcome {
        text-align: center;
    }
    #NotifUserBreak{
        display: none;
    }
    .navbar-collapse {
        background: #e8e8e8;
        max-width: 335px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    }
    .navbar-toggler i {
        color: white !important;
    }
    .navbar-nav i {
        margin-right: 15px;
    }
    .navbar-nav a, 
    .navbar-nav i {
        color: #FAFAFA !important;
    }
    #settingsBody {
        padding: 0;
    }
    .settingsOption {
        display: none !important;
    }
    #mobileSettingsOptions {
        background: linear-gradient(60deg, #F2353C, #FF666B);
        color: #FAFAFA;
        width: 100%;
        font-size: 16px;
        margin: 0px 20px 24px 20px;
        border-radius: 50px;
    }
    #eventSettingsTab {
        margin: 10px;
    }
    .settingsOptionForm h2 {
        padding-left: 84px;
        margin: 35px 0 0px;
    }
    .settingsOptionTitle {
        font-size: 18px;
        margin-bottom: 0px;
        color: rgba(117, 117, 117, 0.9);
        letter-spacing: 0.15px;
        height: 70px;
        display: flex;
        align-items: center;
        padding-left: 18px;
        border-bottom: 1px solid #eae9e9;
    }
    .settingsOptionTitle:active {
        background-color: #e5e5e5;
    }
    #eventsToolbar {
        margin-left: 0 !important; 
    }
    #userIcon {
        margin: 0;
    }
    .settingsOptionTitle i {
        color: rgba(117, 117, 117, 0.9) !important;
        width: 30px;
        text-align: center;
        margin-right: 14px;
    }
    .grid-stack.grid-stack-one-column-mode > .grid-stack-item {
        min-width: 100% !important;
    }
    .mailcard, .mailcard2, .mailcardAlt {
        padding: 10px 0px 40px;
    }
    .mailMobile {
        position: absolute;
        right: 10%;
    }
    .exhibInfoHeader {
        font-size:8em !important;
    }
    .contract-page .wizard-steps {
        margin-top:35px;
        min-width:0;
        width:100%;
    }
    .wizard-steps li.done:after, 
    .wizard-steps li.done:before {
        background-color: none;
        width: 0;
    }
    .boothSelectionNumber {
        padding: 5px 15px;
    }
    #boothSelectionInfoPane {
        padding: 20px 0;
    }
    .boothSelectionNumber {
        margin-right: 0px;
    }
    #summaryBackdrop {
        min-width: 150px;
        min-height: 150px;
    }
    .flagMobile {
        position: absolute;
        right: 70%;
        margin-top: -15px;
    }
    .techLayerDialog {
        width: 100vw !important;
    }
    .UIListBoxDivider {
        padding: 5px;
    }
    #rentedBooths, 
    #avaiableBooths, 
    #dimensionSettings, 
    #socialMediaSec, 
    #headerSec, 
    #deleteFXSection, 
    #resetFXSection, 
    #clearCacheSection,
    #localizationSection, 
    #editFlyout, 
    #userInterfaceSection,
     #boothSchemeSection, 
     #predefinedScheme, 
     #refreshFXSection {
        padding: 15px 0;
    }
    div.dataTables_wrapper div.dataTables_length, 
    div.dataTables_wrapper div.dataTables_filter, 
    div.dataTables_wrapper div.dataTables_info, 
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: left !important;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 5px 0 10px !important;
        justify-content: normal !important;
    }
    #pinExhibsBtn {
        /* float: left !important; */
        margin-bottom: 15px;
    }
    #floorplanPreviewDetails {
        width: 100vw;
        height: auto;
    }
    .nav-btn-dropdown {
        left: -150px;
        max-height: 60vh;
    }
    #alert_placeholder {
        width: auto;
    }
    #loginBody {
        margin-top: 100px;
    }
    li a, 
    li a:hover, 
    li a:visited, 
    .dropright a {
        font-size: 14px;
    }
    ul.navbar-nav li, 
    ul.navbar-nav li i.fa {
        color: #FAFAFA;
    }
    .jssocials-shares {
        width: 200px;
    }
    .jssocials-share {
        display: inline;
    }
    #eventCardTable {
        background: white;
        color: black;
        margin-top: 15px;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }
    #eventsTable td {
        min-width: 100px;
    }
    #overlayFrame {
        width: 100vw;
        overflow: auto;
        position: absolute;
        height: 100vh;
        padding: 0;
    }
    .modTextTab {
        padding: 0 5px;
    }
}
.settingsOptionForm .nav-pills.portal-pills .nav-item a.active {
    /* border: 2px solid #FF666B !important; */
    border: 3px solid #589FFC !important;
    background: white !important;
    margin-bottom: -3px;
    transition: 0.2s;
    z-index: 3;
    height: 64px;
    color: rgba(36, 33, 33, 0.7);
    font-weight: 500;
}
/* .settingsOptionForm .nav-pills#pills-tab .nav-item a.active span {
    border-bottom: 2px solid gray;
} */
.settingsOptionForm .nav-pills.portal-pills {
    padding: 0px;
    gap: 12px; 
    background-color: #ececec;
    padding: 12px 1.75rem;
    /* border-radius: 10px; */
    margin-bottom: -12px !important;
    margin-left:-18px;
    margin-right:-18px;
    width: calc(100% + 36px);
    border-top: 2px solid gainsboro;
    border-bottom: 2px solid gainsboro;
}
#DirectoryTab .nav-item, #attend-pills-tab .nav-item {
    width: 100%;
    overflow: hidden !important;
    height: 60px !important;
    user-select: none;
}
#DirectoryTab #pills-tab .nav-item a, #AttendTab .portal-pills .nav-item a {
    height: 100%;
    text-align: center;
    margin: 0px;
    border: 3px solid rgba(0,0,0,0.0);
    border-radius: 10px;
    user-select: none;
}
.nav-item {
    display: flex;
    margin: 0 auto;
    text-align: center;
}
#directoryLogin {
    margin-right: 22px;
}
#bootLayoutCartContainer {
    max-width: 300px;
    position: fixed;
    display: none;
    background: white;
    top: 175px;
    padding: 10px;
    border: 1px solid #f44336;
    border-radius: 5px;
    right: 5vw;
}
#bootLayoutCartContainer table {
    table-layout: fixed;
}
#bootLayoutCartContainer td {
    width: 33%;
}
#boothLayoutInner td {
    text-align: left !important;
    padding: 0.5rem 0;
}
.bootlayoutTooltip {
    max-height: 300px;
    max-width: 300px;
    height: auto;
    width: 100%;
}
.boothLayoutImg {
    margin-right: -15px;
}
.boothSymbolModalLaunch i {
    cursor: pointer;
}
#ChatButtonID {
    height: 75px;
    width: 75px;
    font-size: 25px;
    border-radius: 100%;
    background: #4CAF50;
    transition: 0.3s;
}
#ChatButtonID:hover {
    background: #81C784;
    transition: 0.3s;
}
.tab-image {
    margin-right: 6px;
    margin-left: 2px;
}
#changeFirstName, 
#changeLastName {
    margin: 0 auto;
    text-align: center;
    font-size: 35px;
}
#changeFirstName::placeholder, 
#changeLastName::placeholder {
    color: lightgray;
} 
/* ****EVENT SETTINGS MINI TABS****  */
.settingsOptionForm .nav-pills {
    background: var(--light);
    padding: 20px 40px 0;
    overflow: visible;
    margin: 0 0 20px;
    width: 100%;
    position: relative;
    z-index: 1;
    justify-content: center;
}
#rentedContractsTabs{
    margin: 0 0 45px;
}
.settingsOptionForm .nav-pills:after {
    height: 50px;
    border-radius: 40px 40px 0 0;
    right: -10px;
    left: -10px;
    bottom: -50px;
    background-color: #FFF;    
    position: absolute;
    vertical-align: middle;
    content: '';
    border-top: 3px solid #FF666B;
    z-index: 0;
}
.settingsOptionForm .nav-pills.portal-pills .nav-item {
    background: var(--light) !important;
    overflow: visible;
    height: 58px;
    z-index: 2;
    border-radius: 10px;
}
.settingsOptionForm .nav-pills.portal-pills .nav-item a {
    background: white !important;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 400;
    font-size: 20px;
    transition: all 0.2s;
    height: 58px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
#DirectoryTab #pills-tab .nav-item a:hover,#AttendTab .portal-pills .nav-item a:hover,
.body-content .settingsTableTabGroup.nav-pills .appSettingsTableTab:hover {
    background: rgb(215, 215, 215)  !important;
    /* font-weight: 500; */
    color: rgba(0, 0, 0, 0.7);
    border-color: rgb(210, 210, 210) !important;
    
}
#DirectoryTab #pills-tab .nav-item a:active, #AttendTab .portal-pills .nav-item a:active,
.body-content .settingsTableTabGroup.nav-pills .appSettingsTableTab:active {
    background: rgba(0, 0, 0, 0.085) !important;
}
.contract-general-settings {
    display: flex;
    align-items: center;
}
.eventSettingSection .contract-general-settings {
    margin-left:13px;
}
#ERCBannerSection{
    margin-bottom: 70px;
}
/* ****EVENT SETTINGS CLAUSE RULES**** */
#contractSectionsTBody tr td {
    overflow: hidden;
}
#contractClauseRuleDiv .ruleSection {
    margin-bottom: 8px;
    padding-top: 8px;
    border-top: 1px solid #589FFC;
}
#contractClauseRuleDiv label {
    text-align: center;
    width:28%;
    margin-top: 25px;
}
#contractClauseRuleDiv .contractClauseRule {
    box-sizing: border-box;
    text-align: center;
    width:67%;
    font-size: 1rem;
    color: #495057;
    padding: 6px 0.75rem;
}
#contractClauseRuleDiv .ruleSection input {
    display: inline-block;
    width: 65%;
}
#contractClauseRuleDiv .ruleSection span {
    margin-top: 15px;
    display: inline-block;
    margin-left: .5rem;
    padding: .375rem 0;
    width:90px;
    font-weight: 400;
    text-transform: none;
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
}
.ruleSection input::placeholder{
    color: rgba(118, 118, 118, 0.6);
}
.ruleSection .delete-clause-rule:hover {
    cursor: pointer;
}
#contractClauseRuleDiv .ruleEmpty{
    color: rgba(118, 118, 118, 0.6);
}
#contractClauseRuleDiv .ruleEmpty option {
    color: #495057;
}
#contractClauseRuleDiv .ruleEmpty option.ruleEmpty {
    color: rgba(118, 118, 118, 0.6);
}
.contractClauseValue{
    box-sizing: border-box; 
    text-align: center;
    width: 67%;
    font-size: 1rem;
    color: #495057;
    padding: 6px 0.75rem;
    display:inline-block;
}
.exhibPortalSectionDivider{
    height:8px;
    border-bottom:3px solid #FF666B;
    box-shadow: 0px 3px 2px lightgray;
    margin: 0 auto;
    margin-bottom:35px;
    margin-top:36px;
    width: 85%;
}
.clear-companies,
.clear-companies:active {
    color: var(--gray);
}
.clear-companies:hover{
    color: var(--gray-dark);
}
.settingsOptionForm .table-bordered {
    border-left: none;
    border-right: none;
    border-radius: 5px;
}
.view-input-div, 
.show-input-div,
.pavilion-input-div {
    display: flex;
    margin-left: 25px;
}
.modal p {
    font-size: 14px;
    margin-bottom: 10px;
}
.eventSettingSection fieldset input[type=radio] {
    margin-left: 10px;
}
.table-scroller-nav {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-weight: bold;
    margin-bottom: 3px;
    margin-left: 25px;
    padding-left: 5px;
}
.table-scroller-nav .table-scroll-item {
    margin: 1px 1px;
    background: rgba(255, 160, 165, 1);
    /* border: 3px solid rgba(255, 180, 182, 1); */
    font-size: 0.82rem;
    font-weight: bold;
    padding: 8px 13px;
    transition: all 0.2s;
    text-align: left;
    min-height: 40px;
    border-radius: 0.325rem;
}
.table-scroller-nav .table-scroll-item:hover {
    /* border: 3px solid  #FF666B; */
    /* background: rgba(255, 210, 212, 1); */
    background: rgba(255, 170, 172, 1);
    cursor: pointer;
}
.table-scroller-nav .table-scroll-item:active{
    /* color:white; */
    background: rgba(255, 150, 152, 1);
}
.table-scroller-header{
    margin-left: 30px;
    color: #212121;
    letter-spacing: 1.5px;
    font-weight: 700;
    font-size: 18px;
    color: #212121;
}
.techlayergrouptitle {
    width: 90%;
    margin-bottom: 5px;
    border-bottom: 2px solid transparent;
}
.techGroupsDiv div:first-child {
    margin: 0;
    width: calc(100% - 13px);
}
.techGroupsDiv div {
    padding-left: 13px !important;
}
.techLayerGroupNumber {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.bannerPreview {
    margin-bottom: 25px;
}
.bannerPreview .col-sm-6 {
    flex: 0 0 50%;
}
.bannerImageDiv {
    overflow: hidden;
}
#exhibInfoBanner img {
    min-width: 250px;
    width: 100%;
    position: relative;
}
#exhibInfoBanner {
    padding: 0;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
}
#exhibInfoBanner .bannerBackground {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(6px);
    -webkit-filter: blur(6px);
    position: absolute;
    top: -10px; 
    left: -10px;
    width: calc(100% + 20px); 
    height: calc(100% + 20px);
}
#DirectoryTab #pills-tab .nav-item a.active:hover, #AttendTab .portal-pills .nav-item a.active:hover{
    background: white !important;
    border: 3px solid #589FFC !important;
}
@media (max-width: 991px) {
    .settingsOptionForm > .row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .bannerPreview {
        margin-left: -15px !important;
        margin-right: -25px !important;
    }
    .bannerPreview .col-sm-6 {
        flex: 0 auto ;
    }
    .container-fluid .tab-pane .row .col-sm-6 {
        flex: 0 0 100%;
        max-width:100%;
    }
    /* #DirectoryTab #pills-tab .nav-item a.active:hover {
        background: gainsboro !important;
    } */
}
@media (max-width: 991px) and (min-width: 576px) {
    .container-fluid .tab-pane .row .col-sm-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media only screen and (max-width: 575px) {
    #exhibInfoBanner img {
        min-width: 0;
        align-self: center;
    }
}
.settingsOptionForm tbody tr td > *:not(i):not(.tableDivider):not(span) {
    padding: 0;
    border: none;
    margin: 0;
} 
.settingsOptionForm tbody tr td {
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}
.tableDivider {
    height: 5px;
    border-bottom:2px solid #dee2e6 !important;
    margin: 0 auto;
    margin-bottom: 5px;
    width: 60%;
}
/*****CONTRACTS PAGE*****/
@media only screen and (max-width: 991px) {
    nav .breadcrumb {
        margin-top: 5px !important;
        margin-bottom: 20px !important;
    }
}
/* ****COMPANY INFO**** */
.compFieldDescription {
    color: #8a8a8a;
    display: inline-block;
    margin-left: 10px;
    font-style: italic;
}
.compFieldDescription span {
    color: #8a8a8a;
    font-size: 0.9rem;
    font-style: italic;
}
/* ****ADDITIONAL ITEMS**** */
.requestItemsForm { 
    min-width: 96%;
}
#reqItems, #addPending {
    width: 100%;
    justify-content: center;
    padding-top: 0px !important;
}
.requestItemsForm #reqItems .form-check, #addPending .form-check {
    margin: 0 auto 5px;
}
.requestItemsForm .grpPane .req-radio-div label,
.requestItemsForm .grpPane .req-checkbox-div label {
    min-height: 40px;
    padding-top:10px;
    padding-bottom:10px;
    margin-left: 20px;
}
.requestItemsForm .grpPane .req-radio-div input, 
.requestItemsForm .grpPane .req-checkbox-div input {
    margin-top: 0;
}
.reqItem-num.num-disabled {
    background: rgba(215, 205, 205, 1) !important;
    user-select: none;
}
.reqItem-num.num-disabled::-webkit-outer-spin-button,
.reqItem-num.num-disabled::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
.reqItem-num.num-disabled[type=number] {
  -moz-appearance: textfield;
}
.reqItem-num.num-disabled::selection { 
    background: rgba(118, 118, 118, 0.4); 
}
.contract-page .form-check {
    font-size: 1.1rem;
    margin-left: 1rem;
}
.contract-page .form-check input[type="radio"]{
    height: .95rem;
    width: .95rem;
    margin-left: -1.5rem;
}
.contract-page .form-check label {
    font-size: .84rem;
    margin-top: auto;
    margin-bottom: auto;
}
.contract-page .form-check.req-number-div label {
    margin-top:0;
}
.requestItemsForm .form-check.req-number-div input {
    margin-top:auto;
    width:80%;
    margin-left:10%;
}
.contract-page .form-check.req-number-div > * {
    margin-bottom:6px
}
.offline-payment-enabled{
    margin-bottom:1rem !important;
}
.contract-page .check-radio-group .form-check {
    font-size: 1.1rem;
    margin-left: 0px
}
.itemGroupPageNum {
    font-size: 1.4rem;
    opacity: 0.6;
    display:none;
}
/* ****LEGAL AGREEMENTS**** */
#legalAgreementContents {
    display: flex;
    flex-direction: column;
    padding: 0 20px 0 20px;
    position:relative;
}
#legalAgreementContents + div {
    margin-left: 6%;
}
#legalAgreementContents h5 {
    margin: 0 auto 0 50px;
    font-weight: initial;
    width:80%;
    width:calc(80% - 50px);
}
#legalAgreementContainer > *{
    width:100%;
}
#legalAgreementContents div {
    height: calc(100vh - 760px);
    min-height: 26vh;
    width: 96%;
    min-width: 200px;
    border: 1px solid var(--red);
    font: 16px Arial, Serif;
    overflow: auto;
    margin: 18px auto 22px;
    background: var(--light);
    border-radius: 4px;
    border: 5px solid white;
    border-left: 5px solid red;
    box-shadow: 0px 0px 6px 6px #DCDCDC;
    padding: 15px;
    line-height: 1.15rem;
}
#terms-popout{
    color: #589FFC;
    position:absolute;
    top:0;
    right:14%;
    right:calc(5% + 50px);
    font-size:1.1rem;
    cursor: pointer;
    opacity:1;
    transition: .6s;
    
}
#terms-popout:hover{
    color:#386aab;
}
.form-check-span {
    font-size: 0.8rem;
    display: block;
}
/*****EVENT DETAILS*****/
#companyInformationModal .modal-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#companyInformationModal .exhibTile {
    margin: 0;
}
.ercGroupHead {
    margin-top: 25px;
    margin-left: 26px;
    margin-bottom: 0;
}
.inputImageDiv {
    overflow: hidden;
    height: 200px;
    margin: 0 auto;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;  
}
.imgCheckbox, 
.imgRadio {
    justify-content: flex-start;  
}
.inputImageDiv img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 5px;
}
/* ____ company Information ___ */

@media (min-width: 576px) {
    #exhibitorInfoWrapper .col-sm-4 {
        -ms-flex: 1 1 33.333333%;
        flex: 1 1 33.333333%;
        max-width: 50%;
    }
    #DirectoryTab #pills-tab .nav-item a, #AttendTab .portal-pills .nav-item a {
        font-size: 20px !important;
    }
}
/* ****INVOICE STYLES**** */
.modal .summaryDetailsLink {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 0;
}
.summaryDetailsLink:hover {
    color: #0161c7;
    text-decoration: underline;
    cursor: pointer;
}

 /* ****DIRECTORY CARD MODAL SCROLLS**** */

.modal .modal-dialog .modal-content {
    border-radius: 3px;
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.date-time-group{
    position:relative;
}
.eventDetails p {
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0;
}
.full-invoice-contrainer .modal-dialog {
    width: 100%;
    max-width: 850px;
}

.boothInfo div strong {
    font-size: 1rem;
    border-bottom: 1px solid black;
    text-align: center;
    width: 100%;
    display: block;
}
.boothInfo div p {
    font-size: 0.9rem;
    margin-bottom: 5px;
    text-align: center;
}
.boothInfo div p:first-child {
    margin-top: 10px;
}

/* ****DIRECTORY****  */
.directoryButtons {
    display: flex;
    flex: 1 1 30%;
    margin-top: 5px;
    width: 90%;
    justify-content: flex-start;
    text-align: center;
    flex-wrap: wrap;
    padding-right: 25px;
}
.directoryButtons p {
    min-width: 25px;
    max-width: 70px;
}
#exhibCenterProducts .directoryButtons {
    margin-top: 30px;
}  
#exhibCenterLinks .productLink {
    font-size: 1rem;
}
/* ****BANNER CROP****   */
  #bannerCrop {
    margin-bottom: 40px;
}
.photo-crop-container {
    position: relative;
}
.photo-crop-container {
    position: relative;
}
.photo-crop-container:before {
    content: '';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    height: 0px;
    width: 90%;
    z-index: 9;
    background-color: #f5f5f5;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    top: 256px;
    -webkit-transition: all linear 0.3s 0.1s;
    -o-transition: all linear 0.3s 0.1s;
    transition: all linear 0.3s 0.1s;
}
.photo-crop-container.show-loader:before {
    content: 'Cropping...';
    opacity: 1;
    height: calc(100% - 80px);
}
.photo-crop-container {
    position: relative;
    overflow: hidden;
}
.photo-crop-container img {
    display: block;
    max-width: 100%;
    width: 80%;
    height: 100%;
}
.photo-crop-container .crop-preview-cont {
    overflow: hidden;
    -webkit-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    height: 500px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}
.photo-crop-container .crop-preview-cont {
    display: none;
}
.photo-crop-container .crop-preview-cont>* {
    flex: 1 1 100px;
    text-align: center;
}
.photo-crop-container .crop-preview-cont>*:last-child {
    flex: 1 1 500px;
}
.photo-crop-container .crop-preview-cont #crop_img {
    text-align: center;
    margin-bottom: 5% !important;
    margin: 3% 10%;
    max-height: 55px;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.photo-crop-container.show-result .crop-preview-cont .img_container {
    max-width: 300px;
    max-width: 300px;
}
/* .photo-crop-container .crop-preview-cont .img_container {
    max-width: 60%;
    min-width: 50%;
    margin: 0 auto;
} */
#uploadAvatarCropBody #crop_img {
    margin: 20px auto 0px auto;
}
.photo-crop-container.show-result .crop-preview-cont {
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
    height: 0;
}
.photo-crop-container #user_cropped_img {
    -webkit-transition: all linear 0.2s 2s;
    -o-transition: all linear 0.2s 2s;
    transition: all linear 0.2s 2s;
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
    position: absolute;
}
.photo-crop-container.show-result #user_cropped_img {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    position: relative;
}
.photo-crop-container #user_cropped_img img {
    max-width: 550px;
}
.photo-crop-container #user_cropped_img img {
    -webkit-transition: all cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s 2.3s;
    -o-transition: all cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s 2.3s;
    transition: all cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s 2.3s;
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
    scroll-behavior: smooth;
}
@media (min-width: 768px) {
    .cropper-point.point-se {
        height: 5px;
        width: 5px;
    }
    .settingsOptionForm .nav-pills.portal-pills .nav-item {
        flex-grow: 1;
        flex-basis: 0;
    }
}
.portal-pills.nav-pills:after {
    display: none;
}
.cropper-point.point-se {
    height: 5px !important;
    width: 5px !important;
}
 .photo-crop-container.show-result #user_cropped_img img {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
}
#cropperDescription {
    margin: 30px 0 10px;
    display: block;
    font-size: 0.9rem;
    font-weight: bold;
    color: gray;
    padding-right: 10px;
}
.directoryLogoDetailsTop{
    position:absolute;
}
.btn-confirmCrop {
    width: 200px;
    margin-bottom: 10px;
    margin: 0 auto 10px;
    cursor: pointer;
    background: #273238;
    color: white !important;
    border: none;
    text-align: center;
    padding: 0.84rem 0.84rem 0.84rem !important;
    font-size: 0.61rem !important;
    text-transform: uppercase;
    border-radius: 0.125rem !important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important;
}
#cropperDescription span {
    color: black;
    display: block;
}
@media only screen and (max-width: 575px) {
    #bannerCrop .photo-crop-container #user_cropped_img img {
        max-width: 100%;
    }
}
#DirectoryDefaultBannerSection {
    margin-bottom:40px;
}
#defaultBanner .crop-preview-cont {
    flex-direction: column;
    align-items: center;
}
#defaultBanner .img_container {
    min-width: 580px;
    width: 100%;
}
#defaultBanner .cropper-container {
    margin: 0 auto;
}
#addBoothWallpaperForm #crop_img {
    margin: 0 ;
}
.hide-field {
    display: none !important;
}
#searchIcon {
    display: none;
}
/* ****BOOSTRAP COPY FOR DIRECTORY****  */
.directoryWhiteNav {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.directoryWhiteNav ul {
    margin: 0 !important;
    width: 25%;
}
ul#dirNavbarNav {
    margin: 0 auto;
    width: 50%;
    flex-wrap: nowrap;
    padding-left: 0.4%;
}
ul#dirNavbarNav a button {
    width: 175px;
}
.directoryWhiteNav ul.super-right {
    height: 10px;
    padding: 0;
}
ul#loginAttendeeBtnDiv {
    display: none;
    width: 0;
} 
/*--------------------------------*/
.invertBtn {
    background: transparent !important;
    color: #273238 !important;
    border: 1px solid #273238 !important;
    padding: 0.80rem 0 0.80rem !important;
    margin: 0 5px;
    box-shadow: none;
    width: 150px;
    text-align: center;
    padding: 0.84rem 0 0.84rem !important;
    font-size: 0.71rem !important;
    opacity: 0.7;
    text-transform: uppercase;
    border-radius: .125rem !important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important;
    transition: 0.5s;
}
.invertBtn {
    background: #dedede !important;
    /* border-bottom: 2px solid darkgray !important; */
}
#dirNavbarNav .invertBtn{
    background: transparent !important;
    max-height: 43px;
    color: #999999;
}
.invertBtn:disabled, #dirNavbarNav .invertBtn:disabled {
    background: white !important;
    color: #999999 !important;
    /* border-bottom: 2px solid darkgray !important; */
}
.invertBtn:hover , ul#dirNavbarNav a button.invertBtn:hover:not(:disabled){
    color: rgb(153, 153, 153) !important;
    background: rgb(243,243,243) !important;
}
.invertBtn:disabled:hover , ul#dirNavbarNav a button.invertBtn:disabled:hover{
    color: initial !important;
    background: initial !important;
}
ul#dirNavbarNav a button.invertBtn:disabled:hover{
    color:#999999;
}
.invertBtn:disabled i{
	color: #151515 !important;
    transform: scale(1.25);
    transition: 0.1s;
}
#dirNavbarNav .invertBtn:disabled i{
    color: #999999 !important;
}
#dirNavbarNav i{
    color: #999999 !important;
}
/* ****ERC Directory****  */
#addPublicBanner .modal-dialog {
    max-width: 1120px;
    max-height: calc(100vh - 40px);
    overflow-y: hidden !important;
}
#exhibPublicBannerDiv .blueBG {
    margin-top: 20px;
    margin-bottom: 30px;
}
.erc-field-open{
    display: inline-block;
}
.erc-field-close {
    display: none;
}
.DirectorySubHeader2 {
    margin-right: 20px;
    margin-left: 20px;
}
.assign-modal select,
.comptype-complist {
    height: 70vh !important;
    max-height: 75vh;
    border-left: 2px solid #ff3346 !important;
}
@media only screen and (max-width: 1315px) {
    .assign-modal select,
    .comptype-complist {
        height: 30vh !important;
        max-height: 50vh;
        border-left: 2px solid #ff3346 !important;
    }
}
span.defaultPromoLabel {
    display: block;
    font-size: 0.65rem;
    color: gray;
}
/* ****ERC FIELDS****  */
.erc-settings-avail-fields fieldset {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.erc-settings-avail-fields fieldset *{
    margin: 0 auto;
}
.erc-settings-avail-fields fieldset .fieldLabel {
    text-align: center;
    width: 100%;
    font-weight: 500;
}
.erc-settings-avail-fields fieldset .ercFieldRadioGroup {
    display: flex;
    align-items: center;
    flex-direction: row;
    border-top: 1px solid #ff3346;
    padding-top: 6px;
}
.erc-settings-avail-fields fieldset div span {
    margin-left:5px;
    margin-right:5px;
}
.erc-settings-avail-fields fieldset div div {
    display:flex;
    align-items: center;
}
/* ****PROFILE PICTURE **** */
.settings-folder-modal .modal-tip {
    display: block;
    color: gray;
}
.radioGroupMandatoryWarning{
    margin-left:23px;
    margin-bottom:10px;
    color: gray;
}
#profilePicture span, 
#userIcon span {
    height: 100%;
    width: 72%;
}
div ul#dirNavbarNav, div ul#dirNavbarNav.noCategories{
    transition: all 0.25s;
}
#userIcon span {
    width: 52%;
    font-size:30px;
    /* margin: 23% 24%; */
}
#profilePicture span .innerImage, 
#userIcon span .innerImage {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    color: white;
    font-size: 6em;
    font-weight: 500;
    position: relative;
    margin-top: 20%;
    width: 92.5%;
}
#userIcon span .innerImage {
    margin-top: 26%;
}
#profilePicture.profilePicCanvas {
    opacity: 1.0;
    border-radius: 0;
    border: none;
    position: fixed;
    bottom: -220px;
    left: 0;
}
#profilePicture.profilePicCanvas span {
    width: 100%;
    text-align: center;
}
#profilePicture.profilePicCanvas .innerImage {
    font-size: 8em;
    width: 100%;
    text-align: center;
}
.defaultType-input {
    margin-left: 15px;
    margin-top: 0.5rem;
}
#compTypeRestrictionForm label[for="isDefaultType"] {
    margin-left: 5px;
    margin-top: 0px;
}
/* ****ToolTip HOVER **** */
.toolTipParent{
    position: relative;
}
.toolTipParent:hover .hoverToolTip{
    visibility: visible;
    opacity: 1;
    transition: opacity 0.6s;
}
.toolTipParentImmediate{
    position: relative;
}
.toolTipParentImmediate:hover > .hoverToolTip{
    visibility: visible;
    opacity: 1;
    transition: opacity 0.6s;
}
.toolTipParentImmediate:hover ~ .hoverToolTip{
    opacity:0;
}
.toolTipParentImmediateHovered .hoverToolTip{
    opacity:0;
}
.detailsToolTipParent{
    position: relative;
}
.toolTipParent:hover .hiddenHoverToolTip, .toolTipParentImmediate:hover .hiddenHoverToolTip{
    opacity:0;
    transition: opacity 0.3s;
}
.spinnerTable{
    position:absolute;
    left:45%;
    bottom:10%;
}
.spinnerTableContain{
    height:100px;
}
td .fa-times{
    font-size:15px;
    transition: 0.3s;
}
td:hover .fa-times{
    font-size:18px;
    color:#f51807;
}
.hoverToolTip{
    font-size: 12px !important;
    visibility: hidden;
    position: absolute;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 10px ;
    border-radius: 6px;
    z-index: 5;
    opacity: 0;
    transition: opacity .6s;
    transition-delay: 2s;
    transition-property: opacity;
    /* right:15%;
    top: 0; */
}
.hoverToolTip span{
    font-size:12px !important;
}
th .hoverToolTip, th .hoverToolTip span{
    font-size:10px !important;
}

.hoverToolTipTop{
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}
.hoverToolTipTopArrow::after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
  }
.hoverToolTipBottom{
    top: 100%;
    left: 50%;
    margin-left: -60px
}
.hoverToolTipBottomArrow::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
.hoverToolTipRight{
    top: -5px;
    left: calc(100% + 5px);
}
.hoverToolTipRightArrow::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 100%; /* To the right of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
  }
.hoverToolTipLeft{
    top: -5px;
    right: calc(100% + 5px);
}
.hoverToolTipLeftArrow::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
  }
   /* End generic tool tips  */
:not(.settingsOptionForm) .table .hoverToolTipBottom {
    bottom:0;
    left:50%;
    top: revert;
    opacity:0.75;
}
.detailsToolTipParent .hoverToolTip{
    top:0;
}
.detailToolTipHead0 .hoverToolTip{
    left: 75%;
}
.detailToolTipHead0 .hoverToolTip.hoverToolTipBottomArrow::after {
    left:25%;
}
.filterToolTip {
    width: 30%;
    visibility: hidden;
    position: absolute;
    width: 230px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 10px ;
    border-radius: 6px;
    z-index: 5;
    opacity: 0;
    transition: opacity .1s;
    left:30px;
    top: 102%;
    text-align: left;
}
.filterToolTip::after {
    content: " ";
    position: absolute;
    bottom: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}
.hoverToolTip span {
    font-weight: 600;
    display: block;
}
.boothcheckbox {
    margin: 12px 0;
    display: block;
}
.boothcheckbox:first-child {
    margin-top: 40px;
}
.boothcheckbox input {
    width: 30px;
    height: 14px;
}
/* ****PROFILE PICTURE****  */
.cropperBgRadio {
    margin-top: 45px;
}
#cropBgPreview {
    width: 40px;
    height: 40px;
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.06);
    margin-left: 5px;
}
#profilePicModal {
    display: block;
    z-index: 1000;
    min-width:800px;
    min-width: calc(100vw - 390px);
    min-height: 150px;
    position: absolute;
    padding: 10px;
    right: 325px;
    top: 200px;
    background: white;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-right: 1px solid #dee2e6;
}

#profilePicModal .cropper-crop-box, 
#profilePicModal .cropper-view-box {
    border-radius: 50%;
}
#profilePicModal .cropper-view-box {
    box-shadow: 0 0 0 1px #39f;
    outline: 0;
}
#profilePicModal .upload-photo {
    max-width: 550px;
    margin: 0 auto;
}
#editExhibLogo .modal-dialog {
    min-width: 600px;
}
#logoImageCrop .cropper-crop-box, 
#logoImageCrop .cropper-view-box,
.circleCropContainer .cropper-crop-box, 
.circleCropContainer .cropper-view-box {
    border-radius: 50%;
}
.circleCropContainer.boxCropContainer .cropper-crop-box, 
.circleCropContainer.boxCropContainer .cropper-view-box {
    border-radius: 0;
}
#logoImageCrop .cropper-view-box,
.circleCropContainer .cropper-view-box {
    box-shadow: 0 0 0 1px #39f;
    outline: 0;
}
#logoImageCrop .upload-photo,
.circleCropContainer .upload-photo {
    max-width: 550px;
    margin: 0 auto;
}
 /* ****DETAILS TABLE FILTER****   */
#detailCompanyList tr th:hover {
    background: rgba(133, 133, 133, 0.1);
    cursor: pointer;
}
#detailsCompBoothList #detailsTable tr th i {
    font-size: 13px;
    padding: 4px !important;
}
#detailCompanyList tr th i:hover {
    background: rgba(10, 10, 10, 0.1);
    cursor: pointer;
}
.verifyToolTip {
    visibility: hidden;
    position: absolute;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 10px ;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.6s;
    text-align: left;
    font-size: 1rem;
    width: 120px;
    bottom: 120%;
    left: 50%;
    margin-left: -60px;
    text-transform: none !important;
}
.verifyToolTip::after {
    content: " ";
    position: absolute;
    top: 100%; 
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.verifyToolTip span {
    font-weight: 600;
    display: block;
}
.showTip{
    visibility: visible;
    opacity: 1;
    transition: opacity 0.6s;
}
.displayVerified {
    top: 100%;
    left: 5%;
    position: absolute;
    margin-top: -5px;
}
#main-details-filter:hover {
    cursor: pointer !important;
    opacity: 0.5;
    transition: opacity 0.3s;
}
#detaisFilterSelectSection {
    display: none;
    padding: 10px;
    flex-direction: column;
    border-bottom: 1px solid #ced4da;
}
#detaisFilterSelectSection select {
    padding: 10px 4px;
    width: 10%;
    min-width: 145px;
    text-align: center;
    cursor: pointer;
}
#detaisFilterSelectSection select:not(#mainFilterSelect) {
    border: 1px solid #ced4da !important;
}
#detaisFilterSelectSection select:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) !important;
}
/* ****CONTRACT ADDITIONAL ITEMS**** */
.contract-page .form-check label {
    font-size:.855rem;
}
.input-html-description {
    color: white;
    padding: 0px 25px 5px;
    font-size: 0.84rem;
    margin-left: -5px ;
    margin-right: -5px;
}
.input-html-description h1,
.input-html-description h2,
.input-html-description h3,
.input-html-description h4 {
    color: white;
    margin-left: -6px ;
    margin-right: -6px;
    font-size: 1.15rem;
}
/* ____________ */
/* ****SETTINGS SECTION TITLES****   */
.exhibportTitle {
    padding-top: 1.8rem;
}
.exhibportTitle, 
.exhibportTitle  + .col-sm-12 {
    margin-bottom: 0;
    padding-bottom: 1rem;
}
.exhibportTitle  + .col-sm-12 {
    padding-bottom: 2.65rem;
    margin-left: 0;
    margin-right: 0;
}
.exhibportTitle p {
    margin-bottom: 0;
}
.portal-content .tab-pane > .exhibportTitle {
    background-color: rgba(0, 0, 0, 0.044);
    border-top:2px solid #FF666B;
}
.portal-content .tab-pane > .exhibportTitle + .col-sm-12 {
    background-color: rgba(0, 0, 0, 0.044);
}
.mailCon .filterTitleDiv h5 {
    padding-left:0 !important;
}
/* ****CONTRACT HTMLDESCRIPTION styles cont.**** */
.n-label-w-description {
    border-top: 2px solid rgba(255, 255, 255, 0.3);
    height: 1px;
    width: 56%;
    margin: 5px 0;
}
.collapse .form-check .label-divider {
    border-top: 2px solid rgba(255, 255, 255, 0.3);
}
.collapse .form-check:first-child .label-divider {
    border-top: none;
}
.contract-page .form-check label {
    /* text-align: right; */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.contract-page .form-check label span {
    text-align: left;
}
.contract-page  .linklabel-span {
    width:100%;
}

.contract-page .reqItem-num {
    margin-top: 10px;
}
.contract-page .form-check label span.price-label {
    font-weight: bold;
    font-size: 0.8rem;
    width:75px;
    margin-left:20px;
    text-align: right;
}
.settingsSaveEnabled {
    position: sticky;
    width: calc(100% );
    bottom: 10px;
    left: 275px;
}
@media only screen and (max-width: 991px) {
    .settingsSaveEnabled {
        width: 96%;
        bottom: 15px;
        left: 2%;
    }
}
.c-color-label {
    font-size: 14px;
    font-weight: bold;
}
.contract-colors-div {
    display: flex;
    justify-content: space-around;
}
#ratePlanRulesTBody select {
    max-width: 88%;
    margin-left: 2%;
    background-color: white !important;
}
#ratePlanRulesTBody select:hover {
    background-color: rgba(0, 0, 0, 0.6) !important;
}
/* ****SETTINGS TABLE TABS****  */
.body-content .settingsTableTabGroup {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 50px;
    /* box-shadow: 0 18px 10px 0px var(--light) */
}
.body-content .settingsTableTabGroupTop {
    margin-top: 0;
}
.body-content .settingsTableTabGroup.nav-pills {
    border: none;
    flex-wrap: wrap;
}
.body-content .settingsTableTabGroup.nav-pills:after {
    border-top: 3px solid #589FFC;
    margin: 0 auto;
    left: unset;
    width: 100%;
}
.settingsTableTabGroup .appSettingsTableTab {
    height: auto;
    background: white !important;
    border-top: 3px solid var(--light);
    border-radius: 0;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 400;
    font-size: 24px;
    transition: 0.2s;
    min-height: 45px;
    display: flex !important;
    padding: 0.5rem 1.5rem !important;
    max-width: 50%;
}

.body-content .settingsTableTabGroup.nav-pills .nav-item.active {
    border: 3px solid #589FFC !important;
    background: white !important;
    margin-bottom: -3px;
    transition: 0.2s;
    z-index: 3;
    min-height: 48px;
    color: rgba(36, 33, 33, 0.7);
    font-weight: 500;
}
.settingsTableTabGroup-title {
    position: absolute;
    left: 0;
    top: 0;
    color: #589FFC;
    font-weight: bold;
}
.eventSettingSection .eventSettingsTitleOpen.col-sm-12 {
    border-top-right-radius: 4px;
    /* border-right: 1px solid #e0e0e0; */
    border-bottom: none;
    background-color: rgba(162, 162, 162, 0.1);
}
.eventSettingSection:last-child > .eventSettingsTitleOpen.col-sm-12 {
    border-bottom: none
}
.eventSettingsSeperator {
    height: 30px;
}
#notsubmittedContractsTableSection {
    display: none;
}
 /* ****ERC SIGN ONLY PAGE****  */
.warningResource, .reqDoc-Declined {
    /* border: 1px solid red; */
    animation: warningBorder 2.8s infinite linear
}
@keyframes warningBorder {
    0% {
        border: 3px solid lightcoral;
    }
    40%{
        border: 3px solid darkred;
    }
    80%{
        border: 3px solid lightcoral;
    }
    100%{
        border: 3px solid lightcoral;
    }
}
@keyframes warningIcon {
    0% {
        color: lightcoral;
    }
    40%{
        color: darkred;
    }
    80%{
        color: lightcoral;
    }
    100%{
        color: lightcoral;
    }
}
@keyframes warningText {
    0% {
        color: lightcoral;
    }
    40%{
        color: darkred;
    }
    80%{
        color: lightcoral;
    }
    100%{
        color: lightcoral;
    }
}
.warning-erc-text{
    color: lightcoral;
    animation: warningIcon 2.8s infinite linear
}
.warning-resource-icon {
    color: lightcoral;
    margin-right: 10px;
    animation: warningIcon 2.8s infinite linear
}
.agreement-signonly div {
    height: calc(100vh - 535px) !important;
    min-height: 300px !important;
}
.pagecontainer-signonly {
    margin-top: 80px !important;
    background-color: white;
}
.pageheader-signonly {
    margin-left: 35px;
}
#deferredContractSigning {
    margin-left: 25%;
    margin-right: 25%;
    width: 50%;
    margin-bottom: 40px;
    font-size: 0.80rem !important;
    font-weight: bold;
    z-index: 10;
}
#deferredContractSigning:disabled{
    cursor: not-allowed;
}
#signonly-contract-container #scroll-alert {
    width: 100%;
}
#signonly-contract-container .pt-3 {
   padding-top: 0 !important; 
}
#signonly-input-section {
    width: 86%;
}
#authBySignSection {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 25px;
}
#authBySignSection > div {
    width: 40%;
    min-width: 155px;
    max-width: 461px;
    flex: 0 0 45%;
}
#authBySignSection > div:first-child {
    margin-right: 50px;
}
#signonlyAgreementCheckDiv {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}
/* ****SIGN ONLY - ORDER DETAILS**** */
#orderDetailsModal .modal-dialog {
    min-width: 487px;
    width: 80%;
    max-width: 1485px;
    padding-right: 15px;
    padding-left: 15px;
    padding: 20px;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    min-height: calc(100% - 40px);
    margin: 20px auto;
}
#orderDetailsModal .modal-dialog .modal-content {
    max-height: calc(100vh - 40px);
}
#orderDetailsModalTitle {
    color: black !important;
    font-size: 2rem !important;
    font-weight: 500 !important;
}
#orderDetailsModal #confirmWrapper {
    margin-top: 0;
}
.orderDetailsInfoList {
    color: #757575;
    font-weight: 400;
}
#loginAdminDCForm{
    margin-top:15px;
}
#loginAdminDCForm .loginInput{
    margin-bottom:15px;
}
#adminDiscountOrModalButtons{
    display:flex;
}
.orderDetailsInfoList div {
    display: flex;
    justify-content: space-between;
    font-size: 1rem;
}
#orderDetailsInfoSection {
    overflow: auto;
}
#depositDetailClearBtn {
}
#authBySignSection input[type=text]:not(.searchbox-input):not(.searchbox-submit):not(#loginBtn) {
	border: 1px solid #d6d6d6 !important;
	border-bottom: 2px solid #FAFAFA !important;
	border-radius: 2px;
	margin-top: 5px;
}
.orderDetailsInfoList div label, 
.orderDetailsInfoList div p {
    font-size: 1.1rem;
    max-width: 50%;
}
.orderDetailsInfoList div p {
    text-align: center;
    max-width: 85%;
    min-width: 50%;
}
/* ****ADDITIONAL INFO TAB STYLING****  */
.contract-step-body{
    margin-top: 0 !important;
    padding: 0 !important;
    padding-bottom:15px !important;
}
#clauseTabs{
    display: none;
}
#clauseTabs, #addItemsTabs {
    padding-left:.6rem;
    padding-right:.6rem; 
    justify-content: flex-start; 
}
#clauseTabs li, #addItemsTabs li {
    flex: 1 1 0;
    width: 0;
    padding-left: 0;
    padding-right: 0;
    transition: 0.3s;
    max-width:500px;
    margin: 0 0.1vw;
}
#clauseTabs li:last-child, #addItemsTabs li:last-child {
    margin-right: 0 !important;
}
#clauseTabs li a, #addItemsTabs li a {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.clauseLink {
    background: var(--light) !important;
    border-bottom: none;
    transition: 0.3s;  
}
.clauseLink:hover {
    background: var(--light-hover) !important;
    border-bottom: none;  
}
#clauseTabs li.activeCtab {
    margin-bottom: -2px;
    background: white;
}
/* ****SETTINGS STYLE IMPROVE ****  */
.contract-colors-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.tableIconBtn{
    transition: all 0.3s;
}
.tableIconBtn:hover{
    color:rgb(88, 159, 252);
    cursor: pointer;
    transition: 0.3s;
}
/***** CONTRACT PAYMENT INFO  *****/
/* .jp-card{
    opacity:.6;
} */
/* .jp-card-container{
    transform: initial !important;
} */
#boothPayment form label {
    font-weight: 800;
}
/* #paymentInfoPane input {
    max-width:300px;
} */
#wizardButtonsContainer {
    background : white;
    height: 58px;
    padding: 0 15px 0;
    display: none;
}
#emailQueueTab {
    min-width: 100%;
}
/* **** MAIL SETTINGS ****  */
.mailCon .eventSettingSectionContent {
    /* padding-left: 6px; */
    border-top-right-radius: 0;
}
 /* ****CONFIRM ORDER MESSAGE****   */

#orderConfirmMessageText {
    max-height: 80px;
}
#confirmMessageModal .modal-dialog {
    min-width: 487px;
    width: 80%;
    max-width: 1485px;
    padding: 20px;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    margin: 20px auto;
}
#templateSelect {
    width:100%;
    text-align: center;
}
.templateChangedSection {
    position: sticky;
    bottom: 25px;
    transition: 0.4s;
}
/* ****SIGN ONLY STYLES****   */
#ContractLegalContent {
    padding-left: 20px !important;
}
#signPreambleDispaly {
    display: block;
    width: 100%;
    margin: 25px 15px;
    text-align: center;
}
#signPreambleDispaly * {
    max-width:100%;
}
#signPreambleSection {
    margin-top: 35px;
}
#directoryContactCheckdiv {
    position: relative;
    margin-bottom: 10px;
}
#directoryContactCheckdiv .contactLabelDiv {
    min-height:30px;
}
#directoryContactCheckdiv .switch {
    position: absolute;
    bottom: 0;
    left: 0;
}
.lsaRemaining {
    position: absolute;
    right: 75px;
    font-size: 1.2rem;
}
#lsaRemainingLabel {
    float: right;
}
#lsaTipBold {
    font-weight: 1000;
}
#filterDetailsBtns {
    margin-bottom: 35px;
}
#inviteManyCount {
    float: right;
}
#publicBanneruploadDiv .img_container {
    display: block;
}
#defaultBanner .crop-preview-cont {
    height: auto;
}
#logoImageCrop, .circleCropContainer {
    width: 100%;
}
#logoImageCrop .crop-preview-cont,
.circleCropContainer .crop-preview-cont {
    flex-direction: column;
    align-items: center;
}
#logoImageCrop .img_container ,
.circleCropContainer .img_container {
    min-width: 580px;
    width: 100%;
}
#avatarCropLogo .modal-dialog, .crop-image-modal .modal-dialog{
    min-width: 600px;
}
#logoImageCrop .cropper-container,
.circleCropContainer .cropper-container  {
    margin: 0  auto;
}
#addBoothWallpaperForm #crop_img ,
#addBoothWallpaperForm #crop_img {
    margin: 0 ;
}
#logoImageCrop .crop-preview-cont,
.circleCropContainer .crop-preview-cont {
    height: auto;
}
#saveDirDescWarning {
    color: red;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: -3px;
}
.wallpaperDiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 1%;
    padding-right:1%;
}
.wallpaperDiv > * {
    margin: 0 !important;
    margin-top: 8px !important;
    line-height: 37px;
}
.wallpaperDiv #userIcon {
    height: 75px;
    width: 75px;
    min-width: 75px;
}
.wallBoothNum {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.5;
    text-align: center;
}
.wallBoothNum b {
    text-decoration: underline;
}
.signature-contain {
    width: 100%;
    margin-top: 30px;
}
.wrap-contain {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
}
.signature-contain .wrapper {
    position: relative;
    width: 100%;
    height: 160px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0px 0px 12px -6px #dcdcdc;
    border:2px solid #e3e3e3;
    border-radius: 10px;
    overflow: hidden;
}
.sign-buttons {
    margin-top: 10px;
    display: flex;
}
.sign-buttons button {
    color: white;
    background: #273238;
    border: none;
    border-radius: 3px;
    margin-top: 3px;
    font-weight: bold;
    font-size: 0.90rem !important;
    text-transform: uppercase;
    padding: 3px 8px;
    min-width: 38px;
}
.sign-buttons button i {
    color: white;
    background: transparent;
}
.sign-buttons button {
    margin-right: 5px;
}
.signature-contain .signature-pad {
    position: absolute;
    left: 0;
    top: 0;
    width: 555px;
    height: 160px;
    background-color: white;
}
#legalAgreementContainer {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}
#legalAgreementContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.showLicense {
    display: flex;
    text-align: center;
    justify-content: space-around;
    font-size: 1rem;
    align-items: center;
}
.showLicense .showSection {
    display: flex;
    align-items: center;
    flex-direction: column;
    min-width: 32px;
    color: #589FFC;
}
.showLicenseTitle {
    text-decoration: underline;
    font-weight: bold;
    font-size: 14px;
    
}
.directoryEmptyDescription {
    margin: 0 auto 0.7rem;
    text-align: center;
    width: 100%;
    color: black;
    font-weight: 400;
}
.notListedSection {
    width: 100%;
    min-height: 113px;
    position: relative;
    overflow: hidden;
}
.notListedSection h4, .notListedSection p{
    z-index: 2;
    position: relative;
}
.notListedBackground {
    position: absolute;
    color: gainsboro;
    opacity:.9;
    margin: 0 auto;
    font-size: 6rem;
    width: 100%;
    text-align: center;
    top: -20px;
}
#editOrderPhaseStep {
    display: none;
    position: absolute;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1060;
}
#CCMappedSelect select,
#CCExhibSelect select {
    height: 75vh;
}
#ordPhaseAvailStepList select, 
#ordPhaseStepList select {
    height: 50vh;
}
#CCExhibSelect select {
    max-height: calc(75vh - 72px);
}
#addPhaseStepForm #addPhaseStepSelect::-ms-expand {
    display: none !important;
}
#addPhaseStepForm #addPhaseStepSelect {
    appearance: none;
}
.settingEmailHeader {
    display: inline-block;
    margin-top: 38px;
}
.email-overrides {
    margin-top: 10px;
    padding-bottom: 15px;
    border-top: 2px solid #589FFC;
}
.email-overrides-subtitle {
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 10px;
}
.email-overrides .mt-3:first-child .email-overrides-subtitle {
    border-top: none;
}
.sendToDiv .AppSettingsSave {
    font-size: 1.5rem;
    margin-left: 5px;
    color: rgba(0, 0, 0, 0.35);
}
.sendToDiv .AppSettingsSave:hover {
    cursor: auto;
    color: rgba(0, 0, 0, 0.45);
}
.sendToDiv .AppSettingsSave.saveable {
    color: #28a745;
}
.sendToDiv .AppSettingsSave.saveable:hover {
    cursor: pointer;
    color: #28a745;
}
/* banner */
.bannerForeground {
    width: 100%;
    max-height: 248px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 712.5/150;
    z-index: 1;
}
.highlight-section {
    padding: 20px 0 0 0;
    color: #212121;
    letter-spacing: 1.5px;
    font-weight: 700;
    font-size: 16px;
    color: #212121;
    text-transform: uppercase;
}
.sales-highlight {
    display: none;
}
.eventUsedOverlayImg {
    width: 20%;
    height:auto;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.editOverlaySelectText{
    max-width:20%;
    overflow-wrap: break-word;
}
.editOverlaySelectDiv {
    display: flex;
    width: 100%;
    max-width: 1000px;
    justify-content: space-between;
    align-items: center;
    margin-top: 35px;
}
.editOverlaySelectDiv .btn{
    min-width:70px;
}
#savedEditBackTo{
    max-width:300px;
}
.required-company-field-marker {
    color: red;
    font-size:.9rem;
}
#h1Dash.phase-event{
    margin-top: 0px;
}

.hide-phase-step{
    display:none !important;
}

.eventSettingSection h2 span.toggleDiv {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 18px;
    top: 15px;
    transition: all .4s;
}
.eventSettingSection > .col-sm-12:hover h2 span.toggleDiv {
    background-color: #e2e2e2;
}
.eventSettingSection h2 span.toggleDiv i {
    font-size: 16px;
}
@media only screen and (min-width: 1400px) {
    .navScrolled #settingSelections .settingsOption {
        min-height: 50px;
    }
    .navScrolled .settingsOptionTitle {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 10px 10px 8px 10px;
    }
    .navScrolled .settingsOptionTitle span {
        padding-right: 0px;
        text-align: left;
        white-space: nowrap;
    }
    .navScrolled .settingsOptionTitle i {
        height: initial;
    }
    .navScrolled .appSettingsOption {
        height: 50px !important;
    }
}
.table-spinner{
    margin: 15px auto;
}
.confirmationBoothTable-spinner{
    margin: 0 auto;
}
.backToTopBtn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(93, 93, 93, 0.75);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 0.8);
    border: none;
    position: fixed;
    right: 20px;
    bottom: 66px;
    z-index: 1040;
    outline: none;
}
.backToTopBtn:active {
    background-color: rgba(37, 36, 36, 0.6) !important;
}
.backToTopBtn i {
    font-size: 18px;
}
.backToTopBtn:hover {
    background-color: rgba(72, 72, 72, 0.6);
}
.backToTopBtn:focus {
    outline: none;
    border: none;
}
.hidden-btn {
    display: none;
}
#mobileSettingsOptions {
    cursor: pointer;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.eventSettingsMenuBtn {
    font-size: 22px;
    margin-right: 14px;
    cursor: pointer;
    font-weight: 700;
}
#mobileSettingsmModal .modal-header {
    flex-shrink: 0;
    padding: 0px;
    height: 65px;
    padding-left: 20px;
    border-bottom: 1px solid #eae9e9;
}
#mobileSettings {
    align-self: center;
}
#mobileSettingsmModal .modal-header button {
    padding: 0px;
    margin: 0px;
    width: 64px;
    height: 100%;
    font-size: 30px;
}
.mobile-settings-nav {
    padding: 0px !important;
}
.mobile-settings-nav a:hover {
    color: initial;
    text-decoration: initial;
}

@media only screen and (min-width: 375px) {
    #mobileSettingsOptions {
        max-width: 320px;
        margin: 0px auto 24px auto;
    }
}

#orderPhaseSteps select option,#phaseSectionAssign select option,#phaseItemAssign select option{
    /* wrap text in compatible browsers */
    -moz-white-space: pre-wrap;
    -o-white-space: pre-wrap;
    white-space: pre-wrap;
    /* hide text that can't wrap with an ellipsis */
    overflow: hidden;
    text-overflow: ellipsis;
    /* add border after every option */
    border-bottom: 1px solid #DDD;
    padding-top: 5px;
    padding-bottom:5px;
}

.payment-amount-section{
    display:flex;
    align-items: center;
}
.otherAmountCurrency{
    font-size: 1.03rem;
    font-weight: 400;
    margin: 0 4px;
}
#OrderPhasesTabs{
    margin-bottom:40px;
    margin-top:0px;
}
#OrderPhasesTabs span{
    border-bottom:none;
}
#OrderPhaseTabTitle{
    display: flex;
    justify-content: flex-start;
    border-top: 4px solid #589FFC !important;
    padding-top:20px;
    padding-bottom:10px;
    margin-left: -18px;
    margin-right: -18px;
    margin-top:20px;
}
#OrderPhaseTabTitle h6{
    text-align: center;
    font-size: 1.5rem;
    color:#589FFC;
    margin-left: 40px;
    border:none !important;
}

#selectedOrderPhaseContainer{
    display:none;
}
.sectionAddListGroup{
    display:flex;
    justify-content: space-around;
    width: 100%;
}
.sectionAddListGroup .form-group{
    max-width:45%;
    text-align: center;
}

.form-check-horizontal{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.form-check-horizontal label{
    margin-bottom:10px;
}
.config-note{
    margin-top:25px;
    font-size:12px;
}

.page-item-dot-front, .page-item-dot-back{
    max-height: 27px;
}
.phase-has-tab{
    display:block;
}
.empty-clause-body{
    width: 100%;
    text-align: center;
    margin: 15px auto;
    font-size: 1.1rem;
    padding-bottom: 15px;
}
.req-description-label{
    width:calc(100% - 95px);
}
#additems-signonly{
    display: none;
}
.table-hint{
    margin: 0 auto;
    color:gray;
    max-width: 65%;
    width: fit-content;
    text-align: left;
}
.table-hint-left{
    text-align: left;
}
#RateRuleGroupsContent .table-hint{
    margin: 0 auto;
}
#editBoothOverlayImgDisplay, #footerImgDisplay, #addfooterImgDisplay, #catSponsorImgDisplay {
    height: 150px;
    border-radius: 2px;
    margin: 0 auto 14px;
    display: block;
    max-width: 462px;
}


#linkUrlContainer{
    display:flex;
    width:100%;
}
/* #linkUrlContainer input{
    width:auto;
} */
#linkUrlContainer span{
    text-align: center;
    margin: auto 10px;
}

/* // icons selector  */


.iconsOptionSelect, .erc-linksIconsSelect {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    overflow-y: scroll;
    display: flex;
    flex-wrap: wrap;
    max-height: 260px;
    background-color:rgba(162, 162, 162, 0.1);
    justify-content: center;
}
.iconsOptionSelect .iconsOption, .erc-linksIconsSelect .iconsOption{
    margin: 10px;
    width: 60px;
    height: 30px;
    max-width: 90px;
    max-width: calc(50% - 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--light);
    border: 2px solid #bfbfbf;
    border-radius: 10px;
    font-size: 16px;
}
.iconsOptionSelect .iconsOption:hover, .erc-linksIconsSelect .iconsOption:hover{
    background: rgba(237, 237, 237, 0.75) !important;
    transition: 0.3s;
    font-weight: 500;
    border: 3px solid #bfbfbf;
}
.iconsOptionSelect .iconsOption.selectedIcon, .erc-linksIconsSelect .iconsOption.selectedIcon{
    border: 3px solid #589FFC !important;
    background: #ffffff !important;
}
.iconsOptionSearch, .erc-linksIconsSearch {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.iconsOptionSearch i, .erc-linksIconsSearch i {
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
}
.iconsOptionSearch input, .erc-linksIconsSearch input {
    flex-grow: 1;
}

.linkcheck-container{
    display:flex;
    justify-content:flex-start;
    margin-bottom:10px;
}
.linkcheck-container .linkcheck-radio-div{
  width:120px;
}
.directoryFA{
    font-size: 1rem;
    color:rgb(0, 123, 255);
}
div.card-img-top{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-position: center center;
    min-height:308px;
    padding-top:10px;
    padding-bottom:10px;
}
#exhibitorInfoFloorplan .card{
    margin-bottom:0;
    margin-top:0;
}

@media (min-width: 992px){
    #boothSelectionFloorplanSpawns .col-lg-4{
        min-width: 33.333333%;
        flex: 1;
        max-width: 66.6%;
        margin: 0 auto;
    }
}
.nav-footer-info,
#mobileNav > .navbar-nav > li:last-of-type {
    cursor: none !important;
}
.nav-footer-info:hover,
#mobileNav > .navbar-nav > li:last-of-type:hover {
    background-color: initial !important;
}


  /* Tooltip text */
  .tooltiptext {
    visibility: visible;
    display:block;
    font-size:.8rem;
    width: 180px;
    margin: 0 auto;
    background-color: #f44336;
    color: #000;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
   
    /* Position the tooltip text - see examples below! */
    /* position: absolute; */
    z-index: 1;
  }
  
#submitAcceptCardsBtn {
    width: auto;
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
}

.card-type-warning{
    display: block;
    background: rgba(255,255,255,0.3);
    text-align: center;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
}
.card-type-warning span{
    display: block;
}
.card-type-warning-title{
    color:white;
    font-size:15px;
}
.card-type-warning-body{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #f3f3f3 ;
    color:#f44336;
}
#checkoutModalBody .card-type-warning-title{
    background: #f3f3f3 ;
    color:#f44336;
}

.wizard-buttons > a{
    width:AUTO !important;
    min-width:95Px;
}
.wizard-buttons > .wizard-finish{
    min-width: 320px;
}
.ratePlanDatePicker{
    width: 25px;
    color:white;
}
.ratePlanDatePicker:focus { 
    outline: none !important;
    text-decoration: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
}
.ratePlanDatePicker::-webkit-datetime-edit-day-field:focus,
.ratePlanDatePicker::-webkit-datetime-edit-month-field:focus,
.ratePlanDatePicker::-webkit-datetime-edit-year-field:focus {
    background-color: transparent;
    color: white;
    outline: none;
}
.erc-custom-fields{
    display:none;
    margin-left:17px;
}
h6.erc-custom-fields{
    width:100%
}
#adminDiscountOrModalBody{
    margin-top:15px;
}
.biggerModal .modal-dialog{
    max-width:1650px;
}
.bigger-modal .modal-dialog{
    width:85%;
    max-width:900px;
}
#loginlogo-section, #loginbackground-section{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    justify-self: center; 
}
#loginlogo-section > img, #loginbackground-section > img{
        max-width:247px;
        max-height:247px;
        width: 100%;
        height: auto;
        margin:0 auto;
}
#loginlogoInput, #loginbackgroundInput{
    width:77%;
    margin:0 auto;
    min-width:247px;
}
#loginlogoDelete, #loginbackgroundDelete{
    margin:15px auto 5px;
}
.admin-link-hidden {
    display: none !important;
}
.admin-access-link {
    color: rgba(163, 175, 183, 0.9);
    font-size: 12px;
    padding: 8px 22px 8px;
}
.admin-access-link:hover {
    color: rgba(163, 175, 183, 0.9);
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.1);
}
#pinExhibsTopForm{
    display:flex;
    align-items: center;
}
#pinExhibsTopForm .pinModalHalf{
    width:99%;
}
#pinExhibsTopForm .PinExhibBox{
    padding-left: 2.5%;
}
.individualPinnedGroups .groupCateGroup{
    display: flex;
}
.individualPinnedGroups .groupCateGroup span:not(.groupCate){
    margin-left:5px;
}
.availItemHtmlPrevBtn{
    color: rgb(88, 159, 252);
    text-decoration: underline;
}
.availItemHtmlPrevBtn:hover{
    cursor: pointer;
    opacity:0.8;
}
/* .currentStartPageItem, .currentTimezoneItem{

} */
.save-screen-spinner{
    position:fixed;
    top:calc(50vh - 60px);
    left:calc(50vw - 56px);
}
.editTimezoneItem, .editStartPageItem{
    display: none;
}
.input-zone-label{
    font-size:.7rem;
    overflow: hidden;
    white-space: nowrap;
}
.erc-menu-phase.erc-phase-restricted{
    display: none;
}
.column-zone-label{
    display:flex;
    margin:0 auto;
    align-items:flex-start;
    justify-content: center;
    color:darkgrey;
    margin-bottom:4px;
}
.column-zone-label .zone-dash{
    margin-right:5px;
}
.column-zone-label span:not(.zone-dash){
    text-align: left;
}
.cropBGColor{
    display:flex;
    justify-content: center;
    padding-top:20px;
    padding-bottom:15px;
}
.form-control.is-valid, 
.was-validated .form-control:valid {
    border-color: var(--input-border);
}
#left-nav-details ul li.impersonate-return{
    font-size: 12px;
    text-decoration: none;
}
#left-nav-details.hideNavText a{
    color:transparent;
}
.impersonate-return:hover{
    opacity:.8;
}
.form-group[data-was-focused="no"] .fv-plugins-icon.fa-check{
    display:none;
}

.form-group-indent{
    margin-left:15px;
}

.drag-item{
    position: relative;
}
.drag-burger{
    padding:10px 15px;
    position: absolute;
    top:0;
    right:0;
}
.drag-item:not(.dragging-card) .drag-burger:hover{
    cursor: grab;
}
.dragging-container .hoverToolTip{
    visibility: hidden;
}
.dragging-card, .dragging-card .productLink {
	color: transparent !important;
    /* cursor: grabbing; */
}
.modal-has-picker .modal-body{
    padding-bottom:215px !important;
}
.table-hover-icon{
    font-size:1rem;
}
.table-hover-icon.toolTipParent .hoverToolTipBottom{
    left:2px;
    bottom:revert;
    top:50%;
    top:calc(50% + 12px);
    opacity:1;
    left:calc(50% - 60px);
}
.hoverToolTip span.hover-title{
    text-decoration: underline;
    font-weight: 900;
}
#badgeRequestsContent{
    padding-bottom:110px;
}

#searchBar ul#dirNavbarNav{
    border-radius: 50px;
}
#searchBar ul#dirNavbarNav li{ 
    border-radius: 45px
}
#searchBar ul#dirNavbarNav li a:focus, #searchBar ul#dirNavbarNav li a button:focus,
#searchBar ul#dirNavbarNav li a:active, #searchBar ul#dirNavbarNav li a button:active{ 
    outline: none;
}
#searchBar ul#dirNavbarNav a button.invertBtn:disabled:hover{
    background: white !important;
    color:rgba(163, 175, 183, 0.9) !important;
}
#uploadAvatarCropBody .row, .crop-image-modal .modal-body .row{
    justify-content: center;
    margin: 0px;
}
#avatarCropLogo, .crop-image-modal{
    z-index: 10000;
}
#editProfileTab > h2{
    overflow-y: hidden;
}
.user-avatar-delete-btn {
    font-size: 24px;
    color: #a32125;
    margin-top: 15px;
}
.nav-menu-calendar {
    display: none;
}
#arn-widget-container iframe {
    border: 1px solid #ebebeb;
}
/* iframe .release-card {
    border-radius: 0px;
} */
#SaveScreen h1, #LoadingScreen h1 {
    /* animation: none !important; */
    margin: auto;
    text-align: center;
    margin-top: 40vh;
    position: initial;
}
#welcomeLastName {
    text-overflow: ellipsis;
    overflow: hidden;
}
.modal-body .user-avatar-delete-btn{
    padding: 3px 10px;
    border-radius: 30px;
    aspect-ratio: 1;
    transition: opacity 0.3s, background-color 0.3s;
}
.modal-body .user-avatar-delete-btn:hover{
    cursor: pointer;
    background-color: #e2e2e2;
}
.modal-body .fa-trash-alt:hover{
    transition: opacity 0.3s, background-color 0.3s;
}
.companyTypeSelect{
    width:100%;
    max-width:95%;
    direction:rtl !important;
   text-align:left;
   white-space: pre-wrap;
}
.companyTypeSelect option { 
  -moz-white-space: pre-wrap;
  -o-white-space: pre-wrap;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  direction:rtl !important;
   text-align:left;
}
.settingsTableAddParent{
    position: relative;
}
.settingsTableAdd{
    position: absolute;
    top:5px;
    left:50%;
    margin-left:-115px;
    z-index:2;
    width:210px;
    font-weight: 600;
    /* background-color: #589FFC; */
}
.settingsTableAdd#rateRuleNewGroup{
    top:55px;
}
#eventsettingsform .dataTables_wrapper > .row:nth-child(2) > .col-sm-12{
    border: 1px solid #546c78;
    /* border-color: #589FFC; */
    border-radius: 10px;
    padding:0;
    margin-bottom:1rem;
    box-shadow: 0 2px 19px -15px;
    overflow-x:auto;
}
#eventsettingsform .dataTables_wrapper > .row:nth-child(2) > .col-sm-12 table{
    overflow:hidden;
    border:none;
    box-shadow: none;
    margin-bottom:0;
    border-radius: 10px;
}
.dataTables_length select, .dataTables_filter input, .dataTables_wrapper .pagination{
    border-radius: 8px;
}
.page-item:first-child .page-link{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.page-item:last-child .page-link{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.tableDeleteButton{
    position: relative;
    transition: all 0.3s;
}
.tableDeleteButton i{
    position: absolute;
    left: calc(50% - 8px);
}
td.tableIconBtn:hover, td.tableDeleteButton:hover, .badgeOverrideTD:hover {
    background-color: rgba(0,0,0,0.085);
    cursor: pointer;
}
td.tableIconBtn:active, td.tableDeleteButton:active, .badgeOverrideTD:active {
    background-color: rgba(0,0,0,0.16);
    cursor: pointer;
}
.longAlertMessage .swal-text{
    min-height:100px;
    white-space: pre-wrap;
    overflow-y: auto;
    max-height:500px;
    background-color: rgba(162, 162, 162, 0.1);
    border-radius: 8px;
    padding:15px 20px;
}
.modal-sub-section{
    /* border-top:#151515 solid 1px; */
    border-bottom:#151515 solid 1px;
    padding-left:13px;
    margin-bottom:1rem;
}
.modal-sub-head{
    border-bottom:#151515 solid 1px;
    margin-left:-13px;
}
.fileImportContainer {
	/*background-color: white;*/
	border-radius: 10px;
	padding: 20px;
}
.importSection {
	border: 1px solid #d1d1d1;
	border-radius: 1rem;
	margin-left: 0 !important; /*override bootstrap row negative margin*/
	margin-right: 15px !important;
	padding: 2rem;
	background-color: white;
}
.importResultContainer {
	/*max-width: 800px;*/
	margin-top: 3rem;
}
.importResultTable td, .importResultTable th {
	padding: 2px;
	border: 1px solid #d1d1d1;
	border-spacing: 0;
}
#boothSelectionWizard input::placeholder, .additional-items-content input::placeholder, #boothSelectionWizard textarea::placeholder, .additional-items-content textarea::placeholder {
    color: lightgray !important;
}
#SaveScreen h1,
#SaveScreenBooths h1,
#DeleteScreen h1,
#UninviteScreen h1,
#DeletePendingScreen h1,
#RefreshScreen h1,
#ResetScreen h1 {
    animation: none !important;
    margin: auto;
    text-align: center;
    margin-top: 40vh;
    position: initial;
    user-select: none;
    font-weight: 300;
    color: white;
}
.phaseNavMenu{
    display: flex;
    margin-top:3px;
    margin-left:1px;
}
.phaseNavMenu i{
    min-width: 22px;
    margin-top:2px;
    margin-right:8px;
}
#mobileNav .phaseNavMenu i{
    margin-right: 18px;
}
.grid-stack>.grid-stack-item>.grid-stack-item-content{
    border-radius: 4px;
}
#boothSelectionWizard .wizard-finish, #boothSelectionWizard .wizard-next{
    border-radius: 4px;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
#boothSelectionWizard .wizard-back{
    border-radius: 4px;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.nav-expolink{
    color:#007bff;
}
.event-contract-title{
    position: relative;
}
.stepNumberBackground{
    position: absolute;
    background: none;
    height: 65px;
    width: 65px;
    top: -10px;
    left: -15px;
    border-bottom-right-radius: 30px;
}
.general-icon-btn{
    border: 2px  solid transparent;
    background-color: gainsboro;
    border-radius: 60px;
    padding:5px;
    text-align: center;
    transition: all 0.3s;
    height:36px;
    width: 36px;
    aspect-ratio: 1;
    display: inline-block;
    margin: 0 0 5px;
}
.general-icon-btn:hover{
    background-color: transparent;
    border-color: #2facff;
    cursor: pointer;
}
input[type="radio"]{
    height:.95rem;
    width:.95rem;
}


#boothSelectionWizard .wizard-finish:disabled, #boothSelectionWizard .wizard-finish:hover:disabled {
    cursor: not-allowed !important;
}
.details-star{
    font-size:18px;
}
.details-booth-star{
    font-size:12px;
    position:initial;
    transform: none;
}
.btn:hover{
    cursor: pointer;
}
.btn.disabled:hover, .btn:disabled:hover{
    cursor: not-allowed;
}