.dashboard-layout {
    width: 100%;
    max-width: 2400px;
    margin: 0 auto;
}

.dashboardContainer .sidebar {
    display: inline-block;
}

.logo {
    padding: 56px;
    display: inline-block;
}

.logo img {
    width: 108px;
    height: 97px;
}

.dashboardContainer .mainContent {
    display: inline-block;
    width: calc(100% - 225px);
}

.dash-nav li.active {
    background: #F6F7F9 0% 0% no-repeat padding-box;
    border-color: #61B2CA;
}

.dash-nav li {
    height: 32px;
    line-height: 29px;
    list-style: none;
    padding-left: 30px;
    border-left: 2px solid transparent;
    cursor: pointer;
}

ul.dash-nav {
    padding-left: 0;
}

.dash-nav li span::before {
    display: inline-block;
    width: 22px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    text-align: left;
    background-repeat: no-repeat;
    background-position: left center;
}

.dash-nav li span {
    position: relative;
    padding-left: 22px;
    font-size: 13px;
    text-align: left;
    letter-spacing: 0;
    color: #3A404A;
    font-weight: 500;
}

.dash-nav li.dashboard span::before {
    background-image: url('/images/icons/home.png');
}

.dash-nav li.events span::before {
    background-image: url('/images/icons/events.png');
}

.dash-nav li.calendar span::before {
    background-image: url('/images/icons/calendar.png');
}

.dash-nav li.buyers span::before {
    background-image: url('/images/icons/buyers.png');
}

.dash-nav li.suppliers span::before {
    background-image: url('/images/icons/suppliers.png');
}

.dash-nav li.tasks span::before {
    background-image: url('/images/icons/tasks.png');
}

.dash-nav li.sms span::before {
    background-image: url('/images/icons/sms.png');
}

.dash-nav li.companies span::before {
    background-image: url('/images/icons/companies.png');
}

.dash-nav li.maillog span::before {
    background-image: url('/images/icons/maillog.png');
}

.dash-nav li.mailtemplates span::before {
    background-image: url('/images/icons/letter.png');
}


.dash-nav li.reporting span::before {
    background-image: url('/images/icons/reporting.png');
}

.dash-nav li.importing span::before {
    background-image: url('/images/icons/importing.png');
}

.dash-nav li.account span::before {
    background-image: url('/images/icons/account.png');
}

.dash-nav li.settings span::before {
    background-image: url('/images/icons/settings.png');
}

.dash-nav li.logout span::before {
    background-image: url('/images/icons/logout.png');
}

.dash-nav li.extras span::before {
    background-image: url('/images/icons/extras.png');
}

.dash-nav li.packages span::before {
    background-image: url('/images/icons/packages.png');
}

ul.dash-nav {
    margin: 0;
}

ul.dash-nav.secondary {
    margin-top: 50px;
}

.backgroundShape {
    background: transparent linear-gradient(180deg, #61B2CA 0%, #286F85 100%, #7E9AC9 100%) 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 0px 18px;
    /*height: 657px;*/
    height: 100%;
    width: 100%;
}

.dashboardContainer .sidebar, .dashboardContainer .mainContent {
    vertical-align: top;
}

.backgroundShape {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.dashboardContainer .mainContent {
    position: relative;
}

.innerShape {
    padding: 45px 35px 0 35px;
    color: white;
}

.titleBar h1 {
    font-size: 29px;
    margin-bottom: 0;
}

.titleBar p {
    margin-top: 8px;
    font-size: 14px;
}

.titleBar {
    display: inline-block;
}

.actionBar {
    display: inline-block;
    vertical-align: top;
    float: right;
}

.actionItem {
    display: inline-block;
    padding: 2px 15px;
    border-right: 1px solid white;
}

.actionItem.calendar img {
    width: 20px;
}

.actionItem.search img {
    width: 20px;
}.actionItem.notifications img {
    width: 20px;
}

.hpcImageContainer img {
    width: 32px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
}

.headerProfileCard .vertical {
    display: inline-block;
}

.vertical {
    vertical-align: middle;
}

.headerProfileCard {
    white-space: nowrap;
}

.hpcImageContainer {
    display: inline-block;
    margin-right: 8px;
}

.headerProfileCard .vertical p {
    font-size: 14px;
}

* {font-family: "Poppins";}

.headerProfileCard .vertical p {
    margin-bottom: 0;
    padding-right: 5px;
}

.headerProfileCard .vertical * {
    display: inline-block;
    vertical-align: middle;
}

.actionItem.profile {
    border-right: none;
    padding-left: 20px;
}

ul.dash-nav a {text-decoration: none;}

ul.dash-nav a:hover li {
    background: #f6f7f9;
}

.transition-fast {
    transition: all .15s ease-in-out;
}

.dashboard-layout {
    max-width: 2560px;
    width: 100%;
}

.previousSMSContainer {
    width: 320px;
    display: inline-block;
    vertical-align: top;
}

.composeSMSContainer {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 334px);
    margin-left: 10px;
}

.sms p.date {
    font-size: 14px;
    color: #9E9E9E;
    margin-bottom: 4px;
}

.sms p.preview {
    color: #3A404A;
    font-size: 12px;
}

.sms .imageContainer, .sms .content {
    display: inline-block;
}

.sms .content {
    max-width: calc(100% - 45px);
    vertical-align: top;
    margin-left: 15px;
}

.previousSMSBox h2 {
    margin-bottom: 45px;
}

button.paleRed {
    background: #ca6161;
}

button.paleRed.eventPDFResetOrdering {
    margin-right: 5px;
}

button.paleBlue, div.paleBlue {
    background: #61B2CA;
    cursor: pointer;
}

button.darkButton {
    background: #3A404A;
}

button.paleBlue, button.darkButton, div.paleBlue, .paleRed {
    border-radius: 4px;
    border: none;
    color: white;
    font-size: 14px;
    padding: 11px 40px;
}

button.darkButton:hover {
    color: white;
}

.whiteBgBox .footer {
    margin-top: 30px;
    text-align: right;
}

.titleInput {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 20px;
}

.titleInput input, .titleInput textarea {
    border: none;
    width: 100%;
    height: 100%;
    margin-bottom: -7px;
    color: #3A404A;
    font-size: 13px;
    font-weight: 500;
}

.whiteBgBox .footer button {display: inline-block;}

.titleInput .title {
    font-size: 14px;
    color: #9E9E9E;
    margin-bottom: 15px;
    font-weight: 400;
}

.companyTile {
    /*max-width: 218px;*/
    display: inline-block;
    /*max-height: 218px;*/
    /*width: 25%;*/
}

.companyTile.whiteBgBox {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
}

/*.companyTile .imageRow img {*/
/*    border-radius: 50%;*/
/*    background: white;*/
/*    box-shadow: 0px 3px 6px #00000029;*/
/*    display: block;*/
/*    margin: 0 auto;*/
/*}*/

.companyTile p.companyName {
    margin-bottom: 5px;
    font-size: 16px;
    color: #3A404A;
    text-align: center;
    margin-top: 15px;
    font-weight: 500;
}

.companyTile p.website {
    text-align: center;
    font-size: 13px;
    color: #3A404A;
    margin-bottom: 9px;
}

.companyTile {
    /*margin-right: 45px;*/
}

.companyTile:nth-child(3n) {
    margin-right: 0;
}

.companyIndex>.whiteBgBox {
    padding: 25px 33px;
}

.companyTile .actions {
    background: #E5E5E5;
    height: 50px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.companyTileAction {
    width: calc(25% - 4px);
    display: inline-block;
    text-align: center;
    height: 50px;
}

.companyTileAction img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.companyTile .actions {
    padding: 0 20px;
}

input.companySearch,
.borderBottomBox input {
    padding: 10px;
}

.borderBottomBox input {
    border: none;
    font-size: 14px;
    color: #9E9E9E;
    font-weight: 300;
    width: 100%;
    border: 1px solid #c2c2c2;
    border-radius: 4px;
}

.borderBottomBox {
    border-bottom: 1px solid #d3d3d3;
}

.companyTiles {
    margin-top: 30px;
}

.fixed-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    display: none;
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.fixed-modal.show {
    display: block;
    opacity: 1;
}

.fixed-modal.show.hide {
    opacity: 0 !important;
}

.fixed-modal .content {
    background: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    padding: 20px 20px 40px 40px;
}

.fixed-modal .close {
    font-size: 28px;
    font-weight: 400;
    color: #3A404A;
    opacity: 1;
    cursor: pointer;
}

.companyTilePopup .companyName {
    text-align: left !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    color: #3A404A !important;
    margin-bottom: 10px !important;
}

.companyTilePopup .modal-dialog {
    width: 400px;
    min-height: 400px;
    padding: 40px 40px 40px 40px;
}

.companyTilePopup .imageContainer {display: inline-block;margin-right: 12px;vertical-align: top;}

.companyTilePopup .infoContainer p {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    padding-top: 2px;
    margin-bottom: 0;
}

.companyTilePopup .infoContainer {
    margin-bottom: 35px;
}

.companyTilePopup .eventsContainer {
    padding-left: 35px;
    color: #3A404A;
    font-size: 15px;
}

.companyTilePopup .infoContainer>a {
    text-decoration: none;
}

.companyTile {
    vertical-align: top;
}

.companyTilePopup .modal-body {
    padding: 0;
}

.addPreviousCompanyName {
    font-size: 13px;
    color: #3A404A;
    margin-bottom: 30px;
}

.addPreviousCompanyName .add {
    font-size: 17px;
    color: #3A404A;
    font-weight: 500;
    vertical-align: middle;
    margin-right: 7px;
    cursor: pointer;
}

.addPreviousCompanyName form {
    display: inline-block;
    width: calc(100% - 50px);
}

input.previousCompanyNameInput {
    border: none;
    width: 100%;
}

.historicNames {
    padding-left: 20px;
    display: none;
}

.historicNames p {
    margin-bottom: 5px;
    font-size: 13px;
}

.companyName {
    cursor: pointer;
}

.tabHead p {
    font-size: 15px;
    color: #3A404A;
    font-weight: 400;
}

.tabHead {
    background: white;
    display: inline-block;
    padding: 15px 25px;
    text-align: center;
    cursor: pointer;
    opacity: .87;
    transition: opacity .15s ease-in-out;
    border-top-left-radius: 8px;
}

.tabHead p, .tabHead .counter {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

.tabHead.active>p {
    font-weight: bold;
}

.tabHead .counter {
    background: #3B404A;
    border-radius: 35%;
    text-align: center;
    padding: 0 10px;
    margin-left: 10px;
}

.tabHead .counter p {
    color: white;
    font-weight: 300;
    font-size: 13px;
}

.tabHead.active {
    opacity: 1;
}

button.whiteCTAButton {
    background: white;
    border: none;
    color: #58A8BF;
    font-size: 14px;
    padding: 5px 25px;
    border-radius: 8px;
}

.addSupplierContainer,
.actionContainer {
    float: right;
    margin-top: -54px;
}

.tab {
    display: none;
    transition: transform .3s ease-in-out;
    transform: translateX(100%);
}

.tab.active {
    display: block;
}

.supplier.supplierIndex>.tabHeaderContainer {
    margin-bottom: -8px;
    z-index: 1;
    position: relative;
}

.supplier.supplierIndex .tabContainer .tab>.whiteBgBox {
    padding-top: 40px;
}

.tab.active.showTab {
    transform: translateX(0);
}

.tab.active {
    transform: translateX(100%);
}

.tab.active {
    display: block;
}

.tab.active.hideTab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateX(-100%);
}

[data-tab-container] {
    position: relative;
    overflow-x: hidden;
}

.themeTable th {
    font-size: 16px;
    color: #60B2C9;
    font-weight: 500;
    padding-bottom: 10px;
}

.themeTable {
    width: 100%;
    font-size: 15px;
}

.themeTable thead {
    border-bottom: 2px solid #3A404A;
}

.themeTable tbody td {
    color: #3A404A;
    font-weight: 400;
    padding-top: 10px;
}

.themeTable tbody td:first-child {
    font-weight: 500;
}

.themeTable tbody tr:not(:last-of-type) td {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    width: 130px;
}
[ajax-pagination] li {
    display: inline-block;
    margin: 0 5px;
    padding: 5px;
    text-align: center;
    color: black;
}

[ajax-pagination] {text-align: center;}

[ajax-pagination] ul {
    padding: 0 20px;
    display: block;
}

[ajax-pagination] li.cur {
    background: #53a2b8;
    color: white;
}

[ajax-pagination] li {
    padding: 5px 12px;
    cursor: pointer;
}

[ajax-pagination] ul {
    margin-top: 40px;
}

.themeTable th {
    cursor: pointer;
}

.tabHead img {
    margin-right: 10px;
}

.tabHead::after {
    background-image: url('/images/icons/tabEnd.png');
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 60px;
    content: "";
    position: absolute;
    display: inline-block;
    background-color: transparent;
    height: 54px;
    top: 0;
    background-size: contain;
    right: -50px;
}

.tabHead {
    position: relative;
}

.tabHead {
    padding-right: 0;
    margin-right: 50px;
}

.tabHead.active {
    margin-right: 40px;
}

.tabHead:not(.active) {
    padding-top: 10px;
}

[data-tab-container="suppliers"] [data-frame] {
    margin-top: 30px;
}

.addSupplierContainer {
    position: relative;
    z-index: 10;
}

.modal {
    color: #3A404A;
}

input[type='radio'], input[type='radio']+span {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

input[type=radio]::before, input[type=checkbox]::before {
    background: white;
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    display: block;
    border-radius: 2px;
    border: 1px solid #707070;
    transition: background .15s ease-in-out;
    top: 0;
    left: 0;
}

input[type=radio]:checked::before,
input[type=checkbox]:checked::before {
    background: #61B2CA;
}

input[type=radio],
input[type=checkbox] {
    position: relative;
    width: 14px;
    height: 14px;
    margin-right: 15px;
}

input[type='radio']+span,
input[type='checkbox']+span {
    color: #3A404A;
    font-size: 13px;
}

input[type='checkbox']+span {
    vertical-align: top;
}

.editing.supplierModal .deleteFormItem {
    display: inline-block;
    height: 35px;
    line-height: 20px;
    font-size: 14px;
}

.yesNoCheckboxDisplay.customText {
    width: auto;
}

#smsToModal .modal-dialog {
    padding: 20px;
    min-width: 750px;
}

.paleBlue:hover {
    color: white !important;
}

.confirmSMSList {
    max-width: 240px;
    width: 100%;
    margin: 0 auto;
}

.ajaxTable.selectable tr.selected {
    background: #61b2ca63;
}

.ajaxTable.selectable td, .ajaxTable.selectable th {
    padding-left: 10px;
    padding-right: 10px;
}

.modal-content>.borderBottomBox:first-child {
    margin-bottom: 30px;
}

.borderBottomBox+[data-frame] {
    margin-top: 30px;
}

.ajaxTableConfirmedItem,
.ajaxConfirmedItem {
    border-radius: 8px;
    background: #61b2ca;
    color: white;
    padding: 5px 10px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

.ajaxTableConfirmedItem p,
.ajaxConfirmedItem p {
    color: white !important;
    text-align: center;
}

.ajaxTableConfirmedItem p, .ajaxTableConfirmedItem .deselect,
.ajaxConfirmedItem p, .ajaxConfirmedItem .deselect {
    display: inline;
}

.ajaxTableConfirmedItem .deselect,
.ajaxConfirmedItem .deselect {
    margin-left: 10px;
    font-weight: 300;
    font-size: 12px;
}

.confirmedSMSList {
    display: inline-block;
}

.whiteBgBox.composeSMSBox h2 {
    margin-bottom: 30px;
}

.previousSMSContainer .whiteBgBox, .composeSMSContainer .whiteBgBox {
    min-height: 635px;
}

textarea#composeSMSMessage {
    height: 342px;
}

.sms.previousSMS:not(:last-child) {
    border-bottom: 1px solid #EEEEEE;
}

.sms.previousSMS {
    margin-bottom: 20px;
}

.whiteBgBox.previousSMSBox .footer {
    text-align: center;
}

.supplierModal input.companySearch[readonly] {background: transparent;font-weight: 600;font-style: italic;cursor:pointer;}

.supplierModal input.companySearch {
    width: 100%;
    display: block;
    font-size: inherit;
    font-weight: inherit;
}

.supplierModal input.companySearch::placeholder {
    font-size: 12px;
    opacity: .7;
}

.inlineSearchResults {
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    box-shadow: 0 0 3px 0px #eaeaea;
}

.inlineSearchResult {
    padding: 10px 15px;
    cursor: pointer;
    transition: all .15s ease-in-out;
    border-bottom: 1px solid #e8e8e8;
    background: #fafafa;
}

.inlineSearchResult:hover, .inlineSearchResult.active {
    background: #61b2ca;
    color: white;
}

.actionContainer {
    margin-top: 0;
}

.actionContainerContainer {
    margin-bottom: 10px;
}

h4.boxHeading {
    color: #3A404A;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 30px 0;
}

.modal .logo {
    padding: 10px 0px 21px 0px;
    width: 100%;
    display: block;
    font-size: 12px;
}

.tripleWhiteBgBox {
    display: inline-block;
    width: calc(33% - 16px);
    vertical-align: top;
}

.dualWhiteBgBox {
    display: inline-block;
    width: calc(50% - 16px);
    vertical-align: top;
}

.event.latestEvent.whiteBgBox {
    /*height: 326px;*/
    text-align: center;
    padding-top: 45px;
    padding-bottom: 45px;
}

.tripleWhiteBgBox:not(:last-child),
.dualWhiteBgBox:not(:last-child) {
    margin-right: 26px;
}

.event.latestEvent.whiteBgBox .logo {
    padding: 0;
}

.event.latestEvent.whiteBgBox h3 {
    margin-top: 25px;
    font-size: 32px;
    color: #3A404A;
    font-weight: 500;
    margin-bottom: 20px;
}

.event.latestEvent.whiteBgBox p.date {
    margin-bottom: 30px;
    font-size: 14px;
    color: #3A404A;
    font-weight: 500;
}

.event.latestEvent.whiteBgBox .button {
    width: 129px;
    height: 31px;
    line-height: 31px;
    color: white;
    background: #9468AC;
    display: inline-block;
    border-radius: 8px;
    font-size: 14px;
}

.latestEventsContainer {
    margin-bottom: 15px;
}

.eventsTable img {
    max-height: 25px;
    max-width: 58px;
}

.eventsTable img {
    max-height: 25px;
    max-width: 58px;
}

/* img.tdEdit {
    position: absolute;
    right: 30px;
} */

.ajaxTable td {
    position: relative;
}

.quickPlus {
    position: absolute;
    top: 20px;
    right: 20px;
    font-weight: 500;
    font-size: 22px;
    color: #3A404A;
    cursor: pointer;
}

.whiteBgBox {
    position: relative;
}

.tasks h4.boxHeading {
    margin-bottom: 10px;
    margin-top: 0;
}

p.taskDayInfo {
    font-size: 13px;
    color: #3A404A;
}

p.taskDayInfo span {color: #61B2CA;}

.task .whiteBgBox {
    margin-bottom: 30px;
    border-radius: 5px;
}

.taskStatus {
    width: 22px;
    margin-right: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -30px;
}

.taskStatus+.taskTitle {
    display: inline-block;
    width: calc(100% - 42px);
    vertical-align: middle;
    padding: 27px 21px;
}

.taskCircle {
    border-radius: 50%;
    width: 22px;
    height: 22px;
    background: #3A404A;
}

.whiteBgBox.taskTitle p {
    margin-bottom: 0;
}

.task.complete .taskCircle {
    background: #61B2CA;
    background-image: url('/images/icons/whiteTick.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.task.complete .whiteBgBox.taskTitle {
    background: #3A404A;
    box-shadow: 0px 3px 6px #00000082;
}

.task.late .taskTitle {
    background: #ca6161;
}

.task.complete .whiteBgBox.taskTitle p,
.task.late .whiteBgBox.taskTitle p {
    color: white;
}

.task:not(:last-child)::before {content: "";width: 1px;height: 100%;display: block;position: absolute;background-image: url('/images/icons/taskSeparator.png');background-position: center center;background-size: contain;left: 10px;top: calc(50% - 10px);z-index: 1;}

.task {
    position: relative;
    cursor: pointer;
}

.taskStatus, .taskTitle {
    position: relative;
    z-index: 5;
}

.dz-success .dz-progress {
    display: none !important;
}

.modal input[type="file"] {
    font-size: 12px;
    font-weight: 500;
}

img.logoPreview {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* Sorry @Benjamin if this breaks anything, I think label block display
    should have been default anyway as it's mostly used throughout designed */
.whiteBgBox .form-group label {
    display: block;
}

/* Kinda feel like this should be default site-wide as well but will keep it easily limited for now */
.dualWhiteBgBox input {
    width: 100%;
}

span.inlineDelete {
    position: absolute;
    cursor: pointer;
}

.dropTitle {
    padding: 10px 0;
    cursor: pointer;
}
.dropTitle+.dropContent {
    display: none;
}
.dropTitle {
    font-weight: 500;
    font-size: 16px;
    color: black;
}
.breakNote {
    display: none;
}
.reorderItem {
    cursor: pointer;
}

.bookingsModal .modal-dialog {
    min-width: 50vw;
}

#eventScheduleTable .break {
    background: #e8e8e8;
}

#eventScheduleTable th, #eventScheduleTable td {padding: 7px;}

/* Not great but stops cells from jumping around */
#eventScheduleTable .sortable-placeholder {
    display: none;
}

#eventScheduleTable td:not(.break):not(.buyer) {
    cursor: pointer;
}
.companyTile.whiteBgBox {
    width: 100%;
}
.companyTile .textual {
    padding-left: 10px;
    padding-right: 10px;
}
.whiteBgBox.companyTile {
    position: relative;
    padding-bottom: 10px !important;
}
.companyTile .actions {
    position: absolute;
    bottom: 0px;
    width: 100%;
    display: none;
}
.companiesFilter h4 {
    font-size: 13px;
}
.companiesFilter li {
    font-size: 13px;
}
.companiesFilter ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

button.radio {
    padding: 5px 15px;
    background: white;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-right: 5px;
}

button.radio.active {
    background: #5eafc7;
    color: white;
}

.modelField {
    width: calc(50% - 5px);
    display: inline-block;
    margin-bottom: 10px;
}

.modelField:nth-child(odd) {
    margin-right: 10px;
}

.modelField label {
    margin-bottom: 0;
    font-weight: 400;
}

.ajaxTable td:last-child img {
    max-height: 18px;
}

tr:not(.hasPDF) a.viewInvoice {
    display: none;
}

tr.hasPDF a.attachInvoice {
    display: none;
}

.peopleCategories input[type='checkbox']+span {
    display: inline-block;
    line-height: 16px;
    width: calc(100% - 30px);
    vertical-align: middle;
}

.peopleCategories .col-md-6 {
    margin-bottom: 10px;
}

.peopleCategories input {
    vertical-align: middle;
}

.companyTiles img.companyLogo {
    float: none;
}

.whiteBgBox.companyTile {
    margin-bottom: 40px;
}

.companyIndex nav>ul.pagination li {
    display: inline-block;
    margin-right: -3px;
}

.companyIndex nav>ul.pagination {
    text-align: center;
    display: block;
}

/* .companyIndex nav>ul.pagination li>span {
    border-right: none;
} */

img.companyTileEdit {
    position: absolute;
    top: 10px;
    right: 10px;
}

form.companySearch input.companySearch {
    display: inline-block;
    width: calc(100% - 170px);
    vertical-align: middle;
}

form.companySearch input.companySearch+button {
    display: inline-block;
    vertical-align: middle;
}

.companyModal .deleteFormItem {
    display: inline-block !important;
    padding-top: 4px;
    padding-bottom: 4px;
}

a.page-link {
    border: none;
    padding: 0;
}

li.page-item {
    margin: 0;
    font-size: 16px;
}

li.page-item.active span {
    background: #53a2b8 !important;
    color: white;
    border: none !important;
}

.overview .whiteBgBox>p.title {
    color: #3A404A;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
}

.overview span.bigStat {
    font-size: 22px;
    font-weight: 300;
    color: #3A404A;
}

.overview .column {
    width: 245px;
    display: inline-block;
    margin-right: 18px;
    vertical-align: top;
}

.overview .whiteBgBox.totalBuyers {
    height: 245px;
    background: url('/images/overviewOrange.png') no-repeat center center;
    background-color: white;
    background-position-y: -15px;
}

.overview .whiteBgBox {
    padding: 20px;
}

.overview .whiteBgBox.totalSuppliers {
    height: 330px;
    background: url('/images/overviewGreen.png') no-repeat center center;
    background-color: white;
    background-position-y: 10px;
}

.overview .totalSuppliers>p.title {
    margin-top: 20px;
}

span.countdownNum {
    color: #3A404A;
    font-size: 96px;
    font-weight: 600;
    text-align: center;
    display: block;
    width: 100%;
    letter-spacing: -3px;
    line-height: 72px;
}

p.daysToGo {
    font-size: 18px;
    color: #3A404A;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 25px;
}

.overview a.eventLink {
    color: #61B2CA;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
}

.overview .whiteBgBox.eventBox {
    height: 248px;
}

.overview p.noInfo {
    font-size: 14px;
    font-weight: 500;
    color: black;
    margin-top: 15px;
}

.overview .column.double {
    width: calc(490px + 22px);
}

.overview .latestEvent p.eventName {
    color: #3A404A;
    font-size: 12px;
    font-weight: 500;
    background-image: url('/images/icons/calendar.png');
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 15px;
    padding-top: 1px;
    margin-top: 5px;
    margin-bottom: 3px;
}

.overview .latestEvent .dateRange {
    color: #3A404A;
    font-size: 11px;
    padding-left: 15px;
}

.overview .whiteBgBox.latestEvent {
    height: 110px;
}

.overview .whiteBgBox.smsBox p:not(.title):not(.noInfo) {
    font-size: 12px;
    color: black;
    font-weight: 400;
    padding-left: 30px;
    background-position: center left;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.overview .whiteBgBox.smsBox p.title {
    margin-bottom: 15px;
}

.whiteBgBox.smsBox .date {
    background-image: url('/images/icons/calendar.png');
}

.whiteBgBox.smsBox .people {
    background-image: url('/images/icons/persons.png');
}

.whiteBgBox.smsBox .text {
    background-image: url('/images/icons/edit.png');
}

.overview .whiteBgBox.smsBox p.text {
    margin-bottom: 10px;
}

.overview .whiteBgBox.smsBox {
    height: 195px;
}

.overview .bookings p.number {
    border-radius: 50%;
    display: block;
    width: 85px;
    height: 85px;
    background: #3A404A;
    text-align: center;
    color: white;
    line-height: 85px;
    font-size: 32px;
    font-weight: 400;
    box-shadow: 0px 3px 6px #000000A1;
    margin: 0 auto;
}

.bookingStat {
    display: inline-block;
    width: 32.7%;
    text-align: center;
    margin-top: 35px;
}

.overview .bookings p.statTitle {
    margin-top: 25px;
}

svg.circliful text:first-child {
    font-size: 32px;
}

.bookingStat {
    margin-top: 0;
}

.overview .bookings p.statTitle {
    margin-top: 0;
    font-weight: 600;
    font-size: 13px;
    color: #3A404A;
}

.overview .whiteBgBox.calendar {
    height: 320px;
    width: 303px;
}

.overview .column.overviewCalendarContainer {
    width: 303px;
    background: transparent;
}

.overview .column.double.overviewCalendarContainerDouble {width: 570px;
    margin-right: 0;
}

.column.double.overviewCalendarContainerDouble .bookings {
    width: 570px;
}

.whiteBgBox.companyTile {
    height: 180px !important;
}

.overview #calendar h2 {
    font-size: 18px !important;
    color: #3A404A;
}

.overview #calendar .fc-left {
    height: 45px;
    line-height: 50px;
}

.overview #calendar .fc-toolbar.fc-header-toolbar {
    padding: 0;
    margin: 0;
}

.overview .whiteBgBox.calendar {
    padding: 10px;
}

.overview #calendar .fc-view-container {
    padding: 0;
    background: #F6F6F6;
    width: calc(100% + 20px);
    margin-left: -10px;
    padding: 10px;
    height: 265px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.overview #calendar .fc-view.fc-month-view.fc-basic-view {
    height: 265px;
}

.overview #calendar span {
    font-size: 12px !important;
    display: block !important;
    text-align: center !important;
    width: 100%;
}

.overview #calendar .fc-view.fc-month-view.fc-basic-view {
    height: 100%;
    overflow: hidden;
}

[ajax-pagination] li.cur {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.tabHead:not(.active) .counter {
    opacity: .6;
}

.addSupplierContainer {
    margin-top: -50px;
}

.supplierModal .modal-body {
    padding-bottom: 40px;
}

.modal:not(.editing) .deleteIcon {
    display: none;
}

.yesNoCheckboxDisplay.customText > div:nth-child(2) {
    position: absolute !important;
    left: 100%;
    transform: translateX(-105%);
    text-align: center !important;
    width: 50% !important;
    padding: 0 15px;
}

.whiteBgBox.calendarContainer #calendar .fc-toolbar {border-top-left-radius: 9px;border-top-right-radius: 9px;}

.calendarArrow {
    top: 5px;
    position: relative;
    height: 42px;
}

.calendarArrow:last-child {
    margin-left: 68px;
}

.calendarArrow:first-child {
    margin-right: 68px;
}

.calendarArrow {
    top: 5px;
    position: relative;
    height: 42px;
}

.calendarArrow:last-child {
    margin-left: 68px;
}

.calendarArrow:first-child {
    margin-right: 68px;
}

span.fc-day-number {
    float: none !important;
}

th.fc-day-header.fc-widget-header {
    text-align: left;
}

.calendarContainer .fc-view-container {
    padding-left: 55px;
    padding-right: 0;
}

.calendarArrow {
    top: 5px;
    position: relative;
    height: 42px;
}

.calendarArrow:last-child {
    margin-left: 68px;
}

.calendarArrow:first-child {
    margin-right: 68px;
}

span.fc-day-number {
    float: none !important;
}

th.fc-day-header.fc-widget-header {
    text-align: left;
}

.calendarContainer .fc-view-container {
    padding-left: 55px;
    padding-right: 0;
}

span.fc-time {
    display: none;
}

.fc-event {
    border-radius: 8px;
    width: calc(100% - 100px);
    position: relative;
}

span.fc-title {position: relative;left: 100%;width: 100px;padding-left: 5px;font-size: 12px;color: #797979;}

.fc-content {overflow: visible !important;}

.fc-left h2 {
    width: 230px;
}

button.darkButton.addEventBtn {
    position: absolute;
    right: 30px;
    top: 30px;
}

.whiteBgBox.calendarContainer #calendar .fc-toolbar {
    padding-top: 10px;
}

.eventDisplay .circle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.eventDisplay .textContainer {
    display: inline-block;
    margin-left: 14px;
}

.eventDisplay p.dates {
    color: #9E9E9E;
    font-size: 11px;
    margin-bottom: 0;
}

.eventDisplay p.name {
    font-size: 14px;
    color: #3A404A;
    font-weight: 500;
    margin-bottom: 0;
}

.eventDisplay .circleContainer {
    margin-left: 0;
    display: inline-block;
    vertical-align: top;
    padding-top: 2px;
}

.eventDisplay {
    padding-bottom: 5px;
    border-bottom: 1px solid #EEEEEE;
}

.eventDisplay:last-child {
    border-bottom: none;
}

.fc-today {
    background: transparent !important;
}

.fc-today .fc-day-number {
    background: #3B404A;
    border-radius: 50%;
    color: white;
    font-weight: 400;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    font-size: 21px;
}

.eventDisplay:not(:last-child) {
    margin-bottom: 10px;
}

ul.dash-nav.noText li {
    text-align: right;
    padding-right: 18px;
}

.profileDropdown a, .profileDropdown span,
.inlineDropdown a, .inlineDropdown span {
    color: inherit;
    font-size: 12px;
}

.profileDropdown li,
.inlineDropdown li {
    list-style: none;
    width: 100%;
    text-align: center;
    padding: 5px 15px;
}

.profileDropdown ul,
.inlineDropdown ul {
    padding-left: 0;
    margin: 0;
}

.profileDropdown,
.inlineDropdown {
    padding: 0 !important;
    position: absolute;
    top: 0;
    transform: translateY(150%);
    left: 0;
    width: 100%;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    display: none;
    transform: none;
    top: 100%;
}

.actionItem.profile,
.inlineDropdownToggle {
    position: relative;
    cursor: pointer;
}

.profileDropdown a:hover,
.inlineDropdown a:hover {
    text-decoration: none;
    color: #5babc2;
}

.profileDropdown a:hover li,
.inlineDropdown a:hover li {
    background: rgb(240,240,240);
}

.profileDropdown a:last-child li ,
.inlineDropdown a:last-child li {
    border-radius: 9px;
}

.profileDropdown a li:first-child,
.inlineDropdown a li:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.overview .column {
    /* width: 23.3%; */
    width: calc(25% - 22px);
}

.overview .column.double {
    width: calc(75% - 270px) !important;
}

.overview .column.double .column.double {width: 100% !important;}

.overview .column.double .column {
    /* width: 48.4%; */
    width: calc(50% - 11px);
}

.column.double.overviewCalendarContainerDouble .bookings {
    min-width: 570px;
    width: 100%;
}

.overview .whiteBgBox.calendar {
    /* min-width: 303px; */
    min-width: 270px;
    width: 100%;
}

.card-header {
    padding: 30px;
    padding-bottom: 15px;
}

.hpcImageContainer img {
    border-radius: 50%;
}

.column.double.overviewCalendarContainerDouble .bookings .eventDisplay {
    position: absolute !important;
    top: 25px;
    right: 21px;
    border-bottom: none;
    white-space: nowrap;
    z-index: 10;
}

.column.double.overviewCalendarContainerDouble .bookings {
    position: relative;
}

.column.double.overviewCalendarContainerDouble .bookings .eventDisplay .inlineDropdown {
    min-width: 100%;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
}

.inlineDropdown {
    background: white;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
}

.sendToAllSuppliersBtn, .sendToAllBuyersBtn {
    display: inline-block;
    color: white !important;
    width: 180px;
    position: absolute;
    bottom: 0;
}

.sendToAllBuyersBtn {
    right: 0;
}

.eventScheduleFrame {
    overflow: scroll;
    height: 100vh;
    max-height: calc(100vh - 365px);
}

.inlineDropdownToggle {
    background-image: url('/images/icons/dropArrow.png');
    background-repeat: no-repeat;
    background-position: center right;
    padding: 18px;
}

.overview .whiteBgBox.tasksBox {
    min-height: 247px;
}

.overview .whiteBgBox.smsBox {
    height: 191px;
    overflow: hidden;
}

.detailedSMSTable tr.isFail {
    background: #c1595954;
}

.themeTable tbody td {
    padding-bottom: 15px;
}

.smsDetailsInfoBox .form-group label {
    margin-bottom: 0;
}

.smsDetailsInfoBox .form-group:last-child, .form-group:last-child p {
    margin-bottom: 0;
}

.sms.previousSMS {
    cursor: pointer;
    transition: all .15s ease-in-out;
    margin-bottom: 0;
    padding: 20px 0 10px 0;
}

.sms.previousSMS:hover {
    background: #fafafa;
}

.sms p.preview {
    margin-bottom: 0;
}

.previousSMSBox h2 {
    margin-bottom: 25px;
}

table#eventScheduleTable td, table#eventScheduleTable th {
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

/* table#eventScheduleTable tbody tr:nth-child(even) td:nth-child(even), table#eventScheduleTable tbody tr:nth-child(odd) td:nth-child(odd) {
    background: #f8f8f8;
} */

table#eventScheduleTable tbody tr:nth-child(even) td {
    background: #f8f8f8;
}

table#eventScheduleTable tbody tr:nth-child(odd) td {
    background: #e6e6e69c;
}

.dashboard-layout.scheduleView {
    max-width: 100%;
}

td.newDay {
    border-left: 4px solid black;
}
.adminHome.overview > .column:nth-of-type(1) {
    max-width: 245px;
}

.themeTable tbody td:last-child {
    text-transform: capitalize;

    /* width: 130px; */
}

img.companyTileEdit {
    top: 12px;
    right: 13px;
    width: 20px;
}

.page-item.active .page-link {
    width: 35px;
    border-radius: 50%;
    height: 35px;
}

li.page-item.active {
    padding: 0;
}

img.tdEdit {
    cursor: pointer;
}

.overview span.fc-day-number {
    width: 35px !important;
    margin: 0 auto;
}

.overview .fc-row.fc-week.fc-widget-content {
    height: 40px !important;
    min-height: 42px !important;
}

.overview td>a>span.fc-title {
    display: none !important;
}

.overview #calendar .fc-event-container .fc-content span {
    display: none !important;
}

/* .overview td.fc-event-container a {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    z-index: -1;
    margin-left: 12px;
} */

.overview td.fc-day-top.hasEvent span {
    border-radius: 50%;
    height: 32px;
    width: 32px !important;
    color: white;
}

.event.latestEvent.whiteBgBox .logo {
    max-width: 100%;
    max-height: 100px;
}

.modal select {
    display: block;
    width: 100%;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    padding: 0px 10px;
}

p.venue {
    margin-bottom: 5px;
}

p.venue+.eventDate {
    margin-top: 0 !important;
}

.bookingProcessEvent .venue {
    margin-top: 15px;
}

.modal select {
    height: 48px;
}

.eventBookingPackage input[type='checkbox'],
.eventBookingExtra input[type='checkbox'] {
    margin-right: 5px;
}

select#package {
    width: 100%;
    padding: 5px;
    border: 1px solid #e8e8e8;
}

table .attendee {
    font-size: 14px;
    font-style: italic;
    color: black;
}

.peopleFlicker .previous {
    margin-right: 5px;
}

.peopleFlicker .next {
    margin-left: 5px;
}

.peopleFlicker .next, .peopleFlicker .previous {
    cursor: pointer;
    vertical-align: middle;
}

.peopleFlicker .person:not(.active) {
    display: none;
}

.ajaxTable[data-linkTo] tr {
    cursor: pointer;
}

.companyTilePopup .infoContainer p.persons {
    max-width: calc(100% - 35px);
}

.companyTilePopup .infoContainer p.persons a::after {
    display: block;
    content: "";
}

.slot.mutual.priority *,
.slot.supplier.priority *,
.slot.mutual:not(.priority) *,
.slot.supplier:not(.priority) *,
.slot.buyer * {
    color: white;
}

.slot.supplier.priority,
.meetingKey.supplierPriority {
    background: #f68931 !important;
    color: white;
}

.slot.supplier:not(.priority),
.meetingKey.supplier {
    background: #e43894 !important;
    color: white;
}

.slot.buyer,
.meetingKey.buyer {
    background: #60b2c9 !important;
    color: white;
}

.slot.mutual:not(.priority),
.meetingKey.mutual {
    background: #9468ac !important;
    color: white;
}

.slot.mutual.priority,
.meetingKey.mutualPriority {
    background: #3b404a !important;
    color: white;
}

.meetingKey {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    padding: 5px 10px;
}

td.slot {
    cursor: pointer;
}

p.scheduleStat {
    margin-bottom: 5px;
    font-size: 14px;
    margin-top: 5px;
}

p.scheduleStat:last-child {
    margin-bottom: 20px;
}

.bookingHotelModal input+p {
    font-size: 14px;
    margin-top: 10px;
}

.adminColourOne .taskTitle {
    background: #60b2c9;
}

.adminColourOne .taskTitle p {
    color: white;
}

.jcrop-holder {
    background-color: grey !important;
}

.stagePreview {
    display: inline-block;
    width: 49%;
    text-align: center;
    cursor: pointer;
}

.stagePreview img {
    width: 22px;
}

td.origin {
    cursor: pointer;
}

tr.chosenMeetings td:first-child,
tr.chosenMeetingsAlt td:first-child {
    font-size: 12px;
}

#eventScheduleTable .blocked {
    background: black !important;
}

.tabHeaderContainer+.tabContainer {
    margin-top: -6px;
}

input.ajaxTableInlineEdit {
    padding: 5px 10px;
    border: 1px solid #dadada;
}

.eventInfo img {
    max-width: 420px;
    max-height: 70px;
}

.dash-nav li span::before {
    background-position: center center;
    left: -3px;
    background-size: contain;
}
.dashboardContainer .mainContent {
    padding-bottom: 20px;
}

/* Tooltips */
a.notifyFreshUser::before {content: "Notify";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;pointer-events: none;opacity: 0;transition: .15s ease-in-out;}

a.notifyFreshUser {
    position: relative;
}

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

.bookingExtraQtyContainer>* {
    display: inline-block;
    font-weight: 400;
    color: black;
    font-size: 15px;
}

.bookingExtraQtyContainer>input {
    width: 70px;
    text-align: left;
    padding: 0 10px;
}

.bookingExtraQtyContainer {
    display: none;
}

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

.mapContainer {
    height: 350px;
    position: relative;
    width: auto;
    display: inline-block;
}

.row.mapRow {
    text-align: center;
    margin-top: 40px;
}

.mapRegionSelector {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 10px;
    cursor: pointer;
    transition: background .15s ease-in-out;
}

.mapRegionSelector p {
    margin: 0;
}

.mapSelections {
    border-top: 1px solid #ccc;
}

.mapRegionSelector:nth-child(odd) {
    border-left: 1px solid #ccc;
    margin-right: -5px;
}

.mapRegionSelector:hover {
    background: #f8f8f8;
    border-left: 1px solid #ccc;
}

.mapRegionSelector.active {
    background: #9468ab;
}

.mapRegionSelector.active p {
    color: white;
}

.mapContainer img.mapRegion {
    position: absolute;
    left: 0;
    top: 0;
}

td.originBooking.scheduled, .originScheduled {
    background: #60b2c99e !important;
    color: white;
}

td.origin>span.mc {
    padding-top: 5px;
    display: block;
    font-weight: 500;
    color: black;
}

span.inlineTick {
    background: url(/images/icons/tickCategoriesActive.png) no-repeat top 5px center;
    height: 25px;
    width: 20px;
    margin-right: 5px;
    float: left;
}

span.inlineStar {
    background: url(/images/icons/starCategoriesActive.png) no-repeat top 3px center;
    height: 25px;
    width: 20px;
    float: left;
    margin-right: 5px;
    clear: both;
}

p.categoryTextIntro+p, p.categoryTextIntro+p span {
    line-height: 26px;
}

.categoryTextIntro {
    margin-bottom: 10px !important;
}

.categoryTextIntro+p {
    margin-bottom: 30px;
    font-size: 15px !important;
    font-weight: 500;
}

.venueTable[attr-size="33"].active:after {
    width: 15px;
    height: 15px;
    left: calc(50% - 7.5px);
    top: calc(50% - 7.5px);
}





















.company.companyIndex .borderBottomBox {
    border: none;
}