@font-face {
          font-family: Scoreboard;
          src: url('../js/scoreboard.ttf');
        }
      /* Set the size of the div element that contains the map */
      #mapdiv {
        height: 100%;
        width: 100%;  
       }
        /* Makes the page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
        /* A line of the CMS message display */
        .cms_sign {
           height: 37px;
           width: 272px;
           resize: none;
           font-family: Scoreboard;
           font-size: xx-large;
           background-color: #2F4F4F;
           color: yellow;
        }
        /* Field for entering CMS Message line */
       .cms-input {
           border: thin solid #333;
           padding: 2px;
           font-family: "Lucida Console", Monaco, monospace;
           font-size: medium;
           width: 163px;
        }
        /* Field for entering HAR Message line */
       .har-input {
           border: thin solid #333;
           padding: 2px;
           font-size: medium;
        }
        #har-msg-display {
          margin-right: 50%; /*  100px; */
          margin-left: 25%;  /*  100px; */
        }
        #har-msgcontent1 {
          margin-bottom: 10px;
        }
        #har-msg {
          margin-top: 300px;
          margin-bottom: 300px;
        }
      #search-input {
        background-color: #17263c;  /* #CD853F;  /*#E6E6FA; /* lavender */
        color: #E6E6FA;  /* #FFEFD5; */
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        margin-left: 12px;
        padding: 0 11px 0 13px;
        text-overflow: ellipsis;
        border-color: #746855;   /* #4d90fe; */
        width: 400px;
      }
      #search-input:focus {
        border-color: #E6E6FA; 
      }
      #ctrButton {
        cursor: pointer;
        background-color: #fff;
        margin-right: 7px;
        border: thick solid white;
      }
      #cms-info-label {
           height: 20px;
           width: 590px;
           overflow: hidden;
           background-color: #A8C5FF;  /*#ECECFB; */
           border: thin solid #BDBDBD;
           padding: 5px;
       }
      #cms-message-display {
           height: 390px;
           width: 300px;
           overflow: hidden;
           float: left;
       }
      #har-message-display {
        margin-top: 50px;
        margin-bottom: 50px;
      }
      #har-msgdisplay1 {
            background-color: darkgray;
      }
      #message-input {
           height: 122px;
           width: 170px;
           background-color: #729FFF;
           float: left;
       }
        /* CMS Dialog button panel */
       #buttonPanel {
           height: 122px;
           width: 125px;
           background-color: #729FFF;
           float: left;
           padding: 20px;
        }
       .wrapper {
           position: relative;\
        }
        /* CMS Edit Message Dialog */
       .dialog {
          position: absolute;
          top: 10%;
          left: 25%;
          background-color: #729FFF; /* #ECECFB; */
          margin: auto;
          padding: 20px;
          border: 1px solid #888;
          width: 680px;
          height: 390px;
          display: none;           
        }
      .unstyled-button {
        border: 0 none;
        padding: 0;
        background: none;
        cursor: pointer;
      }    
        /* The Close Button in the CMS Dialog */
        .close {
          color: #2E2E2E;
          float: right;
          font-size: 30px;
          font-weight: bold;
        }
        .close:hover,
        .close:focus {
          color: black;
          text-decoration: none;
          cursor: pointer;
        }