*, *:before, *:after {
  box-sizing: border-box;
}

html {
  font-size: 100%;
}

.wrapper {
  margin: auto;
  max-width: auto;
}

body{
	background: #e3dbc1;	
}

main {
  background: #e3dbc1;
  display: block;
  margin: 0.3125rem;
  min-height: 50rem;
  padding: 0.625rem;
}

.fixedHeader_class {
	display:none;
    background-color: white;
	opacity: 0.7;
    position:fixed;
	min-height:3rem;
	max-width: 17rem;
    bottom:0;
    width:100%;
    z-index:100;
	right:1rem;
}

#dummy_div_id {
  visibility: hidden;
}

.header {
  font-family: Arial, Helvetica, sans-serif;
  background: #e3dbc1;
  display: block;
  margin-top:1rem;
  padding: 0.625rem;
  text-align: center;
}

.class_div_load_track {
  display: none;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 0.375rem;
  top: 0.625rem;
  margin: auto;
  width: 18.75rem;
  height: 15.75rem;
  margin-bottom: 1.5625rem;
}

#signIn_id {
  font-style: italic;
  position: absolute;
  left: 2.5rem;
  top: 1rem;
}

#newUser_id {
  font-style: italic;
  position: absolute;
  left: 2.5rem;
  top: 3rem;
}

.ldTrk {
  height: 1.25rem;
  width: 4.375rem;
  display: inline-block;
  margin: 0.125rem;
  text-align: center;
  line-height: 1.0625rem;
}

.crTrk {
  height: 1.25rem;
  width: 5rem;
  display: inline-block;
  margin: 0.125rem;
  text-align: center;
  line-height: 1.0625rem;
}

.ldRcp {
  height: 1.25rem;
  width: 4.375rem;
  display: inline-block;
  margin: 0.125rem;
  text-align: center;
  line-height: 1.0625rem;
}

.crRcp {
  height: 1.25rem;
  width: 5.625rem;
  display: inline-block;
  margin: 0.125rem;
  text-align: center;
  line-height: 1.0625rem;
}

.ldBlg {
  height: 1.25rem;
  width: 4.375rem;
  display: inline-block;
  margin: 0.125rem;
  text-align: center;
  line-height: 1.0625rem;
}

.crBlg {
  height: 1.25rem;
  width: 5rem;
  display: inline-block;
  margin: 0.3125rem;
  text-align: center;
  line-height: 1.0625rem;
}

.crSelect {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 5;
  text-align: center;
  background: #e3dbc1;
  max-height: auto;
  padding: 0.625rem;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #000000;
}

.searchtxt_class {
  height: 1.875rem;
  width: 21rem;
  background: #f2efed;
  outline: none;
  border: none;
  font-size: 1rem;
}

.iList_class {
  height: auto;
  min-height: 1.5625rem;
  width: 21.875rem;
  background: #e3dbc1;
  outline: none;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0.3125rem;
  list-style-position: inside;
}

.aimg {
  min-height: 12.5rem;
  display: none;
  text-align: center;
  padding: 0.625rem;
  font-family: Arial, Helvetica, sans-serif;
}

.img_class {
  height: auto;
  display: none;
  max-height: 100vw;
  overflow: hidden;
}

.imgbtns_div_class{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.9375rem;
  margin-top: 0.3125rem;
  max-width: 25rem;
  color: #754305;
  text-align: center;
  font-size: 1.25rem;
}

.btn_right {
  border-right: 7px solid;
  border-bottom: 7px solid;
  border-radius: 0.375rem;
  border-left: 0;
  border-top: 0;
  height: 1.875rem;
  width: 1.875rem;
  transform: rotate(-45deg);
  margin-left: 0.5rem;
  margin-right: 1.875rem;
  background: transparent;
  border-color: #aaacad;
  float: right;
  text-align: center;
}

.btn_right:hover {
  cursor: pointer;
  border-color: black;
}

.btn_left {
  border-right: 7px solid;
  border-bottom: 7px solid;
  border-radius: 0.125rem;
  border-left: 0;
  border-top: 0;
  height: 1.875rem;
  width: 1.875rem;
  transform: rotate(135deg);
  margin-right: 0.625rem;
  margin-left: 1.875rem;
  background: transparent;
  float: left;
  border-color: #aaacad;
  text-align: center;
}

.btn_left:hover {
  cursor: pointer;
  border-color: black;
}

.btntxt_right {
  border-right: 7px solid;
  border-bottom: 7px solid;
  border-radius: 0.125rem;
  border-left: 0;
  border-top: 0;
  height: 1.875rem;
  width: 1.875rem;
  transform: rotate(-45deg);
  margin-left: 0.3125rem;
  margin-bottom: 1rem;
  background: transparent;
  border-color: #aaacad;
}

.btntxt_right:hover {
  cursor: pointer;
  border-color: black;
}

.btntxt_left {
  border-right: 7px solid;
  border-bottom: 7px solid;
  border-radius: 0.125rem;
  border-left: 0;
  border-top: 0;
  height: 1.875rem;
  width: 1.875rem;
  transform: rotate(135deg);
  margin-right: 0.3125rem;
  margin-bottom: 1rem;
  background: transparent;
  border-color: #aaacad;
  text-align: center;
}

.btntxt_left:hover {
  cursor: pointer;
  border-color: black;
}

@media screen and (min-width: 640px) {
  .flex-container {
    display: flex;
  }
}

.title_class {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #e3dbc1;
  border: none;
  outline: none;
  border-width: 0;
  resize: none;
  width: 25rem;
  color: brown;
  display: block;
  text-align: center;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  overflow-y: hidden;
  font-size: 1.25rem;
  line-height:1.2rem;
  height:auto;
}

.h4b_classtxt {
  display: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  max-width: 15rem;
  color: #754305;
  font-style: italic;
  text-align: center;
  font-size: 1.25rem;
}

.h4a_class {
  display: none;
  line-height: 1.0625rem;
  margin: auto;
  margin-bottom: 0.9375rem;
  margin-top: 0.9375rem;
  max-width: 25rem;
  color: #754305;
  font-style: italic;
}

.edit_class {
  display: none;
  align-items: center;
  height: auto;
  margin-top: 0.9375rem;
  margin-bottom: 0.3125rem;
  justify-content: center;
}

.change_div_class {
  min-height:2.5rem;
  width: 7.1875rem;
  margin: 1rem;
  text-align: center;
  line-height: 2.5rem;
  border: 1px solid #8c8a89;
  border-radius: 0.1875rem;
}

.change_div_class:hover {
  background-color: #ccb16e;
}

.delete_div_class {
  height: auto;
  min-height:2.5rem;
  width: 7.1875rem;
  display: inline-block;
  margin: 1rem;
  text-align: center;
  line-height: 2.5rem;
  border: 1px solid #8c8a89;
  border-radius: 3px;
}

.delete_div_class:hover {
  background-color: #ccb16e;
}

.add_div_class {
  height: auto;
  min-height:2.5rem;
  width: 7.1875rem;
  display: inline-block;
  margin: 1rem;
  text-align: center;
  line-height: 2.5rem;
  border: 1px solid #8c8a89;
  border-radius: 3px;
}

.add_div_class:hover {
  background-color: #ccb16e;
}

.addnewdiv_class {
  height: auto;
  min-height:2.5rem;
  width: 7.1875rem;
  display: inline-block;
  margin: 1rem;
  text-align: center;
  line-height: 2.5rem;
  border: 1px solid #8c8a89;
  border-radius: 0.1875rem;
}

.addnewdiv_class:hover {
  background-color: #ccb16e;
}

.editdiv_class {
  height: auto;
  min-height:2.5rem;
  width: 7.1875rem;
  display: inline-block;
  margin: 1rem;
  text-align: center;
  line-height: 2.5rem;
  border: 1px solid #8c8a89;
  border-radius: 3px;
}

.editdiv_class:hover {
  background-color: #ccb16e;
}

.savenew_div_class {
  height: auto;
  min-height:2.5rem;
  width: 7.1875rem;
  display: inline-block;
  margin: 1rem;
  text-align: center;
  line-height: 2.5rem;
  border: 1px solid #8c8a89;
  border-radius: 0.1875rem;
}

.savenew_div_class:hover {
  background-color: #ccb16e;
}

.saveexit_div_class {
  height: auto;
  min-height:2.5rem;
  width: 7.1875rem;
  display: inline-block;
  margin: 1rem;
  text-align: center;
  line-height: 2.5rem;
  border: 1px solid #8c8a89;
  border-radius: 3px;
}

.saveexit_div_class:hover {
  background-color: #ccb16e;
}

.addtrk_div_class {
  height: auto;
  min-height:2.5rem;
  width: 7.1875rem;
  display: inline-block;
  margin: 1rem;
  text-align: center;
  line-height: 2.5rem;
  border: 1px solid #8c8a89;
  border-radius: 0.1875rem;
}

.addtrk_div_class:hover {
  background-color: #ccb16e;
}

.changetrk_div_class {
  height: auto;
  min-height:2.5rem;
  width: 7.1875rem;
  display: inline-block;
  margin: 1rem;
  text-align: center;
  line-height: 2.5rem;
  border: 1px solid #8c8a89;
  border-radius: 0.1875rem;
}

.changetrk_div_class:hover {
  background-color: #ccb16e;
}

.catpub_class {
  display: none;
  margin: 1rem;
  font-family: Arial, Helvetica, sans-serif;
  color: #754305;
  font-size: 1rem;
}

.catp {
  display: inline;
  justify-content: left;
  margin-right:0.2rem;
}

.catpub2_class {
  display: none;
  margin: 1rem;
  font-family: Arial, Helvetica, sans-serif;
  color: #754305;
  font-size: 1rem;
}

.catp2 {
  display: inline;
  justify-content: left;
  min-width: 6.25rem;
  margin-right:0.2rem;
}

#publish2_id{
	margin: 0.5rem;	
}

#no_publish2_id{
	margin: 0.5rem;
	
}

#all_published2_id{
	margin: 0.5rem;

}

#publish_id{
	margin: 0.5rem;
}

#no_publish_id{
	margin: 0.5rem;
	
}

.ta_imgtxt_class {
  font-family: Arial, Helvetica, sans-serif;
  color: #754305;
  font-style: italic;
  position: block;
  background-color: #e3dbc1;
  border: none;
  outline: none;
  border-width: 0;
  display: block;
  resize: none;
  width: 31.25rem;
  height: 2.8125rem;
  overflow-y: hidden;
  font-size: 1rem;
  text-align:justify;
}

.bottom_class{
	display: none;
}

.save_andchange_class {
  font-family: Arial, Helvetica, sans-serif;
  position: block;
  width: auto;
  margin-left:1rem;
  top: 2rem;
  font-size: 1;
  font-style: italic;
  text-align:right;
}

.save_andexit_class {
  font-family: Arial, Helvetica, sans-serif;
  position: block;
  width: auto;
  margin-left:1rem;
  top: 2rem;
  font-size: 1rem;
  font-style: italic;
  text-align:right;
}

.exitItem_class {
  font-family: Arial, Helvetica, sans-serif;
  position: block;
  width: auto;
  margin-left:1rem;
  line-height:3rem;
  top: 2rem;
  font-size: 1rem;
  font-style: italic;
  text-align:right;
}

.print_pdf_class {
  font-family: Arial, Helvetica, sans-serif;
  position: block;
  width: auto;
  line-height:3rem;
  margin-left:1rem;
  top: 2rem;
  font-size: 1rem;
  font-style: italic;
  text-align:right;
}

.fetch_gpx_class {
  font-family: Arial, Helvetica, sans-serif;
  position: block;
  width: auto;
  line-height:3rem;
  margin-left:1rem;
  top: 2rem;
  font-size: 1rem;
  font-style: italic;
  text-align:right;
}

.img_txt_class{
  display: block;
  align-items: center;
  justify-content: center;
  margin:0;
  margin:auto;
  margin-top:0.5rem;
}

.selcat{
  justify-content: center;
  width: 9.375rem;
  height: 1.25rem;
}

.cat_class {
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.cat_trk_class {
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}

input[type="radio"], label {
cursor: pointer
}

.cat3 {
  display: flex;
  justify-content: left;
  width: 7rem;
  margin-top: 0.9375rem;
}

.cat4 {
  display: flex;
  justify-content: left;
  width: 6.25rem;
  margin-top: 0.9375rem;
}

#btn_left_div_id {
   visibility: hidden;
   display:inline-block;
   float:left;
}

#btn_right_div_id {
  visibility: hidden;
  display:inline-block;
  float:right;
}

#tabtn_left_id {
   visibility: hidden;
   display:inline-block;
   float:left;
   margin-left:4rem;
   margin-top:0.5rem;
   //border: 1px solid #8c8a89;
}

#tabtn_right_id {
  visibility: hidden;
  display:inline-block;
  float:right;
  margin-right:4rem;
  margin-top:0.5rem;
  //border: 1px solid #8c8a89;
}

.btnleft_txt_class {
  display:none;
  font-size: 1rem;
  width: auto;
  min-width: 2.8125rem;
  text-align: right;
  margin-right: 0.625rem;
  margin-top: 0.3125rem;
  color: #754305;
}

.btnright_txt_class {
  display:none;
  line-height: 1.0625rem;
  font-size: 1rem;
  width: auto;
  min-width: 2.8125rem;
  text-align: left;
  margin-left: 0.625rem;
  margin-top: 0.3125rem;
  color: #754305;
}

.ta_class {
  display: block;
  align-items: center;
  justify-content: center;
  margin:0;
  margin:auto;
  //text-align: center;
}

.allTextarea {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #e3dbc1;
  border: 0;
  outline: none;
  border-width: 0;
  display: none;
  resize: none;
  width: 37.5rem;
  margin:0;
  margin:auto;
  overflow-y: hidden;
  font-size: 1rem;
  text-align: justify;
  //border: 1px solid red;
}

.dummy_div_class {
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
  background-color: #f2efed;
  outline: none;
  display: block;
  resize: none;
  width: auto;
  height: 2.8125rem;
  margin: 0px 0px 0px 0px;
  overflow-y: hidden;
  font-size: 1rem;
}

.myImage_class {
  display: block;
  margin: auto;
  height: auto;
  max-height: 40rem;
  width: auto;
  max-width: 100%;
  background: #f2efed;
}

.myImage_class_newimg {
  display: none;
  margin: auto;
  height: auto;
  max-height: 100%;
  width: auto;
  max-width: 100%;
  background: #f2efed;
}

.myImage_class_newtrk {
  display: none;
  margin: auto;
  height: auto;
  max-height: 100%;
  width: auto;
  max-width: 100%;
  background: #f2efed;
}

img:hover {
  cursor: pointer;
}

.content {
  flex: 1;
  background: #e3dbc1;
  max-height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #000000;
  text-align: left;
  display: flex;
  margin-left: 90px;
  align-items: left;
  flex-direction: column;
}

.name_class {
  align-items: left;
  height: auto;
  margin-left: 0.3125rem;
}

.pw1_class {
  display: flex;
  align-items: left;
  margin-left: 0.3125rem;
  height: auto;
}

.pw2_class {
  display: flex;
  align-items: left;
  margin-left: 0.3125rem;
  height: auto;
}

.subCancel_class {
  margin-left: 0.3125rem;
  height: auto;
}

#userN_id {
  width: 5rem;
}

#uname_id {
  border: none;
  outline: none;
  font-size: 1rem;
}

#userP_id {
  width: 5rem;
}

#upassword1_id {
  border: none;
  outline: none;
  font-size: 1rem;
}

#userRP_id {
  width: 5rem;
  font-size: 1rem;
}

#upassword2_id {
  border: none;
  outline: none;
  font-size: 1rem;
}

#submit_id {
  font-style: italic;
}

#cancel_id {
  font-style: italic;
  margin-left: 3.75rem;
}

.dummy_class {
  width: 18.75rem;
  height: auto;
  background-color: #e3dbc1;
  margin-top: 1.875rem;
  display: flex;
  margin-bottom: 3.125rem;
  justify-content: center;
}

.dummy_class1 {
  width: 10.625rem;
  height: 10.625rem;
  background-color: #e3dbc1;
  margin-top: 1.875rem;
  display: flex;
  justify-content: center;
  border: 1px solid #faeeeb;
}

#dummy_left_id {
  background: #e3dbc1;
}

#dummy_right_id {
  background: #e3dbc1;
}

.myImage1_class {
  display: block;
  margin: auto;
  height: auto;
  max-height: 100%;
  width: auto;
  max-width: 10rem;
  background: #f2efed;
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
}

.sidebar_class {
  background: #e3dbc1;
  display: block;
  align-items:left;
  min-width: auto;
  padding: 0.625rem;
  
}

.sidebar_div_class {
  display: block;
  align-items:left;
}

.myImage1_div_class {
  display: none;
  flex-direction: row;
  margin-top: 2rem;
}

.myImage2_div_class {
  display: none;
  flex-direction: row;
}

.myImage2_class {
  display: none;
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
}

#myImage1_p1_id {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #000000;
  margin: 0;
  padding: 0;
}

#myImage1_p2_id {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8125rem;
  line-height: 0.8125rem;
  color: #000000;
  margin: 0;
  padding: 0;
}

#myImage1_p3_id {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8125rem;
  line-height: 0.8125rem;
  color: #000000;
  margin: 0;
  padding: 0;
}

#myImage2_p1_id {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #000000;
  margin: 0;
  padding: 0;
}

#myImage2_p2_id {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8125rem;
  line-height: 0.8125rem;
  color: #000000;
  margin: 0;
  padding: 0;
}

#myImage2_p3_id {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8125rem;
  line-height: 0.8125rem;
  color: #000000;
  margin: 0;
  padding: 0;
}

.myImage3_div_class {
  display: none;
  flex-direction: row;
}

.myImage3_class {
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
}

#myImage3_p1_id {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #000000;
  margin: 0;
  padding: 0;
}

#myImage3_p2_id {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8125rem;
  line-height: 0.8125rem;
  color: #000000;
  margin: 0;
  padding: 0;
}

#myImage3_p3_id {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8125rem;
  line-height: 0.8125rem;
  color: #000000;
  margin: 0;
  padding: 0;
}

.myImage4_div_class {
  display: none;
  flex-direction: row;
}

.myImage4_class {
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
}

#myImage4_p1_id {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #000000;
  margin: 0;
  padding: 0;
}

#myImage4_p2_id {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8125rem;
  line-height: 0.8125rem;
  color: #000000;
  margin: 0;
  padding: 0;
}

#myImage4_p3_id {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8125rem;
  line-height: 0.8125rem;
  color: #000000;
  margin: 0;
  padding: 0;
}

.myImage5_div_class {
  display: none;
  flex-direction: row;
}

.myImage5_class {
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
}

#myImage5_p1_id {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #000000;
  margin: 0;
  padding: 0;
}

#myImage5_p2_id {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8125rem;
  line-height: 0.8125rem;
  color: #000000;
  margin: 0;
  padding: 0;
}

#myImage5_p3_id {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8125rem;
  line-height: 0.8125rem;
  color: #000000;
  margin: 0;
  padding: 0;
}

/*main footer class*/
.footer_sec_class {
  display: none;
  flex-direction: column;
  margin-bottom: 1rem;
}

#foot_id{
  display: none;
}

/*main comments class*/
.comment_sec_class {
  display: none;
  flex-direction: column;
  text-align: center;
  background-color: #e3dbc1;
}

.h4b_classcmnt {
  display: none;
  line-height: 1.0625rem;
  margin-top: 1.875rem;
  margin-right: 2rem;
  margin-bottom: 0.9375rem;
  padding: 0rem;
  color: #754305;
  font-style: italic;
  font-size: 1.25rem;
}

/*comments textarea division*/
#addCmnts_div_id {
  display: none;
  height: auto;
  margin-bottom: 0.625rem;
  overflow-x: hidden;
}

/*comments textarea*/
.uCmnt_class {
  display: none;
  border: none;
  outline: none;
  height: auto;
  min-width: 31.25rem;
  background-color: #f2efed;
  resize: none;
  font-size: 1rem;
}

#cmnts_div_id {
  display: none;
  flex-direction: column;
  align-items: center;
}

/*comments list*/
.cmntList_class {
  display: none;
  flex-direction: column;
  margin-right:2.6rem;
  width:21.25;
}

/*comments save and exit*/
#save_exit_id {
  display: none;
  float: left;
  margin-bottom: 0.625rem;
  margin-left: 4.375rem;
  font-size: 1.25rem;
  font-style: italic;
}

/*comments add comments*/
#canclComment_id {
  display: none;
  margin-right: 3.75rem;
  margin-bottom: 0.625rem;
  font-size: 1.25rem;
  font-style: italic;
}

/*comments save*/
#save_id {
  display: none;
  float: right;
  margin-bottom: 0.625rem;
  margin-right: 0.625rem;
  font-size: 1.25rem;
  font-style: italic;
}

/*# sourceMappingURL=style.css.map */