/*!
 * This file is part of ORY Editor.
 *
 * ORY Editor is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * ORY Editor 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.  See the
 * GNU Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with ORY Editor.  If not, see <http://www.gnu.org/licenses/>.
 *
 * @license LGPL-3.0
 * @copyright 2016-2018 Aeneas Rekkas
 * @author Aeneas Rekkas <aeneas+oss@aeneas.io>
 *
 */

.ory-plugins-content-image {
  width: 100%;
}

.ory-plugins-content-image-placeholder {
  position: relative;
  width: 100%;
  text-align: center;
}


.webbuilder_input_box{
  border-radius: 8px;
  margin:0;
  background-color: #fafafa;
  height: 36px;
  border: 1px solid #dbdbdb;
  padding: 0px 10px;
  font-size: 14px;
  color: #a8a8a8;
  width: -webkit-fill-available;
}

.webbuilder_input_box:focus{
  outline: none;
}

.webbuilder_input_label{
  font-size: 12px;
  letter-spacing: 0.35px;
  color: #2f343d;
  display: block;
}

.image-input-toolbox {
  text-align: center;
  margin-bottom: 20px;
}

.toolbox-border > div:not(:nth-last-child(2)) {
  border-bottom: 1px solid #e4e8ea;
  padding-bottom: 10px;
}


.thumbnail {
  width:75px;
  height:50px;
  border: 2px solid #bababa;
  border-radius: 5px; 
}

.image-delete {
  margin-left: 30px;
}

.image-delete button {
  color: #ff0000  ;
  font-family: Lato;
  font-size: 13px;
  border:0;
  background-color: #fff;
  font-weight: bold;
  letter-spacing : 0.5px;
}
.image-edit {
  margin-left: 30px;
}
.image-edit button {
  border:1px solid #0290ff;
  width: 90px;
  border-radius: 3px;
  padding: 3px 0;
  font-size: 13px;
  font-family: Lato;
  color:#0290ff;
  background-color: #e9f6ff;
  letter-spacing : 0.5px;
}
/* .thumbnail:hover + .image-delete {
  height: 200px;
  transition: height 0.2s ease-in;
  z-index: 999;
}
.image-delete {
  color:#fff;
  position: absolute;
  top: 0px; 
  cursor: pointer;
  height: 0px;
  width: 200px;
  background: rgba(255,0,0,.6);
} */