/*
    ____                      _ _
   | __ ) _ __ __ _ _ __   __| (_)_ __   __ _
   |  _ \| '__/ _` | '_ \ / _` | | '_ \ / _` |
   | |_) | | | (_| | | | | (_| | | | | | (_| |
   |____/|_|  \__,_|_| |_|\__,_|_|_| |_|\__, |
                                        |___/
*/
/*

   __     ___    ____  ____
   \ \   / / \  |  _ \/ ___|
    \ \ / / _ \ | |_) \___ \
     \ V / ___ \|  _ < ___) |
      \_/_/   \_\_| \_\____/

*/
@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,400,400i,600|Libre+Baskerville:400,400i,700|Roboto:300,300i,400,400i,500,500i|Montserrat:300,300i,400,400i,500,500i|");
:root {
  --text-blue:  #225C88;
  --text-light: #7D8296;
  --text-white: #FFFFFF;
  --text-black: #000000; }

:root {
  --font-family: ProximaNovaA-Regular;
  --font-weight: normal;
  --font-medium-font-weight: normal;
  --font-regular-font-weight: normal;
  --font-semibold-font-weight: normal;
  --font-italic-font-weight: normal;
  --font-thin-font-weight: normal;
  --font-italic-font-style: normal;
  --font-medium-font-family: ProximaNovaA-Regular;
  --font-regular-font-family: ProximaNovaA-Regular;
  --font-semibold-font-family: ProximaNovaA-Regular;
  --font-italic-font-family: ProximaNovaA-Regular;
  --font-thin-font-family: ProximaNovaA-Regular;
  --font-tabular-font-family: ProximaNovaA-Regular; }

.header-and-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start; }
  @media screen and (max-width: 750px) {
    .header-and-buttons button i {
      margin-right: 0 !important; }
    .header-and-buttons button span {
      display: none; } }

.folder-contents-item {
  border-bottom: 1px solid #E0E4E7;
  display: flex;
  align-items: center; }
  .folder-contents-item .ba-dropdown {
    margin-left: auto; }
  .folder-contents-item.renaming-true {
    background-color: #e6effb;
    background-opacity: 0.7; }
  .folder-contents-item .folder-contents-link {
    flex: 1;
    display: flex;
    align-items: center;
    text-decoration: none; }
  .folder-contents-item:hover {
    background: #e6effb;
    background-opacity: 0.7; }

.create-form {
  background-color: #e6effb;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%; }
  .create-form input {
    background-color: transparent;
    border: none;
    flex-grow: 1;
    height: 100%;
    border-radius: 7px;
    font-weight: 100;
    padding-left: 2px; }
    .create-form input:focus {
      outline: none;
      color: var(--text-main); }

.folder-item-menu__button {
  color: var(--text-light); }
  .folder-item-menu__button:hover {
    color: var(--text-main); }

@media screen and (max-width: 750px) {
  .folder-page {
    padding: 1rem !important;
    margin: 0 !important; }
    .folder-page .header-and-buttons {
      display: block !important;
      margin-top: 1rem !important; }
    .folder-page .folder-page-create-tools {
      margin-top: 1rem !important; }
    .folder-page .simple-folder-list {
      margin-left: 0 !important; }
    .folder-page .row-item-actions {
      margin-right: 0 !important; } }