.campus-booking-dashboard { padding: 10px; border: 1px solid #ccc; background: #f7f7f7; margin: 10px 0px; }
.campus-booking-dashboard .title { font-size: 18px; font-weight: bold; color: #555; display: block; }
.campus-booking-dashboard .sub-title { font-size: 14px; color: #555; display: block; margin-top: 5px; font-weight: bold; }
.campus-booking-dashboard .table-container { margin-top: 10px; width: 100%; padding: 10px; background: #fff; border: 1px solid #ccc; }
.campus-booking-dashboard table { width: 100%; }
.campus-booking-dashboard .status { width: 170px; font-weight: bold; color: #444; }
.campus-booking-dashboard tr { border-bottom: 1px solid #ccc; }
.campus-booking-dashboard tr.even { background: #f7f7f7; }
.campus-booking-dashboard tr:last-of-type { border-bottom: 0; }
.campus-booking-dashboard td { padding: 5px; }
.campus-booking-dashboard tr.info-row { background: #eaf8ff; display: none; }
.campus-booking-dashboard tr.info-row * { margin: 0px; }


/*.campus-booking-dashboard .info:before { font-family: "dashicons"; content: "\f348"; position: absolute; margin-left: 3px; color: #007FC4; cursor: pointer; }*/
.campus-booking-dashboard .info { margin-left: 5px; color: #2a7bba; cursor: pointer; font-size: 12px; font-weight: bold; }
.campus-booking-dashboard .intro { background: #fff; border: 10px solid #ccc; padding: 10px; border: 1px solid #ccc; margin-top: 10px; }

.campus-booking-dashboard .status-0 { color: #b00; }
.campus-booking-dashboard .status-1, .campus-booking-dashboard .status-3 { color: #00f; }
.campus-booking-dashboard .status-2, .campus-booking-dashboard .status-4 { color: #090; }
.campus-booking-dashboard .status-99 { color: #777; }
td.indent { padding-left: 25px; }

.campus-booking-contact { border: 1px solid #ccc; background: #f7f7f7; padding: 10px; margin: 10px 0px; }
.campus-booking-contact div { display: inline-block; width: calc(50% - 5px); box-sizing: border-box; background: #fff; border: 1px solid #ccc; padding: 10px; text-align: center; }
.campus-booking-contact div:first-of-type { margin-right: 10px; }
.campus-booking-contact span:before { font-size: 18px; position: absolute; margin: -2px 0 0 -25px; }
.campus-booking-contact-phone:before { content: "\f525"; font-family: "dashicons"; }
.campus-booking-contact-email:before { content: "\f465"; font-family: "dashicons"; }

.campus-booking-dashboard li { padding: 5px 0px; }

.campus-dashboard-widget-box.bookings .campus-booking-widget-icon:before { padding: 5px; background: #fff; border: 2px solid #ccca; border-radius: 50%; font-size: 32px; width: 40px; height: 40px; display: inline-block; line-height: 43px; margin-top: -10px; }
.campus-dashboard-widget-box.bookings .progress-bar { border-radius: 5px; height: 10px; overflow: hidden; background: #fff; margin-top: 25px; border: 1px solid #ccc; }
.campus-dashboard-widget-box.bookings .inner-bar { display: inline-block; height: 100px; }
.campus-dashboard-widget-box.bookings .campus-booking-widget-icon { margin-top: -23px; font-size: 2.5em; height: 1em; }
.campus-dashboard-widget-box.bookings .campus-booking-widget-icon-text { display: inline-block; vertical-align: top; padding: 5px; box-sizing: border-box; text-align: center; margin-top: 10px; }