/*
  page.css
  skin: Material
  Styles for the page and for all the Tags
  $Id: page.css,v 1.29 2021/01/15 15:56:18 liacolettig 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"); }

/*
 * Standard Tags division
 */
a {
  color: #19354e;
  font-size: 12px !important;
  font-weight: bold;
  text-decoration: none; }

a:hover {
  color: #32699b !important;
  text-decoration: underline; }

/* style for acronyms (like CSS, HTML...) */
abbr, acronym {
  border: none;
  cursor: help;
  font-style: italic; }

/* Standard properties for the body */
body {
  background: white;
  color: #484848;
  font: 12px "Roboto", sans-serif;
  margin: 0;
  padding: 0;
  line-height: 140%;
  text-align: left; }

/* For different navbars (position) */
body#navBar[data-orientation="h"] {
  border-top: 2px solid #daa848; }

body#navBar[data-orientation="h"] td.application {
  padding: 0 !important;
  font: normal 11px "Roboto", sans-serif !important;
  letter-spacing: 0 !important; }

/* Headers */
h1, h2, h3, h4, h5, h6 {
  line-height: 160% !important;
  margin: 10px 0 !important;
  font-weight: 500 !important; }

/*
 * Generic background definition
 */
/* generic success */
.error {
  color: white;
  background-color: #ff5252;
  font: 12px "Roboto", sans-serif;
  padding: 4px 8px; }

/* generic success */
.info {
  color: white;
  background-color: #388e3c;
  font: 12px "Roboto", sans-serif;
  padding: 4px 8px; }

.warning {
  color: white;
  background-color: #ffc107;
  font: 12px "Roboto", sans-serif;
  padding: 4px 8px; }

/*
 * Counter page division
 */
/* div that contains the counter at bottom of page */
.counterDiv {
  color: #b5babe;
  font: 11px "Roboto", sans-serif;
  padding: 0.5em;
  text-align: center; }

.counterNum {
  color: #b5babe;
  font: 12px "Roboto", sans-serif;
  padding: 0.2em; }

/*
 * Custom Navigation Bar division (Ex. Foot)
 */
body#navBar {
  background-color: #E8E8E8 !important;
  color: white !important;
  margin: 0;
  padding: 0; }

span.group {
  font: 14px "Roboto", sans-serif; }

#navBar .application {
  color: #7a7a7a !important;
  font: bold 12px "Roboto", sans-serif;
  letter-spacing: 1px;
  padding: 0 10px;
  text-align: center;
  vertical-align: middle; }

/*
 * Custom page division (Login, StartProject, Error page, Index)
 */
body#page {
  background: white; }

#page .alert {
  color: #ff5252;
  font: bold 18px "Roboto", sans-serif;
  letter-spacing: 1px;
  text-decoration: none; }

#page .alertSmall {
  color: #ff5252;
  font: bold 10px "Roboto", sans-serif;
  letter-spacing: 1px;
  margin-top: 7px; }

#page .bold {
  color: #484848;
  font: bold 12px "Roboto", sans-serif;
  letter-spacing: 1px;
  line-height: 16px; }

#page .key {
  color: #7a7a7a;
  font: 12px "Roboto", sans-serif;
  margin: 6px 6px 6px 6px; }

#page .label {
  color: #7a7a7a;
  font: 13px "Roboto", sans-serif; }

#page .normal {
  color: #484848;
  font: 13px "Roboto", sans-serif; }

#page .tiny {
  color: #19354e;
  font: 11px "Roboto", sans-serif;
  margin-top: 25px; }

#page .title {
  font: 18px "Roboto", sans-serif; }

/*
 * Custom Title Bar division (Ex. head)
 */
body#titleBar {
  background: #daa848 !important;
  color: #484848;
  margin: 0;
  padding: 0; }

#titleBar .label {
  color: #484848;
  font: 12px "Roboto", sans-serif;
  text-align: center; }

/* Big section */
#titleBar .tbBig_Title {
  color: #19354e;
  font: bold 22px "Roboto", sans-serif;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase; }

#titleBar .tbBig_1 {
  /* Firm logo section */
  background: #fff url('/grp/iw/img/skins/acqua/page/titlebar/tbBig_1.png');
  text-align: center;
  vertical-align: middle; }

#titleBar .tbBig_2 {
  /* Left col junction */
  background: #fff url('/grp/iw/img/skins/acqua/page/titlebar/tbBig_2.png'); }

#titleBar .tbBig_3 {
  /* Central div */
  background: #fff url('/grp/iw/img/skins/acqua/page/titlebar/tbBig_3.png');
  text-align: center; }

#titleBar .tbBig_4 {
  /* Right col junction */
  background: #fff url('/grp/iw/img/skins/acqua/page/titlebar/tbBig_4.png'); }

#titleBar .tbBig_5 {
  /* Group logo section */
  background: #fff url('/grp/iw/img/skins/acqua/page/titlebar/tbBig_5.png');
  text-align: center;
  vertical-align: middle; }

/* Medium section */
#titleBar .tbMedium_Title {
  color: #19354e;
  font: bold 20px "Roboto", sans-serif;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase; }

#titleBar .tbMedium_1 {
  /* Firm logo section */
  background: #fff url('/grp/iw/img/skins/acqua/page/titlebar/tbMedium_1.png');
  text-align: center;
  vertical-align: middle; }

#titleBar .tbMedium_2 {
  /* Left col junction */
  background: #fff url('/grp/iw/img/skins/acqua/page/titlebar/tbMedium_2.png');
  vertical-align: middle; }

#titleBar .tbMedium_3 {
  /* Central div */
  background: #fff url('/grp/iw/img/skins/acqua/page/titlebar/tbMedium_3.png');
  text-align: center;
  vertical-align: middle; }

#titleBar .tbMedium_4 {
  /* Right col junction */
  background: #fff url('/grp/iw/img/skins/acqua/page/titlebar/tbMedium_4.png');
  vertical-align: middle; }

#titleBar .tbMedium_5 {
  /* Group logo section */
  background: #fff url('/grp/iw/img/skins/acqua/page/titlebar/tbMedium_5.png');
  text-align: center;
  vertical-align: middle; }

/* Small section */
#titleBar .tbSmall_1 {
  /* Firm logo section */
  background: #fff url('/grp/iw/img/skins/acqua/page/titlebar/tbSmall_1.png');
  text-align: center;
  vertical-align: middle; }

#titleBar .tbSmall_2 {
  /* Left col junction */
  background: #fff url('/grp/iw/img/skins/acqua/page/titlebar/tbSmall_2.png');
  vertical-align: middle; }

#titleBar .tbSmall_3 {
  /* Central div */
  background: #fff url('/grp/iw/img/skins/acqua/page/titlebar/tbSmall_3.png');
  text-align: center;
  vertical-align: middle; }

#titleBar .tbSmall_4 {
  /* Right col junction */
  background: #fff url('/grp/iw/img/skins/acqua/page/titlebar/tbSmall_4.png');
  vertical-align: middle; }

#titleBar .tbSmall_5 {
  /* Group logo section */
  background: #fff url('/grp/iw/img/skins/acqua/page/titlebar/tbSmall_5.png');
  text-align: center;
  vertical-align: middle; }

/* Custom scrollbar */
/* width */
::-webkit-scrollbar {
  height: 8px;
  width: 8px; }

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background: rgba(25, 53, 78, 0.5); }

::-webkit-scrollbar-thumb:hover {
  background: rgba(25, 53, 78, 0.7); }