body{
    background-color: rgba(31,31,31,1);
    color: white;
  }

  .btn{

  }

  .btn.btn-light .svg{
    border-color: white;
    fill: #fff !important;
  }

  .btn-light:not(.preserve-icon-color) svg path, .btn-secondary:not(.preserve-icon-color) 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;

  }

  .btn.btn-light{

    color: white;
    background-color: #4A4A4A;
    border: none;
    background-image: none !important;

  }

  .btn.btn-light:hover{
    background-color: #4A4A4A !important;
  }


  .btn-submit, .form-actions input[type="submit"], .form-actions button[type="submit"], .btn-main{

    color: white;
    background-color: #4A4A4A;
    border: none;
    background-image: none !important;

  }

  .btn-submit:hover, .form-actions input:hover[type="submit"], .form-actions button:hover[type="submit"], .btn-submit.hover, .form-actions input.hover[type="submit"], .form-actions button.hover[type="submit"], .btn-main:hover, .btn-main.hover{

    background-color: #4A4A4A !important;

  }

  .content-block{

    background-color: #343434 !important;
    color: white;

  }

  .table-striped>tbody>tr, .table-fusion>tbody>tr{

    background-color: #343434;

  }

  .table-responsive{

    border-top: 13px solid #2A2A2F;

  }

  .table-striped>tbody>tr:nth-of-type(odd), .table-fusion>tbody>tr:nth-of-type(odd){

    background-color: #343434;

  }

  .table-hover>tbody>tr:hover, .table-fusion>tbody>tr:hover{

    background-color: #2c2c2c;

  }

  .two-weeks-calendar tbody td.day.today{

    background-color: #4A4A4A;

  }

  .panel{

    background-color: #4A4A4A;
    color: white;
    border: none;

  }

  .agenda .line:not(.default) .details .title a{

    color: white !important;

  }

  .agenda .line:not(.default) .label-and-due .due{

    color: white;

  }

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

    color: white;

  }

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

    color: white;

  }

  .agenda .line:not(.default){

    border: none;
    margin-bottom: 5px !important;

  }

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

    background-color: #2A2A2F;

  }

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

    background-color: #2A2A2F;

  }

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

    background-color: #2A2A2F;

  }

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

    background: rgba(51, 51, 51, 1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

  }

  .two-weeks-calendar tbody td.day{

    border: none;

  }

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

    border: none;

  }

  thead {
    background-color: rgba(77,77,77,1);
    color: #fff;
    }

  .table>tbody>tr:last-of-type>td, .table-fusion>tbody>tr:last-of-type>td{

    border-bottom: 13px solid #2A2A2F;

  }

  .panel-default {
    border-radius: 0 !important;
}

  .panel-default>.panel-heading{

    background-color: #4A4A4A;
    color: white;
    border: none;

  }

  main .sidebar section .section-title{

    color: white !important;
    text-shadow: none;

  }

  .sidebar .panel-sidebar .panel-default>.panel-heading{

    background-image: none;
    color: white;
    border: none;

  }

  .sidebar .panel-sidebar .panel-default>.panel-body{

    background-color: #4A4A4A;
    color: white;

  }

  .panel-body>.content-block{

    background: none !important;

  }

  .school-logo img{
    /* filter: saturate(0%); */
  }

  a{

    color: #00f1ff;

  }

  .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{

    border: none;

  }

  .sidebar .nav-sc h4 span{

    color: #00f1ff;

  }

  .navbar-default{

    background-color: rgba(51,51,51,1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    border: none;

  }

  .navbar-default:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }

  .navbar-default .navbar-nav>li>a{

    color: white;

  }

  .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
}

  .navbar-default .navbar-brand, .navbar-default a.school-name{

    color: white;

  }

  .navbar-default .navbar-brand:hover, .navbar-default a.school-name:hover {
    color: #fff;
}

#menu {
    background-color: rgba(51,51,51,1);
}

#menu .nav-menu li.title {
    color: #fff;
}

#menu .nav-menu li>a:hover, #menu .nav-menu li>a:active, #menu .nav-menu li>a.active, #menu .nav-menu li>a:focus {
    background-color: rgba(68, 68, 68, 1);
    color: #fff;
}

#menu .nav-menu li>a {
    color: #e0e0e0;
}

#menu .nav-menu li>a:hover {
    color: #fff;
}

#menu-trigger.active::after {
    display: none;
}

  .fc th, .fc td{

    border-color: #282828;

  }

  .period-classes.class-wrapper{

    background:
          /* top, transparent black, faked with gradient */
          linear-gradient(
            rgba(0, 0, 0, 0.7),
            rgba(0, 0, 0, 0.7)
          ),
          /* bottom, image */
      }

  }

  .text-muted{

    color: #d2d2d2;

  }

  .redactor-styles{

    color: white;

  }

  .content-block-header .nav-tabs>li>a{

    background-color: #002258;

  }

  .content-block-header .nav-tabs>li.active>a, .content-block-header .nav-tabs>li.active>a:hover, .content-block-header .nav-tabs>li.active>a:focus{

    background-color: #00313e;
    color: white;

  }

  .date-badge .day{

    color: black;

  }

  .highcharts-background{



  }

  .highcharts-root .highcharts-legend-item text{
    fill: white !important;
  }


  .fc-unthemed .fc-today{

    background-color: #4A4A4A !important;

  }

  input.form-control,
  input.form-control:focus,
  select.form-control,
  select.form-control:focus,
  textarea.form-control,
  textarea.form-control:focus{

    background-color: #2A2A2F !important;
    color: white;
    border: none;

  }

  label.checkbox{

    color: white;

  }

  .form-actions{

    background-color: #343434;
    border: none;

  }



  .notePanel .panel-heading {
    background: rgba(51, 51, 51, 1);
}

  .notePanel .panel-heading.default{

    background-color: #343434;
    color: white;

  }

  .messagesPopup{

    background-color: #0e0e0e;

  }

  .pagination>li>a, .pagination>li>span, .pagination>li>a:hover, .pagination>li>span:hover{

    background-color: #4A4A4A;
    color: white;

  }

  .pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus{

    background-color: #001d4a;
    border: none;

  }

  .table-responsive{
    border: none;
    margin-top: 15px;
  }

  .message{
    border: none;
    color: white;
  }

  .message .header{

    background-color: #2A2A2F;
    color: white;
    border: none;

  }

  .message .header strong{

    color: #dddddd;

  }

  .message .body{

    background-color: #2A2A2F;

  }

  .activity-tile .description, .activity-tile .cas-activity-calendar{

    color: white;

  }

  .progress{

    background-color: #636363;

  }

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

    background-color: #00313e;
    color: white;

  }

  .nav-tabs>li>a, .nav-tabs>li>a:hover, .nav-tabs>li>a:focus{

    background-color: #4A4A4A;
    color: white;

  }

  .help-block{

    color: white;

  }

  label{

    color: white;

  }

  .checkbox label, .radio label, label.radio-inline, label.checkbox-inline, .form-inline label{

    color: white;

  }

  .total-commander .file{

    border: none;
    background-color: #444444;

  }

  .total-commander .file:nth-of-type(odd){

    background-color: #343434;

  }

  .total-commander .file:hover{

    background-color: #222222;

  }

  main .content-wrapper .content-block .content-panel, .form-actions{

    background: none;

  }

  main .content-wrapper .content-block .content-panel{

    border: none;

  }

  .popover{

    background-color: #0e0e0e;
    border: none;
    border-radius: 0px;

  }

  .popover-title{

    background: none;
    border: none;

  }

  .popover.right>.arrow{

    border-right: none;

  }

  .popover.right>.arrow:after{

    border-right-color: #0e0e0e;

  }

  *:not(.round):not(.fi-tick){
    border-radius: 0px !important;
  }

  .btn, .form-actions input[type="submit"], .form-actions button[type="submit"], .pill{

    border-radius: 0px !important;

  }

  .openContent{

    background-color: #2A2A2F;

  }

  .checkboxBox:hover{

    background-color: #292929;

  }

  .timetable-wrapper #timetable .class-wrapper{

    filter: brightness(50%);

  }
  .timetable-wrapper #timetable .class-wrapper .period-duration{

    color: #000;

  }
  .timetable-wrapper #timetable .class-wrapper .class-name a{

    color: #000;

  }

  .messenger .search{

    background-color: #343434;
    color: white;
    border: none;

  }


  .messenger .messageInput{

    background-color: #343434;
    color: white;
    border: none;

  }

  .messenger .userMessage .text{

    background-color: #343434;

  }

  .messenger .contact{

    background-color: #343434;

  }


  .redactor-box.redactor-styles-on{

    background-color: rgba(0,0,0,0);

  }

  .plugin{

    background-color: #333333;
    box-shadow: none;

  }

  .developerPlugin{

    background-color: #111111;

  }

  .nextClassDiv{

    color: white;

  }

  .nextClassDiv:hover{

    background-color: #000000;
    color: white;

  }