/* General */
.gorilla-dialog {
  padding: 1rem;
  z-index:999 !important;
  min-width:75%;
}
.gorilla-dialog .ui-dialog .ui-dialog-titlebar {
  background-color: #000;
  color: #FFF;
  font-size: 0.75rem;
  padding: 0.25rem;
  border: 1px solid #FFF;
}
.gorilla-dialog .ui-dialog-titlebar {
  background-color: #000;
  color: #FFF;
  border: none;
}

/* Form items */
.gorilla-dialog .form-item {
  margin: 0;
}
.gorilla-dialog form > .form-wrapper,
.gorilla-dialog .js-form-type-vertical-tabs {
  background-color: #EEE;
  padding: 0.5rem 1.25rem;
  border-radius: 0.25rem;
}
.gorilla-dialog form > .form-wrapper {
	margin: 1rem 0;
}

/* Labels */
.gorilla-dialog .form-item label,
.gorilla-dialog summary,
.gorilla-dialog legend{
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  color: #000;
}
.gorilla-dialog summary {
  /* margin-left: -0.75rem; /* neg margin on expandable items to align with other labels */
}
.gorilla-dialog ::marker {
  color: #666;
}

/* Input fields */
.gorilla-dialog input.form-item {
  margin: 0;
}

/* Form-groups */
.gorilla-dialog .form-group {
  margin: 0;
}

/* Buttons */
.gorilla-dialog .btn.btn-primary,
.gorilla-dialog .button.button-primary {
  font-size: 0.75rem;
  background: #333 !important;
  border: 1px solid #FFF;
  line-height: normal;
  display: inline-block;
  letter-spacing: 0;
  font-weight:bold;
  color:#FFF;
}
.gorilla-dialog .btn.btn-primary:hover,
.gorilla-dialog .button.button-primary:hover {
  background: #FFF !important;
  border-color: #000;
  color: #000;
}
.gorilla-dialog input.button {
  margin: 0.25rem 0.25rem 0.25rem 0;  /* e.g. space around buttons */
}
.gorilla-dialog .ui-dialog-buttonset.form-actions {
  float: left;
}

/* Descriptions */
.gorilla-dialog .description {
  font-size: 0.75rem;
}

/* Details */
.gorilla-dialog details {
  background-color: transparent;
  border: none;
  padding: 0;
}
.gorilla-dialog form details .details-wrapper {
  padding: 0.25rem;
  border: 0;
}
.gorilla-dialog form details .details-wrapper .form-wrapper {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0.25rem;
  margin: 0.5rem 0;
}
.gorilla-dialog .field-group-details

/* Media library */
.gorilla-dialog .entities-list {
  margin-left: -0.25rem;
}
.gorilla-dialog .entities-list .rendered-entity {
  background-color: transparent !important;
  padding: 0.25rem;
}
.gorilla-dialog .entities-list .rendered-entity:hover {
  background-color: #FFF !important;
  opacity: unset;
}
.gorilla-dialog .entities-list .item-container {
  margin: 0 1rem 1rem 0;
}

/* List */
.gorilla-dialog ul.ui-autocomplete li a {
  text-decoration: none;
}
.gorilla-dialog ul.ui-autocomplete li a:hover,
.gorilla-dialog select option:hover {
  color: #000;
  font-weight: bold;
}

/* Select list - checkboxes  & radios */
.gorilla-dialog .no-term-reference-tree-button {
  background: transparent;
  margin: 0;
}
.gorilla-dialog .form-item label.form-check-label {
  display: contents;
  font-weight: normal;
}
.gorilla-dialog .form-item label.form-check-label input[type=checkbox] {
  height:16px;
}
.gorilla-dialog .js-form-type-checkbox label,
.gorilla-dialog .js-form-type-radio label
{
  font-weight: normal;
  margin:0 5px 0 0;
}
.gorilla-dialog .fs-checkbox-marker {
  border-color:#000;
}

/* Boolean */
.gorilla-dialog .field--type-boolean .form-check-input {
  position: relative;
  margin: 0;
}

/* Paragraphs ui */
.gorilla-dialog table {
  border-collapse: unset;
  border: 1px solid #000;
}
.gorilla-dialog table thead{
  font-size: 1rem;
}
.gorilla-dialog table thead th {
	padding: 0.5rem;
}
.gorilla-dialog table thead h4{
	font-size: 1rem;
	color: #FFF;
	display: inline-block;
  letter-spacing: 0;
}
.gorilla-dialog table tbody {
  border: none;
}
.gorilla-dialog table tr {
  border-top: 0;
  border-bottom: 1px solid #FFF;
  background-color:#CCC;
  letter-spacing: 0;
}
.gorilla-dialog table td {
  border: none;
}
.gorilla-dialog table .paragraph-type,
.gorilla-dialog table .paragraph-info,
.gorilla-dialog table .paragraph-summary,
.gorilla-dialog table .paragraph-actions {
  min-height:38px;
  background-color:#FFF;
  display: flex;
  align-items: center;
  padding:5px;
}
.gorilla-dialog table .paragraph-top {
  align-items: center;
  margin-top:5px;
}
.gorilla-dialog .field--widget-paragraphs .paragraphs-content-wrapper {
  background-color: #FFF;
  width: 100%;
}
.gorilla-dialog .field--widget-paragraphs .paragraph-type-label {
  color: #000;

}
.gorilla-dialog .js .paragraphs-collapsed-description {
  background-color: #FFF;
}
.gorilla-dialog button.tabledrag-toggle-weight {
  border: none;
  color: #999;
  font-size: 0.5rem;
}
.gorilla-dialog .tabledrag-handle .handle {
  height:22px !important;
  width:22px !important;
}
.gorilla-dialog .field-multiple-drag {
  display:flex;
  justify-content: center;
  align-content: center;
}
.gorilla-dialog .paragraph-type-title { 
  background-color: transparent;
}

/* Add content */
.gorilla-dialog .paragraphs-add-wrapper .form-group {
  display: inline-block;
}

/* Vertical tabs */
.gorilla-dialog .vertical-tabs {
	display: flex;
	flex-direction: row;
	border: none;
}
.gorilla-dialog .vertical-tabs__menu {
	border: none;
}
.gorilla-dialog .vertical-tabs__menu li a:hover {
  color:#FFF;
}
.gorilla-dialog .vertical-tabs__menu-item {
	border: none;
	border-bottom: 1px solid #FFF;
}
.gorilla-dialog .vertical-tabs__menu-item a:hover {
	outline: 1px solid #999;
	background-color: #CCC;
}
.gorilla-dialog .vertical-tabs__menu-item.last {
	border-bottom: #EEE;
}
.gorilla-dialog .vertical-tabs .entity-meta {
	background-color: #FFF;
	padding: 0.75rem;
	border: none;
}
.gorilla-dialog .vertical-tabs summary {
	margin: 0;
}
.gorilla-dialog .vertical-tabs .js-form-type-checkbox {
	margin-left: 1.25rem;
}
.gorilla-dialog .vertical-tabs th {
  background-color:#CCC;
}
.gorilla-dialog .vertical-tabs .js-form-type-radio label.option {
  padding-left:15px;
}
.vertical-tabs__pane>summary {
  display: block;
}
.vertical-tabs__panes {
  width: 100%;
}
#menu-link-weight-wrapper tr {
  background-color: #EEE;
}

/* Table drag */
.gorilla-dialog .handle,
.gorilla-dialog a.tabledrag-handle .handle {
	width: auto;
	height: auto;
}

/* entitiy browser */
.entity-browser-form a {
  color:#000;
  border:1px solid #000;
  margin:5px
}
.entity-browser-form a.active,
.entity-browser-form a:hover {
  background-color:#000;
  color:#FFF;
}
.entity-browser-form .button {
  background-color: #000;
  color:#FFF;
  margin:5px;
}
.entity-browser-form .button:hover {
  background-color:#FFF;
  color:#000;
}
.entity-browser-form .eb-tabs ul li.active {
 border-bottom:3px solid #000;
}
.entity-browser-form .views-exposed-form {
  margin:5px;
  border:1px dashed #999;
  padding:10px 20px;
}
.entity-browser-form .views-view-grid {
  margin:-6px 5px 5px 5px;
  border:1px dashed #999;
}
.entity-browser-form .views-view-grid .views-row {
  display:flex;
  align-items: center;
}
.entity-browser-form .views-view-grid article {
  margin:5px;
  background-color: #FFF;
  padding:10px 3px;
  text-align: center;
  font-size: 10px;
}
.entity-browser-form .views-view-grid article:hover {
  background-color: #CCC;
}
.entity-browser-form #edit-actions {
  padding-top:0;
  margin-left: -5px;
}
.entity-browser-form .pager .pager__items .pager__item {
  border:none !important;
}

/* Others */
.gorilla-dialog .form-control {
  box-shadow: none;
  color:#000;
}
.gorilla-dialog .form-control:focus {
  background-color: #e9ecef;
  border-color: #FFF;
  color: #000;
  box-shadow: 0 1px 1px rgba(0,0,0,0.11);
}
.gorilla-dialog input[type="hidden"] {
	display: none;
}
.gorilla-dialog .form-actions {
  background-color: #FFF !important;
  margin: 0 !important;
  padding: 0 !important;
}

/*term tree*/
.gorilla-dialog .term-reference-tree-button {
  background-repeat: no-repeat;
}

/*frontpage*/
.path-frontpage .page-header {
  display:block;
}