body {
    background-color: #e9eef1 !important;
}

.linkList :first-child {
    display: table-column;
    /* Hide Profile menu item */
}

.linkList a:hover {
    text-decoration: none !important;
    color: #FFFFFF !important;
    background: #1a7dff;
    transition: all 0.5s;
    box-shadow: inset 0 0 0 1px #FFF;
}

.objectControls button {
    margin-left: 0 !important;
}



.flexFilter {
    display: flex;
    margin-left: 10px;
    align-items: center;
    padding: 10px 0px 0px 0 !important;
}

.flexSelect {
    flex-grow: 1;
    margin-right: 10px;
    padding: 5px 5px 5px 10px !important;
}

.flexSelect:focus {
    outline: 0;
}

.filterIcon {
    padding-left: 6px;
    padding-bottom: 4px;
}

.sizeSanitizer {
    /* padding: 4px 15px 4px 15px; */
    /* border-radius: 50px !important; */
}

.objectListingTable {
    width: 100% !important;
}

.objectListingTable table {
    width: 100% !important;
}

.objectListingTable table tr.hd {
    background: #F2F5F6;
}

.content {
    /* padding-bottom: 50px !important; */
}

.clickShield {
    background-color: #e9eef1 !important;
}

.dialogContainer {
    width: 100% !important;
}

.breadcrumbs {
    border-bottom: solid 1px #E9EEF1 !important;
    /* width: 95% !important; */
}

.controls {
    background-color: #fff;
    ;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.pageBreadcrumbs {
    margin-bottom: 10px;
    border-bottom: solid 1px #E9EEF1 !important;
    background-color: #fff;
}


input.icon-applied {
    padding-left: 32px !important;
}


.field input[type="text"] {
    /* width: 100% !important; */
}


.combo.icon-applied {
    max-width: calc(100% - 48px);
    /* max-width: calc(100% - 76px); */
    padding-left: 32px !important;
    /* background-position: 32px 50%; */
}

.filterPanel {
    padding-left: 0 !important;
}

.objectDataTable div.labelValue {
    padding-left: 0 !important;
}

.full {
    /* padding-top: 5px; */
    padding-bottom: 10px;
}

/* .field, */
.field.needBox,
.filterPanel .field {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-top: 5px !important;
    /* padding: 10px 5px !important */
}

.filterPanel .field select {
    /* padding-top: 4px !important; */
    max-width: 100% !important;
}

.field select {
    width: 100% !important;
}

.filtersGrid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.filtersSingleGrid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin: 9px 15px;
}

/* Small desktop */
@media only screen and (max-width: 2020px) {
    .filtersGrid {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media only screen and (max-width: 1605px) {
    .filtersGrid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width: 1280px) {
    .filtersGrid {
        grid-template-columns: repeat(3, 1fr);
    }

    .filtersSingleGrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sm-hide {
        display: none !important;
    }

    .sm-w-100 {
        width: 100% !important;
    }
}


/* Mobile */
@media only screen and (max-width: 960px) {
    .filtersGrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .filtersSingleGrid {
        grid-template-columns: repeat(1, 1fr);
    }
}


@media only screen and (max-width: 700px) {
    .filtersGrid {
        grid-template-columns: repeat(1, 1fr);
    }

    .filtersGrid2 {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .xs-hide {
        display: none !important;
    }

    /* .xs-w-100-mobile {
        width: 100% !important;
    } */
}


/* cut of from mhcss */
/* .objectListingTable tr:nth-child(2n+1) td { background-color:#F8FBFC;} */
/* input.icon-applied {padding-left: 56px;background-position: 32px 50%;} */












/* Datepicker overwritten styles */
.ui-widget-header {
    background: #E9EEF1 !important;
    padding: 3px 0 0 0 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background-color: #F9FBFC !important;
    border: 1px solid #E9EEF1;
    text-align: center;
}

.ui-datepicker-calendar th span {
    color: #263C56;
}

.ui-state-highlight {
    background-color: rgba(254, 192, 7, 0.2) !important;
    border: 1px solid #FEC007;
}

.ui-state-default:hover {
    background: rgba(98, 174, 235, 0.2) !important;
    border: 1px solid #62AEEB !important;
}

.ui-icon-circle-triangle-w,
.ui-icon-circle-triangle-e {
    background-color: #62AEEB !important;
    border-radius: 25px;
    width: 23px !important;
    height: 23px !important;
    background-image: url('style/types/date.svg') !important;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
    border: none !important;
    background: transparent !important;
}

.ui-datepicker-prev span {
    background-image: url('../images/datepicker_icon_left.png') !important;
}

.ui-datepicker-next span {
    background-image: url('../images/datepicker_icon_right.png') !important;
}

.ui-datepicker-next {
    cursor: pointer;
    right: 7px !important;
    top: 1px !important;
}

.ui-datepicker-prev {
    cursor: pointer;
    left: 2px !important;
    top: 1px !important;
}









.w-100 {
    width: 100% !important;
}

.pt-5 {
    padding-top: 5px !important;
}




/* Calendar Redesign */

.calendarViewMonth {
    background: #FFFFFF !important;
    /* box-shadow: 0px 0px 8px 2px #DFE3E6 !important; */
    /* border-radius: 9px !important; */

}

.calendarViewMonthHeader {
    border-radius: 9px 9px 0 0 !important;
}

.calendarGreenBg {
    background-color: #77E0B320 !important;
}

.calendarYellowBg {
    background-color: #FEC00720 !important;
}

.calendarRedBg {
    background-color: #EB575720 !important;
}


.submenuIcon {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.submenuIcon img {
    width: 100%;
    height: 100%;
}

.mr-0 {
    margin-right: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.pb-5 {
    padding-bottom: 25px !important;
}

.p-5 {
    padding: 25px !important;
}

.border-gray {
    border: solid 1px #E9EEF1 !important;
}


#ui-datepicker-div select {
    /* padding:5px 16px !important; */
    padding: 5px 12px !important;
}



.whiteBg {
    background-color: #fff;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ml-5 {
    margin-left: 5px;
}

.mr-5 {
    margin-right: 5px;
}

.mt-5 {
    margin-top: 5px;
}

.mb-5 {
    margin-bottom: 5px;
}


.ml-0 {
    margin-left: 0;
}

.mr-0 {
    margin-right: 0;
}

.mt-0 {
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.pl-5 {
    padding-left: 5px;
}

.pr-5 {
    padding-right: 5px;
}

.pt-5 {
    padding-top: 5px;
}

.pb-5 {
    padding-bottom: 5px;
}


.reduceRadius {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.p-1 {
    padding: 1rem;
}

.p-2 {
    padding: 2rem;
}

.p-3 {
    padding: 3rem;
}

.p-4 {
    padding: 4rem;
}

.p-5 {
    padding: 5rem;
}

.m-1 {
    margin: 1rem;
}

.m-2 {
    margin: 2rem;
}

.m-3 {
    margin: 3rem;
}

.m-4 {
    margin: 4rem;
}

.m-5 {
    margin: 5rem;
}




.flexStartCenterH100 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
}

.sectionHeading {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #263C56;
}

.objectAct .associateContact input.combo {
    width: 200px !important;
}



.actContacts .packedSection,
.hirerContacts .packedSection,
.venueContacts .packedSection {
    padding-bottom: 0 !important;
}

.selectTarget select {
    margin-top: 10px;
    margin-bottom: 1px;
    margin-left: 8px;
    margin-right: 1px;
}

.plusBtn {
    width: 56px !important;
}

.alertLink:hover {
    background-color: lightgray;
    color: #fff;
}


label {
    white-space: initial;
}

#dialog_1>div>div>div.content>div>div.tabContents>div.tabContent.selected>div>div:nth-child(8)>div.full>div:nth-child(2)>div>div>div.value {
    padding: 8px 0;
}


.Venue .af-company div.value {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Venue .af-company div.value button {
    margin-left: 10px;
    margin-bottom: 3px;
}

.hidden {
    visibility: hidden;
}


/* Mobile */
@media only screen and (max-width: 960px) {
    button {
        padding: 6px 10px 6px 10px !important;
    }

    button.icon-applied {
        padding-left: 30px !important;
        background-position: 10px 50% !important;
    }

    .reportsPageFlex {
        flex-direction: column;
    }
}


.reportsPageFlex {
    display: flex;
}


body[_page="Reminders"] textarea {
    height: 300px;
}


.dlgContent .ui-autocomplete-input {
    margin: 10px 0 !important;
}







.sectionContent,
.packedSection,
.contactPanel {
    box-shadow: 0 0 5px lightgray;
}





.calendarViewTotal,
.calendarViewMonth.detailed td.header {
    font-size: 14px !important;

}

.calendarEventName {
    border-right: solid 1px #fff !important;
    font-size: 14px !important;
    color: #000 !important;
}

div.packedSection[_section="Direct Contact"] .psTitle {
    margin-left: 15px !important;
}

.d-none {
    display: none;
}



.xs-show {
    display: block !important;
}



@media only screen and (max-width: 700px) {
    body.Acts .filterPanel .field {
        min-width: 0 !important;
    }
}

select {
    line-height: 40px !important;
}

.goldenBorder {
    border-color: #FEC007;
    ;
}




body.Bookings div[_section="Performance times"] input.timepicker,
body.Bookings div[_section="Event"] input,
body.Bookings div[_section="LMM"] input,
body.Bookings div[_section="Act"] input,
body.Dashboard div[_section="Performance times"] input.timepicker,
body.Dashboard div[_section="Event"] input,
body.Dashboard div[_section="LMM"] input,
body.Dashboard div[_section="Act"] input,
body.Venues div[_section="Performance times"] input.timepicker,
body.Venues div[_section="Event"] input,
body.Venues div[_section="LMM"] input,
body.Venues div[_section="Act"] input {
    border: solid 1px #FEC007 !important;
}


body.Bookings div[_section="Performance times"] input.timepicker:hover,
body.Bookings div[_section="Event"] input:hover,
body.Bookings div[_section="LMM"] input:hover,
body.Bookings div[_section="Act"] input:hover,
body.Dashboard div[_section="Performance times"] input.timepicker:hover,
body.Dashboard div[_section="Event"] input:hover,
body.Dashboard div[_section="LMM"] input:hover,
body.Dashboard div[_section="Act"] input:hover,
body.Venues div[_section="Performance times"] input.timepicker:hover,
body.Venues div[_section="Event"] input:hover,
body.Venues div[_section="LMM"] input:hover,
body.Venues div[_section="Act"] input:hover {
    border: solid 1px #FEC007 !important;
}




body.Bookings div[_section="Performance times"] input.timepicker:focus,
body.Bookings div[_section="Event"] input:focus,
body.Bookings div[_section="LMM"] input:focus,
body.Bookings div[_section="Act"] input:focus,
body.Dashboard div[_section="Performance times"] input.timepicker:focus,
body.Dashboard div[_section="Event"] input:focus,
body.Dashboard div[_section="LMM"] input:focus,
body.Dashboard div[_section="Act"] input:focus,
body.Venues div[_section="Performance times"] input.timepicker:focus,
body.Venues div[_section="Event"] input:focus,
body.Venues div[_section="LMM"] input:focus,
body.Venues div[_section="Act"] input:focus {
    outline-offset: 0px;
    outline: none;
}


div[_section="Booking Details"] .field:first-child{
    padding-bottom: 10px;
}
div[_section="Booking Details"] .field:first-child .label{
    display: none;
}