/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.alert {border: 0px; border-radius: 0;}
.alert, .alert-default {background-color: rgba(255, 255, 255, 0.84); color: rgba(255, 255, 255, 0.84);}
.alert a, .alert-default a, .alert .alert-link, .alert-default .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-black {background-color: #000000; color: rgba(255, 255, 255, 0.84);}
.alert-black a, .alert-black .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-white {background-color: #ffffff; color: rgba(0, 0, 0, 0.84);}
.alert-white a, .alert-white .alert-link {color: rgba(0, 0, 0, 0.84);}
.alert-inverse {background-color: #3f51b5; color: rgba(255, 255, 255, 0.84);}
.alert-inverse a, .alert-inverse .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-primary {background-color: #009688; color: rgba(255, 255, 255, 0.84);}
.alert-primary a, .alert-primary .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-success {background-color: #4caf50; color: rgba(255, 255, 255, 0.84);}
.alert-success a, .alert-success .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-info {background-color: #03a9f4; color: rgba(255, 255, 255, 0.84);}
.alert-info a, .alert-info .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-warning {background-color: #ff5722; color: rgba(255, 255, 255, 0.84);}
.alert-warning a, .alert-warning .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-danger {background-color: #f44336; color: rgba(255, 255, 255, 0.84);}
.alert-danger a, .alert-danger .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-material-red {background-color: #f44336; color: rgba(255, 255, 255, 0.84);}
.alert-material-red a, .alert-material-red .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-material-pink {background-color: #e91e63; color: rgba(255, 255, 255, 0.84);}
.alert-material-pink a, .alert-material-pink .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-material-purple {background-color: #9c27b0; color: rgba(255, 255, 255, 0.84);}
.alert-material-purple a, .alert-material-purple .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-material-deep-purple {background-color: #673ab7; color: rgba(255, 255, 255, 0.84);}
.alert-material-deep-purple a, .alert-material-deep-purple .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-material-indigo {background-color: #3f51b5; color: rgba(255, 255, 255, 0.84);}
.alert-material-indigo a, .alert-material-indigo .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-material-blue {background-color: #2196f3; color: rgba(255, 255, 255, 0.84);}
.alert-material-blue a, .alert-material-blue .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-material-light-blue {background-color: #03a9f4; color: rgba(255, 255, 255, 0.84);}
.alert-material-light-blue a, .alert-material-light-blue .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-material-cyan {background-color: #00bcd4; color: rgba(0, 0, 0, 0.84);}
.alert-material-cyan a, .alert-material-cyan .alert-link { color: rgba(0, 0, 0, 0.84);}
.alert-material-teal {background-color: #009688; color: rgba(255, 255, 255, 0.84);}
.alert-material-teal a, .alert-material-teal .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-material-green {background-color: #4caf50; color: rgba(255, 255, 255, 0.84);}
.alert-material-green a, .alert-material-green .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-material-light-green {background-color: #8bc34a; color: rgba(0, 0, 0, 0.84);}
.alert-material-light-green a, .alert-material-light-green .alert-link {color: rgba(0, 0, 0, 0.84);}
.alert-material-lime {background-color: #cddc39; color: rgba(0, 0, 0, 0.84);}
.alert-material-lime a, .alert-material-lime .alert-link {color: rgba(0, 0, 0, 0.84);}
.alert-material-yellow {background-color: #ffeb3b; color: rgba(0, 0, 0, 0.84);}
.alert-material-yellow a, .alert-material-yellow .alert-link {color: rgba(0, 0, 0, 0.84);}
.alert-material-amber {background-color: #ffc107; color: rgba(0, 0, 0, 0.84);}
.alert-material-amber a, .alert-material-amber .alert-link {color: rgba(0, 0, 0, 0.84);}
.alert-material-orange {background-color: #ff9800;  color: rgba(0, 0, 0, 0.84);}
.alert-material-orange a, .alert-material-orange .alert-link {color: rgba(0, 0, 0, 0.84);}
.alert-material-deep-orange {background-color: #ff5722; color: rgba(255, 255, 255, 0.84);}
.alert-material-deep-orange a, .alert-material-deep-orange .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-material-brown {background-color: #795548; color: rgba(255, 255, 255, 0.84);}
.alert-material-brown a, .alert-material-brown .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-material-grey {background-color: #9e9e9e; color: rgba(255, 255, 255, 0.84);}
.alert-material-grey a,.alert-material-grey .alert-link {color: rgba(255, 255, 255, 0.84);}
.alert-material-blue-grey { background-color: #607d8b; color: rgba(255, 255, 255, 0.84);}
.alert-material-blue-grey a, .alert-material-blue-grey .alert-link { color: rgba(255, 255, 255, 0.84);}
.alert-info, .alert-danger, .alert-warning, .alert-success {color: rgba(255, 255, 255, 0.84);}
.alert-default a, .alert-default .alert-link {color: rgba(0, 0, 0, 0.84);}

body,.mdl-color--grey-100 {
  background:#fffdd0 !important;
  font-family: 'Muli', sans-serif;
}

a {color: #800000;}
ul.sidebar{
	margin:0;
	padding:0;
}
header div{background:#800000}
.mdl-color--cream-100{background: #fffdd0;}
.demo-ribbon 
{
  width: 100%;
  height: 40vh;
  background-color: #fffdd0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}


.logo {
  max-height: 70px;
  margin: 10px 15px 10px 0;
  background: #fffdd0;
  border-radius: 50%;
}

.demo-main {
  margin-top: -39vh;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

header h3 {
  color:#fff;
  width:100%;
  margin:0;
}
.logo {width: 50px;}
.demo-header .mdl-layout__header-row {
  padding-left: 20px;
  height: auto;
}
.btn-success{
  background:#800000 !important; 
  color:#fffdd0 !important;
}
.btn-success:hover{
  background:#fffdd0 !important; 
  color:#800000 !important;
}
.btn-flat.active{background: #fff !important;color:blue !important}
.btn-info{
  background:#fffdd0 !important; 
  color:#800000 !important;
}
.btn-info:hover{
  background:#800000 !important; 
  color:#fffdd0 !important;
}
.demo-container {
  max-width: 1600px;
  width: calc(100% - 16px);
  margin: 0 auto;
}

.demo-content {
  border-radius: 2px;
  padding: 15px;
  margin-bottom: 18px;
  min-height: 500px;
  
}

.demo-layout.is-small-screen .demo-content {
  padding: 40px 28px;
}

.demo-content h3 {
  margin-top: 20px;
}

.demo-footer {
  padding: 20px ;
  background: rgb(51, 0, 0);
}

.demo-footer .mdl-mini-footer--link-list a {
  font-size: 13px;
}
#fab_btn {
  position: fixed;
  display: block;
  right: 0;
  bottom: 0;
  margin-right: 40px;
  margin-bottom: 40px;
  z-index: 900;
}
.modal-backdrop {
  display: none;
}
.modal {
  background: rgba(0,0,0,0.5);
}
.modal-dialog {
  top: 100px;
}
.modal-header,.modal-content,.modal-body,.modal-footer{
  padding: 3px !important;
}

@media(max-width:750px) {
  header h3 { 
    font-size:24px;
  }
  .logo {width: 40px;}
}

@media(max-width:555px) {
  header h3 { 
    font-size:18px;
  }
}

@media(max-width:450px) {
  header h3 { 
    font-size:13px;
  }
  .logo {display:none}
}