body {
            -webkit-transition: background-color 1s;
            transition: background-color 1s;
        }
        html, body { min-height: 100%; 
		   FONT-FAMILY: Tahoma, Arial, Verdana, sans-serif;
    		FONT-SIZE: 8pt
		}
        body.loading {
            background: #333 url('http://code.jquery.com/mobile/1.3.1/images/ajax-loader.gif') no-repeat 50% 50%;
            -webkit-transition: background-color 0;
            transition: background-color 0;
            opacity: 0;
            -webkit-transition: opacity 0;
            transition: opacity 0;
        }


TD
{
    FONT-FAMILY: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 8pt
}
P
{
    FONT-FAMILY: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 12pt
}
A
{
    COLOR: blue;
    TEXT-DECORATION: underline
}
A:hover
{
    COLOR: red;
    TEXT-DECORATION: underline
}


.leftnavfirsttext {font-family: Tahoma; font-size: 11px; text-decoration: none; text-align: left;}

.inputbox {font-family: arial; font-size: 8pt; border-top: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid lightgrey; border-bottom: 1px solid lightgrey;}

.formbutton {font-family: arial; font-size: 8pt;}

.finishbutton {font-family: arial; BACKGROUND-COLOR: #FF0000; COLOR: white; FONT-SIZE: 12px; text-decoration:none; text-shadow:Gray; font-weight:600;}


.input1
{
    BACKGROUND-COLOR: #5D81B3;
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR: white;
    CURSOR: hand;
    FONT-FAMILY: tahoma, sans-serif;
    FONT-SIZE: 11px;
    HEIGHT: 19px;
    TEXT-DECORATION: none
}
.input2
{
    BACKGROUND-COLOR: #FF6600;
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR: black;
    CURSOR: hand;
    FONT-FAMILY: tahoma, sans-serif;
    FONT-SIZE: 11px;
    HEIGHT: 19px;
    TEXT-DECORATION: none
}
.inputbig
{
    BACKGROUND-COLOR: #FF6600;
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR: black;
    CURSOR: hand;
    FONT-FAMILY: tahoma, sans-serif;
    FONT-SIZE: 14px;
    HEIGHT: 25px;
    TEXT-DECORATION: none
}
.sbttn1
{
    BACKGROUND-COLOR: #eeeeee;
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR: black;
    CURSOR: hand;
    FONT-FAMILY: tahoma, sans-serif;
    FONT-SIZE: 11px;
    HEIGHT: 20px;
    TEXT-DECORATION: none
}





    /* Always set the map height explicitly to define the size of the div
     * element that contains the map. */
    #map {
      height: 100%;
      background-color: grey;
    }

    /* Optional: Makes the sample page fill the window. */
    html,
    body {
      height: 100%;
      margin: 0;
      padding: 0;
    }

    /* TODO: Step 4A1: Make a generic sidebar */
    /* Styling for an info pane that slides out from the left. 
     * Hidden by default. */
    #panel {
      height: 100%;
      width: null;
      background-color: white;
      position: fixed;
      z-index: 1;
      overflow-x: hidden;
      transition: all .2s ease-out;
	
    }

    .open {
      width: 250px;
    }

    /* Styling for place details */
    .hero {
      width: 100%;
      height: auto;
      max-height: 166px;
      display: block;
    }

    .place,
    p {
      font-family: 'open sans', arial, sans-serif;
	  font-size: 15px;
      padding-left: 18px;
      padding-right: 18px;
    }

    .details {
      color: darkslategrey;
    }


	#Title,#keynotes,#telephone,#result{
	 font-size: 14px;
	 font-weight:bold;
	}


	#bodyContent{
	 font-size: 14px;
	  color: black;
	}

	#lastnotes,#Timesincelastorder,#Timesincelastorder{
	 font-size: 14px;
	  color: blue;
	 font-weight:bold;
	}

	#LastordervalueAmount{
	 font-size: 14px;
	  color: black;
	 font-weight:bold;
	}
	
	#Timesincelastorder{
	 font-size: 14px;
	  color: black;
	 font-weight:bold;
	}

	#Lastordervalue{
	 font-size: 14px;
	  color: green;
	 font-weight:bold;
	}
	

	
	#totaldebt{
	 font-size: 14px;
	  color: red;
	 font-weight:bold;
	}

	#address{
	 font-size: 14px;
	 font-weight:bold;
	}


	.textarea {
      font-family: 'open sans', arial, sans-serif;
	  font-size: 13px;
      padding-left: 18px;
      padding-right: 18px;
    }

    a {
      text-decoration: none;
      color: cadetblue;
    }
	
	div{
	   font-family: 'open sans', arial, sans-serif;
	   font-size: 12px;
	}





/* CSS */
.button-44 {
  background: #e62143;
  border-radius: 11px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-family: Mija,-apple-system,BlinkMacSystemFont,Roboto,"Roboto Slab","Droid Serif","Segoe UI",system-ui,Arial,sans-serif;
  font-size: 1.15em;
  font-weight: 700;
  justify-content: center;
  line-height: 33.4929px;
  padding: .8em 1em;
  text-align: center;
  text-decoration: none;
  text-decoration-skip-ink: auto;
  text-shadow: rgba(0, 0, 0, .3) 1px 1px 1px;
  text-underline-offset: 1px;
  transition: all .2s ease-in-out;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: 100%;
  word-break: break-word;
  border: 0;
}

.button-44:active,
.button-44:focus {
  border-bottom-style: none;
  border-color: #dadada;
  box-shadow: rgba(0, 0, 0, .3) 0 3px 3px inset;
  outline: 0;
}

.button-44:hover {
  border-bottom-style: none;
  border-color: #dadada;
}



/* CSS */
.button-3 {
  appearance: none;
  background-color: #2ea44f;
  border: 1px solid rgba(27, 31, 35, .15);
  border-radius: 6px;
  box-shadow: rgba(27, 31, 35, .1) 0 1px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 6px 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
}

.button-3:focus:not(:focus-visible):not(.focus-visible) {
  box-shadow: none;
  outline: none;
}

.button-3:hover {
  background-color: #2c974b;
}

.button-3:focus {
  box-shadow: rgba(46, 164, 79, .4) 0 0 0 3px;
  outline: none;
}

.button-3:disabled {
  background-color: #94d3a2;
  border-color: rgba(27, 31, 35, .1);
  color: rgba(255, 255, 255, .8);
  cursor: default;
}

.button-3:active {
  background-color: #298e46;
  box-shadow: rgba(20, 70, 32, .2) 0 1px 0 inset;
}