[panel],
.panel {
  	vertical-align: top;
  	margin-bottom: 20px;
	border: 1px solid rgba(0,0,0,0.1);
	margin-top: 20px;
}
[panel] .panel-heading,
.panel .panel-heading {
  padding: 10px 15px;
  border-bottom: var(--panel-header-border-bottom);
  border-top-left-radius: var(--globalborderradius);
  border-top-right-radius: var(--globalborderradius);
  width: -webkit-fill-available;
  display: inline-block;
  position: relative;
  top: 0;
  vertical-align: top;
	
}

[panel] .panel-heading,
.panel .panel-heading.h3
,[panel] .panel-heading,
.panel .panel-heading h3 {
    font-size: 18px;
	margin-top: 10px;
    margin-bottom: 10px;
}

[panel] .panelcontent,
.panel .panelcontent {
  margin: auto;
  display: block  ;
	
}
[panel] .panelcontent table,
.panel .panelcontent table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
[panel][panel-full],
[panel].panel-full,
.panel[panel-full],
.panel.panel-full {
  width: -webkit-fill-available;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
[panel][panel-half],
[panel].panel-half,
.panel[panel-half],
.panel.panel-half {
  width: 48.5%;
  display: inline-block;
}
[panel][panel-third],
[panel].panel-third,
.panel[panel-third],
.panel.panel-third {
  width: 32%;
  display: inline-block;
}
[panel][panel-quarter],
[panel].panel-quarter,
.panel[panel-quarter],
.panel.panel-quarter {
  width: 25%;
  display: inline-block;
}

.panel ul {
    list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    list-style: none;
}
.panel ul li {
    padding: 8px 15px;
    border-bottom: var(--panel-item-border-bottom);
	-webkit-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	cursor:pointer;
}
.panel ul li:hover {
    padding: 8px 15px;
	font-weight:bold;
    border-bottom:var(--panel-item-hover-border-bottom);
	-webkit-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

.panelmenucontent {
  display: none;
}
.panel-menu:before {
  content: "\e236";
  margin-right: 5px;
  font-family: 'Glyphicons Halflings';
  position: absolute;
  right: 0;
  top: -1vmax;
  cursor: pointer;
  display: block;
}
tr td .panel-menu:before {
  content: "\e236";
  margin-right: 5px;
  font-family: 'Glyphicons Halflings';
  position: absolute;
  right: 0;
  top: -0.5vmax;
  cursor: pointer;
  display: block;
  color: #999;
}
.panel-menu {
  display: block  ;
  position: relative;
}
ul.panelmenucontent {
  display: none;
  position: absolute;
  background: #008dc5  ;
  right: 0;
  margin-top: 16px;
  list-style: none;
  z-index: 9501;
  border: 1px solid rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
          box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
}
ul.panelmenucontent li {
  padding: 0.50vmax 1vmax;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
ul.panelmenucontent li:hover {
  -webkit-box-shadow: inset 1px -1px 2px rgba(0,0,0,0.2);
          box-shadow: inset 1px -1px 2px rgba(0,0,0,0.2);
  border-left: 2px solid white;
  -webkit-transition: border .05s ease;
  -o-transition: border .05s ease;
  transition: border .05s ease;
}
ul.panelmenucontent:before {
  content: "";
  width: 0px;
  height: 0px;
  border: 0.8em solid transparent;
  position: absolute;
  top: -25px;
  right: 0px;
  border-bottom: 16px solid #008dc5  ;
}
.panel {
  margin-bottom: 20px;
  background-color: var(--panel-background);
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.panelcontent .table-striped tr:nth-child(odd) {
  background: whitesmoke;
}