body{

  --light: #fff4f4;
  --green: #0F9D58;
  --red: #DB4437;
  --blue: #4285F4;
  --yellow: #F4B400;

  background-color: white;

}

#menu{

  background-color: white !important;
  color: black;

}

#menu path{
  fill: black !important;
}

#menu .nav-menu li.parent>ul li{

  background-color: white !important;
  color: black !important;

}

#menu .nav-menu li>a{

  color: black !important;

}

#menu li>a.active, #menu .nav-menu li>a:active, #menu .nav-menu li>a:focus, #menu .nav-menu li>a:hover{

  color: black !important;

}

#menu .nav-menu li.title{

  color: black;

}

#menu>ul>li>a{

  color: black !important;

  padding: 10px !important;
  border-radius: 5px;

}
.narrow #menu>ul>li>a{

  margin: 10px !important;

}

#menu svg path{
  fill: black;
}

#menu li>a.active, #menu .nav-menu li>a:active, #menu .nav-menu li>a:focus, #menu .nav-menu li>a:hover{

  background-color: var(--blue) !important;
  color: white !important;

}

main .content-wrapper .content-block{

  box-shadow: none;

}

main .sidebar+.content-wrapper{

  /* margin-left: 235px; */

}

main .content-wrapper .content-block{

  margin-top: 0px;

}

tbody td.day{

  background-color: white;
  border: none !important;

}

tbody td.day.today{

  background-color: var(--light) !important;

}

tbody td.day ul li{

  padding: 8px !important;
  font-size: 13px;

}

tbody td.day ul li img{
  width: 16px;
  height: auto;
}

#menu-trigger.active::after{

  border-bottom-color: rgba(0,0,0,0) !important;

}

.btn.btn-light{
  background-image: none;
  background-color: var(--green) !important;
  color: white !important;
  border: none !important;
  font-size: 15px !important;
  box-shadow: none;

}

.btn.btn-light svg path{

  fill: white;

}

.btn-light:hover:not(.preserve-icon-color) svg path, .btn-light.hover:not(.preserve-icon-color) svg path, .btn-light:active:not(.preserve-icon-color) svg path, .btn-light.active:not(.preserve-icon-color) svg path, .btn-light:focus:not(.preserve-icon-color) svg path, .btn-light.focus:not(.preserve-icon-color) svg path, .btn-light:focus:active:not(.preserve-icon-color) svg path, .btn-light:focus.active:not(.preserve-icon-color) svg path, .btn-secondary:hover:not(.preserve-icon-color) svg path, .btn-secondary.hover:not(.preserve-icon-color) svg path, .btn-secondary:active:not(.preserve-icon-color) svg path, .btn-secondary.active:not(.preserve-icon-color) svg path, .btn-secondary:focus:not(.preserve-icon-color) svg path, .btn-secondary.focus:not(.preserve-icon-color) svg path, .btn-secondary:focus:active:not(.preserve-icon-color) svg path, .btn-secondary:focus.active:not(.preserve-icon-color) svg path{

  fill: white;

}

.agenda .line:not(.default).relaxed{

  background-color: #beffc0;

}

.openContent{

  background: none;
  box-shadow: 0px 0px 10px #cccccc;

}

.btn-light:not(.preserve-icon-color) .fa, .btn-secondary:not(.preserve-icon-color) .fa{

  color: white !important;

}

.agenda .line:not(.default) .date-badge .day{

  color: black !important;

}

.agenda .line:not(.default).approaching{

  background-color: #ffebb1;

}

.agenda .line:not(.default).urgent{

  background-color: #ffb0a9;

}

.fc button.fc-state-active{

  color: black !important;

}

.notePanel .panel-heading{

  background-color: var(--green);

}

.notePanel{

  border: none;
  border-radius: 0px;
  box-shadow: 0px 0px 10px #cccccc;

}

.panel-default>.panel-heading{

  border: none;

}

.panel-heading{

  border-bottom: 0px;

}

.panel-default{

  border: none;

}

main .content-wrapper .content-block .content-block-header{

  background-color: var(--blue);

}

input:checked + .slider{

  background-color: var(--blue);

}

.form-control{

  border: black 1px solid;
  border-radius: 0px;
  background-color: white;

}

.form-control:focus{

  border-color: var(--green);

}

.table>thead>tr>th, .table-fusion>thead>tr>th, .table>thead>tr>td, .table-fusion>thead>tr>td, .table>tbody>tr>th, .table-fusion>tbody>tr>th, .table>tbody>tr>td, .table-fusion>tbody>tr>td, .table>tfoot>tr>th, .table-fusion>tfoot>tr>th, .table>tfoot>tr>td, .table-fusion>tfoot>tr>td{

  background-color: white;
  border-color: black !important;

}

.table>thead>tr>th, .table-fusion>thead>tr>th{

  border-bottom: none !important;

}

.progress-bar-warning{

  background-color: var(--red);

}

.progress-bar-success{

  background-color: var(--green);

}

main .content-wrapper .content-block hr.divider{

  border-top-color: black;

}

.message .header{

  border: none;
  background-color: white;

}

.message{

  border-color: black;

}

.message .header::after{

  border-right: none;

}

#menu:not(.narrow) li.quick-add a{

  background-color: white !important;

}



#menu .nav-menu{

  background-color: #ffffff;

}