@charset "utf-8";
/* CSS Document */

a { color:#AD1900; }
a:visited { color:#AD1900; }
a:actived { color:#AD1900; }
a:hover { color:#AD1900; }

body {
	overflow: hidden;
}

::-webkit-scrollbar {
  width: 5px;
  -webkit-appearance: none;
}

::-webkit-scrollbar-thumb:vertical {
  margin: 5px;
  background-color: #999;
  -webkit-border-radius: 5px;
}
::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  height: 5px;
  display: block;
  background-color: #f1f1f1;
}

.placeholder-blue::-webkit-input-placeholder {
   color: #7ae3f9;
}

#wrapper-left {
	overflow: auto!important;
}

#acordeonmenu1 > li > a > span.mangole-acordeon-menu-label {
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
	#acordeonmenu1 > li:hover > a > span.mangole-acordeon-menu-label {
		background-color: #419639!important;
	}


#acordeonmenu1 > li > ul > li > a > span.mangole-acordeon-menu-label {
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
#acordeonmenu1 > li > ul > li:hover > a > span.mangole-acordeon-menu-label {
	padding: 0 30px!important;
	background-color: #419639!important;
}



/* LINK STYLE */
.mangole-link:hover,
.mangole-link.active {
	color: #0EB8E3!important;
}
.mangole-link[disabled]:hover {
	color: #191919!important;
}
/* END LINK STYLE */


#txtBuscarProperties,
#txtBuscarUsuarios,
#txtBuscarLocations,
#txtBuscarCountries,
#txtBuscarTenants,
#txtBuscarContracts,
#txtBuscarFacilities,
#txtBuscarCities,
#txtBuscarCategories,
#txtBuscarBlogs,
#txtBuscarBanners {
	margin: 0 0 10px 0;
}



@media screen and (max-width : 1024px) {
	/*RECORDS DATAGRID CELLS*/
	#datagrid1 > div.mangole-datagrid-row > div.mangole-datagrid-cell,
	#datagridListaUsuarios > div.mangole-datagrid-row > div.mangole-datagrid-cell,
	#datagridListaLocations > div.mangole-datagrid-row > div.mangole-datagrid-cell,
	#datagridListaProperties > div.mangole-datagrid-row > div.mangole-datagrid-cell,
	#datagridListaCountries > div.mangole-datagrid-row > div.mangole-datagrid-cell,
	#datagridListaTenants > div.mangole-datagrid-row > div.mangole-datagrid-cell,
	#datagridListaContracts > div.mangole-datagrid-row > div.mangole-datagrid-cell,
	#datagridListaFacilities > div.mangole-datagrid-row > div.mangole-datagrid-cell,
	#datagridListaCities > div.mangole-datagrid-row > div.mangole-datagrid-cell,
	#datagridListaCategories > div.mangole-datagrid-row > div.mangole-datagrid-cell,
	#datagridListaBlogs > div.mangole-datagrid-row > div.mangole-datagrid-cell,
	#datagridListaBanners > div.mangole-datagrid-row > div.mangole-datagrid-cell {
		height: 50px ;
		padding: 15px 5px ;
	}
	/*END RECORDS DATAGRID CELLS*/

	#splitcontainer1 > div > div.mangole-split-container-cell.cell0 {
		width: 180px !important;
	}
	#splitcontainer2 > div.mangole-split-container-row.row0 > div {
		padding: 0 !important;
		text-align: center !important;
	}
	#acordeonmenu1 > li > a > span.mangole-acordeon-menu-icon {
		width: 100% !important;
		height: 55px !important;
		line-height: 70px !important;
	}
	#acordeonmenu1 > li > a > span.mangole-acordeon-menu-label:hover {
		padding: 0 0 0 0px!important;
	}
	#acordeonmenu1 > li > a > span.mangole-acordeon-menu-label {
		width: 100% !important;
		height: 30px !important;
		padding: 0 !important;
		line-height: 20px !important;
		background-color: #52a52c !important;
		font-size: 16px !important;
		text-align: center !important;
	}

	#acordeonmenu1 > li > ul > li > a > span.mangole-acordeon-menu-icon {
		width: 100% !important;
	    height: 55px !important;
	    padding: 0 !important;
	    line-height: 70px !important;
	    background-color: #448a25 !important;
	    border-bottom: none!important;
	    border-left: none!important;
	    text-align: center !important;
	}
	#acordeonmenu1 > li.mangole-li-active > ul > li > a > span.mangole-acordeon-menu-label {
		width: 100% !important;
		height: 30px !important;
		padding: 0 !important;
		line-height: 20px !important;
		font-size: 16px !important;
		text-align: center !important;
	}
	#acordeonmenu1 > li.mangole-li-active > ul > li > a > span.mangole-acordeon-menu-label:hover {
		background-color: #448a25 !important;
		padding: 0 0 0 0px!important;
	}


	#splitcontainer-right1 > div.mangole-split-container-row.row1 > div.mangole-split-container-cell.cell0 {
		padding: 20px 20px 10px 20px !important;
	}
	#panel1 > div.mangole-panel-heading {
		display: none !important;
	}
}

@media screen and (max-width : 768px) {

	#splitcontainer1 > div > div.mangole-split-container-cell.cell0 {
		width: 110px !important;
	}
	#acordeonmenu1 > li > a > span.mangole-acordeon-menu-label {
		font-size: 13px !important;
	}
	#acordeonmenu1 > li.mangole-li-active > ul > li > a > span.mangole-acordeon-menu-label {
		font-size: 13px !important;
	}

	#splitcontainer2 > div.mangole-split-container-row.row0 > div {
		font-size: 18px!important;
		line-height: 1!important;
	}
	#splitcontainer-right1 > div.mangole-split-container-row.row1 > div.mangole-split-container-cell.cell0 {
		padding: 0 0 0 0 !important;
	}
	#panel1 {
		margin: 0!important;
		box-shadow: none!important;
		border-radius: 0!important;
		border: none!important;
	}
	#frm-splitcontainer1 > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,
	#frm-splitcontainer1 > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1 {
		display: inline-block;
		width: 100%!important;
    	padding: 10px 10px 10px 10px!important;
	}
	#wrapper9 {
		padding: 10px 20px!important;
		border-top: 1px #f1f1f1 solid!important;
	}

	#txtBuscarProperties,
	#txtBuscarUsuarios,
	#txtBuscarLocations,
	#txtBuscarCountries,
	#txtBuscarTenants,
	#txtBuscarContracts,
	#txtBuscarFacilities,
	#txtBuscarCities,
	#txtBuscarCategories,
	#txtBuscarBlogs,
	#txtBuscarBanners {
		margin: 0 0 0 0 !important;
		border-radius: 0 !important;
		border: none!important;
	}

	#datagridListaUsuarios .mangole-datagrid-heading,
	#datagridListaUsuarios .mangole-datagrid-heading .mangole-datagrid-cell,
	#datagridListaUsuarios .mangole-datagrid-row,
	#datagridListaUsuarios .mangole-datagrid-row .mangole-datagrid-cell,

	#datagridListaLocations .mangole-datagrid-heading,
	#datagridListaLocations .mangole-datagrid-heading .mangole-datagrid-cell,
	#datagridListaLocations .mangole-datagrid-row,
	#datagridListaLocations .mangole-datagrid-row .mangole-datagrid-cell,

	#datagridListaProperties .mangole-datagrid-heading,
	#datagridListaProperties .mangole-datagrid-heading .mangole-datagrid-cell,
	#datagridListaProperties .mangole-datagrid-row,
	#datagridListaProperties .mangole-datagrid-row .mangole-datagrid-cell,

	#datagridListaCountries .mangole-datagrid-heading,
	#datagridListaCountries .mangole-datagrid-heading .mangole-datagrid-cell,
	#datagridListaCountries .mangole-datagrid-row,
	#datagridListaCountries .mangole-datagrid-row .mangole-datagrid-cell,

	#datagridListaTenants .mangole-datagrid-heading,
	#datagridListaTenants .mangole-datagrid-heading .mangole-datagrid-cell,
	#datagridListaTenants .mangole-datagrid-row,
	#datagridListaTenants .mangole-datagrid-row .mangole-datagrid-cell,

	#datagridListaContracts .mangole-datagrid-heading,
	#datagridListaContracts .mangole-datagrid-heading .mangole-datagrid-cell,
	#datagridListaContracts .mangole-datagrid-row,
	#datagridListaContracts .mangole-datagrid-row .mangole-datagrid-cell,

	#datagridListaFacilities .mangole-datagrid-heading,
	#datagridListaFacilities .mangole-datagrid-heading .mangole-datagrid-cell,
	#datagridListaFacilities .mangole-datagrid-row,
	#datagridListaFacilities .mangole-datagrid-row .mangole-datagrid-cell,

	#datagridListaCities .mangole-datagrid-heading,
	#datagridListaCities .mangole-datagrid-heading .mangole-datagrid-cell,
	#datagridListaCities .mangole-datagrid-row,
	#datagridListaCities .mangole-datagrid-row .mangole-datagrid-cell,

	#datagridListaCategories .mangole-datagrid-heading,
	#datagridListaCategories .mangole-datagrid-heading .mangole-datagrid-cell,
	#datagridListaCategories .mangole-datagrid-row,
	#datagridListaCategories .mangole-datagrid-row .mangole-datagrid-cell,

	#datagridListaBlogs .mangole-datagrid-heading,
	#datagridListaBlogs .mangole-datagrid-heading .mangole-datagrid-cell,
	#datagridListaBlogs .mangole-datagrid-row,
	#datagridListaBlogs .mangole-datagrid-row .mangole-datagrid-cell,

	#datagridListaBanners .mangole-datagrid-heading,
	#datagridListaBanners .mangole-datagrid-heading .mangole-datagrid-cell,
	#datagridListaBanners .mangole-datagrid-row,
	#datagridListaBanners .mangole-datagrid-row .mangole-datagrid-cell {
		display: block!important;
		width: 100%!important;
	}
	

	#datagridListaUsuarios .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(1),
	#datagridListaUsuarios .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(2),
	#datagridListaUsuarios > div.mangole-datagrid-row > div.mangole-datagrid-cell:nth-of-type(1),
	#datagridListaUsuarios > div.mangole-datagrid-row > div.mangole-datagrid-cell:nth-of-type(2),

	#datagridListaLocations .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(1),
	#datagridListaLocations .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(2),
	#datagridListaLocations > div.mangole-datagrid-row > div.mangole-datagrid-cell:nth-of-type(1),
	#datagridListaLocations > div.mangole-datagrid-row > div.mangole-datagrid-cell:nth-of-type(2),

	#datagridListaProperties .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(1),
	#datagridListaProperties .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(2),
	#datagridListaProperties > div.mangole-datagrid-row > div.mangole-datagrid-cell:nth-of-type(1),
	#datagridListaProperties > div.mangole-datagrid-row > div.mangole-datagrid-cell:nth-of-type(2) {
		display: none!important;
	}

	.mangole-datagrid-row {
		padding: 10px 0 10px 10px!important;
	}
	.mangole-datagrid-row:nth-of-type(odd){ 
		background: #f9f9f9; 
	}
	.mangole-datagrid-heading {
		position: absolute!important;
		top: -9999px!important;
		left: -9999px!important;
	}
	.mangole-datagrid-row > .mangole-datagrid-cell {
		position: relative!important;
		padding: 5px 0px 5px 30% !important;
		height: 29px!important;
		border: none!important;
	}

	.mangole-datagrid-row .mangole-datagrid-cell:before { 
		/* Now like a table header */
		position: absolute!important;
		/* Top/left values mimic padding */
		top: 5px!important;
		left: 6px!important;
		width: 45%!important; 
		padding-right: 10px!important; 
		white-space: nowrap!important;
		font-weight: 700;
	}


	/*#datagridListaUsuarios
	#datagridListaLocations*/

	#datagridListaProperties .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(3):before { content: "Referencia"; }
	#datagridListaProperties .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(4):before { content: "Categoría"; }
	#datagridListaProperties .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(5):before { content: "Operación"; }
	#datagridListaProperties .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(6):before { content: "Sector"; }
	#datagridListaProperties .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(7):before { content: "Precio"; }
	#datagridListaProperties .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(8):before { content: "Construcción"; }

	






	/*#datagridListaCountries
	#datagridListaTenants
	#datagridListaContracts
	#datagridListaFacilities
	#datagridListaCities
	#datagridListaCategories
	#datagridListaBlogs
	#datagridListaBanners*/


}



@media screen and (max-width : 600px) {
	#splitcontainer2 > div.mangole-split-container-row.row0 {
		display: none!important;
	}
	#splitcontainer1 > div > div.mangole-split-container-cell.cell0 {
		width: 65px!important;
	}
	#acordeonmenu1 > li > a > span.mangole-acordeon-menu-icon {
		height: 65px!important;
	}
	#acordeonmenu1 > li > a > span.mangole-acordeon-menu-label {
		display: none!important;
	}
	#acordeonmenu1 > li.mangole-li-active > ul > li > a > span.mangole-acordeon-menu-label {
		display: none!important;
	}
	#splitcontainer2 > div.mangole-split-container-row.row0 > div > * {
		display: none!important;
	}
	
}