.gexpandablecontainer {
	overflow: visible;
}

/*
* First child container - contains all expandable content.
*/
.gexpandablecontainer .expandable-container-content {
  margin-right: auto;
  margin-left: auto;
  min-width: 400px;
  width: auto;
}

/* When we have child expandable container */
.gexpandablecontainer .gexpandablecontainer {
	width: 100%;
    margin-bottom: 0 !important;
}

.gexpandablecontainer ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	font: 100% "roboto", "Trebuchet MS", sans-serif;
}

.gexpandablecontainer ul.nav__list {
	overflow: hidden;
    height: 100% !important;
}

.gexpandablecontainer ul.nav__list li {
    padding: 1px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.gexpandablecontainer ul.group-list {
    padding: 3px;
}

.gexpandablecontainer.objectWrapper ul.nav__list {
	overflow: visible;
}

.gexpandablecontainer .nav .expandable-handle {
  display: block;
  padding: .55rem;
  color: black;
  background-color: rgba(0, 0, 0, 0.1);
  padding-bottom: 0;
  opacity: 0.8;
}

.gexpandablecontainer .nav .expandable-handle:hover {
    opacity: 1;
}

.gexpandablecontainer .nav .expandable-handle .handle-title {
  overflow: hidden;
  display: inline-block;
  font-weight: bold;
}

.gexpandablecontainer .nav label { 
	cursor: pointer;
}

.gexpandablecontainer .expandable-content {
	display: none;
}

.gexpandablecontainer .expandable-content.shown {
	display: block;
}

.gexpandablecontainer label > span.fa {
  float: right;
  -webkit-transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  line-height: 22px;
  position: relative;
  right: 3px;
}

/* .gexpandablecontainer .nav__list input[type=checkbox]:checked + label > span.fa { */
  
/* } */

.gexpandablecontainer .nav__list input + label > span.fa.rotated {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* Prevent expand/collapse inside GUI editor */
.gexpandablecontainer.objectWrapper .nav__list input[type=checkbox] + label {
	pointer-events: none;
}

.gexpandablecontainer .expandable-container-button {
	opacity: 0.7;
}

.gexpandablecontainer .expandable-container-button:hover {
	opacity: 1;
}

.gexpandablecontainer.invalid-container {
    border: 2px solid red;
}

.gexpandablecontainer .exp-cnt-buttons
{
    position: relative;
    float: right;
}

.gexpandablecontainer .exp-cnt-badges {
    display: inline-block;
}

.gexpandablecontainer .expandable-container-badge {
    color: white;
    float: right;
    border-radius: 3px;
    padding: 3px 6px;
    min-width: 10px;
    margin-left: 10px;
    height: 21px;
    text-align: center;
}