/* ========================================================
 * handycss.backdrops.css v0.0.1
 * https://github.com/kpvarma/handyCSS
 * ========================================================
 * Copyright 2013 VarmaLabs
 *
 * 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.
 * ======================================================== */
/* boxes */
.box {
  border: 1px solid #c1c1c1;
  padding: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 2px 2px 5px #c1c1c1;
  -moz-box-shadow: 2px 2px 5px #c1c1c1;
  box-shadow: 2px 2px 5px #c1c1c1;
}
.box h1.heading {
  font-size: 18px;
  color: #960D2E;
  margin: 4px 2px;
}
.box a {
  font-size: 16px;
  color: #1370AD;
}

.box.active {
  background-color: #e5eef6;
}

.box.border-blue {
  border-left: 5px solid #25aae1 !important;
}

.box.border-green {
  border-left: 5px solid #5ebc5e !important;
}

.box.border-red {
  border-left: 5px solid red !important;
}

.box.border-yellow {
  border-left: 5px solid #e9e16d !important;
}

.box.border-grey {
  border-left: 5px solid #989898 !important;
}

.box.hoverable:hover, .box.hoverable:active, .box.hoverable:focus, .box.hoverable.selected {
  background-color: #e5eef6;
  border-color: #25aae1;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}