/**
 * 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.
 */

 html, body {
  font-family: 'Roboto', 'Helvetica', sans-serif;
}

.mdl-card__media > img {
  max-width: 100%;
  min-width: 350px;
  max-height: 200px;
  object-fit: cover;
  object-position: top;
}

.mdl-grid {
  max-width: 1024px;
  margin: auto;
}

.mdl-layout__header-row {
  padding: 0;
  margin: 0;
}

.mdl-layout__header-row span {
  margin-left: 15px;
  margin-top: 17px;
}



/*****************************
* material-icons
*****************************/
.material-icons {
  font-size: 36px;
  top: 5px;
  position: relative;
}

.material-icons.md-16 { 
  font-size: 16px; 
  top: 4px;
}


/*****************************
* mdl-card
*****************************/
.mdl-card {
  min-height: 0;
  background: #f5f5f5;
  justify-content: space-between;
}


/*****************************
* mdl-card__title
*****************************/
.mdl-card__title.pd-8 { 
  padding: 8px;
}

.mdl-card__title-text {
  font-size: 24px;
  font-weight: 100;
  margin: 0;
  line-height: normal;
  color: inherit;
}

/*****************************
* mdl-card__supporting-text
*****************************/
.mdl-card__supporting-text { 
  font-size: 14px;
  text-align: center;
  width: 100%;
}

.mdl-card__supporting-text.pd-8 { 
  padding: 8px;
}

.mdl-card__supporting-text.pd-4 { 
  padding: 4px;
}

.mdl-card__supporting-text.activity { 
  width: auto;
  font-size: 26px;
  font-weight: 200;
}

.mdl-card__supporting-text.name { 
  width: auto;
  font-size: 16px;
  font-weight: 300;
  margin-left: 2px;
  margin-right: 2px;
}

.mdl-card__supporting-text.slot { 
  width: auto;
  font-size: 18px;
  font-weight: 400;
}

.mdl-card__supporting-text.borrows { 
  width: auto;
  font-size: 30px;
  font-weight: 200;
}

/*****************************
* chips
*****************************/
.mdl-chip-complete {
  height: 32px;
  font-family: "Roboto","Helvetica","Arial",sans-serif;
  line-height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 16px;
  background-color: red;
  display: inline-block;
  color: white;
  margin: 2px 0;
  font-size: 0;
  white-space: nowrap;
}

.mdl-chip-open {
  height: 32px;
  font-family: "Roboto","Helvetica","Arial",sans-serif;
  line-height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 16px;
  background-color: green;
  display: inline-block;
  color: white;
  margin: 2px 0;
  font-size: 0;
  white-space: nowrap;
}

/*****************************
* tables
*****************************/
.full-width-table{
  margin: 12px;
}

th.th_image, th.th_slots, th.th_status {
  width: 10%;
}

th.th_activity {
  width: 70%;
}


/*****************************
* image
*****************************/
.img-circle { 
  border-top-left-radius: 50% 50%; 
  border-top-right-radius: 50% 50%; 
  border-bottom-right-radius: 50% 50%; 
  border-bottom-left-radius: 50% 50%; 
  height: 50px;
  width: 50px;
}


/*****************************
* custom
*****************************/
.name { 
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  height: auto;
  margin-top: 4px;
  margin-bottom: 4px;
  vertical-align: middle;
}

.inscription {
  width: 100%;
}