html, body { height: 100%; }
#wrapper { min-height: 100%; }
#main {
  padding-top: 40px;
  padding-bottom: 41px;
}
.alert { margin-top: 10px; margin-bottom: 0; }
.toolbar { margin-top: 10px; }
.toolbar-inner { padding-top: 10px; }
#toolbar .btn { margin-top: 0; }
.hero-unit { margin-top: 10px; }
.footer {
  background-color: #F5F5F5;
  border-top: 1px solid #E5E5E5;
  clear: both;
  height: 20px;
  margin-top: -41px;
  padding: 10px 20px;
}
.select2-container-multi .select2-choices .select2-search-choice { width: 85%; }
tr.grid-odd td { background-color: #f9f9f9; }
tr.grid-hover td { background-color: #f5f5f5; }
table tbody td.currency, table tbody td.number { text-align: right; }
.form-horizontal table .controls.grid-inline { margin-left: 0 !important; }
.form-horizontal table .controls.grid-inline input { width: 110px; }
.form-horizontal table .controls.grid-inline.short input,
.form-horizontal table td.short select { width: 52px; }
.form-horizontal table .controls.grid-inline.date input { width: 80px; }
.form-horizontal.edit label.required:after {
  content: "\2731";
  color: #B94A48;
}
.form-horizontal.view .control-group { margin-bottom: 0; }
.form-view {
  display: inline-block;
  float: none;
  padding-top: 5px;
}
input.currency, input.number { text-align: right; }
form.view div.row-odd { background-color: #f9f9f9; }
form.view table { background-color: #ffffff; }
form.view label { cursor: auto; }
.form-view.currency, .form-view.number { text-align: right; }
td.error input { border-color: #B94A48; }
td.error label.help-inline { color: #B94A48; }
table.summary td.number {
  padding-left: 20px;
  padding-right: 5px;
}
.table-dense .table th, .table-dense .table td {
  padding-left: 4px;
  padding-right: 4px;
}
#modalShow {
  left: 2.5%;
  margin-left: 0;
  width: 95%;
}
#modalShow .modal-body {
  max-height: 60vh;
}
th.actions { min-width: 160px; }

/* Copied from cake.generic.css */
/** containers **/
div.form,
div.index,
div.view {
  float:right;
  width:76%;
  border-left:1px solid #666;
  padding:10px 2%;
}
nav#actions-sidebar {
  float:left;
  width:16%;
  padding:10px 1.5%;
}
nav#actions-sidebar h3 {
  padding-top:0;
  color:#777;
}

.side-nav {display:block;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;list-style-position:outside;list-style-type:none;margin:0;padding:0.875rem 0}
.side-nav li {font-size:0.875rem;font-weight:normal;margin:0 0 0.4375rem 0}
.side-nav li a:not(.button) {color:#008CBA;display:block;margin:0;padding:0.4375rem 0.875rem}
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {background:rgba(0,0,0,0.025);color:#1cc7ff}
.side-nav li a:not(.button):active {color:#1cc7ff}
.side-nav li.active>a:first-child:not(.button) {color:#1cc7ff;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-weight:normal}
.side-nav li.divider {border-top:1px solid;height:0;list-style:none;padding:0;border-top-color:#e6e6e6}
.side-nav li.heading {color:#008CBA;font-size:0.875rem;font-weight:bold;text-transform:uppercase;padding:0.4375rem 0.875rem;}

/** Paging **/
.paging {
  background:#fff;
  color: #ccc;
  margin-top: 1em;
  clear:both;
}
.paging .current,
.paging .disabled,
.paging a {
  text-decoration: none;
  padding: 5px 8px;
  display: inline-block
}
.paging > span {
  display: inline-block;
  border: 1px solid #ccc;
  border-left: 0;
}
.paging > span:hover {
  background: #efefef;
}
.paging .prev {
  border-left: 1px solid #ccc;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.paging .next {
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.paging .disabled {
  color: #ddd;
}
.paging .disabled:hover {
  background: transparent;
}
.paging .current {
  background: #efefef;
  color: #c73e14;
}

/** Scaffold View **/
dl {
  line-height: 2em;
  margin: 0em 0em;
  width: 60%;
}
dl dd:nth-child(4n+2),
dl dt:nth-child(4n+1) {
  background: #f4f4f4;
}

dt {
  font-weight: bold;
  padding-left: 4px;
  vertical-align: top;
  width: 10em;
  line-height: 2em;
}
dd {
  margin-left: 10em;
  margin-top: -2em;
  vertical-align: top;
  line-height: 2em;
}

/**  Actions  **/
.actions ul {
  margin: 0;
  padding: 0;
}
.actions li {
  margin:0 0 0.5em 0;
  list-style-type: none;
  white-space: nowrap;
  padding: 0;
}
.actions ul li a {
  font-weight: normal;
  display: block;
  clear: both;
}

/* Buttons and button links */
input[type=submit],
.actions ul li a,
.actions a {
  font-weight:normal;
  padding: 4px 8px;
  background: #dcdcdc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
  background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
  background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
  background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
  background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
  background-image: linear-gradient(top, #fefefe, #dcdcdc);
  color:#333;
  border:1px solid #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  text-shadow: #fff 0px 1px 0px;
  min-width: 0;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-user-select: none;
  user-select: none;
}
.actions ul li a:hover,
.actions a:hover {
  background: #ededed;
  border-color: #acacac;
  text-decoration: none;
}
input[type=submit]:active,
.actions ul li a:active,
.actions a:active {
  background: #eee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#eee));
  background-image: -webkit-linear-gradient(top, #dfdfdf, #eee);
  background-image: -moz-linear-gradient(top, #dfdfdf, #eee);
  background-image: -ms-linear-gradient(top, #dfdfdf, #eee);
  background-image: -o-linear-gradient(top, #dfdfdf, #eee);
  background-image: linear-gradient(top, #dfdfdf, #eee);
  text-shadow: #eee 0px 1px 0px;
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
  border-color: #aaa;
  text-decoration: none;
}

/** Related **/
.related {
  clear: both;
  display: block;
}

td.image img {
  max-width: 50%;
  max-height: 50%;
}
td.image.small img {
  max-width: 25%;
  max-height: 25%;
}
