/********************************************
 html
 ********************************************/
body, html {
  height: 100%;
  margin: 0px;
  background-color: black;
  color: white;
}


/********************************************
 basic
 ********************************************/
#header {
  padding: 5px 15px;
  background: #001c31;
}
#content {
  margin: 40px 0px;
}
#footer {
  padding: 5px 15px;
  background: rgb(48,0,50);
}


/********************************************
 main
 ********************************************/
#header-wrapper {
	width:100%;
	margin:0;
	padding:0;
  background: #001c31;
}
#header-container {
  /* stuff */
}
#header-row {
  margin-bottom: 0px; !important
}
#header-col {
  padding: 15px;
}
#header-box {
  /* width: 1140px; */
}
.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    color: #656565;
    /* height: 100%; */
}
.linkerino {
	color: blue;
	text-decoration: underline;
}


/********************************************
 background colors
 ********************************************/
/* datagrid */
.bg-dg-blue {
  background: #054C7C !important;
}
.bg-dg-oran {
  background: #F09856 !important;
}
.bg-dg-grey { /* light blue */
  background: #c0d2de !important;
}
.bg-dg-real-grey { /* grey */
  background: #dfe1e0 !important;
}


/********************************************
 text colors
 ********************************************/
.cl-dg-satan {
  color: #666666 !important;
}
.cl-dg-disabled {
  color: #aaa !important;
}
.cl-dg-grey {
  color: #c0d2de !important;
}
.cl-dg-blue {
  color: #054C7C !important;
}
.cl-dg-light {
  /* commented !important because it wasn't working with .linkerino in edit-supply */
  /* color: #648CAC !important; */
  color: #648CAC;
}
.cl-dg-oran {
  color: #F09856 !important;
}