html, body {
  height: 100%;
}

/* @group reset */
p, ol, ul, h1, h2, h3, h4 {
  margin-top: 0;
  margin-bottom: 0;
}
body, dl, dt, dd {
  margin: 0;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 {
  font-size: inherit;
  line-height: inherit;
  font-weight: normal;
}

a {
  color: inherit;
  text-decoration: none;
}
/* @end */

/* @group css break points */
body:before {
  content: "xs";
  display: none; /* Prevent from displaying. */
}
@media (min-width: 768px) {
  body:before {
    content: "sm";
  }
}
@media (min-width: 992px) {
  body:before {
    content: "md";
  }
}
/* @end */

/* @group fonts */
body {
  font-family: 'Source Sans Pro', sans-serif;
}
h1, h2, h3, h4, .btn {
  font-family: 'Montserrat', sans-serif;
}

h1 {
  font-size: 28px;
}
h2 {
  font-size: 20px;
}
body,
.form-control,
.btn {
  font-size: 16px;
}

.form-group label:not(.error) {
  font-weight: 700;
}
/* @end */

/* @group links */
a,
button,
.btn {
  cursor: pointer;
}

.btn {
  display: inline-block;
}
/* @end */

/* @group borders */
.btn {
  border: 1px solid transparent;
}
.border-bottom,
.panel > .heading {
  border-bottom: 1px solid #CFD8DC;
}
.border-top,
.panel > .footer {
  border-top: 1px solid #CFD8DC;
}

.btn {
  border-radius: 3px
}
/* @end */

/* @group box-shadow */
#site-header {
  -webkit-box-shadow: 0px 2px 4px 0px rgba(189, 189, 189, 1);
    -moz-box-shadow: 0px 2px 4px 0px rgba(189, 189, 189, 1);
    box-shadow: 0px 0px 2px 0px rgba(189, 189, 189, 1);
}
.panel-raised {
  -webkit-box-shadow: 0px 0px 4px 0px rgba(189, 189, 189, 1);
    -moz-box-shadow: 0px 0px 4px 0px rgba(189, 189, 189, 1);
    box-shadow: 0px 0px 4px 0px rgba(189, 189, 189, 1);
}
/* @end */

/* @group padding */
.col-no-gutters {
  padding-left: 0;
  padding-right: 0;
}

.form-control {
  padding: 5px 10px;
}
.btn {
  padding: 10px 15px;
}
.panel > .heading,
.panel > .body,
.panel > .footer {
  padding: 15px;
}
.panel > .body {
  padding-bottom: 25px;
}
#page-content-wrap {
  padding-top: 40px;
  padding-bottom: 70px;
}
#site-footer {
  padding-top: 30px;
  padding-bottom: 30px;
}
/* @end */

/* @group margins */
.form-group label {
  margin-bottom: 5px;
}

label.error {
  margin-top: 5px;
}
.form-buttons,
.form-group + .form-group {
  margin-top: 15px;
}
.panel-group .panel + .panel,
.panel-group .panel-sub-group + .panel,
.panel-group .panel + .panel-sub-group,
.panel-group + .form-buttons,
form + .panel {
  margin-top: 25px;
}

.row-no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.form-buttons .btn + .btn {
  margin-left: 15px;
}
/* @end */

/* @group transitions */
.btn {
  transition: background-color 0.25s ease;
}
/* @end */

/* @group site-header */
#site-header {
  padding: 10px 0
}
#site-header .nav-right {
  float: right;
}
#site-header .nav > li + li {
  margin-left: 15px
}
#site-header .dropdown-menu,
.paging .dropdown-menu {
  padding: 5px 0;
  margin-top: 5px;
}
#site-header .dropdown-menu li a,
.paging .dropdown-menu li a,
#site-header li.content {
  padding: 5px 10px;
}
#site-header .divider {
  margin: 5px 0;
}
/* @end */

/* @group login */
#panel-login h1 {
  margin-top: 15px;
}
/* @end */

/* @group indexes */
.row.index-menu {
  margin-bottom: 25px;
}
th.actions,
td.actions {
  width: 100px;
}
/* @end */

/* @group forms */
.control-list-wrap .control-select {
  margin: 5px 0 10px;
  width: auto;
}
table.control-list td.control-actions {
  width: 60px;
  text-align: center;
}
table.control-list tr.no-results td {
  text-align: center;
}
.form-group {
  position: relative;
}
.form-group input[type=radio] + label {
  font-weight: normal;
  margin: 0 15px 0 5px;
}
.form-group-wrap + .form-group,
.form-group + .form-group-wrap {
  margin-top: 25px;
}
.form-group-wrap + .form-group-wrap {
  margin-top: 25px;
  border-top: 1px solid #ccc;
  padding-top: 25px;
}
/* @end */

/* @group dashboard */
section#dashboard h1 {
  margin-bottom: 30px;
}

.index-notifications tbody td.message {
  color: #888888;
}
.index-notifications tbody td.message .title {
  color: #000000;
}
/* @end */

/* @group modals */
.modal-header,
.modal-body,
.modal-footer {
  padding: 10px 15px;
}

.bootbox .modal-dialog {
  width: 350px;
  margin: 50px auto;
}
.bootbox.modal .modal-footer a + a {
  margin-left: 15px;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 708px;
    margin: 30px auto;
  }
}

@media (min-width: 992px) {
  .modal-dialog {
    width: 910px;
    margin: 30px auto;
  }
}
/* @end */

/* @group body.oc_bms_users.role_switch */
body.oc_bms_users.role_switch section ul {
  margin-top: 15px;
}
/* @end */

/* @group .label.status */
.label.date-status0,
.label.ncr-status1,
ul.diary-colour-key li.status0:before {
  background-color: #009EE2;
}
.label.date-status1,
ul.diary-colour-key li.status1:before {
  background-color: purple;
}
.label.date-status2,
.label.ncr-status0,
ul.diary-colour-key li.status2:before {
  background-color: red;
}
.label.date-status3,
.label.ncr-status2,
ul.diary-colour-key li.status3:before {
  background-color: green;
}
.label.date-status4 {
  background-color: #AAA;
  color: #666;
}
ul.diary-colour-key li.statusNext:before {
  background-color: orange;
}

ul.diary-colour-key {
  margin-top: 10px;
}
ul.diary-colour-key li {
  position: relative;
}
ul.diary-colour-key li+li {
  margin-left: 10px;
}
ul.diary-colour-key li:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  margin-right: 3px;
}
/* @end */

/* @group diaryAlt */
.table-responsive thead th {
  white-space: nowrap;
}
/* @end */

/* @group AssessmentReport */
#AsessmentReportNcr .control-item-wrap .control-item,
#AsessmentReportOfi .control-item-wrap .control-item {
  margin-top: 30px;
  border-top: 1px solid #CFD8DC;
  padding-top: 20px;
}

#AsessmentReportOfi .control-item-wrap .control-item {
  position: relative;
}
#AsessmentReportOfi .control-item-wrap .control-item .control-actions {
  position: absolute;
  top: 20px;
  right: 0;
}

table#gridYears input[type=checkbox] {
  width: auto;
  display: inline;
}
/* @end */

.uploads-wrap .list-wrap ul {
  margin-top: 10px;
}

table#report-summary  {
  margin-bottom: 20px;
}
table#report-summary th {
  font-weight: 600;
  padding-right: 20px;
}

#site-footer p + p {
  margin-top: 30px;
}
#site-footer p a + a {
  display: inline-block;
  margin-left: 15px;
}

.paging .row-select {
  display: inline-block;
  margin-right: 20px;
  position: relative;
}
.paging .row-select {
  display: inline-block;
  margin-right: 20px;
  position: relative;
}
.paging .dropdown-menu {
  border-top: 1px solid #ffffff;
  padding: 0;
}
.paging .dropdown-menu li + li {
  border-top: 1px solid #ffffff;
}
.paging .dropdown-menu li a {
  padding: 10px;
}
.paging .prev {
  margin-left: 10px;
}
.paging .prev a,
.paging .next a {
  padding: 5px;
}
.paging .prev > i,
.paging .next > i {
  width: 30px;
}

/* Lee Css */
.btn.add-event,
.btn.edit-event {
  margin-top: 30px;
}
.modal.event .modal-content {
  padding: 30px;
}
.modal.event h2 { 
  font-weight: bold;
  margin-bottom: 30px;
}
.modal.event .btn-secondary {
  float: right;
}
.btn.btn-danger.delete {
  margin-left: 10px;
}
.fc-day-grid-event .fc-content {
  white-space: normal;
}
/* end */

/* DiaryAlt */
.table-responsive {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th {
  border-bottom-width: 1px;
}
.table-striped > thead > tr,
.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #fff;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-responsive p.event {
  border-radius: 3px;
  font-size: 0.85em;
  line-height: 1.3;
  padding: 0 1px;
}
.table-responsive p.event + p.event {
  margin-top: 1px;
}
.table-responsive p.event a {
  color: inherit;
  display: block;
}
/* end */

/* Reports */
section#reports .table-responsive th,
section#reports .table-responsive td {
  white-space: nowrap;
}
/* end */

/*!
* jquery.fixedHeaderTable. The jQuery fixedHeaderTable plugin
*
* Copyright (c) 2011 Mark Malek
* http://fixedheadertable.com
*
* Licensed under MIT
* http://www.opensource.org/licenses/mit-license.php
* 
* http://docs.jquery.com/Plugins/Authoring
* jQuery authoring guidelines
*
* Launch  : October 2009
* Version : 1.3
* Released: May 9th, 2011
*
* 
* all CSS sizing (width,height) is done in pixels (px)
*/

/* @group Reset */

.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {
	/* position */
  margin: 0;
    
  /* size */
	padding: 0;

	/* text */
	font-size: 100%;
	font: inherit;
	vertical-align: top;
}

.fht-table {
	/* appearance */
  border-collapse: collapse;
  border-spacing: 0;
}

/* @end */

/* @group Content */

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
	/* appearance */
	overflow: hidden;
	
	/* position */
	position: relative;
}

.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
  /* appearance */
  overflow: auto;
}

.fht-table-wrapper .fht-table .fht-cell {
  /* appearance */
  overflow: hidden;
  
  /* size */
  height: 1px;
}
	
.fht-table-wrapper .fht-fixed-column,
.fht-table-wrapper .fht-fixed-body {
  /* position */
  top: 0;
  left: 0;
  position: absolute;
}
	    
.fht-table-wrapper .fht-fixed-column {
  /* position */
  z-index: 1;
}

/* @end */
/*#region variables */
/*#endregion variables */
/*#region colors */
.color-white,
.btn,
#site-header a,
.btn:hover,
.btn-danger,
.btn-danger:hover {
  color: #fff; }

.color1,
a {
  color: #009EE2; }

.color2,
a:hover {
  color: #5BC4F1; }

.color3,
#site-header a:hover {
  color: #d0eefb; }

.color4,
.breacdcrumbs {
  color: #eee; }

.color5,
label.error {
  color: #a94442; }

.color6,
#site-footer a,
.btn-secondary,
.paging .dropdown-menu a {
  color: #4f4f4f; }

#site-footer a:hover,
.btn-secondary:hover,
.paging .dropdown-menu a:hover {
  color: #ccc; }

.bg-white {
  background-color: #fff; }

.bg-color1,
#site-header .dropdown-menu,
.btn {
  background-color: #009EE2; }

.bg-color2 {
  background-color: #f5f5f5; }

.bg-color3,
.btn:hover {
  background-color: #5BC4F1; }

.bg-color4 {
  background-color: #aaa; }

.bg-color5,
.btn-secondary,
.paging .dropdown-menu {
  background-color: #ccc; }

.btn-secondary:hover {
  background-color: #aaa; }

.btn-danger {
  background-color: #a94442; }

.btn-danger:hover {
  background-color: #ce5e5c; }

.form-control.datepicker {
  background-color: #fff; }

.btn {
  border-color: #009EE2; }

.btn-secondary {
  border-color: #ccc; }

.btn-secondary:hover {
  border-color: #aaa; }

.btn-danger {
  border-color: #a94442; }

.btn-danger:hover {
  border-color: #ce5e5c; }

/*#endregion colors */
#modalNotification p + .btn {
  margin-top: 20px; }

#modalNotification .updates {
  background-color: #eee;
  border-color: #ccc;
  border-radius: 4px;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 5px;
  position: relative; }
  #modalNotification .updates h3 {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc; }
  #modalNotification .updates .toggle-element {
    position: absolute;
    top: 20px;
    right: 20px; }
  #modalNotification .updates .form-wrap {
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc; }
    #modalNotification .updates .form-wrap .btn {
      margin-top: 15px; }
    #modalNotification .updates .form-wrap + p,
    #modalNotification .updates .form-wrap + ul {
      margin-top: 10px; }
  #modalNotification .updates ul li + li {
    margin-top: 10px; }