.navbar {
  width: 100%;
  flex: 1 0 53px;
}
.navbar .ui.menu .item.brand {
  background: none;
  font-weight: bold;
  font-size: 40px;
  padding: 6px 11px;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  font-family: 'Pattaya';
}
.navbar .ui.menu .item.brand span {
  position: relative;
  display: inline-block;
  transition: color 0.4s, opacity 0.4s;
  opacity: 1;
}
.navbar .ui.menu .item.brand span:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 0.8;
  transition: transform 0.5s;
  opacity: 0.3;
}
.navbar .ui.menu .item.brand span:first-child {
  color: #f87230;
}
.navbar .ui.menu .item.brand span:first-child:before {
  background: #404245;
  transform: translate3d(0, -150%, 0);
}
.navbar .ui.menu .item.brand span:last-child {
  color: #404245;
}
.navbar .ui.menu .item.brand span:last-child:before {
  background: #f87230;
  transform: translate3d(0, 150%, 0);
}
.navbar .ui.menu .item.brand:hover span {
  opacity: 1;
}
.navbar .ui.menu .item.brand:hover span:first-child {
  color: #404245;
}
.navbar .ui.menu .item.brand:hover span:first-child:before {
  transform: translate3d(0, 150%, 0);
}
.navbar .ui.menu .item.brand:hover span:last-child {
  color: #f87230;
}
.navbar .ui.menu .item.brand:hover span:last-child:before {
  transform: translate3d(0, -150%, 0);
}
.navbar .appname {
  width: 250px;
}
.navbar .ui.menu .dropdown.item .menu {
  overflow: auto;
  max-height: 55vh;
}
.navbar .userguide {
  height: 30px;
  margin-top: 10px !important ;
}

body {
  /** fix horizontal scrollbar */
}
body ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}
body:before {
  background: url(/img/background..png);
  background-size: cover;
  opacity: 0.2;
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
body .app {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
body .app .content-wrapper {
  width: 100%;
  flex: 1 1 100%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
body .app .content-wrapper > .sidebar {
  background: #f87230;
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex: 0 0 50px;
}
body .app .content-wrapper > .sidebar > div {
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
  justify-content: space-between;
}
body .app .content-wrapper > .sidebar > div > .menu {
  margin: 0;
  flex: 0 0 100%;
  position: relative;
}
body .app .content-wrapper > .sidebar > div > .menu .item {
  border-radius: 0 !important;
  margin: 0;
  font-size: 1rem;
  margin-left: -5px;
  padding: 15px 24px;
  transition: all 100ms linear;
}
body .app .content-wrapper > .sidebar > div > .menu .item.active {
  box-shadow: inset 1px 1px 3px 1px #00000012;
}
body .app .content-wrapper > .sidebar > div > .menu .item i.custom-icon {
  font-size: 1.5rem;
  margin-top: -4px;
}
body .app .content-wrapper > .sidebar > div > .menu .item i.custom-icon:not(.dropdown) {
  margin-left: -7px;
}
body .app .content-wrapper > .content {
  flex: 1 0;
  overflow: auto;
  background: #ffffff;
  padding: 15px;
}
body .app .content-wrapper > .content > .dimmable,
body .app .content-wrapper > .content > .dimmed,
body .app .content-wrapper > .content .main-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.hidden {
  display: none;
}
.custom-icon {
  display: inline-block;
  background-size: contain;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.custom-icon.settings {
  background-image: url(/img/settings..png);
}
.custom-icon.setting {
  background-image: url(/img/setting..png);
}
.custom-icon.presets {
  background-image: url(/img/presets..png);
}
.custom-icon.basics {
  background-image: url(/img/basics..png);
}
.custom-icon.calendar {
  background-image: url(/img/calendar..png);
}
.custom-icon.layers {
  background-image: url(/img/layers..png);
}
.custom-icon.fusionFields {
  background-image: url(/img/fusion_fields..png);
}
.custom-icon.templates {
  background-image: url(/img/templates..png);
  filter: contrast(1.5);
}
.custom-icon.grid {
  background-image: url(/img/grid..png);
}
.custom-icon.search {
  background-image: url(/img/search..png);
}
.custom-icon.code {
  background-image: url(/img/code..png);
}
.custom-icon.undo {
  background-image: url(/img/undo..png);
}
.custom-icon.upload {
  background-image: url(/img/upload..png);
}
.custom-icon.download {
  background-image: url(/img/download..png);
}
.custom-icon.undo {
  background-image: url(/img/undo..png);
}
.custom-icon.redo {
  background-image: url(/img/redo..png);
}
.custom-icon.trash {
  background-image: url(/img/trash..png);
}
.custom-icon.preview {
  background-image: url(/img/preview..png);
}
.custom-icon.desktop {
  background-image: url(/img/desktop..png);
}
.custom-icon.tablet {
  background-image: url(/img/tablet..png);
}
.custom-icon.mobile {
  background-image: url(/img/mobile..png);
}
.custom-icon.promotetemplate {
  background-image: url(/img/promotetemplate..png);
  height: 100% !important;
}
.custom-icon.requests {
  background-image: url(/img/requests..png);
}
.custom-icon.requests.large {
  font-size: 1em;
}
.custom-icon.docflows {
  background-image: url(/img/docflows..png);
}
.custom-icon.datasource {
  background-image: url(/img/datasource..png);
}
.custom-icon.dashboard {
  background-image: url(/img/dashboard..png);
}
.custom-icon.overview {
  background-image: url(/img/overview..png);
}
.custom-icon.close {
  background-image: url(/img/cross..png);
}
.custom-icon.send {
  background-image: url(/img/send..png);
}
.custom-icon.email {
  background-image: url(/img/email..png);
}
.custom-icon.sendgridaudit {
  background-image: url(/img/sendgridaudit..png);
}
.custom-icon.docusign {
  background-image: url(/img/docusign..png);
}
.custom-icon.sharepoint {
  background-image: url(/img/sharepoint..png);
}
.custom-icon.esignature {
  background-image: url(/img/esignature..png);
}
.custom-icon.info {
  background-image: url(/img/info..png);
  transform: scale(0.8);
  height: 21px;
  width: 21px;
  margin-top: -1px;
}
.custom-icon.conditionalfields {
  background-image: url(/img/conditionalfields..png);
  transform: scale(1.2);
}
.custom-icon.dynamicfields {
  background-image: url(/img/dynamicfields..png);
  transform: scale(1.2);
}
.custom-icon.dsinitials {
  background-image: url(/img/dsinitials..png);
}
.custom-icon.dscheckbox {
  background-image: url(/img/dscheckbox..png);
}
.custom-icon.dsname {
  background-image: url(/img/dsname..png);
}
.custom-icon.dstext {
  background-image: url(/img/dstext..png);
}
.custom-icon.datesigned {
  background-image: url(/img/datesigned..png);
}
.custom-icon.pdf {
  background-image: url(/img/pdf..png);
}
.custom-icon.attach {
  background-image: url(/img/attach..png);
}
.custom-icon.file {
  background-image: url(/img/file..png);
  font-size: 1em !important;
}
.custom-icon.approver {
  background-image: url(/img/approver..png);
}
.custom-icon.signer {
  background-image: url(/img/signer..png);
}
.custom-icon.carboncopy {
  background-image: url(/img/carboncopy..png);
}
.custom-icon.mass-generate {
  background-image: url(/img/mass-generate..png);
}
.custom-icon.azure {
  background-image: url(/img/azure..png);
}
.custom-icon.users {
  background-image: url(/img/users..png);
}
.custom-icon.inverted {
  filter: invert(1);
}
.custom-icon.black {
  filter: brightness(0);
}
.custom-icon.white,
.ui.button.circular:hover .custom-icon {
  filter: brightness(0) invert(1);
}
.custom-icon.link {
  cursor: pointer;
}
.custom-icon.link.disabled {
  cursor: none;
  opacity: 0.4 !important;
  pointer-events: none;
}
.custom-icon.link:hover {
  opacity: 0.7;
}
.custom-icon.orange,
.custom-icon.link:active,
.ui.button.circular:active .custom-icon {
  filter: contrast(0) sepia(100%) hue-rotate(333deg) brightness(0.93) saturate(5);
}
.custom-icon.red {
  filter: contrast(0) sepia(100%) hue-rotate(310deg) brightness(0.93) saturate(5);
}
.custom-icon.dropdown.icon {
  width: 1em;
  height: 1em;
  margin: 0;
  line-height: auto;
  padding: 0;
}
.custom-icon:before {
  content: none !important;
}
.custom-icon.center {
  background-position: center;
  vertical-align: middle;
}
.ui.icon.button .custom-icon,
a.icon .custom-icon {
  width: 1em !important;
  height: 1em !important;
  margin: 0;
  line-height: auto;
  padding: 0;
}
.ui.icon.button:active .custom-icon,
a.icon:active .custom-icon {
  filter: contrast(0) sepia(100%) hue-rotate(333deg) brightness(0.93) saturate(5);
}
.tenant-priority .menu {
  max-height: 11rem !important;
}