﻿/* Layout */
/* Content */
/* Footer */
/* Header */
/* Main Menu */
/* Ellipsis -> Apps Icon */
/* Hide item images */
/* Change Ellipsis image Apps Icon */
/* Show item images */
/* Right area menu */
/* Account */
/* Left Panel */
/* Right Panel */
/* Toolbar */
.footer-version {
  color: #999999; }

.footer {
  color: #999999; }

.footer-link {
  color: #999999;
  border-right: 1px solid #bbbbbb; }

.app-header {
  background-color: #3154A0 !important;
  padding: 0 !important;
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2);
  border-bottom-width: 0 !important; }
  .app-header .left-block {
    float: left; }
    .app-header .left-block .header-menu .image-item > .dxm-content {
      padding: 0 8px 0 8px; }
    .app-header .left-block .header-menu .item.toggle-item > .dxm-content {
      padding: 0 14px 0 14px; }
  .app-header .right-block {
    float: right; }
    .app-header .right-block .header-menu .image-item > .dxm-content {
      padding: 0 7px 0 7px; }
    .app-header .right-block .header-menu .item.toggle-item > .dxm-content {
      padding: 0 14px 0 14px; }
  .app-header .menu-container {
    overflow: hidden;
    background-color: transparent;
    overflow: hidden;
    background-color: #3154A0 !important; }
    .app-header .menu-container > div {
      float: right; }
  .app-header .header-menu .item.selected {
    color: inherit;
    box-sizing: border-box;
    background-color: transparent; }
    .app-header .header-menu .item.selected .dxm-content {
      margin-bottom: -2px;
      color: inherit; }
  .app-header .header-menu .item.hovered {
    background-color: transparent; }
    .app-header .header-menu .item.hovered .dxm-content {
      color: inherit; }
  .app-header .header-menu .item.selected {
    color: inherit;
    background-color: #3154A0; }
    .app-header .header-menu .item.selected .dxm-content {
      color: inherit; }
  .app-header .header-menu .item.hovered {
    background-color: #3154A0; }
    .app-header .header-menu .item.hovered .dxm-content {
      color: inherit; }

.header-logo {
  background: url("../Images/Azteca/50x53logo.svg") no-repeat center;
  background-size: contain; }

.header-menu {
  color: white;
  background-color: #3154A0 !important; }
  .header-menu .adaptive-image {
    background: url("../Images/adaptive-menu.svg") no-repeat center; }
  .header-menu .toggle-item .image {
    background: url("../Images/double.svg") no-repeat center; }
  .header-menu .toggle-item.checked .image {
    background: url("../Images/double-close.svg") no-repeat center; }
  .header-menu .account-background {
    background-color: rgba(0, 0, 0, 0.1); }
    .header-menu .account-background .empty-image {
      background: url("../Images/user.svg"); }

.user-info .text-container .user-name {
  color: #444444; }

.user-info .text-container .email {
  color: #666666; }

.myaccount-item {
  background-color: #e4e4e4; }

.left-panel {
  background-color: #3C3C3C !important; }

.leftpanel-section {
  background-color: #2C2C2C; }

.section-caption {
  border-top: solid 1px #2C2C2C;
  border-bottom: solid 1px #2C2C2C;
  color: #494949; }

.tree-view {
  background-color: #3C3C3C; }

a.tree-view-node {
  color: #2C2C2C; }

a.tree-view-node.hovered {
  background-color: #2C2C2C; }

.tree-view-elbow {
  background-color: #3C3C3C; }

.tree-view-text {
  color: #FFFFFF; }

.right-panel {
  border-left: 1px solid #2C2C2C; }

.settings-content {
  padding: 24px 20px; }
  .settings-content h2 {
    color: #494949;
    font-size: 1.3em;
    font-weight: 600; }
  .settings-content p {
    color: #999999; }

.page-toolbar-wrapper {
  background-color: white; }

.page-toolbar {
  background-color: rgba(0, 0, 0, 0.1) !important; }
  .page-toolbar .item > h1 {
    color: #494949; }

.dxtvControl_Office365 .dxtv-ndHov {
  background-color: black !important; }

@media (max-width: 359px) {
  .header-logo {
    visibility: hidden; } }

@media (max-width: 720px) {
  .header-menu .adaptive-image {
    background: url("../Images/application.svg") no-repeat center; } }

.left-panel li a:hover {
  background-color: #3154A0 !important; }

.dxtv-nd.tree-view-node.dxtv-ndSel {
  background-color: #3154A0 !important; }

.dxpnlControl_Metropolis.dxpnl-edge,
.dxpnlControl_Metropolis.dxpnl-edge.dxpnl-bar {
  background-color: #3C3C3C; }

.ticket {
  background: url(../Images/Azteca/50x53logo.svg) no-repeat center;
  background-size: cover; }

.bg-primary-theme {
  background-color: #3154A0 !important; }

.bg-secondary-theme {
  background-color: #ffffff !important; }

.color-primary-theme {
  color: #3154A0 !important; }

.color-secondary-theme {
  color: #ffffff !important; }

.app-header {
  background-color: #ffffff !important; }

.header-menu {
  background-color: #ffffff !important; }

/*.app-header .header-menu .item {
  background-color: $color-primary;
}*/
