body {
	background-color: #f9f9f9;
	font-size:0.8rem !important;
}
.body-login-ajuntament {
  display: table;
  margin: auto;
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../img_material/lotusback.svg) no-repeat;
  background-size: cover;
}
.btn, .btn-large{
  background-color: #0079a1;
}
.btn:hover, .btn-large:hover {
  background-color: #2b8eaf;
}
.btn:focus, .btn-large:focus, .btn-floating:focus {
  background-color: #0079a1;
}
.svg {
  right: 28.7em;
  bottom: 12.5em;
  position: absolute;
  z-index: 100;
  opacity: 0.89;
}
/*Inici popup mapa*/
.ol-popup {
  position: absolute;
  background-color: white;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
  min-width: 200px;
}
.ol-popup:after, .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}
.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  /*top: 2px;
  right: 8px;*/
  right: 4px;
  font-size: 15px;
  color: #0079a1;
  top:0px;
}
.ol-popup-closer:after {
  content: "✖";
}

.popuptitle {
  padding: 3px;
  background-color: #0079a1 ;
  color: #ffffff;
}

.popupLlista ul{
  padding:0;
  margin-bottom: 0px;
  margin-top:0;
}

.popupLlista li{
  list-style-type: none;
  border-top: 1px solid #777777;
  padding: 3px;
}
.popupLlista a{
  color:#777777;
}

.popupLlista a:hover, .popupLlista a:focus {
  color: #0079a1;
  /*color:#ffffff;*/
  text-decoration: none;
}
#popup-content{
  border: 1px solid #777777;
  border-radius: 2px;
}
/*Fin popup mapa*/
label .menu-label{
  color:#706d6d;
}

.menu-label-cerca{
  color:#0079a1 ;
}

#dropdown-perfil-usuario{
	top: 4.2rem !important;
    z-index: 1000;
}

/*Datatables*/
/*Color de les files seleccionades*/
table.dataTable.stripe tbody>tr.odd.selected, table.dataTable.stripe tbody>tr.odd>.selected, table.dataTable.display tbody>tr.odd.selected, table.dataTable.display tbody>tr.odd>.selected {
	background-color: #f9f9f9;
}
table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
	background-color: #ffffff;
}
table.dataTable.hover tbody>tr.selected:hover, table.dataTable.hover tbody>tr>.selected:hover, table.dataTable.display tbody>tr.selected:hover, table.dataTable.display tbody>tr>.selected:hover {
	background-color: #f6f6f6;
}
table.dataTable{
  /*overflow-x: scroll;
  display: block ;
  width:100%;*/
}
.dataTables_wrapper .dataTables_info {
  clear: none;

}
.dataTables_length{
  width: 3.5rem;
}
.dataTables_paginate {

  padding-top: 2.5em !important;
}
.dataTables_info {
    padding-top: 3em !important;
    padding-left: 0.3em !important;
}
/*Datatables*/
.material-tooltip{
  font-size: 0.8rem !important;
  padding:6px 6px !important;
  background-color:grey !important;
  min-height: 26px;
  border-radius:4px;
}
.gradient-45deg-gray-teal.gradient-shadow {
	box-shadow: 0 6px 20px 0 #0079a180;
}

.gradient-45deg-teal-gray.gradient-shadow {
	box-shadow: 0 6px 20px 0 #0079a180;
}

.gradient-45deg-teal-gray {
	background: #0079a1 ;
	background: -webkit-linear-gradient(45deg, #0079a1  0%, #eeeeee 100%);
	background: linear-gradient(45deg, #0079a1  0%, #eeeeee 100%);
}
.gradient-45deg-gray-teal {
	background: #eeeeee ;
	background: -webkit-linear-gradient(45deg, #eeeeee  0%, #0079a1 100%);
	background: linear-gradient(45deg, #eeeeee  0%, #0079a1 100%);
}


nav .brand-title{
  display:inline-block;
  padding-left:50px;
  padding-right:50px;
  box-sizing:border-box;
}


nav .brand-title-modal{
  width:36% !important;
  text-align:right !important;
}
nav .brand-title-modal-confirm{
  width:100% !important;
  text-align:right !important;
}


nav .brand-title-modal-focus{
    font-size: 2rem !important;
    line-height: 3.4rem !important;
    vertical-align: middle !important;
}

nav .brand-title-modal-id{
    font-size: 2rem !important;
    line-height: 3.4rem !important;
    vertical-align: middle !important;
}

nav .brand-logo {
	position: absolute;
	color: #fff;
	display: inline-block;
	font-size: 1.2rem;
	padding: 0;
  width: 100%;
}

nav .brand-logo .brand-logo-modal{
  width:100%;
}

nav .brand-logo img {
  vertical-align: middle;
}
.nav-menu-consultas{
  height: 30px !important;
  line-height: 30px !important;

}
nav ul a {
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	font-size: 0.8rem;
	color: #fff;
	display: block;
	padding: 0 15px;
	cursor: pointer;
}

#ul-cerca-focus{
  margin-right: 19.3rem;
}

#map{
  overflow:hidden;
  position:absolute;
  padding:0;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin:auto;
  box-sizing:border-box;
  z-index:101;
}
#streetview{
  overflow:hidden;
  position:absolute;
  padding:0;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin:auto;
  box-sizing:border-box;
  z-index:100;
}

#main.main-full {
	padding-left: 0px;
}

#main {
	min-height: calc(100% - 100px);
	padding:0;
	-webkit-transition: .3s ease all;
	-o-transition: .3s ease all;
	-moz-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}




#menu-capas{
  top:94px;
  overflow:hidden;
}

#menu-capas.side-nav {
	width: 300px;
	height: calc(100% - 64px) !important;
	padding-bottom: 0px;
}

#menu-ot{
  top:94px;
  overflow:hidden;
}

#menu-ot.side-nav {
	width: 300px;
	height: calc(100% - 64px) !important;
	padding-bottom: 0px;
}


.avatar-status {
	position: relative;
	display: inline-block;
	/*line-height: 50px;
	width: 28px;*/
  line-height: 40px;
  width: 41px;
	white-space: nowrap;
	border-radius: 1000px;
	vertical-align: bottom;
}

.avatar-status i {
  position: absolute;
  right: -2px;
  bottom: 18px;
  width: 9px !important;
  height: 9px !important;
  border: 1px solid #fff;
  border-radius: 100%;
}

.avatar-status span.text-circle {
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 1.2rem;
  background: #fafafa;
  display: table-cell;
}


.avatar-status img {
	width: 100%;
	max-width: 100%;
	height: auto;
	background: #e6e6e6;
	border: 0 none;
	border-radius: 1000px;
}

.avatar-online i {
  background-color: #00E676;
}

.avatar-off i {
  background-color: #bdbdbd;
}

.avatar-busy i {
  background-color: #FF1744;
}

.avatar-away i {
  background-color: #ffc400;
}

.avatar-100 {
  width: 100px;
}

.avatar-100 span.text-circle {
  width: 100px;
  height: 100px;
}

.avatar-100 i {
  height: 20px;
  width: 20px;
}

.avatar-50 {
  width: 50px;
}

.avatar-50 span.text-circle {
  width: 50px;
  height: 50px;
}

.avatar-50 i {
  height: 10px;
  width: 10px;
}

.avatar-lg {
  width: 144px;
}

.avatar-lg span.text-circle {
  width: 144px;
  height: 144px;
}

.avatar-lg i {
  right: 0;
  bottom: 0;
  height: 20px;
  width: 20px;
}

.avatar-md {
  width: 40px;
}

.avatar-md span.text-circle {
  width: 40px;
  height: 40px;
}

.avatar-md i {
  right: 0;
  bottom: 0;
  height: 10px;
  width: 10px;
}

.avatar-sm {
  width: 32px;
}

.avatar-sm span.text-circle {
  width: 32px;
  height: 32px;
}

.avatar-sm i {
  height: 8px;
  width: 8px;
}

.avatar-xs {
  width: 24px;
}

.avatar-xs span.text-circle {
  width: 24px;
  height: 24px;
}

.avatar-xs i {
  height: 7px;
  width: 7px;
}

.collection .collection-item.avatar:not(.circle-clipper) > .circle {
  background: #e6e6e6;
}


.notification-badge {
	font-family: "Rubik", sans-serif;
	position: relative;
	right: 5px;
	top: -20px;
	color: #ffffff;
	background-color: #ab47bc;
	margin: 0 -.8em;
	border-radius: 50%;
	padding: 2px 5px;
}

small {
	font-size: 0.8rem;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */
.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}
.material-icons.md-1-2-rem{
  font-size: 1.2rem;
}


/* Rules for using icons as black on a light background. */
.material-icons.md-verd{
  color: rgba(38, 166, 154, 1);
}
.material-icons.md-verd.md-inactive{
   color: rgba(0, 0, 0, 0.26);
}
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
  color: white;
}

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}

/*.slide_bottom_close{
  transform: translateY(100%);
}*/
.slide_bottom_open{
  transform:translateY(0%) !important;
}
/*.slide_bottom_buttons_close{
  transform: translateY(430px);
}*/
.slide_bottom_buttons_open{
  transform: translateY(-420px) !important;
}
.slide_right_close{
  transform: translateX(100%);
}
.slide_right_buttons_close{
  transform: translateX(339px);
}
.slide_right_map_buttons_close{
  transform: translateX(339px);
}

.slide_left_close{
  transform: translateX(-100%);
}
.slide_left_buttons_close{
  transform: translateX(-339px);
}
.slide_left_map_buttons_close{
  transform: translateX(-339px);
}

#modal-layer-new{
  width:25%;
  max-height:30%;
  margin-top:10%;
}
.modal-confirm{
  width: 20% !important;
  top: 40% !important;
}

.navbar-confirm{
    height: 40px !important;
    line-height: 40px !important;
}

#slide_left {
	position: fixed;
	width: 340px;
	left: 0;
	margin: 0;
	z-index: 999;
	overflow-y: auto;
  /*height: calc(100% - (30px + 64px));*/
  height: calc(100% - 64px);
  /*padding-bottom: 150px;*/
	padding-bottom: 60px;
	background-color: #fff;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	will-change: transform;
	transition: transform 0.5s;


/*box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.14);*/
	/*top: 0;*/

   /* -webkit-transform: translateX(-100%);
	transform: translateX(-100%);

	height: calc(100% + 60px);
	height: -moz-calc(100%);


	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-105%);
	/*transform: translateX(-105%);*/

}
#slide_left_buttons{

	left: 339px;
	position: fixed;
	z-index: 998;
	margin:0;
	will-change: transform;
	transition: transform 0.5s;
}

#slide_left_map_buttons{
	left: 339px;
	position: absolute;
	/*z-index: 998;*/
	margin:0;
	top:calc(1rem + 26px);
	will-change: transform;
	transition: transform 0.5s;
}

#li-DIARI-GRUP{
  margin-top:2px;
}
#li-CAPTURA-GRUP{
  margin-top:2px;
}


#slide_right{
  position:fixed;
  width:340px;
  /*height: calc(100% - (30px + 64px));*/
  height: calc(100% - 64px);
  right:0;
  margin:0;
  z-index:999;
  overflow-y:auto;
  /*padding-bottom:60px;*/
  padding-bottom:0px;
  background-color:#fff;
  box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.14), 0 0px 5px 0 rgba(0, 0, 0, 0.12), 0 0px 1px -2px rgba(0, 0, 0, 0.2);
  will-change: transform;
  transition: transform 0.5s;

}
#slide_right_buttons{
	right: 339px;
	position: fixed;
	z-index: 998;
	margin:0;
	will-change:transform;
	transition: transform 0.5s;
}

#slide_right_map_buttons{
	right: 339px;
	position: absolute;
	/*z-index: 998;*/
	margin:0;
	top:calc(1rem + 26px);
	will-change:transform;
	transition: transform 0.5s;
}

#slide_bottom{

  position:fixed;
  width:100%;
  height:420px;
  bottom:0;
  margin:0;
  z-index:999;
  overflow-y:auto;
  /*padding-bottom:60px;*/
  padding-bottom:0px;
  background-color:#fff;
  box-shadow: -2px 0px 2px 0 rgba(0, 0, 0, 0.14), -1px 0 5px 0 rgba(0, 0, 0, 0.12), -3px 0 1px -2px rgba(0, 0, 0, 0.2);
  will-change: transform;
  transition: transform 0.5s;

      transform: translateY(100%);
  /*box-shadow: 0px -1px 1px 0px rgba(0,0,0,0.14);*/
  /*box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);*/

}
#slide_bottom_buttons{
	/*right: 0px;*/
  left: 2px;
	position: fixed;
	z-index: 999;
	margin:0;
	will-change: transform;
	transition: transform 0.5s;
	/*bottom:430px;*/
  bottom:0px;


}
.div-map-buttons{
  margin-bottom:0.2rem;
}

.div-map-buttons-margin-bottom{
  margin-bottom:1rem;
}

.btn-map-buttons{
  padding: 0 0.5rem !important;
  height: 26px !important;
  line-height: 26px !important;
}

.btn-map-buttons i{
  font-size: 1.2rem;
  line-height: inherit;
}

.btn-nav-buttons{
  padding: 0 0.5rem !important;
  height: 26px !important;
  line-height: 26px !important;
}

.btn-nav-buttons i{
  font-size: 1.2rem !important;
  line-height: inherit !important;
}

.ul-layers-collapsible{
  margin-top:0;
  box-shadow:none;
  border:0;
  margin-bottom:0;
}
.ul-layers-collapsible-header{
  padding:0.3rem;
  border-left: 2px solid white;
  border-right: 2px solid white;
}
.ul-layers-collapsible-header-padding-left{
  padding-left:18px;
}
.ul-layers-collapsible-header-background-color{
  background-color: #0079a1;
}
.ul-layers-collapsible-header-submenu-background-color{
  background-color:#2b8eaf;
}
[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:after {
  background-color: #0079a1;
}
[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after {
  border: 2px solid #0079a1;
}
.div-layers-collapsible-body-end-li{
  border-bottom:0;
}
.ul-layers-collapsible-body{
  padding:0rem;
}
.ul-layers-collection-item{
  line-height: 1rem !important;
  padding: 1px 20px !important;
}

.flex-layers-base{
  display:flex;
  justify-content:left;
  /*Cuando habian solo 4 justify-content: center;*/

  align-content: space-around;
  padding: 0.5rem 0.2rem 0.5rem 0.2rem;
  /*padding: 0.5rem;*/
  /*margin: 0;*/
  /*line-height:0;*/
   flex-wrap: wrap;

}

.flex-layers-base>div{
  margin-left: 0.14rem;
  margin-right: 0.14rem;
  /*Cuando habian 4*/
  /*margin-left:2px;
  margin-right:2px;*/
  position:relative;
}

.img-layers-base{
	border-radius: 16%;
	border: 2px solid #ddd;
	box-shadow: 1px 2px 2px grey;
	width: 75px;
	cursor:pointer;
}

.img-layers-base-active{
	border-radius: 16%;
	border: 2px solid #0079a1;
	box-shadow: 1px 2px 2px grey;
	width: 75px;
	cursor:pointer;

}

.flex-layers-base-title{
	text-align: center;
	position: absolute;
	bottom: 13px;
	width: 95%;
	left: 2px;
	background-color: rgba(255, 255, 255, 0.7);
	color: #0079a1;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	cursor:pointer;

}

[type="checkbox"].filled-in:checked+label:after {
	top: 2px;
	left:1px;
	width: 13px;
	height: 13px;
	border: 2px solid #0079a1;
	background-color: #0079a1;
	z-index: 0;
}
[type="checkbox"].filled-in:not(:checked)+label:after {
	height: 13px;
	width: 13px;
	background-color: transparent;
	border: 2px solid #0079a1;
	top: 2px;
	left:1px;
	z-index: 0;
}

[type="checkbox"].filled-in:disabled:not(:checked)+label:after {
    border-color: #949494;
    background-color: transparent;
}

[type="checkbox"].filled-in:disabled:checked+label:after {
    border-color: #949494;
    background-color: #949494;
}

.ul-layers-collection-item [type="checkbox"]+label{
  font-size:0.8rem !important;
  height: 19px !important;
  line-height: 19px !important;
  padding-left:25px;
}

/*.ul-layers-collection-item [type="checkbox"].filled-in:checked+label:before {
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
}*/

[type="checkbox"].filled-in:checked+label:before {
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
}


[type="checkbox"]+label {
  font-size:inherit !important;
  height: 19px !important;
  line-height: 19px !important;
  padding-left:20px;
  
}

.col-form-checkbox{
  padding-top: 2.2rem !important;
  color: #9e9e9e !important;
}
.row-layers{
  margin-bottom:0px;
}

.row-layers .col{
  padding:0;
}
.cursor-pointer{
  cursor:pointer;
}

.icon-layer{
  font-size: 1.2rem; 
  color: #0079a1;
  cursor:pointer;
  /*margin-left:6px;*/
  margin-left:5px;
  vertical-align:bottom;

}
.icon-layer-green{
  font-size: 1.2rem; 
  color: green;
  cursor:pointer;
  /*margin-left:6px;*/
  margin-left:5px;
  vertical-align:bottom;

}
.icon-layer-inactive{
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.26);
  cursor:default;
  /*margin-left:6px;*/
  margin-left:5px;
  vertical-align:bottom;
}

.icon-layer-red{
  font-size: 1.2rem;
  color: rgba(255, 0, 0, 1);
  cursor:pointer;
  /*margin-left:6px;*/
  margin-left:5px;
  vertical-align:bottom;
}

.icon-layer-white{
  font-size: 1.2rem !important;
  color: rgba(255, 255, 255, 1);
  cursor:pointer;
  /*margin-left:6px;*/
  margin-left:5px;
  vertical-align:bottom;
}


.row_tabs_capes{
  margin-bottom: 2px;

}

.row_tabs_capes > .col{
  padding: 0 .1rem;
}

.tabs .indicator{
  background-color:#0079a1;
  
}

.tabs-geometries .indicator{
  background-color:#74576400;

}

.row_tabs_capes .tabs .tab a {
	color: #0079a1b3;
}

.row_tabs_capes .tabs .tab a:hover, .tabs .tab a.active {
  background-color: transparent;
  color: #0079a1;
}

.row_tabs_capes .tabs-geometries .tab a {
  background-color: #c5327600;
  border-right: 1px solid white;
}

.row_tabs_capes .tabs-geometries .tab .last{
  border-right: 0px;
}

.row_tabs_capes .tabs-geometries .tab a:hover, .tabs-geometries .tab a.active {
  background-color: #c53276;
}


.row_tabs_capes .tabs {
  overflow-x:hidden;
}

 #slide_right_styles  input[type=text]{
	height: 2.1rem;
	font-size: 0.8rem;
}

input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
  color: #0079a1;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #0079a1;
  -webkit-box-shadow: 0 1px 0 0 #0079a1;
  box-shadow: 0 1px 0 0 #0079a1;
}
.picker__close, .picker__today, .picker__clear {
 
  color: #007a9f;
}

.picker__date-display {
 
  background-color: #0079a1;
}

.picker__day.picker__day--today {
  color: #0079a1;
}

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
 
  background-color: #0079a1;
 
}
/*.btn-color-picker{
  height:19px;
  width:19px;
  padding:0;
}*/

.file-field-color-picker .btn, .file-field-color-picker .btn-large {
	line-height: 19px;
	height:19px;
	width:19px;
	padding:9px;
}

.file-field-color-picker  .file-path-wrapper input[type=text] {
  height: 1rem !important;
}

.div-color-picker{
  padding-top:9px !important;
}

.tabs-geometries{
  background-color:#ea7bae;
  /*background-color: #0079a1;*/
  height: 28px;
  border-radius: 0px;
}
.tabs-geometries .tab{
  line-height: 29px;
  height: 28px;
}
.icon-layer-geometries{
  font-size: 1.2rem;
  color: #ffffff;
  cursor:pointer;


}

/*.dropdown-content li>a, .dropdown-content li>span{
  font-size:0.8rem;
  line-height: 15px;
  padding: 8px 8px;
}*/

#slide_right_styles_intervals_titol{
  background-color: #e2e2e2;
  margin: 0;
  padding: 4px;
  text-align: center;
}

.select-dropdown li img {
	height: 15px;
	width: 15px;
	margin:8px 15px;


}

.dropdown-content li{
  min-height: 15px;
  line-height: 15px;
}

.row-styles{
  margin-bottom:0 !important;
}

.modal {
  /*overflow: hidden;*/
  overflow:unset;
  max-height:90%;
 /* width:70%;*/
  width:85%;
  min-height: 50%;
}
.modal-mini {
  min-height: 23% !important;
}

.modal-header {
  padding: 3px;
  border-bottom: 0px solid rgba(0, 0, 0, 0.1);
}

.modal-header h4 {
  margin: 0;
}

.modal-content {
  height: auto !important;
 
  max-height: calc(100vh - 160px) !important;
  /*max-height: calc(100vh - 170px) !important;*/
  /*max-height: calc(100vh - 260px) !important;*/
  /*min-height: calc(100vh - 260px) !important;*/
  overflow-y:auto;
}

.modal-content-with-collapsible{
  padding-top: 14px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 24px !important;
}

/*.input-field.col .dropdown-content [type="checkbox"]+label {
	top: -11px;
	left: 0;
	height: 18px;
}*/


input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {

  font-size: inherit !important;
  height: 2rem !important;

}

textarea.materialize-textarea {
  height: 1.5rem !important;
}
/*Para los select multiples de los formularios, los checkbox*/
textarea.materialize-textarea {
    min-height: 1.5rem !important;
}
.dropdown-content li>a, .dropdown-content li>span {
  /*Para el select de patrones y el select multiple de forms*/
	font-size: 0.8rem;
	line-height: 30px;
	padding: 0px 8px;
  color: #0079a1;
}


.select-dropdown [type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after {
  top: -7px;
  width: 13px;
  height: 13px;
  border: 2px solid #0079a1;
}

.select-dropdown [type="checkbox"]+label{
  font-size:0.8rem !important;
  height: 19px !important;
  line-height: 20px !important;
  padding-left: 25px;
}

.select-dropdown [type="checkbox"]:checked+label:before {
	top: -7px;
	left: 0px;
	width: 13px;
	height: 13px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #transparent;
	border-bottom: 2px solid #transparent;
	-webkit-transform: rotate(40deg);
	transform: rotate(0deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 100% 100%;
	/* transform-origin: 100% 100%; */
	background-color: #0079a1;
}


/*Para los select multiples de los formularios*/

.modal-content .row{
  margin-bottom:5px;
}

.dropdown-content {
  top:3px !important;
  max-height: 245px !important;
}


.btn-small {
	font-size:0.8rem;
	border: none;
	border-radius: 2px;
	display: inline-block;
	height: 28px;
	line-height: 28px;
	padding-left: 9px;
	padding-right: 9px;
	text-transform: none;
	max-font-size: 13pt;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
}


/*Para jquery validate*/
.validate-error-class {
	color:red;
}
.validate-valid-class {
	color:green;
}

/*LOGIN*/
.login-form-text {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.8rem;
}

.body-login{
	display:table;
	margin:auto;
	height:100%;

}


html{

	height:100%;
}

.icon-login{
	line-height: 1.4 !important;
}

#login-page{
	display: table-cell;
    vertical-align: middle;
    height:100%;
}

/*.body-login label{
	top:-28px !important;
}*/


.icon-calendar {
    font-size: 1.2rem;
    color: #0079a1;
    cursor: pointer;
    margin-left: -18px;
    vertical-align: middle;
    margin-top: 15px;
}


/*Map mesure control*/
.tooltip-draw {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  opacity: 0.7;
  white-space: nowrap;
}

.tooltip-measure {
  opacity: 1;
  font-weight: bold;
}

.tooltip-static {
  background-color: #ffcc33;
  color: black;
  border: 1px solid white;
}

.tooltip-measure:before,
.tooltip-static:before {
  border-top: 6px solid rgba(0, 0, 0, 0.5);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  position: absolute;
  bottom: -6px;
  margin-left: -7px;
  left: 50%;
}

.tooltip-static:before {
  border-top-color: #ffcc33;
}

.td-ellipsis{
    max-width:100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.display-none{
  display:none;
}

.mqfa_titol_llistat{
  text-align: center;
  color:#ffffff ;
  background-color:#0079a1;
  padding:3px;
}

#mep_btn_crear_prospeccio_mes_tractament{
    margin-right: 5px;
}

#met_btn_crear_prospeccio{
   margin-right: 5px;
}

.dataTables_wrapper .dataTables_processing {
  top: 61% !important;
  height: 26px !important;
  margin-top: -26px !important;
  padding-top: 0 !important;
}

.quadreColorInterval{
  width: 20px !important;
  height: 20px;
  background-clip: padding-box;
  white-space: normal;
  cursor: pointer;
  margin-top: 5px;
  padding: 0 !important;
  margin-right: 5px !important;
}
.inputQuadreColorInterval{
  margin:0 !important;

}
#slide_right_styles_intervals_gradient  input[type=text]:not(.browser-default)  {
  height: 1.5rem !important;
}
#slide_right_styles_intervals_gradient  .input-field{
  margin-top: 0rem;
}

#slide_right_styles_intervals_gradient .row{
  margin-bottom: 8px;
}
.quadreColorIntervalSignes{
  height: 20px !important;
  margin-top: 5px !important;
  text-align: center;
}

.icon-estil-actiu{
  color: white !important;
  font-size: 0.9rem !important;
  cursor:pointer !important;

}

.colorpicker.colorpicker-with-alpha {
  min-width: 150px !important;
  position:absolute !important;
  background-color:white !important;
}

.logo{
  max-width: 150px !important;
  margin-left: 10px;
}
[type="radio"]:not(:checked)+label, [type="radio"]:checked+label {
  font-size:0.8rem;
}

/*URBA*/
#mapa_selector_segments_slide_right{

  width:325px;
  /*height: calc(100% - (30px + 64px));*/
  height: 100%;
  right:0;
  margin:0;
  z-index:999;
  overflow-y:auto;
  /*padding-bottom:60px;*/
  padding-bottom:0px;
  background-color:#fff;
  box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.14), 0 0px 5px 0 rgba(0, 0, 0, 0.12), 0 0px 1px -2px rgba(0, 0, 0, 0.2);
  will-change: transform;
  transition: transform 0.5s;
  position:absolute;
  top:0;


}
#mapa_selector_segments_slide_right_buttons{
  top:0;
	right: 324px;
	position: absolute;
	z-index: 998;
	margin:0;
	will-change:transform;
	transition: transform 0.5s;
}

#mep_mapa_selector_focus_multiple_slide_right_map_buttons{
  right: 0px;
	position: absolute;
	/*z-index: 998;*/
	margin:0;
	top:calc(1rem + 26px);
	will-change:transform;
	transition: transform 0.5s;
}
#met_mapa_selector_focus_multiple_slide_right_map_buttons{
  right: 0px;
	position: absolute;
	/*z-index: 998;*/
	margin:0;
	top:calc(1rem + 26px);
	will-change:transform;
	transition: transform 0.5s;
}

#mapa_zona_prospectada_slide_right_map_buttons{
  right: 0px;
	position: absolute;
	/*z-index: 998;*/
	margin:0;
	top:calc(1rem + 26px);
	will-change:transform;
	transition: transform 0.5s;
}

#mapa_zona_tractada_slide_right_map_buttons{
  right: 0px;
	position: absolute;
	/*z-index: 998;*/
	margin:0;
	top:calc(1rem + 26px);
	will-change:transform;
	transition: transform 0.5s;
}

#mapa_selector_segments_slide_right_map_buttons{
	right: 324px;
	position: absolute;
	/*z-index: 998;*/
	margin:0;
	top:calc(1rem + 26px);
	will-change:transform;
	transition: transform 0.5s;
}
.mapa_selector_segments_slide_right_close{
  transform: translateX(100%);

}
.mapa_selector_segments_slide_right_buttons_close{
  transform: translateX(324px);
}
.mapa_selector_segments_slide_right_map_buttons_close{
  transform: translateX(324px);
}
.ol-control-title {
  position: absolute !important;
  top: unset;
  left: unset;
  right: 20px;
  bottom: 9px;
  width: 50%;
  border: 2px solid black;
  height: 73px;
  /* line-height: 95px !important; */
  /* vertical-align: top; */
  /* padding-top: 0; */
  /* text-align: center; */
  /* padding-bottom: 72px; */
  padding-top: 7px;
  padding-left: 8px;
}
.ol-scale-line {
  left: unset;
  right: 5%;
  bottom: 25px;
}

#mapa_print_sector_urba .ol-control.ol-layerswitcher,#mapa_print_registre_tractament_aeri_planols_pilot .ol-control.ol-layerswitcher{
  position: absolute;
  right: 0.5em;
  text-align: left;
  top: 0.5em;
  max-height: calc(100% - 6em);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

#mapa_print_sector_urba .ol-layerswitcher button,#mapa_print_registre_tractament_aeri_planols_pilot .ol-layerswitcher button {
  color: #0079a1;
  background-color: #FFFFFF;
  font-size: 1.5em;
  border: 1px solid #0079a1;
}
#mapa_print_sector_urba .ol-layerswitcher .panel li label,#mapa_print_registre_tractament_aeri_planols_pilot .ol-layerswitcher .panel li label {
  height: 2em;
}
#mapa_print_sector_urba .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor, .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before {

  background: rgb(0 121 161 / 48%) !important;

}
#mapa_print_registre_tractament_aeri_planols_pilot .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor, .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before {

  background: rgb(0 121 161 / 48%) !important;

}

#mapa_print_sector_urba  .ol-layerswitcher .layerswitcher-opacity, #mapa_print_registre_tractament_aeri_planols_pilot  .ol-layerswitcher .layerswitcher-opacity {

  border: 1px solid #0079a1 !important;
}

#mapa_print_sector_urba .ol-layerswitcher .layerup, #mapa_print_registre_tractament_aeri_planols_pilot .ol-layerswitcher .layerup {
 
  background-color: #0079a1 !important;
  
}


#mapa_print_sector_urba .ol-print button, #mapa_print_registre_tractament_aeri_planols_pilot .ol-print button {
  color: #0079a1;
  background-color: #FFFFFF;
  font-size: 1.5em;
  border: 1px solid #0079a1;

}
#mapa_print_sector_urba .ol-zoom button, #mapa_print_registre_tractament_aeri_planols_pilot .ol-zoom button {
  color: #0079a1;
  background-color: #FFFFFF;
  font-size: 1.5em;
  border: 1px solid #0079a1;

}

.ol-ext-print-dialog button[type="submit"] {
  background-color: #0079a1 !important;
}

.ol-ext-toggle-switch span {
  color: #0079a1 !important;
}

.ol-ext-print-dialog .ol-saveas select, .ol-ext-print-dialog .ol-savelegend select {
  background-color: #0079a1 !important;
  color: #fff !important;
  padding: .5em !important;
  margin: 1em 0 0 !important;
  font-size: 1em !important;
  border: 0 !important;
  font-weight: bold !important;
  max-width: 12em !important;
  display:block !important;
  border: 1px solid #f2f2f2 !important;
  border-radius: 2px !important;
  height:unset !important;
}

.ol-ext-print-dialog .ol-scale select, .ol-ext-print-dialog .ol-margin select, .ol-ext-print-dialog .ol-size select{
  background-color: rgba(255,255,255,0.9) !important;
  width: 100%  !important;
  padding: 5px  !important;
  border: 1px solid #f2f2f2  !important;
  border-radius: 2px  !important;
  height: 2rem  !important;
  display:block !important;
}


.ol-ext-print-dialog select {
  outline: none;
  vertical-align: middle;
}

.ol-ext-print-dialog .ol-print-param h2 {
  color: #0079a1 !important;
}
.pac-container{
  z-index:5000 !important;
}
#modal-edicio-aplicacio-urba{
  top:2% !important;
  max-height: 95% !important;
}
#modal-edicio-aplicacio-urba .collapsible-body{
  padding-bottom:0.5rem !important;
}

#modal-edicio-aplicacio-urba .modal-content{
  padding-bottom:0px !important;
}

/*Registre tractament aeri:planols pilot*/
/*.lm-planols{display:flex; gap:12px; margin-top:10px;}*/
/*.lm-planols-left{flex:0 0 420px;}
.lm-planols-right{flex:1;}*/
.lm-preview-map{  width: 100%;height:500px;min-height: 500px; border:1px solid #ddd;}
.lm-preview-title{display:flex; gap:10px; align-items:center; margin-bottom:6px;}

@keyframes spin { 100% { transform: rotate(360deg); } }

@media only screen and (max-width: 1467px){
  #ul-cerca-focus{
      margin-right: 0rem;
  }
}