/********************************************
 general
 ********************************************/
body, html {
  height: 100%;
  margin: 0px;
  background: #DFE1E0;
  color: #666666 !important;
}
#header {
  padding: 5px 15px;

  /* blue */
  background: #054C7C;
  color: #c0d2de;
  border-bottom: 1px solid #012B47;
}
#content {
  margin: 40px 0px;
}
#footer {
  padding: 5px 15px;
  /* padding: 25px; */
  /* padding: 25px; */

  /* dark grey */
  background: #333;
  color: #f8f8f8;
  border-top: 1px solid black;
}




 /********************************************
  main
  ********************************************/
#refresh {
  padding: 10px 0px;

  /* orange */
  background: #FFD7BB;
  color: #793100;
  border-bottom: 1px solid #C8570B;
}
/* #inputDiv {
}
#inputCoords {
}
#outputDiv {
}
#outputCoords {
}
#developerNote {
} */
.column-border-right {
  border-right: 1px dashed #666666;
}
.column-border-right-light {
  border-right: 1px dashed #cccccc;
}
.hoverhand {
  cursor: pointer;
}
.padding-large {
  padding: 50px !important;
}




/********************************************
 color codes
 ********************************************/
 /* -- blue:     #054C7C */
 /* -- light:    #437FAA */
 /* -- lighter:  #8fb9d7 */
 /* -- orange:   #F09856 */
 /* -- white:    #ffffff */
 /* -- white:    #ffffff */

 /* -- light blue:  #c0d2de */
 /* -- grey:        #DFE1E0 */
 /* -- light grey:  #f8f8f8 */

 /* -- orange:   #F7914B */
 /* -- darker:   #793100 */
 /* -- dark:     #C8570B */
 /* -- light:    #FFC096 */
 /* -- lighter:  #FFD7BB */
 /* -- lightest: #FFFBF9 */




/********************************************
 backgroud colors
 ********************************************/
/* old */
.bg-purple {
  background: rgb(48,0,50);
}
.bg-gray {
  background: rgb(74,74,74);
}
.bg-blue {
  background: rgb(50,101,196);
}
.bg-red {
  background: rgb(196,50,53);
}

/* personal */
.bg-personal-forest-green {
  background: #025142 !important;
}

/* datagrid */
.bg-dg-blue {
  background: #054C7C !important;
}
.bg-dg-oran {
  /* background: #F09856; */
  background: #F09856 !important;
  /* background-color: #F09856 ; */
  /* background-color: #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-grey {
  color: #c0d2de !important;
}
.cl-dg-blue {
  color: #054C7C !important;
}
.cl-dg-light {
  color: #648CAC !important;
}
.cl-dg-oran {
  color: #F09856 !important;
}