/*!
 * Copyright (c) Région Ile-de-France, Région Nouvelle-Aquitaine, CGI, 2016.
 * This file is part of OPEN ENT NG. OPEN ENT NG is a versatile ENT Project based on the JVM and ENT Core Project.
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation (version 3 of the License).
 * For the sake of explanation, any module that communicate over native
 * Web protocols, such as HTTP, with OPEN ENT NG is outside the scope of this
 * license and could be license under its own terms. This is merely considered
 * normal use of OPEN ENT NG, and does not fall under the heading of "covered work".
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 */

.zimbra{
  .info {
    margin-top: 55px;
  }
  plus{
    padding-right: 0;
  }
  .receivers{
    margin-bottom: 21px;
  }
  editor{
    .option.attachment{
      display: none !important;
    }
  }
  .display-filter{
    width: 80px;
    height: 25px;
  }

  div.element-circle-add{
    width: 50px;
    height: 50px;
    margin: auto;
    button.circle-add{
      border-radius: 50%;
      width: inherit;
      height: inherit;
      top: 25px;
    }
  }

  .isInternalEmail{
    color: #4bafd5;
  }

  .isExternalEmail{
    color: firebrick;
  }
  div.scroll-list{
    max-height: 600px;
    overflow-y: scroll;
    ::-webkit-scrollbar-track
    {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      border-radius: 10px;
      background-color: #F5F5F5;
    }

    ::-webkit-scrollbar
    {
      width: 12px;
      background-color: #F5F5F5;
    }

    ::-webkit-scrollbar-thumb
    {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
      background-color: #2a9cc8;
    }
  }

  .display-filter-trash
  { width: 111px;
    height: 25px;

  }
  i.show-column{
    text-align: center;
    line-height: initial;
  }
  i.show-column:before{
    content: '\e803';
    font-size: 15px;
  }

  i.show-row{
    text-align: center;
    line-height: initial;
  }
  i.show-row:before{
    content: '\e8bc';
    font-size: 15px;
  }

  i.paper-plane{
    text-align: center;
    line-height: initial;
    &.removed {
      color: #63D602;
    }
    &.progress {
      color: orange;
    }
  }

  i.paper-plane:before {
    content: '\e849';
    font-size: 15px;
    padding-right: 10px;
  }


  $mobile : 600px;
  $tablette: 760px;
  $small-pc : 960px;
  $hight-pc : 1300px;
  @media screen and (max-height: $tablette) {
    body {
      .scroll-list{
        max-height: 600px!important;
      }
    }
  }
  @media screen and (max-height: $small-pc) {
    body {
      .scroll-list{
        max-height: 800px!important;
      }
    }
  }
  @media screen and (max-height: $hight-pc) {
    body {
      .scroll-list{
        max-height: 900px!important;
      }
    }
  }
  .margin-top-10{
    margin-top: 10px;
  }
  .bottom-border {
    span{
      border-bottom: 0.5px solid !important;
    }
  }
  .Choice-chip {
    label:first-child{
      margin-right: 0px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      &.selected{
        box-shadow: -2px 0px 2px 0px rgba(0,0,0,0.26) !important;
      }

    }
    label:last-child{
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      margin-left: -3.75px;
      &.selected{
        box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.26) !important;
      }
    }
  }
  #folder-loader {
    padding-top: 100px;
    .spinner {
      margin: auto ;
      width: 150px;
      text-align: center;
    }

    .spinner > div {
      width: 18px;
      height: 18px;
      background-color: #000;

      border-radius: 100%;
      display: inline-block;
      -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
      animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }
    .spinner > i {
      display: inline-block;
      -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
      animation: sk-bouncedelay 1.4s infinite ease-in-out both;
      margin: 0px 10px;

    }
    .spinner > i.mail:before {
      color : #666 !important;
      font-size: 200%;
    }
    .spinner .bounce1 {
      -webkit-animation-delay: -0.32s;
      animation-delay: -0.32s;
    }

    .spinner .bounce2 {
      -webkit-animation-delay: -0.16s;
      animation-delay: -0.16s;
    }

    @-webkit-keyframes sk-bouncedelay {
      0%, 80%, 100% { -webkit-transform: scale(0) }
      40% { -webkit-transform: scale(1.0) }
    }

    @keyframes sk-bouncedelay {
      0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
      } 40% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
        }
    }

  }
  span.info-bull{
    background-color: #4bafd5;
    color: #fff;
    height: 15px;
    width: 15px;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    padding: 1px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    bottom: 2px;
  }
  .recipients{
    margin-bottom: 0px !important;
    .drop-down-label{
      border-bottom: none !important;
      margin-bottom: 0px !important;
    }
    hr{
      width: calc(100% - 20px );
      right: 0;
      display: inline-block;
      border: 1px #aaa solid;
      padding: 0px;
    }
    .drop-down-label:hover{
      hr{
        border: 1px solid #FF8500;
      }
    }
    hr.not-empty{
      border: 0.5px solid #FF8500;
    }
    label{
      padding: 0px !important;
      vertical-align: super;
    }
  }
  .mail-line{
    &.selected{
      border-left: 5px #FF8500 solid;
    }
  }

  .status-filter{
    &.column{
      width: auto !important;
    }
  }
  .notification-attachment {
    &.column {
      .attachment{
      width: 16px !important;
      height: 16px !important;
      min-width: 16px !important;
      min-height: 16px !important;
      display: contents;
    }
    }
  }

  .notifications {
    display: flex;
    height: 100%;
    justify-content: flex-end;
    &.column {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        display: contents;
      }
  }


    .MJXc-display{
    display: inline-block;
  }

  .list-return-mail {
    margin-left: 20px !important;
    display: list-item !important;
    font-size: 13px !important;
  }
}