.relativeDate {
    position: relative;
}

.colours > div {
    width: 30px;
    height: 30px;
    float: left;
    margin: 9px;
    cursor: pointer;
    color: #fff !important;
    position: relative;
}
label {
    font-weight: bold;
}
.colours {
    float: left;
    width: calc(100% - 100px);
}
.bigColour {
    float: left;
}
.backLink a {
    padding-bottom: 10px;
}
.colours {
    width: 100%;
    max-width: 200px;
}
.colours > div {
    width: 100%;
    margin: 5px 0px 5px 0px;
}
/*.bigColour {*/
/*    width: 100%;*/
/*    height: 30px;*/
/*}*/
.colourContainer {
    position: relative;
}
.colourContainer {
    position: relative;
}
.bigColour {
    float: none;
}
.colours {
    display: none;
    z-index: 1;
    position: absolute;
    background: #fff;
    padding: 10px;
    opacity: 0;
    overflow: hidden;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(217,210,217,1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(217,210,217,1);
    box-shadow: 0px 10px 15px 0px rgba(217,210,217,1);
}
.colourContainer.active .colours {
    opacity: 1;
    z-index: 999;
    display: block;
}
.bigColour {
    cursor: pointer;
}
.bigColour {
    cursor: pointer;
}
.colours > div {
    width: calc(33% - 2px);
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
}
/*.bigColour {*/
/*    text-align: right;*/
/*    font-size: 16px;*/
/*}*/
.fa-angle-down:before {
    font-size: 25px;
    padding-right: 10px;
    padding-top: 5px;
    margin-top: 5px;
}
i.fas.fa-angle-down {
    padding-top: 2px;
}
.whiteBgBox {
    color: #797979;
    padding: 26px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 3px #00000038;
    border-radius: 5px;
    opacity: 1;
}
.whiteBgBox.companyTile .linkedInIconCompanies {
    width: 21px;
    top: 40px;
    right: 13px;
    position: absolute;
}
.whiteBgBox.small {
    padding: 20px;
    margin-bottom: 20px;
}
.whiteBgBox h2 {
    font: Bold 18px/27px Poppins;
    letter-spacing: 0;
    color: #3A404A;
}
.whiteBgBox h3, .whiteBgBox h4, .whiteBgBox h5 {
    color: #3A404A;
}
.whiteBgBox h3 {
    letter-spacing: 0;
    font-size: 20px;
    margin-bottom: 20px;
}
.whiteBgBox p {
    letter-spacing: 0;
    color: #797979;
    line-height: 160%;
    font-size: 15px;
}
.calendarContainer {
    padding: 0px;
    background: #F6F6F6 0% 0% no-repeat padding-box;
}
.fc-toolbar.fc-header-toolbar {
    padding: 26px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
}
.fc-view-container {
    padding: 26px;
}
.fc-left h2 {
    font-size: 28px !important;
    font: Bold 28px/42px Poppins;
    letter-spacing: 0;
    color: #3A404A;
}
.calendarArrow  {
    cursor: pointer;
    font: 500 42px/63px Poppins !important;
    letter-spacing: 0 !important;
    color: #3A404A !important;
}
.fc-toolbar .fc-right {
    display: none;
}
.fc-toolbar .fc-left {
    width: 100%;
    text-align: center !important;
}
.fc-left h2 {
    float: none !important;
    display: inline-block;
}
.calendarArrow {
    display: inline-block !important;
    float: none !important;
}
.fc-day-header span {
    font: 600 18px/27px Poppins !important;
    letter-spacing: 0;
    color: #707070;
}
span.fc-day-number {
    font: 500 21px/31px Poppins;
    letter-spacing: 0;
    color: #707070;
}
.calendarKeyItem {
    font: 500 10px/16px Poppins;
    letter-spacing: 0;
    color: #FFFFFF;
    border-radius: 8px;
    padding: 3px 10px 3px 10px;
    margin-bottom: 3px;
    float: left;
    margin-right: 5px;
    cursor: pointer;
}
.deleteFilter {
    cursor: pointer;
    padding-left: 10px;
    float: right;
}
.fc-event {
    border: 0px !important;
}
.fc-day-header {
    border: 0px !important;
}
.fc-unthemed thead {
    border: 0px !important;
}
td.fc-head-container.fc-widget-header {
    border: 0px;
}
td.fc-widget-content {
    border: 0px;
}
.modal.show .modal-dialog {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000066;
    border-radius: 8px;
    opacity: 1;
    border: 0px !important;
    max-width: 700px;
}
.modal-content {
    border: 0px !important;
}
.form-group label {
    font-weight: 300;
    font-size: 12px !important;
    letter-spacing: 0;
    color: #9E9E9E;
    opacity: 1;
    font-weight: normal;
}
.form-group input, .form-group textarea {
    border-radius: 0px !important;
    border-right: 35px !important;
    border-left: 0px !important;
    border-top: 0px !important;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 1px solid #ccc;
    color: #3A404A !important;
    font-weight: 500;
    letter-spacing: 0.4px;
}
.form-group input:focus, .form-group textarea:focus, .form-group select:focus {
    outline: none;
    border-color: #5fb0c8 !important;
    box-shadow: none;
}
.close > span {
    font-size: 34px !important;
    color: #3A404A !important;
    opacity: 1 !important;
}
.modal-footer {
    border-top: 0px !important;
}
.modal-header {border-bottom: 0px !important;}
.ajaxValidationError {
    color: red;
    font-size: 12px;
    padding-top: 5px;
}
.modal-body {
    padding-left: 36px;
    padding-right: 36px;
}
.toast {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 9999;
}
.modal-header {
    padding-left: 36px;
    padding-right: 36px;
    padding: 36px 36px 0px 36px;
}
.modal-title {
    font-size: 20px;
    color: #3A404A;
    font-weight: 600;
}
.popupsection {
    border: 0px solid #c0c0c0;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 5px;
    box-shadow: 0px 0px 4px #c3c3c3;
    background: #fff;
}
.modal-backdrop.show {
    opacity: 0.8;
}
h5.popupsectiontitle {
    background: #3b404a;
    display: table;
    padding: 10px 20px;
    font-size: 17px;
    color: #fff;
    margin-left: -30px;
    margin-bottom: 20px;
}
.modal-content.sectioned {
    background: #f5f5f5;
}
.close {
    font-weight: 500;
    color: #000;
    opacity: 1 !important;
}
input.btn.btn-primary, .btn.btn-primary {
    background-color: #61B2CA;
    border-color: #61B2CA;
    font-size: 14px;
    min-width: 166px;
}
.form-group.invalid input, .form-group.invalid textarea {
    background: url(/images/icons/Cross.png) right 10px center no-repeat;
    padding-right: 40px;
}
.form-group.valid input, .form-group.valid textarea {
    background: url(/images/icons/Tick.png) right 10px center no-repeat;
    padding-right: 40px;
}
.relativeDate input {
    background: url(/images/icons/calendarForEvents.png) left center no-repeat;
    padding-left: 25px;
}
.yesNoCheckbox input {
    display: none;
}
.yesNoCheckboxDisplay > div:nth-child(2) {

    position: right;
    position: absolute;
    right: 0px;
    width: 80%;
    height: 21px;
    padding-right: 20px;
    text-align: right;
    padding-top: 1px;
}
.yesNoCheckboxDisplay > div:nth-child(1) {
    position: absolute;
    left: 0px;
    width: 55%;
    height: 21px;
    z-index: 50;
    text-align: center;
    padding-top: 1px;
}
.yesNoCheckboxDisplay > div {
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #707070;
    font-size: 12px;
    color: #c3c3c3;
    border-radius: 9px;
}
.yesNoCheckboxDisplay > div.active {
    background-color: #61B2CA;
    color: #fff;
    border: 1px solid #61B2CA;
}
.yesNoCheckboxDisplay {
    position: relative;
    width: 100px;
}
#addEventModal input.btn.btn-primary {
    margin-top: 16px;
}
.modalDeleteIcon {
    display: none;
    color: #000;
}
.editing .modalDeleteIcon {
    display: block;
}
.addKey {
    float: right;
    color: #707070;
    font-size: 16px;
    cursor: pointer;
}
.deleteFormItem {
    display: none;
}
.editing .deleteFormItem {
    display: block;
}
.card-header {
    font-size: 17px;
    color: #3A404A;
    font-weight: bold;
    background: #fff;
}
form a.btn.btn-link {
    color: #000;
    margin-top: 10px;
    font-size: 14px;
}
.eventTile {
    color: #3A404A;
    text-align: left;
    /* margin-right: 15px; */
}
.eventTile .eventDate {
    font-size: 14px;
}
/*.eventTile:nth-child(3n){*/
/*    margin-right: 0px;*/
/*}*/
.btn-event {
    color: #fff;
    font-size: 14px;
    border-radius: 8px;
    height: 40px;
    padding-left: 27px;
    padding-right: 27px;
    background-color: #61B2CA;
}
.bookingForm h3 {
    font-size: 18px;
}
.bookingForm h4, .bookingForm h5 {
    font-size: 16px;
}
.bookingFormContainer label {
    font-size: 14px;
}
.bookingFormActions {
    padding-bottom: 49px;
    width: 100%;
    text-align: center;
}
.bookingFormActions a {
    margin-right: 15px;
    padding-top: 8px;
}
.bookingFormActions input {
    padding-left: 15px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
}
.bookingFormActions a, .bookingFormActions input {
    display: inline-block;
    font-size: 15px !important;
    width: 200px;
    text-align: center;
    border-radius: 9px;
    border: 0px;
    height: 39px;
}
.bookingFormActions a {
    color: #fff;
    position: relative;
}
.bookingFormActions a:before {
    display: block;
    content: '';
    background: #3A404A 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 9px;
    opacity: 0.3;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 39px;
    width: 100%;
}
.bookingForm h3 {
    padding-bottom: 29px;
}
.bookingCategories {
    color: #000000;
    font-size: 15px;
}
.bookingCategory {
    margin-bottom: 42px;
}
.smsSendTo .add {
    color: #707070;
    font-size: 20px;
    font-weight: 400;
    float: right;
    margin-top: -15px;
    cursor: pointer;
    margin-right: 10px;
}
.smsSendTo {
    min-height: 24px;
}
.bookingCategory .actions {
    width: 69px;
    border: 1px solid #E8E8E8;
    height: 25px;
}
.actions .star {
    background: url(/images/icons/starCategories.png) no-repeat top 3px center;
    height: 25px;
    width: 50%;
    float: left;
}
.actions .tick {
    background: url(/images/icons/tickCategories.png) no-repeat top 5px center;
    height: 25px;
    width: 50%;
    float: left;
}
.actions .tick.active {
    background: url(/images/icons/tickCategoriesActive.png) no-repeat top 3px center;
}
.actions .star.active {
    background: url(/images/icons/starCategoriesActive.png) no-repeat top 3px center;
}
.bookingCategory {
    position: relative;
    padding-right: 80px;
}

.bookingCategory .actions {
    position: absolute;
    top: 0px;
    right: 0px;
}
.bookingCategory input {
    display: none !important;
}
.actions .star.active, .actions .tick.active {
    /*background: pink;*/
}
.editAttendee {
    cursor: point;
}
.editAttendee, .delAttendee {
    cursor: pointer;
    display: inline;
    margin-left: 10px;
}
.addAttendeeCancelButton {
    margin-right: 10px;
    display: none;
}
.editing .addAttendeeCancelButton {
    display: block;
}
.attendeesMarkedAsAttending li {
    padding-bottom: 5px;
}
.addPastAttendee {
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    padding-left: 10px;
}
.dropzoneImageUpload input {
    display: none;
}
.dropzoneImageUpload.dz-clickable {
    margin-bottom: 10px;
}
.dropzoneImageUpload.dz-clickable:before {
    content: 'Upload or Browse';
    color: #9E9E9E;
    font-size: 14px;
    text-align: center;
    width: 250px !important;
    display: block;
    padding-left: 50px;
    background: url(/images/icons/imageUploadIcon.png) no-repeat;
    margin-top: 30px;
    max-width: 100%;
}
.dz-success .dz-progress {
    display: none !important;
}
.attendeeImage img {
    max-width: 200px;
}
.whiteBgBox .redText {
    color: #FF3A3A;
    font-size: 15px !important;
    font-weight: 500;
    margin-bottom: 40px;
}
.form-group {
    position: relative;
}
.charCounter {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #9E9E9E;
    font-size: 14px;
}
.form-group label {
    font-size: 14px !important;
}
.dropzoneImageUpload.dz-clickable {
    max-width: 300px;
}
.companyLogo {
    max-width: 200px;
}
form#moveToNextStage {
    display: none;
}
.venueImage {
    max-width: 100%;
}
.venueImageContainer {
    position: relative;
}
.venueTable {
    position: absolute;
    cursor: pointer;
}
.availableExtras {
    padding-bottom: 5px;
}
.standSelectionForUser {
    font-size: 18px;
}
ul.availableExtras {
    padding: 0px;
    list-style: none;
    margin-top: 10px;
}
.bookingExtraCheckboxDisplay {
    width: 30px;
    height: 30px;
    border: 1px solid #707070;
    cursor: pointer;
    display: block;
    float: left;
    margin-right: 10px;
}
.bookingExtraCheckboxDisplay.active {
    background-color: #000;
}
.bookingExtraTextDisplay {
    display: block;
    float: left;
}
.availableExtras li {
    float: left;
    margin-bottom: 10px;
}
.venueTableBooked {
    background: #000;
    position: absolute;
    cursor: pointer;
}
.venueTableInvalid {
    background: grey;
    position: absolute;
    cursor: pointer;
}
.bookingStageFive ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.meetingPickerTile {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 6px #00000029;
    margin-bottom: 20px;
}
.addToMeetings {
    font-weight: bold;
    font-size: 18px;
    text-align: right;
    cursor: pointer;
}
.addToMeetings .plus {
    display: block;
}
.addToMeetings .tick {
    display: none;
}
.addToMeetings.active .plus {
    display: none;
}
.addToMeetings.active .tick {
    display: block;
}
.tileCompanyViewMore {
    width: 100%;
    padding-right: 10px;
    margin-top: 40px;
    cursor: pointer;
}
.tileCompanyViewWebsite{
    margin-top: 40px;
}
.meetingPicketTotal, .selectedMeetings label {
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    color: #3A404A;
    margin-bottom: 10px;
}
.selectedMeetings {
    clear: both;
    padding-top: 20px;
}
.sidebarEventsList ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.whiteBgBox {
    margin-bottom: 20px;
}
.companyCatContainer {
    width: 165px;
    height: 39px;
    border-radius: 48px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding-top: 10px;
}
.tileCompanyName {
    color: #3A404A;
    font-size: 17px;
    font-weight: 500;
}
.tileCompanyName {
    position: relative;
}
.addToMeetings {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 28px;
    line-height: 20px;
}
.tileCompanyName {
    padding-right: 40px;
    height: 50px;
    margin-bottom: 4px;
}
.tileCompanyInfo {
    color: #3A404A;
    font-size: 13px;
}
.meetingPickerTileHeader {
    padding: 15px;
}
.meetingPickerTileBody {
    padding: 30px;
    padding-bottom: 90px;
}
.companyLogo {
    max-height: 91px;
    max-width: 91px;
    /*background: #F5F5F5 0% 0% no-repeat padding-box;*/
    /*box-shadow: 0px 3px 6px #00000029;*/
    /*opacity: 1;*/
    /*border-radius: 100%;*/
    float: left;
}
.companyCategory {
    float: right;
    padding-top: 12px;
}
.tileTop {
    margin-top: -55px;
}
.meetingPickerTile {
    margin-top: 40px;
}
.tileCompanyViewMore {
    width: 50%;
    float: left;
}
.tileCompanyViewWebsite {
    width: 50%;
    float: left;
}
.tileCompanyViewWebsite a, .tileCompanyViewMoreTwo, .tileCompanyViewMore {
    color: #61B2CA;
    text-decoration: underline;
    font-size: 12px;
}
.tileCompanyViewMore {
    font-size: 12px;
}
.meetingPickerTotalAttendees {
    color: #3A404A;
    font-size: 17px;
}
.meetingPickerTotalAttendees span {
    font-weight: bold;
}
.filterBox h4 {
    font-size: 13px;
    color: #3A404A;
    font-weight: bold;
    margin-bottom: 20px;
}
.filterBox li {
    font-size: 13px;
    color: #3A404A;
    margin-bottom: 20px;
}
.meetingPickerTotalAttendees {
    float: left;
    max-width: 250px;
}
.selectedFilters {
    float: right;
}
.rightHeaderMeetingPicker {
    float: right;
}
.meetingPicker {
    clear: both;
    padding-top: 20px;
}
.meetingPickerTotalAttendees {
    width: 250px;
}
.rightHeaderMeetingPicker {
    width: calc(100% - 250px);
}
.meetingPicketTotal {
    float: right;
}
.meetingPickerErrorContainer {
    width: 100% !important;
}
.selectedFiltersTitle {
    float: right;
    font-size: 12px;
    color: #3A404A;
    font-weight: bold;
    margin-right: 27px;
}
.companyLogo img {
    max-width: 81px;
    max-height: 81px;
    padding-top: 10px;
}
.companyLogo {
    text-align: center;
}
.eventTile.whiteBgBox .eventDate {
    font-size: 14px;
    margin-bottom: 30px;
    color: #3A404A;
    margin-top: 21px;
}
.logoEventChoice {
    max-width: 178px;
    margin-bottom: 25px;
}
.impersonatingBar {
    padding: 10px;
    text-align: center;
}
.impersonatingBar a, .impersonatingBar a:hover, .impersonatingBar a:active, .impersonatingBar a:visited {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
#bookingBackAStep {
    display: none;
}
.companyTilePopup .infoContainer p.address {
    max-width: calc(100% - 50px);
    float: left;
    display: block;
}
.mapContainer .imageContainer {
    display: block;
    float: left;
}
.companyTilePopup .eventsContainer p {
    margin-bottom: 0px;
    padding-bottom: 5px;
}
.companyTilePopup .eventsContainer {
    clear: both;
    padding-top: 20px;
    padding-left: 0px;
}
.companyTile {
    cursor: pointer;
}
.eventsContainer ul {
    padding: 0px;
    margin: 0px;
}
.companyTile.whiteBgBox {
    padding-bottom: 0px;
}
.page-link {
    border: 1px solid #286f85;
    color: #296f86;
}
.page-item.active .page-link {
    border-color: #297087;
    background-color: #296f86;
}
.eventHeaderDetail {
    border-left: 1px solid #fff;
    padding-left: 22px;
}
.eventHeaderLeft {
    float: left;
}
.eventHeaderRight {
    float: left;
}
.headerBar {
    clear: both;
}
.bookingEventLogo {float: left;}
.eventHeaderDetail {
    float: left;
    margin-left: 18px;
}
.eventHeaderLeft {
    margin-bottom: 51px;
}
.yesNoAttendee {
    padding: 3px;
    width: 118px;
    height: 34px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 6px;
}
.yesNoAttendeeContainer > div {
    float: left;
    display: block;
}
.yesNoAttendee .active {
    background: transparent linear-gradient(180deg, #9C65A7 0%, #6B4673 100%, #4E3354 100%) 0% 0% no-repeat padding-box;
    color: #fff;
}
.YesNoAttendeeYes, .YesNoAttendeeNo {
    cursor: pointer;
    color: #3A404A;
    border-radius: 4px;
    width: 56px;
    height: 28px;
    float: left;
    text-align: center;
    font-weight: 300;
    font-size: 13px;
    text-transform: uppercase;
    padding-top: 4px;
}
.yesNoAttendeeContainer {
    font-weight: 200 !important;
}
.yesNoAttendeeContainer > div:nth-child(1) {
    padding-right: 40px;
    padding-top: 5px;
}
.bookingFormStart {
    margin-top: 16px;
}
.bookingFormContainer .whiteBgBox.small {
     padding: 49px 40px;
}
.bookingFormContainer .form-group input {
    margin-bottom: 27px;
}
.bookingUserInfo .form-group input {
    margin-bottom: 61px;
}
.eventHeaderRight {
    padding-top: 20px;
    float: right;
}
.sidebar.userSidebar {
    width: 220px;
}
.userDisplay {
    display: none;
}
.userSidebar .userDisplay {
    display: block;
}
.userSidebar .adminDisplay {
    display: none;
}
.userSidebar img.userDisplay {
    /* width: 37px !important; */
    /* height: auto; */
}
.userSidebar a.logo {
    padding: 56px;
    display: inline-block;
}
.userSidebar li.account, .userSidebar li.account:hover {
    /* background: url(/images/icons/accountUser.png) no-repeat 0px 0px; */
}
.userSidebar li {
    /* width: auto !important; */
    /* padding: 0px; */
}
.userSidebar li.logout, .userSidebar li.logout:hover {
    /* background: url(/images/icons/logoutUser.png) no-repeat 0px 0px; */
    /* margin-top: 22px; */
}
.userSidebar ul.dash-nav.secondary {
    /* padding-left: 44px; */
}
.sidebar.userSidebar {
    position: relative;
}
.userSidebar ul.dash-nav.secondary {
    /* position: absolute; */
    /* bottom: 0px; */
}
.userSidebar li.account, .userSidebar li.account:hover {
    /* width: 16px !important; */
    /* height: 15px !important; */
}
.meetingPicker .col-xl-4.col-lg-6 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.whiteBgBox {
    margin-bottom: 20px;
}
.companyCatContainer {
    width: 165px;
    height: 39px;
    border-radius: 48px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding-top: 10px;
}
.tileCompanyName {
    color: #3A404A;
    font-size: 17px;
    font-weight: 500;
}
.tileCompanyName {
    position: relative;
}
.addToMeetings {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 28px;
    line-height: 20px;
}
.tileCompanyName {
    padding-right: 40px;
    height: 50px;
    margin-bottom: 4px;
}
.tileCompanyInfo {
    color: #3A404A;
    font-size: 13px;
}
.meetingPickerTileHeader {
    padding: 15px;
}
.meetingPickerTileBody {
    padding: 30px;
    padding-bottom: 90px;
}
.companyLogo {
    max-height: 91px;
    max-width: 91px;
    /*background: #F5F5F5 0% 0% no-repeat padding-box;*/
    /*box-shadow: 0px 3px 6px #00000029;*/
    /*opacity: 1;*/
    /*border-radius: 100%;*/
    float: left;
}
.companyCategory {
    float: right;
    padding-top: 12px;
}
.tileTop {
    margin-top: -55px;
}
.meetingPickerTile {
    margin-top: 40px;
}
.tileCompanyViewMore {
    width: 50%;
    float: left;
}
.tileCompanyViewWebsite {
    width: 50%;
    float: left;
}
.tileCompanyViewWebsite a {
    color: #61B2CA;
    font-size: 12px;
}
.tileCompanyViewMore {
    font-size: 12px;
}
.meetingPickerTotalAttendees {
    color: #3A404A;
    font-size: 17px;
}
.meetingPickerTotalAttendees span {
    font-weight: bold;
}
.filterBox h4 {
    font-size: 13px;
    color: #3A404A;
    font-weight: bold;
    margin-bottom: 20px;
}
.filterBox li {
    font-size: 13px;
    color: #3A404A;
    margin-bottom: 20px;
}
.meetingPickerTotalAttendees {
    float: left;
    max-width: 250px;
}
.selectedFilters {
    float: right;
}
.rightHeaderMeetingPicker {
    float: right;
}
.meetingPicker {
    clear: both;
    padding-top: 20px;
}
.meetingPickerTotalAttendees {
    width: 250px;
}
.rightHeaderMeetingPicker {
    width: calc(100% - 250px);
}
.meetingPicketTotal {
    float: right;
}
.meetingPickerErrorContainer {
    width: 100% !important;
}
.selectedFiltersTitle {
    float: right;
    font-size: 12px;
    color: #3A404A;
    font-weight: bold;
    margin-right: 27px;
    padding-top: 6px;
}
.companyLogo img {
    max-width: 100%;
}
.selectedFilters ul {
    display: block;
    float: right;
}
.selectedFilters li , .selectedMeetings li {
    background: #B5B5B5 0% 0% no-repeat padding-box;
    border-radius: 5px;
    padding: 5px;
    float: left;
    margin-right: 10px;
    color: #000000;
    font-size: 12px;
}
.removeFilterFromList {
    cursor: pointer;
    display: inline-block;
    padding-left: 10px;
    font-size: 11px;
    position: relative;
    top: -1px;
    padding-right: 5px;
}
.img-holder-slider {
    border:1px solid #efefef;
    background-color: #ddd;
    min-height: 144px;
}

.img-holder-slider img {
    width: 100%;
}

.jcrop-keymgr {
    display: hidden !important;
}
.dz-max-files-reached.dropzoneImageUpload.dz-clickable:before {
 display: none;
}
.btn.btn-info.cropImageButton {
    width: 100%;
    margin-bottom: 10px;
}
.croppingImageContainer img {
    width: 100%;
}
.croppedImageDisplay {
    max-width: 200px;
}
.croppingImageContainer .btn-success {
    width: 100% !important;
}
.croppingImageContainer input.btn.btn-success {}
#cropModal input.btn.btn-success {
    width: 100% !important;
    margin-top: 20px;
}
.companyLogoPreview {
    max-width: 200px;
}
.standSize ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.standSize input, .standSizeText {
    float: left;
}
.standSize li {
    float: left;
    clear: both;
    padding-bottom: 5px;
}
.standSizeText {
    margin-top: -7px;
}
.standSize {
    display: none;
}
.jcrop-holder {
    margin: auto;
}
.marginTopTenButton {
    margin-top: 20px;
}
.eventPDFOrderingFrame .company img {
    max-width: 40px;
}
.meetingButtonsArea {
    font-size: 12px;
}
.meetingButtonsArea .col-md-6 button {
    height: 62px !important;
}
.buyerPDFList {
    background-color: #60b2c9;
}
.supplierPDFList {
    background-color: #3b404a;
    color: #fff;
}
.supplierPDFList, .buyersPDFList {
    padding-top: 5px;
    padding-bottom: 5px;
}
.eventPDFOrderingFrame .reorderItem {
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.eventPDFOrderingFrame .reorderItem .col-md-6, .eventPDFOrderingFrame .reorderItem .col-md-3 {
    margin-bottom: 0px;
}
.jcrop-holder {
    background-color: #fff !important;
}
.bookingExtraTextDisplay {
    font-size: 18px;
    color: #000;
}
.bookingExtraTextDisplay {
    width: calc(100% - 40px);
}
.venueTable.active:after {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: block;
    content: '';
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
}
.filtersMeetingPicker
span {
    display: block;
    float: left;
    width: calc(100% - 29px);
    font-weight: 300;
}
.filtersMeetingPicker
input[type="checkbox"] {
    float: left;
}
.filtersMeetingPicker h4, .selectedMeetings label {
    color: #3A404A;
    font-size: 13px !important;
}
.addToMeetings .tick {
    color: green;
}
.meetingPicker {
    padding-left: 10px;
    padding-right: 10px;
}
.userDashboard .dashboardContainer .mainContent {
    width: calc(100% - 225px);
}
.lookupDropdownButton {
    display: inline-block;
    margin-left: 20px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}
.companyAddress label {
    display: inline-block !important;
}
.postcodeLookupArea {
    display: none;
}
.notifications .iconContainer {
    position: relative;
}

.notificationsCount {
    position: absolute;
    top: -6px;
    right: -11px;
    background: red;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 100%;
    font-size: 11px;
    padding-top: 2px;
}
ul.notificationsDropdown {
    display: none;
    position: absolute;
    width: 250px;
    background: #fff;
    left: -217px;
    color: #000;
    font-size: 13px;
    padding: 10px;
    list-style: none;
    padding-bottom: 0px;
}
ul.notificationsDropdown li a {
    color: #000;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
}
ul.notificationsDropdown li {
    margin-top: 10px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}
ul.notificationsDropdown li:first-child {
    margin-top: 0px;
}
ul.notificationsDropdown li:last-child {
    border-bottom: 0px;
}
.actionItem.notifications {
    cursor: pointer;
}
ul.notificationsDropdown {
    z-index: 999;
}
.notification  p {
    margin-bottom: 0px;
    display: none;
}
ul.notificationsDropdown {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 9px;
    width: 300px;
    padding: 20px;
}
.notification-meta {
    text-align: right;
}
strong.notification-title {
    color: #60b2c9;
}
#eventBookingsTable tbody tr td:nth-child(4) a {
    float: right;
    margin-left: 10px;
}
img.companyLogoPreview {
    margin-bottom: 10px;
}
.colours > div {
    font-size: 10px;
    padding: 3px;
    width: calc(50% - 2px);
}
.downloadBox strong {
    font-size: 22px;
    color: #000;
    font-weight: 400;
}
.downloadBox .paleBlue {
    margin-top: 10px !important;
    display: inline-block;
}
.downloadBox {
    float: left;
    margin-bottom: 20px;
    width: calc(50% - 10px);
    padding: 10px;
    text-align: center;
    border: 1px solid #CECDCD;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 9px;
}
.downloadBox:nth-child(1){
    margin-right: 10px;
}
.downloadBox:nth-child(2), .downloadBox:nth-child(4){
    margin-left: 10px;
}
.downloadBox:nth-child(5){
    width: 100% !important;
}
.downloadBox img {
    padding-bottom: 10px;
}
.pdfDownloadUpdate {
    display: inline-block;
}
.downloadBoxButtons {
    display: block;
    width: 100%;
    clear: both;
}
.downloadBox .downloadBoxButtons button.paleBlue {
    margin-top: 0px !important;
}
.pdfDownloadUpdate {
    display: inline-block;
    position: relative;
    top: 11px;
}
.generating .pdfDownloadUpdate, .noPDF .pdfDownloadUpdate {
    top: 0px;
}
.viewMeetingScheduleUpdate {
    display: inline-block;
    position: relative;
}
.downloadBox:nth-child(5) .downloadBoxButtons {
    margin-top: 10px;
}
.paleBlue.disabledGenerator {cursor: not-allowed;background: grey;}
.loadingCover {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.2);
    z-index: 500;
    border-radius: 9px;
}
.downloadBox.generating .loadingCover {
    display: block;
}
.downloadBox.generating {
    position: relative;
}
.downloadBox {
    position: relative;
}
.spinner-border {
    width: 75px !important;
    height: 75px !important;
    top: calc(50% - 37.5px);
    position: relative;
}
.event.eventShow .yesNoCheckboxDisplay {
    height: 20px;
}
.generatePDFs  {
    cursor: pointer;
}
.generateMeeting {
    cursor: pointer;
}
input.termsAndConditionsTick {
    top: 2px;
}
img.logoPreview {
    max-width: 100px;
    padding: 10px;
}
.dropzoneImageUpload.dz-clickable:before {
    min-height: 100px;
}
ul.availableExtras {
    clear: both;
}


.termsLink a {
    font-style: italic;
    display: inline;
}

.termsLink a::before {
    display: none;
}

.termsLink {
    margin-top: 15px;
}
div#companyEditLogoDisplay img {
    max-width: 100%;
}
.eventInterestSelectionRows > .row > .col-md-12 > div {
    width: 25%;
    float: left;
    font-size: 14px;
    margin-bottom: 5px;
    /* border-bottom: 1px solid lightgrey; */
    margin-top: 5px;
}

.eventInterestSelectionRows > .row > .col-md-12 {
    border-bottom: 1px solid lightgray;
}

.eventInterestSelectionRows > .row > .col-md-12 > div:nth-child(2), .eventInterestSelectionRows > .row > .col-md-12 > div:nth-child(3) {
    font-weight: lighter;
}
.companyModal .modal-dialog {
    max-width: 800px !impoajaxForm rtant;
}
.event.latestEvent.whiteBgBox h3 {
    line-height: 1.2;
}
.additionalDelegatesBox input {
    max-width: 100%;
}
.unselectMeeting {
    font-size: 25px;
    font-weight: bold;
    color: #000;
    cursor: pointer;
    position: absolute;
    top: -20px;
    right: 20px;
    display: none;
}
.meetingPickerTileBody.active .unselectMeeting {
    display: block;
}
.selectedFilters {
    diplay: none;
}
.selectedMeetings {
    /* clear: none; */
    float: right;
}
.selectedMeetings .form-group {
    float: left;
    padding-right: 30px;
    padding-top: 5px;
}
.selectedMeetings ul {
    float: left;
}
.removeMeetingFromSelectedMeetings {
    display: inline-block;
    padding-left: 10px;
    cursor: pointer;
}
.selectedMeetings ul {
    width: calc(100% - 200px);
}
.selectedMeetings li {
    margin-bottom: 5px;
}
.companyLogoTableCell {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}
.companyLogo {
    display: table;
    overflow: hidden;
}
.companyLogo img {
    padding-top: 0px;
    max-width: 100%;
}
.imageRow {
    width: 100%;
}

.companyTile .companyLogo {
    margin: auto;
    float: none;
    height: 100%;
}
.companyTile .imageContainer {
    width: 100%;
    display: block;
    height: 92px;
    text-align: center;
}
.tileCompanyViewMore, .tileCompanyViewMoreTwo, .tileCompanyViewWebsite {
    width: 33% !important;
    float: left;
    margin-top: 40px;
    text-align: center;
}
.tileCompanyViewMoreTwo {
    cursor: pointer;
}
.tileCompanyName {
    height: auto;
}
.tileCategorySelector {
    cursor: pointer;
}
.tileCategorySelector {
    clear: both;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.categorySelectorForTile .star {
    font-weight: bold;
}
.companyLogoUpload.hide {
    display: none;
}
.uploadNewCompanyLogo {
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}
div#companyEditLogoDisplay {
    text-align: center;
}
.viewEventHistory {
    cursor: pointer;
}
.eventInterestSelectionRows.active {
    display: block;
}
.eventInterestSelectionRows {
    display: none;
    max-height: 300px;
    overflow-y: scroll;
    margin-bottom: 10px;
    overflow-x: hidden;
}
.hideLogoUpload {
    display: none;
}
.hiddeneLogoUpload {
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;
}
.showLogoUpload {cursor: pointer;}
label.viewEventHistory:after {
    content: " \2193";
    font-weight: bold;.form-group input, .form-group textarea
    color: #000;
    font-size: 20px;
}
div#companyEditLogoDisplay {
    max-width: 90%;
    border: 1px solid lightgray;
    padding: 5px;
    max-height: 150px;
}
div#companyEditLogoDisplay img {
    max-height: 140px;
}
.eventHistory li {
    font-size: 13px;
}
.eventHistoryFilter {
    margin-bottom: 5px;
}
.buyerFilters, .companyTypeFilters, .companyEnabledFilters, .applicableFilters, .supplierFilters, .accountOwnerFilters {
    margin-bottom: 20px !important;
}
.bookingEventLogo img {
    max-width: 300px;
    max-height: 200px;
}
.meetingPickerTileBody {
    position: relative;
}
.tileCompanyFooter {
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 0;
    left: 0px;
}
.tileCompanyViewMore {
    padding-right: 0px;
}
.selectedMeetings ul {
    width: 100%;
}

.selectedMeetings li {
    width: 100%;
}

.removeMeetingFromSelectedMeetings {
    float: right;
    display: block;
}
.meetingPicker .companyLogo {
    background: #fff;
}
.tileRole {
    font-size: 10px;
    display: block;
}
.hasPassword {
    font-size: 10px;
    padding-left: 10px;
    font-weight: bold;
    display: none;
}
.hasPassword.active {
    display: inline-block;
}

.modelField input[type='checkbox'] {
    width: auto;
    margin: 5px 0;
    display: inline-block;
}

.modelField[data-fieldType='checkbox'] {
    width: 32%;
    text-align: center;
}

.reportResultsFrame {
    overflow-x: auto;
}
.pdfNameAndTableDownloadUpdate, .pdfMeetingScheduleDownloadUpdate {
    margin: auto;
    display: blog;
    display: inline-block;
    float: none !important;
    clear: both !important;
    margin: auto !important;
}

.impersonatingBar {
    background: #6cab68 !important;
}
.circleCroppedImageDisplay {
    max-width: 150px;
}
.attendeesMarkedAsAttending h4 {
    font-weight: bold;
    font-size: 20px;
}
.meetingPicker .companyLogo {
    border: 1px solid #b5b5b5;
    width: 200px;
    height: 200px;
    padding: 5px;
}
p.venueName {
    font-size: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.bookingProcessEvent .venue {
    margin-top: 0px;
}
h3.companyInformationTitle {
    padding-bottom: 0px;
}
.tileCompanyViewMore, .tileCompanyViewMoreTwo, .tileCompanyViewWebsite {
    font-weight: bold;
}
a.artworkEmailLink {
    color: #fff;
    font-weight: bold;
}

button.saveMeetings {
    width: 100%;
    border: 1px solid grey;
    border-radius: 10px;
    color: white;
    padding: 5px;
}

.overviewCalendarContainer .fc-row td.hasEvent,
.doCollapisble {
    cursor: pointer;
}

label.doCollapisble::after {content: "";background-image: url('/images/icons/collapsible.png');display: inline-block;position: absolute;top: 0;right: 0;width: 16px;height: 16px;transition: transform .15s ease-in-out;}

label.doCollapisble.active::after {
    transform: rotateZ(180deg);
}
.meetingPickerTileBody .mapContainer {
    height: 200px;
}
.tileMapContainer {
    margin-top: 10px;
    width: 100%;
    display: block;
    text-align: center;
}
.tileCategorySelector {
    font-weight: bold;
}
.tileCompanyFooter {
    padding: 5px;
}
span.clearEventSelection {
    font-size: 12px;
    float: right;
    padding-top: 10px;
    cursor: pointer;
}
.downloadBuyersOrSuppliers {
    display: inline-block;
}
.filtersForBuyersAndSuppliersSearch .filtersInfo {
    display: none;
    font-size: 12px;
}
.filtersForBuyersAndSuppliersSearch .filtersInfo.active {
    display: block;
}
.filtersForBuyersAndSuppliersSearch .filtersInfo h4 {
    /* font-size: 14px; */
    /* font-weight: bold; */
    /* margin: 0px; */
    /* color: #3A404A; */
    /* padding: 0px; */
    /* background: none; */
    /* padding-top: 10px; */
    /* margin-bottom: 10px; */
}
strong.showMoreEventAccess {
    cursor: pointer;
    display: table;
    border: 1px solid #bcbcbc;
    padding: 7px 20px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.txtbutton {
    cursor: pointer;
    display: table;
    border: 1px solid #bcbcbc;
    padding: 7px 20px;
    border-radius: 4px;
    font-weight: 500;
}
.filtersForBuyersAndSuppliersSearch > h4 {
    font-size: 15px;
}
.filtersForBuyersAndSuppliersSearch > h4:after {
    content: " \2193";
    font-weight: bold;
    color: #000;
    font-size: 20px;
    cursor: pointer;
}
.filtersForBuyersAndSuppliersSearch li, .filtersForBuyersAndSuppliersSearch ul {
    padding-left: 0px;
    list-style: none;
}
.downloadCompanies {
    float: left;
}
.marginBottomTen {
    margin-bottom: 10px;
}
.peopleArrowsContainer {
    position: absolute;
    top: 0px;
    right: 0px;
}
.peopleFlicker {
    position: relative;
}
li.eventHistoryTitle {
    font-weight: bold;
    list-style: none;
    padding-bottom: 3px;
}
li.eventHistoryTitle:after,
.importExampleFormats:after {
    content: " \2193";
    font-weight: bold;
    color: #000;
    font-size: 20px;
    cursor: pointer;
}
ul.eventHistoryFilter:not(.active) li:not(.eventHistoryTitle) {
    display: none;
}
.loadingContainer {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    background: #fff;
    z-index: 999;
    vertical-align: center;
    opacity: 0.4;
}
.loadingContainer.active {
    display: block;
}
.loadingContainer img {
    top: calc(50% - 100px);
    position: relative;
}
ul.notificationsDropdown {
    max-height: 500px;
    overflow: scroll;
}
.markNotificationAsRead {
    width: 19px;
    height: 15px;
    background: url('/images/icons/tickCategories.png') no-repeat;
}
.markNotificationAsRead {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}
.notification .media-body {
    position: relative;
}

td.origin:first-child {
    position: sticky;
    left: 0;
    opacity: 1 !important;
    background: #f0f0f0;
}

table#eventScheduleTable tbody tr:nth-child(odd) td:first-child.origin {
    background: #e6e6e6;
}
div.userDisplay {
    font-size: 12px;
    color: #3a404a;
    font-weight: bold;
    padding-top: 10px;
}
.meetingPointChange {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url('/images/icons/flag.png') no-repeat;
}
.meetingPointChange {
    position: absolute;
    top: 5px;
    right: 5px;
}

p.importOption {border: 1px solid #61b2ca;color: #61b2ca;padding: 5px;margin: 5px;display: inline-block;vertical-align: top;}

.importExampleFormats {
    cursor: pointer;
}
.linkedInIconCompanies {
    width: 20px;
    height: 20px;
}
.filterCheckboxContainer span {
    display: block;
}
.filterCheckboxContainer {
    float: left;
}
.buyerFilters > li > span,.accountOwnerFilters > li > span,.applicableFilters > li > span,.supplierFilters > li > span, .companiesFilter li > span {
    float: left;
    margin-right: 10px;
    font-weight: bold;
}
.buyerFilters > li, .accountOwnerFilters > li, .applicableFilters > li, .supplierFilters > li, .companiesFilter li {
    clear: both;
}
.filtersForBuyersAndSuppliersSearch h4 {
    clear: both;
}
.companiesFilter h4 {
    font-weight: bold;
    padding-top: 0px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0px;
    background: #3b404a;
    color: #fff;
    padding: 13px 20px;
    margin-bottom: 0px;
    margin: -20px -20px 20px -20px;
}
p.companyEventHistoryName {
    font-size: 14px;
    margin-bottom: 5px;
    padding-left: 20px;
    color: #9E9E9E;
    font-weight: 400;
}
.eventHistoryFilter li {
    clear: both;
}
.filterCheckboxContainer span, .filterCheckboxContainer input {
    float: left;
}
.filterCheckboxContainer span {
    margin-right: 10px;
}
.tileMapContainer span {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 14px;
}

textarea#eventNotesBox {
    width: 100%;
    min-height: 300px;
}

.toast {
    position: fixed;
}

#meetingLoadingText {
    text-align: center;
    font-size: 18px;
    padding-bottom: 50px;
}
.eventScheduleTableHeader {
    position: sticky;
    top: 0;
    background: white;
}









.whiteBgBox.companiesFilter {
    padding: 0px;
    background: none;
    box-shadow: none;
}
.filterbox {
    padding: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 9px;
    margin-bottom: 20px;
    overflow: hidden;
}
 ul.companyEnabledFilters {
    margin-bottom: 0px !important;
}




.whiteBgBox.small.eventTile.bookingProcessEvent {
    padding: 30px;
}.whiteBgBox.small.eventTile.bookingProcessEvent span img {
    width: 22px;
    height: 22px;
    margin-right: 8px;
}.whiteBgBox.small.eventTile.bookingProcessEvent span {
    display: flex;
}.whiteBgBox.small.eventTile.bookingProcessEvent span p {
    margin-bottom: 10px;
}
.bookingstagecontainer {
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
    margin-top: 10px;
    text-align: center;
}.stagePreview {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    box-shadow: 0px 0px 5px #00000029;
    padding: 15px 0px 0px 0px;
    border-radius: 4px;
	width: auto;
}
a.companyEditLink {
    color: #369dba;
}

a.emailfail img {
    opacity: 0.4;
}

a.emailfail.active img {
    opacity: 1;
}

/* Tooltips */
a.emailfail::before {
    content: "Email Issue";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background: #58a7bf;
    color: white;
    padding: 2px 5px;
    border-radius: 8px;
    font-size: 12px;
    width: max-content;
    pointer-events: none;
    opacity: 0;
    transition: .15s ease-in-out;
}
a.emailfail {
    position: relative;
}

a.emailfail:hover::before {
    opacity: 1;
    top: -20px;
}
/* End tooltips */



/* Tooltips */
a.singlemail::before {
    content: "Send email";
    position: absolute;
    top: -20px !important;
    left: 50%;
    width: max-content;
    transform: translateX(-50%);
    z-index: 10;
    background: #58a7bf;
    color: white;
    padding: 2px 5px;
    border-radius: 8px;
    font-size: 12px;
    pointer-events: none;
    opacity: 0;
    transition: .15s ease-in-out;
}
a.singlemail {
    position: relative;
}

a.singlemail:hover::before {
    opacity: 1;
    top: -20px;
}
/* End tooltips */



/* Tooltips */
a.move2live::before {
    content: "Transfer to Active";
    position: absolute;
    top: -20px !important;
    left: 50%;
    width: max-content;
    transform: translateX(-50%);
    z-index: 10;
    background: #58a7bf;
    color: white;
    padding: 2px 5px;
    border-radius: 8px;
    font-size: 12px;
    pointer-events: none;
    opacity: 0;
    transition: .15s ease-in-out;
    text-transform: none;
}
a.move2live {
    position: relative;
}

a.move2live:hover::before {
    opacity: 1;
    top: -20px;
}
/* End tooltips */