/*
  application.css
  skin: Material
  Styles for all the applications of the IW framework
  $Id: application.css,v 1.7 2021/09/21 09:30:37 aquaino Exp $
*/
/* Roboto - Google Font */
@font-face {
  font-family: "Roboto";
  src: url("/grp/iw/fonts/ttf/Roboto-Regular.ttf") format("truetype"); }
/* Roboto Mono - Google Font */
@font-face {
  font-family: "Roboto Mono";
  src: url("/grp/iw/fonts/ttf/RobotoMono-Regular.ttf") format("truetype"); }
/* Open Sans - Google Font */
@font-face {
  font-family: "Open Sans";
  src: url("/grp/iw/fonts/ttf/OpenSans-Regular.ttf") format("truetype"); }

/*
 * CSS for File Manager application
 */
a.ghost:link {
  color: #19354e;
  text-decoration: none; }

a.ghost:hover {
  color: #32699b;
  text-decoration: none; }

a.ghost:active {
  color: #daa848;
  text-decoration: none; }

/*
 * CSS for menu application
 */
 /* Menu animations and effects */

 .app-menu-item table {
   -webkit-transition: all .66s ease;
   transition: all .66s ease;
   -webkit-filter: brightness(89%); /* Safari 6.0 - 9.0 */
   filter: brightness(89%);
 }
 .app-menu-item:hover table {
   -webkit-filter: none;
   filter: none;
 }
 .app-menu-item:hover div.group img {
   transform: scale(1.15);
 }

 .app-menu-item div.group {
   border-left: 4px solid #e7c688;
   -webkit-transition: all .16s ease;
   transition: all .16s ease;
 }
 .app-menu-item:hover div.group {
   border-left: 10px solid #e7c688 !important;
 }

 .app-image {
   -webkit-transition: transform .33s ease-in-out;
   transition: transform .33s ease-in-out;
 }
 .app-image:hover {
   -webkit-filter: brightness(110%); /* Safari 6.0 - 9.0 */
   filter: brightness(110%);
 }

/* Background of menu bar */
.menu {
  background-color: white; }

/* Top level menu link items style (Works in default, accordion, drop* templates) */
.group,
.menu .group {
  color: white;
  font: 12px "Roboto", sans-serif !important;
  letter-spacing: 1px;
  margin-top: 4px; }

.menu .group:link,
.menu .group:visited {
  text-decoration: none; }

/* Top level when goes to submenu */
.menu .group.selected {
  color: #484848;
  text-decoration: none; }

/* Top level when hover */
.menu .group:hover {
  color: #484848; }

/* Sub level menu */
.menu .application:link,
.menu .application:visited {
  border-radius: 4px;
  color: #daa848;
  font: 11px "Roboto", sans-serif;
  margin: 10px;
  text-decoration: none !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

/* Sub level when hover */
.menu .application:hover {
  color: white; }

/* Sub level Shadow frame */
.menushadow {
  background: url("/grp/img/shadow.png");
  background-position: bottom right;
  border-radius: 4px;
  position: absolute;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

#menu-template .group {
  color: #7a7a7a !important;
  font-weight: bold !important;
  padding-left: 8px !important;
  text-transform: uppercase !important; }

.iw-menu a {
  font-weight: normal; }

span.group {
  border: none !important; }

/* Menu sections separators */
.menu-app-container-special {
  border-bottom: dashed 1px #666;
}

.menu-app-container {
  border-bottom: dashed 1px #bbb;
}