.btk-module-container {
  width: 95%;
  margin-top: 1%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  .grilabs-container{
    background-color: #fff;
    padding: 1%;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg); } }
.btk-module-container body,
.btk-module-container h1, .btk-module-container .h1,
.btk-module-container h2, .btk-module-container .h2,
.btk-module-container h3, .btk-module-container .h3,
.btk-module-container h4, .btk-module-container .h4,
.btk-module-container h5, .btk-module-container .h5,
.btk-module-container h6, .btk-module-container .h6,
.btk-module-container p,
.btk-module-container .navbar,
.btk-module-container .brand,
.btk-module-container .btn-simple,
.btk-module-container .alert,
.btk-module-container a,
.btk-module-container .td-name,
.btk-module-container td,
.btk-module-container button.close {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
  font-weight: 400; }
.btk-module-container h1, .btk-module-container .h1, .btk-module-container h2, .btk-module-container .h2, .btk-module-container h3, .btk-module-container .h3, .btk-module-container h4, .btk-module-container .h4 {
  font-weight: 300;
  margin: 30px 0 15px; }
.btk-module-container h1, .btk-module-container .h1 {
  font-size: 52px; }
.btk-module-container h2, .btk-module-container .h2 {
  font-size: 36px; }
.btk-module-container h3, .btk-module-container .h3 {
  font-size: 28px;
  margin: 20px 0 10px; }
.btk-module-container h4, .btk-module-container .h4 {
  font-size: 22px;
  line-height: 30px; }
.btk-module-container h5, .btk-module-container .h5 {
  font-size: 16px;
  margin-bottom: 15px; }
.btk-module-container h6, .btk-module-container .h6 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase; }
.btk-module-container p {
  font-size: 16px;
  line-height: 1.5; }
.btk-module-container h1 small, .btk-module-container h2 small, .btk-module-container h3 small, .btk-module-container h4 small, .btk-module-container h5 small, .btk-module-container h6 small, .btk-module-container .h1 small, .btk-module-container .h2 small, .btk-module-container .h3 small, .btk-module-container .h4 small, .btk-module-container .h5 small, .btk-module-container .h6 small, .btk-module-container h1 .small, .btk-module-container h2 .small, .btk-module-container h3 .small, .btk-module-container h4 .small, .btk-module-container h5 .small, .btk-module-container h6 .small, .btk-module-container .h1 .small, .btk-module-container .h2 .small, .btk-module-container .h3 .small, .btk-module-container .h4 .small, .btk-module-container .h5 .small, .btk-module-container .h6 .small {
  color: #9A9A9A;
  font-weight: 300;
  line-height: 1.5; }
.btk-module-container h1 small, .btk-module-container h2 small, .btk-module-container h3 small, .btk-module-container h1 .small, .btk-module-container h2 .small, .btk-module-container h3 .small {
  font-size: 60%; }
.btk-module-container h1 .subtitle {
  display: block;
  margin: 0 0 30px; }
.btk-module-container .text-muted {
  color: #9A9A9A; }
.btk-module-container .text-primary, .btk-module-container .text-primary:hover {
  color: #1D62F0 !important; }
.btk-module-container .text-info, .btk-module-container .text-info:hover {
  color: #1DC7EA !important; }
.btk-module-container .text-success, .btk-module-container .text-success:hover {
  color: #87CB16 !important; }
.btk-module-container .text-warning, .btk-module-container .text-warning:hover {
  color: #FF9500 !important; }
.btk-module-container .text-danger, .btk-module-container .text-danger:hover {
  color: #FF4A55 !important; }
.btk-module-container body,
.btk-module-container .wrapper {

  position: relative; }

.btk-module-container .ui-slider-handle:focus,
.btk-module-container .navbar-toggle,
.btk-module-container input:focus {
  outline: 0 !important; }
.btk-module-container .margin-top {
  margin-top: 50px; }
.btk-module-container .wrapper {
  position: relative;
  top: 0; }
.btk-module-container .sidebar,
.btk-module-container body > .navbar-collapse {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 260px;
  display: block;
  z-index: 1;
  color: #fff;
  font-weight: 200;
  background-size: cover;
  background-position: center center; }
.btk-module-container .sidebar .sidebar-wrapper,
.btk-module-container body > .navbar-collapse .sidebar-wrapper {
  position: relative;
  overflow: auto;
  z-index: 4;
  padding-bottom: 100px; }
.btk-module-container .sidebar .sidebar-background,
.btk-module-container body > .navbar-collapse .sidebar-background {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center; }
.btk-module-container .sidebar .logo,
.btk-module-container body > .navbar-collapse .logo {
  padding: 10px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.btk-module-container .sidebar{
  width: 100%;}
.btk-module-container .sidebar .sidebar-wrapper{
  padding-bottom: 0;
  width:100%;
}
.btk-module-container .main-panel{
  width: 100%;
  background-color: #f9f9f9 !important;
  border-top: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.btk-module-container .sidebar .logo{
  float: right;
  width:15%;
  text-align: center;
  padding: 0 !important;
  border-bottom: 0 !important;
  max-height: 90px;
}
.btk-module-container .sidebar ul.nav{
  float: left;
  width: 80%;
  padding-left: 10px;
}

.btk-module-container .sidebar ul.nav li{
  float: left;
  width: 135px;
  margin: 0 3px;
}

.btk-module-container .sidebar .logo p,
.btk-module-container body > .navbar-collapse .logo p {
  float: left;
  font-size: 20px;
  margin: 10px 10px;
  color: #FFFFFF;
  line-height: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.btk-module-container .sidebar .logo .simple-text,
.btk-module-container body > .navbar-collapse .logo .simple-text {
  display: block;
  line-height: 100px; }

.btk-module-container .sidebar .logo-tim,
.btk-module-container body > .navbar-collapse .logo-tim {
  border-radius: 50%;
  border: 1px solid #333;
  display: block;
  height: 61px;
  width: 61px;
  float: left;
  overflow: hidden; }
.btk-module-container .sidebar .logo-tim img,
.btk-module-container body > .navbar-collapse .logo-tim img {
  width: 60px;
  height: 60px; }
.btk-module-container .sidebar .nav,
.btk-module-container body > .navbar-collapse .nav {
  margin-top: 20px;
  float: none; }
.btk-module-container .sidebar .nav li > a,
.btk-module-container body > .navbar-collapse .nav li > a {
  color: #FFFFFF;
  margin: 0;
  text-decoration: none;
  opacity: .86;
  border-radius: 4px;
  display: block;
  //float: left;
  white-space: nowrap;
  width: 100%;
  float: left;
  padding: 10px 0;
}
.btk-module-container .sidebar .nav li:hover > a,
.btk-module-container body > .navbar-collapse .nav li:hover > a {
  background: rgba(255, 255, 255, 0.13);
  opacity: 1; }
.btk-module-container .sidebar .nav li.active > a,
.btk-module-container body > .navbar-collapse .nav li.active > a {
  color: #FFFFFF;
  opacity: 1;
  background: rgba(255, 255, 255, 0.23); }
.btk-module-container .sidebar .nav li.separator,
.btk-module-container body > .navbar-collapse .nav li.separator {
  margin: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.btk-module-container .sidebar .nav li.separator + li,
.btk-module-container body > .navbar-collapse .nav li.separator + li {
  margin-top: 31px; }
.btk-module-container .sidebar .nav p,
.btk-module-container body > .navbar-collapse .nav p {
  margin: 0 !important;
  padding: 10px 0;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  float: left;
  width: 100%;
}
.btk-module-container .sidebar .nav i,
.btk-module-container body > .navbar-collapse .nav i {
  font-size: 25px;
  float: left;
  width: 100%;
  text-align: center; }
.btk-module-container .sidebar .nav .caret,
.btk-module-container body > .navbar-collapse .nav .caret {
  margin-top: 13px;
  position: absolute;
  right: 30px; }
.btk-module-container .sidebar .logo,
.btk-module-container body > .navbar-collapse .logo {
  padding: 10px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.btk-module-container .sidebar .logo p,
.btk-module-container body > .navbar-collapse .logo p {
  line-height: 90px;
}
.btk-module-container .sidebar .logo .simple-text,
.btk-module-container body > .navbar-collapse .logo .simple-text {
  display: block;
  line-height: 90px;
}
.btk-module-container .sidebar .logo-tim,
.btk-module-container body > .navbar-collapse .logo-tim {
  border-radius: 50%;
  border: 1px solid #333;
  display: block;
  height: 61px;
  width: 61px;
  float: left;
  overflow: hidden; }
.btk-module-container .sidebar .logo-tim img,
.btk-module-container body > .navbar-collapse .logo-tim img {
  width: 60px;
  height: 60px; }
.btk-module-container .sidebar:after, .btk-module-container .sidebar:before,
.btk-module-container body > .navbar-collapse:after,
.btk-module-container body > .navbar-collapse:before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2; }
.btk-module-container .sidebar:before,
.btk-module-container body > .navbar-collapse:before {
  opacity: .33;
  background: #000000; }
.btk-module-container .sidebar:after,
.btk-module-container body > .navbar-collapse:after {
  background: #787878;
  background: -moz-linear-gradient(top, #787878 0%, #343434 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #787878), color-stop(100%, #343434));
  background: -webkit-linear-gradient(top, #787878 0%, #343434 100%);
  background: -o-linear-gradient(top, #787878 0%, #343434 100%);
  background: -ms-linear-gradient(top, #787878 0%, #343434 100%);
  background: linear-gradient(to bottom, #787878 0%, #343434 100%);
  background-size: 150% 150%;
  z-index: 3;
  opacity: 1; }
.btk-module-container .sidebar[data-image]:after, .btk-module-container .sidebar.has-image:after,
.btk-module-container body > .navbar-collapse[data-image]:after,
.btk-module-container body > .navbar-collapse.has-image:after {
  opacity: .77; }
.btk-module-container .sidebar[data-color="blue"]:after,
.btk-module-container body > .navbar-collapse[data-color="blue"]:after {
  background: #1F77D0;
  background: -moz-linear-gradient(top, #1F77D0 0%, #533ce1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1F77D0), color-stop(100%, #533ce1));
  background: -webkit-linear-gradient(top, #1F77D0 0%, #533ce1 100%);
  background: -o-linear-gradient(top, #1F77D0 0%, #533ce1 100%);
  background: -ms-linear-gradient(top, #1F77D0 0%, #533ce1 100%);
  background: linear-gradient(to bottom, #1F77D0 0%, #533ce1 100%);
  background-size: 150% 150%; }
.btk-module-container .sidebar[data-color="azure"]:after,
.btk-module-container body > .navbar-collapse[data-color="azure"]:after {
  background: #1DC7EA;
  background: -moz-linear-gradient(top, #1DC7EA 0%, #4091ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1DC7EA), color-stop(100%, #4091ff));
  background: -webkit-linear-gradient(top, #1DC7EA 0%, #4091ff 100%);
  background: -o-linear-gradient(top, #1DC7EA 0%, #4091ff 100%);
  background: -ms-linear-gradient(top, #1DC7EA 0%, #4091ff 100%);
  background: linear-gradient(to bottom, #1DC7EA 0%, #4091ff 100%);
  background-size: 150% 150%; }
.btk-module-container .sidebar[data-color="green"]:after,
.btk-module-container body > .navbar-collapse[data-color="green"]:after {
  background: #87CB16;
  background: -moz-linear-gradient(top, #87CB16 0%, #6dc030 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #87CB16), color-stop(100%, #6dc030));
  background: -webkit-linear-gradient(top, #87CB16 0%, #6dc030 100%);
  background: -o-linear-gradient(top, #87CB16 0%, #6dc030 100%);
  background: -ms-linear-gradient(top, #87CB16 0%, #6dc030 100%);
  background: linear-gradient(to bottom, #87CB16 0%, #6dc030 100%);
  background-size: 150% 150%; }
.btk-module-container .sidebar[data-color="orange"]:after,
.btk-module-container body > .navbar-collapse[data-color="orange"]:after {
  background: #FFA534;
  background: -moz-linear-gradient(top, #FFA534 0%, #ff5221 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFA534), color-stop(100%, #ff5221));
  background: -webkit-linear-gradient(top, #FFA534 0%, #ff5221 100%);
  background: -o-linear-gradient(top, #FFA534 0%, #ff5221 100%);
  background: -ms-linear-gradient(top, #FFA534 0%, #ff5221 100%);
  background: linear-gradient(to bottom, #FFA534 0%, #ff5221 100%);
  background-size: 150% 150%; }
.btk-module-container .sidebar[data-color="red"]:after,
.btk-module-container body > .navbar-collapse[data-color="red"]:after {
  background: #FB404B;
  background: -moz-linear-gradient(top, #FB404B 0%, #bb0502 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FB404B), color-stop(100%, #bb0502));
  background: -webkit-linear-gradient(top, #FB404B 0%, #bb0502 100%);
  background: -o-linear-gradient(top, #FB404B 0%, #bb0502 100%);
  background: -ms-linear-gradient(top, #FB404B 0%, #bb0502 100%);
  background: linear-gradient(to bottom, #FB404B 0%, #bb0502 100%);
  background-size: 150% 150%; }
.btk-module-container .sidebar[data-color="purple"]:after,
.btk-module-container body > .navbar-collapse[data-color="purple"]:after {
  background: #9368E9;
  background: -moz-linear-gradient(top, #9368E9 0%, #943bea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9368E9), color-stop(100%, #943bea));
  background: -webkit-linear-gradient(top, #9368E9 0%, #943bea 100%);
  background: -o-linear-gradient(top, #9368E9 0%, #943bea 100%);
  background: -ms-linear-gradient(top, #9368E9 0%, #943bea 100%);
  background: linear-gradient(to bottom, #9368E9 0%, #943bea 100%);
  background-size: 150% 150%; }
.btk-module-container .main-panel {
  background: rgba(203, 203, 210, 0.15);
  position: relative;
  z-index: 2;
  float: right;
  width: 100%;
  min-height: 100%;
}

.btk-module-container .main-panel > .content {
  padding: 30px 15px;
  min-height: calc(100% - 123px); }
.btk-module-container .main-panel > .footer {
  border-top: 1px solid #e7e7e7; }
.btk-module-container .main-panel .navbar {
  margin-bottom: 0; }
.btk-module-container .sidebar,
.btk-module-container .main-panel {
  overflow: auto;
  max-height: 100%;
  height: 100%;
  -webkit-transition-property: top,bottom;
  transition-property: top,bottom;
  -webkit-transition-duration: .2s,.2s;
  transition-duration: .2s,.2s;
  -webkit-transition-timing-function: linear,linear;
  transition-timing-function: linear,linear;
  -webkit-overflow-scrolling: touch; }

.btk-module-container .sidebar{
  width: 100%;
  /*margin-bottom: 5px;*/
  position: relative;
}

.hide-not-active{
  .not-active{
    display: none;
  }
}