/**
 * Cтили шаблона для приложения Мои Документы
 * Автор: Александр Ерко <erkoam@mail.ru>
 * Сайт автора: cms-admin.ru
 */

/** ----------------------------------------------------------------------------------------------------------------- **
 * 1. ШАПКА САЙТА
 * ------------------------------------------------------------------------------------------------------------------ */
.header{
  position: relative;
  width: 100%;
  height: 60px;
  background-color: #472a2c;
}
.header-logo{
  padding: 10px 0;
}
.header-logo a{
  position: relative;
  display: block;
  padding-right: 40px;
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  line-height: 1;
  background-image: url(../images/logo-40.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 40px;
  text-align: right;
  text-transform: lowercase;
  color: #ffffff;
}
.header-logo span{
  display: block;
}
.header-logo__top{
  font-weight: 700;
}
.header-logo__bottom{
  font-weight: 300;
}
/** ----------------------------------------------------------------------------------------------------------------- **
 * 2. ПОИСК НА САЙТЕ
 * ------------------------------------------------------------------------------------------------------------------ */
.search-form .input{
  width: 100%;
}
/** ----------------------------------------------------------------------------------------------------------------- **
 * 3. КОНТЕНТ
 * ------------------------------------------------------------------------------------------------------------------ */
.content{
  position: relative;
  width: 100%;
}
.content-header{
  width: 100%;
  height: 50px;
  padding: 10px 0;
  margin-bottom: 30px;
  background-color: #331e1f;
}
.content-header__title{
  line-height: 30px;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
}
.content-header__actions{
  text-align: right;
}
.content-header__actions .btn{
  display: inline-flex;
  height: 30px;
  border-radius: 15px;
  padding: 0 15px;
}
.content-header__actions .btn span{
  font-size: 16px;
}
.content-header__actions .btn .icon{
  font-size: 20px;
}
.content-body__title{
  width: 100%;
  margin-bottom: 30px;
  line-height: 40px;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 30px;
}
.modal-card-head .content-body__title{
  margin: 0;
}
.content-footer{
  margin: 30px 0;
}
.content-footer__action{
  width: 100%;
}
.content-footer__action.is-filled{
  height: 40px;
  background-color: #6e4c43;
  border-radius: 4px;
}
.content-footer__action .btn{
  height: 40px;
  font-size: 16px;
  font-weight: 300;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;
  border-radius: 4px;
}