@charset "UTF-8";
/* CSS Document */

body {
    font-family: 'Open Sans', sans-serif;
}



h2 {
    font-weight: 700;
	margin:0px;
}

i {
    font-family: fontAwesome;
    font-style: normal;
}

.parent {
    /*width:83%;*/ 
    overflow-x:hidden;
}
#calendar, #cal-list {margin :0 auto;margin-top:0px; margin-bottom:15px;max-width: 100%}
/*.resource-list li a i {margin-right:12px;}*/

.fc-scroller.fc-day-grid-container {
    overflow: visible !important;
    height: auto !important;}
	
.fc-row.fc-rigid .fc-content-skeleton {
    position: relative !important;
}

.fc-day-header {
    background-color: #075781;
    color: #fff;
}

.btn.btn-orange, .fc-custom1-button {
    color: #fff;
    background-color: #ea7100;
    background-image: none !important;
    border-color: #ea7100;
}

    .fc-custom1-button::after {
        content: '\f002';
        font-family: fontAwesome;
        width: 32px;
        height: 32px;
        margin-left: 5px;
    }

.fc-myCustomButton-button::after {
    content: '\f03a';
    font-family: FontAwesome;
    width: 32px;
    height: 32px;
    margin-left: 5px;
  
}

.fc-myCustomConflictsButton-button::after {
    content: '\f05d';
    font-family: FontAwesome;
    width: 32px;
    height: 32px;
    margin-left: 5px;
}

.fc-mergedListViewButton-button::after,
.fc-myCustomLegislationButton-button::after {
    content: '\f03a';
    font-family: FontAwesome;
    width: 32px;
    height: 32px;
    margin-left: 5px;
}

.fc-month-button::after {
    content: '\f073';
    font-family: FontAwesome;
    width: 32px;
    height: 32px;
    margin-left: 5px;
}

.btn-primary {
    background-color: #ea7100 !important;
    border-color: #ea7100 !important;
}

    .btn-primary:hover, .btn-primary:active {
        background-color: #c66102;
        border-color: #ea7100;
    }

    .btn-primary a {
        color: #fff;
    }

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
    z-index: 1;
}

.fc-list-item-title a {
    float: left;
    margin-right: 2em;
    width: 225px;
    max-width: 100%;
}

.fc-list-item-title div {
    font-weight: bold;
}

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

.fc-event {
    border-color: #fff;
}

table th {
    border: 0px !important;
}

ul.resource-list {
    list-style-type: none;
}



    ul.resource-list li a {
        color: #333;
    }

        ul.resource-list li a:hover {
            text-decoration: underline;
        }


.tshare a i {
    color: #000;
}

.srch-item {
    padding-left: 25px;
    position: relative;
    font-size: 12px;
    margin-top: 33px;
}

.file-icon {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}

    .file-icon i {
        font-size: 28px;
    }

.srch-Title a {
    color: #075781 !important;
    font-size: 20px;
    text-decoration: underline !important;
}

.srch-Description {
    color: #000;
}

.srch-Metadata-item {
    color: #666;
}

.srch-URL {
    color: #22ac54 !important;
}


.srch-Page {
    margin-top: 33px;
}


    .srch-Page STRONG {
        border-top: solid 1px #c6e5f8;
        border-right: solid 1px #91cdf2;
        border-left: solid 1px #91cdf2;
        border-bottom: solid 1px #91cdf2;
        font-size: 1.1em;
        margin: 0 3px;
        padding: 4px 7.5px;
        background: url(/_layouts/images/selbg.png) repeat-x left top;
        background-color: rgba(0, 0, 0, 0);
        background-color: #ccebff;
        text-decoration: none;
        float: left;
        display: block;
        font-weight: normal;
    }

    .srch-Page A:link, .srch-Page A:visited {
        border: 1px solid transparent;
        color: #1D71B6 !important;
        font-size: 1.1em;
        font-weight: normal;
        margin: 0 3px;
        padding: 4px 7.5px;
        text-decoration: none;
        float: left;
        display: block;
    }

.btn-orange {
    padding: 8px 16px !important;
    font-size: 14px;
    opacity: 0.9;
    border-radius: 5px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    background-color: #ea7100;
    color: #fff;
    max-width: 100%;
    width: 100%;
    height: auto !important;
    /*margin-bottom: 33px;*/
}
.btn-reset {
    padding: 8px 16px !important;
    font-size: 14px;
    opacity: 0.9;
    border-radius: 5px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;    
    max-width: 100%;
    width: 100%;
    height: auto !important;
    background-color: #ccc !important;
    border-color: #ccc !important;
    color: black;
    /*font-weight: bold;*/
    /*margin-bottom: 33px;*/
}
a.mtg-url {
    color: #075781;
    text-decoration: underline;
}

/*List Design*/
.fc-toolbar {
    margin-bottom: 1em;
}

.es-search {
    display: inline-block;
    width: 300px;
    max-width: 100%;
}

ul.ms-searchref-filters {
    list-style-type: none;
    padding-left: 0;
}

.ms-searchref-title {
    font-weight: bold;
}

.ms-searchref-filters {
    margin-bottom: 33px;
}
table.dataTable tbody td {
    border: 0px;
    background-color: #fff;
}

table.dataTable {
    border: 1px solid #eaeaea;
    border-collapse: collapse;
    table-layout: auto !important;
}

td.date-title {
    background-color: #eaeaea !important;
    font-weight: bold;
}

div.dataTable {
    border: 1px solid #eaeaea;
    border-collapse: collapse;
    table-layout: auto !important;
}

div.calendar-item  {display:flex; flex-wrap: wrap; border-bottom:1px solid #eaeaea; width: 100%;}
div.calendar-item div {padding:5px;}
div.calendar-item .startTime{flex-grow: 0 !important;}

.date-title {font-weight: bold;flex:1.5 !important;}
.eventName {flex:3 !important;}
.startLocation {flex:2 !important;}
.itemResources {flex:2 !important;}

ul.resource-list {
    padding-left: 0 !important;
}

div.marker {
    border: 0px;
    padding: 0px !important;
    width: 10px;
	flex-grow: 0 !important;  flex-shrink: 0 !important;
		flex-basis:10px !important;
}

.tshare {
flex-grow: 0 !important;  flex-shrink: 0 !important;flex-basis: auto !important; /*text-align:right;*/}

.date-title {padding: 5px;}    
.past-meetings {border:1px solid #eaeaea; padding:5px 5px 0px 5px;}
.past-meetings .PastMeetingTypesName{white-space: normal; height: auto;  color: #000;  background-color: #eaeaea;  /*border: 1px solid #c6c6c6; border-radius: 3px; padding: 0 .6em;*/ width: 100%;  text-align: left;  margin-bottom: 5px;  font-size: larger;}
/*.past-meetings .PastMeetingTypesName::before{font-family: 'Glyphicons Halflings';content: "\e080";float: right;color:#000;}
.past-meetings .PastMeetingTypesName.collapsed::before{content: "\e114";}*/
/*.past-meetings .PastMeetingTypesName::before{font-family: "Font Awesome 5 Free";content: "\f062";float: right;/*color:#000;*/}
.past-meetings .PastMeetingTypesName::before{font-family: 'FontAwesome';content: "\f054";float: right;/*color:#000;*/}
.past-meetings .PastMeetingTypesName.collapsed::before{content: "\f078";}/*.past-meetings .collapse {padding-bottom: 5px;}*/
.xtra-lists {margin-top:33px;}
.fc-day-grid-event .fc-content {white-space: nowrap !important; text-overflow: ellipsis;
    max-height: 18px}


@media screen and (max-width: 768px) {
    .container .row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 480px) {
	
	    .meetingdata, .fc-view-container {
        max-height: 525px;
    }
	div.calendar-item {
		display: block;}
	#cal-list .col-md-6 {padding:0px;}
	#cal-list h2 {text-align: center;  margin-bottom: 5px;}
	.marker {height: 10px;width: 100% !important;}
	h2 {font-size: 25px;}
    .fc-scroller.fc-day-grid-container {
        min-height: 335px !important;
    }

    .fc-right button{
        float: none !important;
        display: inline-block;
		/*margin-right: 5px !important;*/
		font-size: 13px;
    }

    .fc-toolbar .fc-left, .fc-toolbar .fc-right {
        float: none;
        display: inline-block;
    }

	.fc .fc-toolbar > * > :first-child {
 	margin-left: 5px !important;
	}

    .fc-toolbar .es-search {
        margin-bottom: 15px;
    }

    #table-list td, #table-list tr {
        display: block;
    }

        #table-list tr th {
            display: block;
        }

    #table-conflicts-list td, #table-conflicts-list tr {
        display: block;
    }

        #table-conflicts-list tr th {
            display: block;
        }

    #table-conflicts-list thead {
        display: none;
    }

    #table-conflicts-list td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        margin-right: 15px;
        width: 100%;
    }

    .meetingStartTime {
        width: 90% !important;
    }

    .meetingName {
        width: 90% !important;
    }

    .meetingLocation {
        width: 90% !important;
        display: inline-block !important;
    }

    .meetingResources {
        width: 90% !important;
        word-break: break-all !important;
    }

    #AgendaItemConflicts tbody td {
        width: 100%;
        display: inline-block;
    }
}

#table-conflicts-list thead tr {
    border-bottom: 1px solid #ebedf2;
    padding: 15px 0;
}

#table-conflicts-list tbody tr {
    border-bottom: 1px solid #ebedf2;
    padding: 15px 0;
}

table.dataTable thead .no-sort {
    background-image: none !important;
}

    table.dataTable thead .no-sort:after {
        display: none !important;
    }

#table-conflicts-details-list_paginate {
    float: none !important;
    text-align: center;
}

.meetingStartTime {
    width: 11%;
}

.meetingName {
    width: 25%;
}

.meetingLocation {
    width: 25%;
	word-break: break-all;
}

.Location-Tooltip {
    word-break: break-word;
}

.meetingResources {
    width: 35%;
    word-break: break-all;
}

.loaderPosition {
    position: fixed;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999999;
    background-color: #363636;
    opacity: 0.7;
}

.loaderDesign {
    font-size: 32px;
    position: fixed;
    top: 45%;
    left: 50%;
    color: white;
}

#searchTable_paginate {
    float: none !important;
    text-align: center;
}

.ss-main .ss-multi-selected .ss-add {
    margin: 8px 12px 0 0;
}

/*.ss-main .ss-multi-selected .ss-add .ss-plus {
        height: 12px;
        width: 4px;
    }

        .ss-main .ss-multi-selected .ss-add .ss-plus:after {
            height: 4px;
            width: 12px;
            left: -4px;
            top: 4px;
        }*/

::-ms-clear {
    display: none;
}

.form-control-clear {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    top: 0 !important;
}

.control-clear {
    cursor: pointer;
}

#adv-search .dropdown.dropdown-lg .dropdown-menu {
    margin-top: -1px;
    padding: 15px 15px;
    white-space: normal !important;
}

#searchTable.dataTable tbody td {
    padding: 0;
}

button.close {
    font-size: 28px;
    margin-top: -6px !important;
}

.filtered {
    color: black;
}

#AgendaItemConflicts tbody td {
    padding: 3px;
}

#conflictsDetailsModal .modal-body {
    padding: 10px;
}

#conflictsDetailsModal .modal-footer {
    padding: 10px;
    margin-top: 0;
}

.daterangepicker .drp-buttons .btn {
    margin-left: 5px !important;
}

@media screen and (min-width: 768px) {
    #adv-search .dropdown.dropdown-lg .dropdown-menu {
        min-width: 500px;
    }
}

@media screen and (min-width: 360px) and (max-width: 768px) {
    #adv-search .dropdown.dropdown-lg .dropdown-menu {
        min-width: 290px !important;
    }
}

/*Conflict list header color, background-color*/
#table-conflicts-list th {
    color: #666;
    background-color: #eaeaea;
    text-align: left;
}

table.list {
     width:100%;
}
table.list th {
    color: #666;
    background-color: #eaeaea;
    text-align: left;
}

/*  External Calendar/ List Customizations -On the Premise of 2 deep/dark colours and 1 font*/
body {
    font-family: 'Open Sans', sans serif;
}

    body .btn-primary, body .btn-orange {
        background-color: #ea7100 !important;
        border-color: #ea7100 !important;
    }

        body .btn-primary i {
            font-size: 16px !important;
        }

    #btnFilter:focus {
        border-color: #285e8e !important;      
    }

/* -->  List Customizations */
.MeetingTitle a, .MeetingTitle a:hover {
    color: #003366 !important;
}

/* -->  Calendar Customizations */
body h2#monthText {
    font-family: 'Open Sans', sans serif;
    color: #333;
}

.fc-day-header {
    background-color: #075781;
    color: #fff;
}
/* -->  Text Shadow for better accessibility */
.fc-day-header {
    text-shadow: 2px 2px 3px #000;
}
/* -->  Neutral Today in Calendar */
.fc-unthemed .fc-today {
    background: #fcf8e3;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 25px 10px 10px;
    position: relative;
}

    table.dataTable thead th.sorting, th.sorting_asc, th.sorting_desc {
        background-image: none !important;
    }

table.dataTable thead .no-sort {
    background-image: none !important;
}

    table.dataTable thead .no-sort:after {
        display: none !important;
    }

table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after {
    position: absolute !important;
    top: 12px !important;
    right: 8px !important;
    display: block !important;
    font-family: FontAwesome !important;
}
table.dataTable thead th.sorting_desc:after {
    content: "\f0dd" !important;
}
table.dataTable thead th.sorting:after {
    content: "\f0dc" !important;
    font-size: 0.8em !important;
    padding-top: 0.12em !important;
}

table.dataTable thead th.sorting_asc:after {
    content: "\f0de" !important;
}

table.dataTable thead th.sorting_desc:after {
    content: "\f30c";
}

.dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    font-weight: bold;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        font-weight: normal;
    }

.imgicon {
    vertical-align: top;
}

.icon {
    font-size: 20px !important;
    margin-right:5px !important;
    margin-left:-2px!important;
    text-decoration: none !important;
}

.parent {
    min-height: inherit;
}

.fixed {
    /*position: fixed;*/
    z-index: 2;
    background: white;
    padding-bottom: 15px;
}

.meetingdata, .fc-view-container {
    max-height: 625px;
    overflow-x: hidden;
    overflow-y: auto;
}

@media screen and (max-width: 768px) {
div.calendar-item .startTime{flex-basis: auto !important;}
		.col-md-6, .col-md-12 {padding-right: 12px;padding-left:12px;}

}


@media screen and (min-width: 480px) {
    .fc-month-view {
        height: 625px !important;
    }
    .fc-scroller {
        height: 100% !important;
    }

    /*we have 6 week row + day header*/
    .fc-rigid {
        height: 100px !important;
    }
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {

    .daterangepicker .calendar-table {
        width: 0;
        margin: 0 auto;
    }
}

@media only screen 
    and (device-width : 375px) 
    and (device-height : 667px) 
    and (-webkit-device-pixel-ratio : 2) {
       .daterangepicker .calendar-table {
        width: 0;
        margin: 0 auto;
    }
}

@media only screen 
    and (device-width : 414px) 
    and (device-height : 736px) 
    and (-webkit-device-pixel-ratio : 3) {
     .daterangepicker .calendar-table {
        width: 0;
        margin: 0 auto;
    }
}

@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) {
    .daterangepicker .calendar-table {
        width: 0;
        margin: 0 auto;
    }
}


@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    .daterangepicker .calendar-table {
        width: 0;
       margin: 0 auto;
       display: flex;
       padding-left: 77px;
    }
}