/* Apply off-hover & on-hover visual adjustments to leaflet map */

@media (max-width: 600px) {
  #loginbox {
    transform: scale(0.8);
  }
}

@media (min-width: 601px) and (max-width: 1200px) {
  #loginbox {
    transform: scale(1);
  }
}

@media (min-width: 1201px) {
  #loginbox {
    transform: scale(1);
  }
}


.leaflet-marker-icon {
   filter: saturate(0.95);
}
.leaflet-marker-icon:hover {
   filter: brightness(1.1) saturate(1.25);
}

.tidbo_submenuitem
{
   cursor:pointer;
}

.tidbo_submenuitem:hover
{
   cursor:pointer;
   background: #839840;
   color:white;
}

.tidbo_submenuitem:hover .tidbo_menulabel
{
   cursor:pointer;
   background: #839840;
   color:white;
}

  .optionItem
  {
      background:white;
      border-bottom:1px solid lightgray;
      height:25px;
      cursor:pointer;
  }

  .optionItem:hover
  {
     background:skyblue
  }

  .optionButton
  {
     background:white;
     border:1px solid gray;
     color:black;
     width:100%;
     height:28px;
     line-height:28px;
     padding-top:2px;
     text-align:center;
     font-family:Tahoma;
     font-size:12px;
     padding-bottom:0px;
     cursor:pointer;
     overflow:hidden;
     vertical-align: middle;
  }

  .optionList
  {
     border:1px solid gray;
     margin-left:-1px;
  }

  .optionItemSelected
  {
     background:white;
     color:black;
     padding-top:0px;
     padding-bottom:3px;
     height:24px;
     line-height:24px;
     cursor:pointer;
     vertical-align: middle;
  }


  .text-labels
  {
      font-size: 1.2em;
      font-weight: 500;
      color:red;
  }

.popupmenu_item
{
   background:white;
   color:black;

}

.popupmenu_item:hover
{
   background:#839840;
   color:white;
}

.tabInactive
{
   background: linear-gradient(to bottom, #EDEDED, #474747) !important;
   width:150px;
   height:100%;
   margin-right:2px;
   border-top-left-radius:10px;
   border-top-right-radius:10px;
   border-bottom:1px solid darkgray;
   font-size:14px;
   cursor:pointer;
}

.tabActive
{
   background: linear-gradient(to bottom, #F7F7F7, #CECECE) !important;
   position:relative;
   width:150px;
   height:calc(100%);
   margin-right:2px;
   border-top-left-radius:10px;
   border-top-right-radius:10px;
   border-bottom:1px solid #eeeeee;
   cursor:pointer;
}

.tabPlus
{
   width:50px;
   height:100%;
   margin-right:2px;
   border-top-left-radius:10px;
   border-top-right-radius:10px;
   font-size:24px;
   color:black;
   line-height:40px;
   cursor:pointer;
   background:lightblue;
   margin-left:2px
}

.tabPrev
{
	border:1px solid gray;
	cursor:pointer;
}

.tabNext
{
	border:1px solid gray;
	cursor:pointer;
}


.searchbox_selected
{
	background:rgba(130, 195, 250, 0.6);
}

.galleryImage
{
	width:130px;
	height:160px;
	margin:5px;
	display:flex;
	flex-direction:column;
}

.galleryImageSelect
{
	border:1px solid gray;
	cursor:pointer;
}

.galleryImageSelect:hover
{
	border:2px solid orange;
}


.deleteImageButton
{
	background:white;
	padding-left:10px;
	color:black;
	border:1px solid gray;
	border-radius: 10px;
	cursor:pointer;
	z-index:1000;
}

.deleteImageButton:hover
{
	background:red;
	color:white;
	cursor:pointer;
}

.blackGrayGradientFill
{
	background: linear-gradient(to bottom, #5E5E5E, #383838) !important;
}

.darkGrayGradientFill
{
	background: linear-gradient(to bottom, #A9A9A9, #686868) !important;
}

.grayGradientFill
{
	background: linear-gradient(to bottom, #EDEDED, #CCCCCC) !important;
}

.lightGrayGradientFill
{
	background: linear-gradient(to bottom, #F7F7F7, #CECECE) !important;
}

.testClass
{
	background:red;
}

#createpdfform
{
	
}

#createpdfform:hover
{
}

.modalDialog
{
	border:1px solid gray;
	border-radius:8px;
   overflow:hidden;
}

.buttonAddressBar
{
	background: skyblue;
	border-radius:8px;
}

.buttonAddressBar:hover
{
	background: orange;

}

#clockdiv{
	font-family: sans-serif;
	color: #fff;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	font-size: 30px;
}

#clockdiv > div{
	padding: 10px;
	border-radius: 3px;
	background: #00BF96;
	display: inline-block;
}

#clockdiv div > span{
	padding: 15px;
	border-radius: 3px;
	background: #00816A;
	display: inline-block;
}

.smalltext{
	padding-top: 5px;
	font-size: 16px;
}

.redborder{
	border:2px solid red;
}

.blackborder{
	border:1px solid red;
}

.leaflet-container.crosshair-cursor-enabled {
    cursor:crosshair;
}

.labelClass
{
   white-space:nowrap;
   font-size:14px;
}

#stomt_create
{
	display: flex;
}

.stomt-create-iframe
{
  min-height: 335px;
  max-height: 100%;
  width: 100%;
  max-width: 440px;
  overflow: hidden;
  border: none;
  margin: auto;
}

.stomt-button {
  height: auto;
  border-radius: 0%;
  right: 50px;
  bottom: 100%;
  color: transparent;

  transform: none;
  float: none;
  padding: 0;
  display:none;
}

.tilepanoAppClass
{
	background:#3B6693;
	width:100%;
	height:100%;
	border-right:2px solid gray;
	left:0px;
}


.loginbox_tab
{
   border: none;
   padding:5px;
   margin-bottom:10px;
   margin-right:20px;
}

.loginbox_tab_selected
{
   border-bottom:2px solid #233746;
}


.loginbox_tab_content
{
   flex: 0 0 180px;
}

.loginbox_login_button:hover
{
   background:#13BFD6;
}

.loginbox_login_button
{
    background:rgb(147, 180, 204);
    color:white;
    padding:10px;
    width:80px;
    line-height:20px;
    text-align:center;
    flex:0 0 80px;
    cursor:pointer;
    border-radius:5px 5px;
}


.loginbox_download_section
{
   margin-top:30px;
   border-top:1px solid lightgray;
   display:flex;
   align-items:center;
   justify-content:center;
   flex-direction:row;
}

.loginbox_download_button
{
   flex:0 0 max-content;
   padding:12px;
   background: rgb(221, 67, 139);
   border-radius:5px 5px;
   margin:5px;
   color:white;
   cursor:pointer;
   font-size:14px;
}

.loginbox_download_button:hover
{
   background: rgb(249, 65, 151);
}

.loginbox_download_section_links
{
   margin-top:10px;
   padding-top:10px;
   display:flex;
   align-items:center;
   justify-content:center;
   flex-direction:row;
}

.loginbox_download_links
{
   display:flex;
   flex-direction:row;
}

.loginbox_download_link
{
   font-size:14px;
   padding:2px;  
   margin-right:20px;
}

.loginbox_download_link:hover
{
   text-decoration:underline;
}


.AS30RefLabel 
{
  font-family:Arial;
  font-size:10px;
  color:white; 
  background:#5e747687;
  position: absolute;
  width: max-content !important; 
  height: max-content !important;
  padding: 3px;
  left:-65px; 
  top:10px;
  box-sizing:border-box;
  border-radius: 5px;
}

.M30RefLabel 
{
  font-family:Arial;
  font-size:12px;
  color:white; 
  background: #519351;
  position: absolute;
  width: 160px !important; 
  height: max-content !important;
  padding: 5px;
  border-radius:5px;
  left:-80px; 
  top:10px;
}

.AS30LabelScale0p5
{
	/*xzoom:0.5*/
   transform: scale(0.5);
}

.AS30LabelScale1p0
{
	/*xzoom:1.0*/
   transform: scale(0.5);
}

.as30CreateRequestButton
{
   background: powderblue;
   border:1px solid darkgray;
   color: #546b88;
   text-align: center;
   cursor:pointer;
}

.as30CreateRequestButton:hover
{
   font-weight:bold;
}

.as30RecreateRequestButton
{
   background: #bb5e54;
   border:1px solid darkgray;
   color: white;
   text-align: center;
   cursor:pointer;
   border-radius: 3px;
   margin-top: 2px;
   width:max-content;
   padding:2px;
}

.as30RecreateRequestButton:hover
{
   font-weight:bold;
}


.as30OpenButton:hover
{
   font-weight:bold;
}


.as30OpenButton
{
   background: #478b9b;
   border:1px solid darkgray;
   color: white;
   text-align: center;
   cursor:pointer;
   border-radius: 3px;
   margin-top: 2px;
   width:max-content;
   padding:2px;
}



.M30CleanRequestButton
{
   background: darkgreen;
   width:max-content;
   padding:5px;
   border-radius:5px;
   border:1px solid darkgray;
   color: white;
   font-size: 12px;
   text-align: center;
   cursor:pointer;
}

.M30CleanRequestButton:hover
{
   font-weight:bold;
}

.M30CreateRequestButton
{
   background: darkgreen;
   width:max-content;
   padding:5px;
   border-radius:5px;
   border:1px solid darkgray;
   color: white;
   font-size: 12px;
   text-align: center;
   cursor:pointer;
}

.M30CreateRequestButton:hover
{
   font-weight:bold;
}

.M30AddRequestButton
{
   background: darkgreen;
   width:max-content;
   padding:5px;
   border-radius:5px;
   border:1px solid darkgray;
   color: white;
   font-size: 12px;
   text-align: center;
   cursor:pointer;
}

.M30AddRequestButton:hover
{
   font-weight:bold;
}


.M30RemoveRequestButton
{
   background: darkgreen;
   width:max-content;
   padding:5px;
   border-radius:5px;
   border:1px solid darkgray;
   color: white;
   font-size: 12px;
   text-align: center;
   cursor:pointer;
}

.M30RemoveRequestButton:hover
{
   font-weight:bold;
}


.M30OpenButton
{
   background: darkgreen;
   width:max-content;
   padding:5px;
   border-radius:5px;
   border:1px solid darkgray;
   color: white;
   font-size: 12px;
   text-align: center;
   cursor:pointer;
}

.M30OpenButton:hover
{
   font-weight:bold;
}


.M30HoleRegionButtonAdd
{
   background: darkgreen;
   width:max-content;
   padding:5px;
   border-radius:5px;
   border:1px solid darkgray;
   color: white;
   font-size: 12px;
   text-align: center;
   cursor:pointer;
}

.M30HoleRegionButtonAdd:hover
{
   font-weight:bold;
}


.M30HoleRegionButtonRemove
{
   background: darkred;
   width:max-content;
   padding:5px;
   border-radius:5px;
   border:1px solid darkgray;
   color: white;
   font-size: 12px;
   text-align: center;
   cursor:pointer;
}

.M30HoleRegionButtonRemove:hover
{
   font-weight:bold;
}

.AS30UassetExistsMarker
{
	 width:20px; height:20px;
	 background-image:url("/Code/images/icon_uasset.png");
	 background-size: 20px 20px;
}

.M30UassetExistsMarker
{
	 width:20px; height:20px;
	 background-image:url("/Code/images/icon_uasset.png");
	 background-size: 20px 20px;
}

.M30InLoadedRegion
{
	 width:20px; height:20px;
	 background-image:url("/Code/images/icon_inregion.png");
	 background-size: 20px 20px;
}



.IconStyle
{
	width:20px;
	height:20px;
	padding:2px;
	margin:0px;
	border-radius:0px;
}

.buybutton
{
	background: #556cd6;
	color: white;
	width:90%; 
	padding:3px;
	justify-content:center;
	display:flex;
	border:1px solid white;
	font-size:16px;
	border-radius:5px;
}

.propertiesDownloadButtonPak
{
   border:1px solid gray;
   border-radius:3px;
   padding:2px;
   cursor:pointer;
   margin-left:5px;
}