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

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(bower_components/material-design-icons/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(bower_components/material-design-icons/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
       url(bower_components/material-design-icons/iconfont/MaterialIcons-Regular.woff) format('woff'),
       url(bower_components/material-design-icons/iconfont/MaterialIcons-Regular.ttf) format('truetype');
}

html, body {
  width: 100%;
  height: 100%;
  /*overflow: hidden;*/
  font-family: 'Roboto', 'Helvetica', sans-serif;
  font-weight: 300;
}

a {
  text-decoration: none;
}

.user-avatar {
  border-radius: 50%;
  width: 128px;
  height: 128px;
}

.user-name {
  padding: 5px;
  font-size: 1.5rem;
  text-align: center;
}

.user-group {
  padding: 5px;
  font-size: 1.2rem;
}

#auth {
  height: 100vh;
}

#auth_form {
}

#auth_form > .mdl-textfield {
  display: block;
  margin: 0 auto;
}

#auth_form > .mdl-button {
  margin: 0 auto;
}

#auth_form .mdl-textfield__error {
  display: block;
  position: relative;
  margin: 0 auto;
  visibility: visible;
  padding-bottom: 10px;
}

/*#course .mdl-card__supporting-text {*/
  /*margin: 0 auto;*/
/*}*/

.lection-comments__card {
    width: auto;
    min-height: inherit;
}

.lection-comments__textfield {
  width: 100%;
}

.pagination .mdl-button {
    min-width: inherit;
}

#add_video {
    display: none;
}

/*#add_video .mdl-textfield {
    display: block;
    width: 100%;
}*/
#add_homework {
  margin-top: 20px;
}

.new_course_button{
  display: block;
  margin: 0 auto;
}

.accordion {
  list-style: none;
}

.accordion .mdl-list__item:not(.lection-material__list_item--disabled):not(.mdl-list__item):hover {
  background: #F5F5F5;
}

.accordion .mdl-list__item {
  padding: 0;
}

.accordion .mdl-list__item a {
  padding: 16px;
  width: 100%;
}

.link {
  width: 100%;
  margin-bottom: 10px;
}

.submenu { display: none; }

.close {
  cursor: pointer;
}

/*#add_homework .mdl-textfield {
  width: 100%;
}*/

.header_back_button {
  line-height: 2.5rem;
}

.header_back_button > i {
  font-size: 2.5rem;
  vertical-align: middle;
}

.mdl-layout__header-row {
  padding-left: 60px;
}

.user-logout {
  color: white;
}

#new_edit_course .mdl-card {
  width: 100%;
}

#new_edit_course .mdl-textfield {
  width: 90%;
}

#new_edit_course #image {
    display: block;
    position: absolute;
    left: 35%;
    opacity: 0;
    margin-top: 20px;
}

#add_message .mdl-textfield {
  width: 98.5%;
}

#add_to_favorites, #lection_is_done {
  text-align: center;
}

#add_to_favorites > i, #lection_is_done > i {
  line-height: 2.25rem;
}

#add_guideline .mdl-textfield {
  width: 100%;
}

#add_homework_dialog_link {
  margin-top: 5px;
}

.mdl-dialog {
  width: 40vw;
}

@media only screen  and (max-device-width : 1280px) and (orientation : portrait) {
  .mdl-layout__drawer-button {
    line-height: 46px;
  }

  .mdl-layout__drawer-button > i {
    vertical-align: middle;
  }

  #add_homework_dialog_link { 
    display: none;
  }

  .course-row--image {
    display: none;
  }

  .course-row--title > .user-name {
    text-align: left;
  }
}

#image_add {
  max-width: 100%;
  height: auto;
}

@media only screen  and (max-device-width : 960px) and (orientation : landscape) {
  #add_homework_dialog_link, #add_guideline_button {
    display: none;
  }
}

/*@media screen and (max-width: 64rem) {
  #lection_list {
    display: none;
  }
}*/