/* Style the tab */
.e-tab .e-header > .e-active a,
.e-tab .e-left > .e-active a,
.e-tab .e-right > .e-active a {
  color: white;
}
.e-tab .e-header > .e-select a,
.e-tab .e-left > .e-select a,
.e-tab .e-right > .e-select a {
  color: #666666;
}
.e-tab .e-header > .e-select:hover a,
.e-tab .e-left > .e-select:hover a,
.e-tab .e-right > .e-select:hover a,
.e-tab .e-header > .e-active:hover a,
.e-tab .e-left > .e-active:hover a,
.e-tab .e-right > .e-active:hover a {
  background-color: lightgrey;
  color: white;
}
.cols-sample-area {
  background-color: white;
  border: 1px solid #D9DEDD;
  margin-bottom: 25px;
  padding: 25px;
  overflow: auto;
}
.e-tab.e-js > .e-header {
  width: 100%;
  font-size: 16px;
  background-color: transparent;
  box-shadow: none !important;
}
.e-tab .e-header .e-margine-top:hover {
  border: none;
}
.e-tab .e-hidebottom {
  border-top: 1px solid #D9DEDD !important;
}
.e-tab.e-js .e-header > .e-active,
.e-tab.e-js .e-left > .e-active,
.e-tab.e-js .e-right > .e-active {
  background: red !important;
  border-color: #cecece;
  font-weight: bold;
}
.e-tab.e-js > .e-content {
  background-color: #efefef;
  border-style: none;
}
.e-pager .e-currentitem,
.e-pager .e-currentitem:hover {
  background: #414141;
  color: #ffffff;
}
.svg {
  max-width: 100%;
}
.tab-header-panel {
  background-color: #aaaaaa;
  margin: 0px;
}
/* The side navigation menu */
.sidenav {
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 3;
  /* Stay on top */
  top: 0;
  left: 0;
  background-color: white;
  /* Black*/
  overflow-x: hidden;
  /* Disable horizontal scroll */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */
  margin-top: 40px;
}
.sidenav a {
  cursor: pointer;
}
/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 20px;
  right: 35px;
  font-size: 36px;
  margin-top: -25px;
  z-index: 1001;
  color: white;
  text-decoration: none !important;
}
.sidenav-title {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: red;
  color: white;
}
.sidenav-header {
  position: fixed;
  top: 40px;
  height: 46px;
  width: 100%;
  z-index: 1000;
}
.sidenav-content {
  margin-top: 46px;
}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left 0.5s;
}
.model-pop-image-thumbnail {
  margin-bottom: 0px;
  padding: 10px;
  background-color: transparent;
  border-style: none !important;
}
.model-label {
  color: white;
  padding-bottom: 5px !important;
}
.model-text {
  white-space: normal;
  word-wrap: break-word;
  font-style: normal;
  font-size: medium;
  color: white;
  text-shadow: 1px 1px #555555;
  padding-right: 5px;
}
.btn-img-nav {
  background-color: #ffffff;
  border-color: lightgray;
  color: red;
}
.img-loading {
  height: 300px;
  position: relative;
}