@font-face {
  font-family: "otgs";
  src:url("../font/otgs.eot");
  src:url("../font/otgs.eot?#iefix") format("embedded-opentype"),
  url("../font/otgs.woff") format("woff"),
  url("../font/otgs.ttf") format("truetype"),
  url("../font/otgs.svg#otgs") format("svg");
  font-weight: normal;
  font-style: normal;

}

[class^="otgs-icon-"]:before,
[class*=" otgs-icon-"]:before {
  font-family: "otgs" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.otgs-icon-views:before {
  content: "a";
}
.otgs-icon-cred:before {
  content: "d";
}
.otgs-icon-layouts:before {
  content: "b";
}
.otgs-icon-module-manager:before {
  content: "c";
}
.otgs-icon-toolset:before {
  content: "e";
}
.otgs-icon-access:before {
  content: "f";
}
.otgs-icon-types:before {
  content: "g";
}


.otgs-tabs {
  margin-top: 50px;
  margin-bottom: 30px;
}
.otgs-tabs .otgs-tabs-title {
  float: left;
  padding: 15px 0;
}
.otgs-tabs .otgs-tabs-menu {
  margin: 0 0 -1px 0;
  padding: 0;
  list-style: none;
  float: right;
}
.otgs-tabs .otgs-tabs-menu li {
  display: inline-block;
}
.otgs-tabs .otgs-tabs-menu li a {
  cursor: pointer;
  display: block;
  padding: 7px 15px;
  margin-left: -1px;
  border: 1px solid transparent;
  text-decoration: none;
  border-radius: 5px 5px 0 0;
}
.otgs-tabs .otgs-tabs-menu li a span {
  -webkit-filter: grayscale(100%) brightness(150%);
  -moz-filter: grayscale(100%) brightness(150%);
  -o-filter: grayscale(100%) brightness(150%);
  -ms-filter: grayscale(100%) brightness(150%);
  filter: grayscale(100%) brightness(150%);
}
.otgs-tabs .otgs-tabs-menu li a.otgs-tab-active {
  border-bottom-color: #fff;
}
.otgs-tabs .otgs-tabs-menu li a:hover span, .otgs-tabs .otgs-tabs-menu li a.otgs-tab-active span {
  -webkit-filter: grayscale(0%) brightness(100%);
  -moz-filter: grayscale(0%) brightness(100%);
  -o-filter: grayscale(0%) brightness(100%);
  -ms-filter: grayscale(0%) brightness(100%);
  filter: none;
}
.otgs-tabs .otgs-tabs-menu li a [class^="otgs-icon"] {
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-size: 24px;
  width: 30px;
  height: 42px;
  line-height: 42px;
}
.otgs-tabs .otgs-tabs-menu li a .otgs-icon-blank {
  width: 1px;
}
.otgs-tabs .otgs-tabs-menu li a:hover {
  text-decoration: none;
}
.otgs-tabs .otgs-tabs-menu li:first-child a {
  margin-left: 0;
}
.otgs-tabs .otgs-tab-content-container {
  clear: both;
  border: 1px solid transparent;
}
.otgs-tabs .otgs-tab-content-container .otgs-tab-content {
  display: none;
  padding: 20px;
}
.otgs-tabs .otgs-tab-content-container .otgs-tab-content.otgs-tab-active {
  display: block;
}
.otgs-tabs .otgs-tab-content-container .otgs-tab-content > *:first-child {
  margin-top: 0;
}
.otgs-tabs .otgs-tab-content-container .otgs-tab-content > *:last-child {
  margin-bottom: 0;
}

.otgs-toolset .otgs-tabs-title,
.otgs-toolset .otgs-tabs-menu li a {
  color: #f05a29;
}
.otgs-toolset .otgs-tab-content-container,
.otgs-toolset .otgs-tabs-menu li a {
  border-color: #eee;
}