html, body {
  font-family: 'Roboto', 'Helvetica', sans-serif;
}

.bg_green {
  background-color:#42a629;
}

.main_title {
  color:#ffffff;
  font-size:30px;
  font-weight:500;
}

.txt_green {
  color:#42a629;
  font-size:30px;
}

.bar_gray {
  background-color: #ffffff;
}

.side_bar_bg {
  background-color: #4d4d4d;
  height:100%;
}

.main_content {
  background-color:#e6e6e6;
}

/* .layout .mdl-layout__header .mdl-layout__drawer-button {
  color: rgba(0, 0, 0, 0.54);
} */
.mdl-layout__drawer .avatar {
  margin-bottom: 16px;
}
.drawer {
  border: none;
}
/* iOS Safari specific workaround */
.drawer .mdl-menu__container {
  z-index: -1;
}
.drawer .navigation {
  z-index: -2;
}
/* END iOS Safari specific workaround */
.drawer .mdl-menu .mdl-menu__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.avatar {
  width: 28px;
  height: 28px;
  border-radius: 14px;
}

.avatar_name {
  margin-left:22px;
  color:black;
}

.drawer-header {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 16px;
  height: 151px;
}

.avatar-dropdown {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.navigation {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.layout .navigation .mdl-navigation__link {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(255, 255, 255, 1.0);
  font-weight: 320;
  opacity:1.0!important;
}
.layout .navigation .mdl-navigation__link:hover {
  background-color: #42a629;
  color: #37474F;
}
.navigation .mdl-navigation__link .material-icons {
  font-size: 25px!important;
  color: rgba(255, 255, 255, 1.0);
  margin-right: 32px;
}

.mdl-navigation__link {
  cursor: pointer;
  font-size: 17px!important;
}

.content {
  /* max-width: 1080px; */
  min-width: 700px;
  margin-top:20px;
  margin-left:15px; /*55px;*/
}

_:-ms-input-placeholder, :root .graphs {
  min-height: 664px;
}
_:-ms-input-placeholder, :root .graph {
  max-height: 300px;
}

.menu_to_left { 
	position: fixed; 
	display: block; 
	right:10px; 
	margin-top: 20px; 
	margin-bottom: 20px; 
	z-index: 900; 
} 

.to_right { 
	display:none; 
} 

.logo_spacer{
  max-height:145px;
}

.side_bar_logo { 
	/* position: fixed;  */
	top:20px; 
  margin:8px;
  margin-left:16px; 
} 

.bar_divider {
	width:2px;
	height:100%;
	margin-right:42px;
	background-color:#e6e6e6;
}

/* Desktop view only */
body {
	position:relative;
	min-width:1025px!important;
}
.mdl-layout--fixed-drawer>.mdl-layout__drawer {
    -webkit-transform: translateX(0)!important;
    transform: translateX(0)!important;
    width:280px!important;
}
@media screen and (max-width: 1024px){
	/* .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
		padding-left:36px!important;
  } */
  
  .mdl-layout--fixed-drawer>.mdl-layout__content {
    margin-left: 240px;
  }
}

.mdl-layout--fixed-drawer>.mdl-layout__content {
  margin-left: 15px;
}
.mdl-textfield {
  width:100%;
}

/* ---------- */
/* Footer css */
/* ---------- */
.footer {
  background-color:#f1f1f1;
  color:#00000065;
}
footer div {
  text-align:center;
  font-size:13px; 
  line-height:1.6;
  /* width:100%; */
}
footer img {
  vertical-align: baseline;
}
.footer_main {
  background-color:#e6e6e6;
  color:#00000065;
}

.mdl-mega-footer {
  padding: 16px 0px!important;
}

.rTable {display: table;}
.rTableRow {display: table-row;}
.rTableCell{display: table-cell;padding-right: 15px;}