/* #calendar .fc-scrollgrid-section-body table {
    height: 730px !important;
} */

#calendar .fc-toolbar-title {
    font-family: 'Open Sans' !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #0057B7;
    
}
.fc-toolbar-title.clickdate{
    cursor: pointer;
}
#calendar .fc-toolbar-title img{
    margin-top: -3px;
    margin-left: 4px;
}
#calendar .fc-button {
    background-color: #ffffff;
    border: 1px solid #0057b7;
    font-family: 'Open Sans';
    color: #001125;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-transform: capitalize;
    padding: 7px 12px;
}

#calendar .fc-button:focus {
    box-shadow: 0 0 0 0.2rem rgb(76 91 106 / 0%);
}

#calendar .fc-button.fc-button-active {
    background-color: #0057b7;
    border: 1px solid #0057b7;
    color: #fff;
}

#calendar .fc-icon {
    font-size: 1.5em;
    vertical-align: middle;
    color: #0057b7 !important;
    font-size: 16px;
}

#calendar .fc-popover-close {
    color: #001125 !important;
    opacity: 1;
    font-size: 22px;
}

#calendar .fc-today-button {

    font-family: 'Open Sans';
    color: #001125;
    font-style: normal;
    font-weight: 400;

}

#calendar table .fc-col-header-cell {
    background-color: #eff3fe;
    color: #0057b7;
    padding: 16px;
    border: 0;
}

#calendar table .fc-col-header-cell-cushion {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #0057b7;
}

#calendar table .fc-daygrid-day-number {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #001125;
}

#calendar .fc-daygrid-day-bottom {
    margin-bottom: 30px !important;
}

#calendar .fc-event.fc-event-draggable {
    padding: 3px 5.75px;
}

#calendar .fc-more-popover .fc-popover-body {
    padding: 8px 16px 16px;
}

#calendar .fc-popover-header {
    border-radius: 10px 10px 0px 0px;
    background-color: transparent !important;
    padding: 16px 16px 8px !important;
}

#calendar .fc-popover-header .fc-popover-title {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #001125;
}

#calendar .fc-popover {
    border-radius: 10px;
    border: 0;
}

#calendar a.fc-event {
    color: #fff;
    border: 0;
    border-bottom: 1px solid #fff;
    padding: 0px 5px;
}

#calendar a.fc-event .fc-event-title,
#calendar a.fc-event .fc-event-time {
    color: #fff;
    font-size: 12px;
}

.fc-event-time {
    display: none;
}

#calendar .fc-daygrid-more-link {
    color: #001125;
    padding: 0px 5px;
}

.fc-dayGridMonth-view table.fc-scrollgrid-sync-table tr:last-child {
    display: none;
}

#calendar a.fc-event .fc-event-title {
    cursor: pointer;
}

/* #calendar .fc-scrollgrid-section-body table {
    height: 700px !important;
}
.fc .fc-scrollgrid-liquid {
    height: 759px !important;
}
#calendar .fc-daygrid-more-link {
    background-color: rgb(215 218 234 / 60%);
}
.fc-scroller.fc-scroller-liquid-absolute {
    overflow: hidden !important;
} */
#calendar .fc-popover-body a.fc-event .fc-event-title {
    text-overflow: unset;
    white-space: unset;
    width: unset;
}

#meetingModal,
.meetingModal {
    z-index: 9999;
}

#meetingModal .modal-dialog,
.meetingModal .modal-dialog {
    max-width: 590px;
}

#meetingModal h6.modal-title,
.meetingModal h6.modal-title {
    font-family: 'DM Sans' !important;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 21px !important;
    color: #001125 !important;
    padding: unset !important;
}

#meetingModal button.btn-close,
.meetingModal button.btn-close {
    background-size: 12.59px;
    color: #001125;
    filter: alpha(opacity=100);
    opacity: 1;
}

#meetingModal button.btn-close,
.meetingModal button.btn-close {
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
}

#meetingModal .modal-header,
.meetingModal .modal-header {
    padding: 30px;
    background: #EFF3FE;
    border-radius: 10px 10px 0px 0px;
}

.modal-header .btn-close {
    margin: -0.5rem 0rem -0.5rem auto;
}

#meetingModal .modal-footer
 {
    row-gap: 10px;
   /* column-gap: 32px;*/
    padding: 10px 30px 30px;
    display: block;
}
.meetingModal .modal-footer {
    row-gap: 10px;
     column-gap: 32px; 
    padding: 10px 30px 30px;
    display:block;
}

#meetingModal .modal-content,
.meetingModal .modal-content {
    border-radius: 10px;
    border: 0;
}

#meetingModal .modal-body,
.meetingModal .modal-body {
    padding: 20px 30px 20px
}

.meetingpopup_table {
    border: 0px solid rgba(0, 17, 37, 0.1);

}

.meetingpopup_table {
    table-layout: fixed;
}

.meetingpopup_table tbody tr td {
    border: 0;
    padding: 10px 0px;
}

.meetings_detail a {
    cursor: pointer;
}

.meetingpopup_table p:first-child {
    font-family: 'Open Sans' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    color: #001125 !important;
    margin-bottom: 5px;
}

#meetingModal .modal-body .meetingpopup_table tbody tr td p:first-child,
.meetingModal .modal-body .meetingpopup_table tbody tr td p:first-child {
    margin-top: 10px;
}

.meetingpopup_table p:last-child,
p.text-wrap.usr_location {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    color: #001125 !important;
    word-break: break-all;
    margin-bottom: 0px;
}

.text-wrap.usr_location {
    word-break: break-word !important;
}

#meetingModal .modal-body h6,
.meetingModal .modal-body h6 {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #001125;
    margin-bottom: 10px;
}

#meetingModal .modal-footer button,
.meetingModal .modal-footer button {
    background: #0057B7;
    border-radius: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    padding: 10px 20px;
    border: 0;
    margin: 0;
}

#meetingModal .modal-footer button img,
.meetingModal .modal-footer button img {
    margin-right: 6px;
    transform: scale(0.9);
}

.meetingModal .modal-footer button img a#cvent_link {
    font-size: 12px;
}

#calendar .fc-scroller-liquid-absolute::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#calendar .fc-scroller-liquid-absolute::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

#calendar .fc-scroller-liquid-absolute::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #eff3fe;
}

#calendar table .fc-daygrid-day-number {

    padding: 4px 8px;
}


.fc-dayGridMonth-view #calendar table.fc-scrollgrid-sync-table tr:last-child {
    display: none;
}

#meetingssalient .offer-card {
    min-height: 190px;
}

#calendar {
    max-width: 1100px;
    margin: 0 auto;
    position:relative;
}

.VIRTUAL {
    background: #0065D1;
}

.INPERSON {
    background: #0A7F24;
}

.HYBRID {
    background: #CD310A;
}

span.in_person_color {
    height: 12px;
    width: 15px;
    background: #0A7F24;
    display: inline-block;
    margin-right: 6px;
}

span.vritual_color {
    height: 12px;
    width: 15px;
    background: #0065D1;
    display: inline-block;
    margin-right: 6px;
}

span.hybrid_color {
    height: 12px;
    width: 15px;
    background: #CD310A;
    display: inline-block;
    margin-right: 6px;
}

span.in_person_meetings,
span.virtual_meetings {
    margin-right: 20px;
}

.calender_header {
    text-align: left;
    margin-bottom: 22px;
}

span.in_person_meetings,
span.virtual_meetings,
.hybrid_meetings {
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: 600;
}

p.text-wrap.usr_event_attendance {
    font-size: 12px !important;
    color: #fff !important;
    padding: 3px 16px;
    border-radius: 10px;
    margin-bottom: 10px;
}

p.date_range {
    font-size: 12px !important;
    margin-top: 10px;
}

.meetingpopup_table tbody tr td {
    border: 0;
    padding: 0;
}

.meetings_row {
    margin-right: -16px;
    margin-left: -16px;
}

.meetings_row>.col-sm-6 {
    padding: 16px;
}

@media screen and (max-width: 767px) {
    #meetingssalient .offer-card {
        min-height: auto;
    }
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
    #calendar .fc-toolbar {
        text-align: center;
        display: block;
    }
    #calendar table .fc-col-header-cell {
        padding: 5px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 410px) {
    #meetingModal .modal-footer button {
        width: 100%;
    }

    #calendar .fc-daygrid-day-top {

        height: 14px;
    }

    #calendar table .fc-daygrid-day-number {

        font-size: 10px;

    }

    #calendar .fc-daygrid-more-link {

        font-size: 10px;
    }
}
 
#MonthPicker_datePicker{
    z-index: 8 !important;
    width: 290px;
    margin: 0 auto;
    top:6% !important;
    position: absolute !important;
    left: 50% !important;
    transform: translate(-50%, 6%);
}
.month-picker-month-table tr td:hover a {
    color: #000;
}
#MonthPicker_datePicker table{
    width:100% ;
}
.ui-button-text-only .ui-button-text{
    font-size: 14px!important;
    color:#555555;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    background: transparent!important;
    border: none!important;
    
}
.month-picker-month-table tr td,.month-picker-title{
    border: 1px solid #ffffff;
    text-align: center;
}
.month-picker-month-table tr td:hover{
    background-color: #0057b700;
    color:#fff;
}
table.month-picker-year-table{
    font-size: 14px!important;
}
.ui-widget-header.month-picker-header.ui-corner-all,.ui-widget-header .ui-state-hover,.ui-state-hover{
    background: #ffffff!important;
    border: 1px solid #ffffff!important;
}
.month-picker-title .ui-button-text-only .ui-button-text{
    padding: 0.4rem 0.2rem;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0em;
}
.month-picker-next,.month-picker-previous{
    opacity: 0!important;
    visibility: hidden;
    border: 0!important;
}
.month-picker-title a.ui-button{
    pointer-events: none!important;
}
table.month-picker-month-table{
    width: 90% !important;
    padding: 10px;
    margin: 0% 5% 5% 5%;
    background: #EFF3FE;
}
/*table.month-picker-month-table a.ui-state-active{
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #0057b7 !important;
    border-radius: 0;
    color: #fff;
}*/
.m_c_date {
    color:#001125;
}
@media (max-width: 1500px){
.modal-content {
    margin: 0 auto;
     width: 100%;
}
}
table.month-picker-month-table a.state-active{
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #0057b700 !important;
    border-radius: 0;
}