/* #Descktop
================================================== */
img, video, canvas { max-width: 100%;}
/****** TOP LINE ******/
.startmenu {
	height: 35px;
	border: 0px !important; float: left; border: 0; border-radius: 0; background-color: #9E1B32 !important; padding: 0px !important; margin: 0 !important;
	}

#logo{ margin: 7px 10px 0px 5px; vertical-align: -45%; background: transparent; height: 25px; }
.col_cen {margin-top: 4px;}
.col_der {margin-top: 0px;}

.startmenu:hover {background:  #70a3cc !important;}

/*.startmenu img{width:15px;}*/
.benvingutmsg{padding:4px 5px 0px 0px;}
.topline .codiusuari, .inici, .show-pass .title td, .new-pass .title td, .show-pass span, .new-pass span{
	font-size:14pt !important; color: white; font-weight: normal !important;
}

/****** MENU PRINCIPAL/PERFIL Y VENTANAS ******/
.shadow-window{ box-shadow: 0px 1px 7px #888888; }
.col_izq{width:auto; margin-right: 1em; }
.menu-display .tree{border:0px;}
.menu-display div.tree-body td{padding:0;}
.tree-body td .cell-inner{padding:5px 0px 5px 10px;}	
span.tree-root-close, span.tree-tee-close, span.tree-last-close,
span.tree-root-open, span.tree-tee-open, span.tree-last-open{ margin: 0px 10px 0px 0px; background-repeat: no-repeat; width: 16px; min-height: 16px;}
span.tree-root-close, span.tree-tee-close, span.tree-last-close{ background-image: url(/soffid/icons/collapse.png); background-size: 16px 16px; }
span.tree-root-open, span.tree-tee-open, span.tree-last-open{ background-image: url(/soffid/icons/expand.png); background-size: 16px 16px;}	
span.menu-display, .menu-display tr.title td, .menu-display div.cell-inner{ background-color:white !important; font-family: inherit; font-size:14pt; color:#9E1B32; font-weight: normal;line-height: 40px; border-top: 1px solid #eee; cursor:pointer; }
.mwt-menuprincipal, .rwt-menuprincipal{ box-shadow:none; }
.menuperfil{ padding-right:10px; z-index: 1;}
.menuperfil:hover, .menu-display div.cell-inner:hover{background-color: #9E1B32 !important; color:white;}
.menu-display .tree-root-open, .menu-display .tree-root-close{ float: right; margin:11px 20px;}

/**** VENTANAS ****/
.show-pass, .new-pass{ background-color:white; border:1px solid #9E1B32; padding-bottom:15px; }
.show-pass .title td, .new-pass .title td{ padding-left: 3px; background-color:#9E1B32; line-height: 30px; }
.show-pass span, .new-pass span{color: #000;}
.show-pass input, .new-pass input{padding: 4px 4px 5px 4px;}
.new-pass div{margin-top:10px;}
.new-pass .rbtnbk { top: 2px;position: relative; padding: 0px 1px 0px 2px;}
.dateboxpp table{width: 100%;}

/****** MENU PERFIL ******/
.menuperfil{display:none; top: 35px !important; right: 0px !important; position: absolute; }

/****** TITULOS *******/
.titolSelf{ font-family: inherit; font-size:14pt; color:#425466; }

.fons{ background-color:transparent; }
.content{ display: table;width: 100%; max-width: 100%;margin: 0 auto; }
.sidebar{ float:left; width:17%; margin-right:25px; }
.workarea{ padding:5px !important;}
.wrap{ float:left; width:80%; }
.wrap > div, .wrap > div > .tasks{ margin-bottom:25px; }	

/* Texto de las tablas */
div.listbox-head{width:100% !important;}
div.listbox-head th, div.listbox-head th div{white-space:pre-line; word-wrap:break-word;}

/*****  USER-INFO | PESTA�AS IDENTIFICACION/PERMISOS *****/
.user-info{height:180px;}
.user-info td.tab-3d-ml-sel, 
.user-info td.tab-3d-ml-uns,
.user-info td[class^='tab-3d-']{background-image:none;}
.user-info [class^='tab-3d-mm'] a {white-space:pre;}

div.clean-tabs {
	border-bottom: 1px solid #425466;
	width: 100%;
	overflow-x: auto;
}

.clean-tab.redtab a {
	color: red;
}
.clean-tab, .clean-tab a, .clean-tabsel, .clean-tabsel a {
	font-weight:bold;
	text-decoration: none;
}
.clean-tab a{
	color:#9E1B32;
	word-break: keep-all;
}
.clean-tabsel a{
	color: #a6d100;
	word-break: keep-all;
}
.clean-tabsel {
	border-bottom: 4px solid #a6d100;
	padding: 5px 10px 1px 10px;
}
.clean-tab {
	padding: 5px 10px 5px 10px;
}

/* Tabla */
div.tabpanel {
	border-left:none;
	border-right: none;
	border-bottom: none; 
}

/* Sidebar: Aplicaciones*/
.aplications img{margin-top:-2px;}

/*zona IP*/
.own-ip {position: fixed; left: 0; bottom: 0; background-color: #a6d100; width: 100%; padding: 10px;opacity: 0.8;}
.own-ip span {color: white;font-family: inherit; font-size:inherit;}
/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 876px) {
	.content{display: block; overflow: hidden; width: auto; margin-top: 10px;}
	.sidebar, .wrap{float:none; display: block; width: auto; padding:0px 0px 15px 0px; margin: 15px 0px 0px 0px;}	
	.aplications .tree-body{border:1px solid #425466; width:100%;}
	.aplications .tree-body span{font-size:inherit;}
	span.tree-root-close, span.tree-tee-close, span.tree-last-close,
	span.tree-root-open, span.tree-tee-open, span.tree-last-open{ margin: 2px 10px 0px 0px;}
	.own-ip{top:37px; padding:3px; bottom:initial;}
	.wide-screen {display:none;}
	.small-screen {display:inline;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 877px) and (max-width: 1023px) {
	.sidebar{width:23%;}
	.wrap{width:73%;}
	.wide-screen {display:none;}
	.small-screen {display:inline;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	div.listbox-head th, div.listbox-head th.sort div.head-cell-inner{padding:1px; white-space: nowrap;}
	.aplications img { margin-top: -6px;}
	.wide-screen {display:none;}
	.small-screen {display:inline;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.col_izq{width:115px;}
	.menuperfil, .menuprincipal{width: 100% !important; float: none;}
	.show-pass .label .vsep, .new-pass .label  .vsep{ display:none !important; }
	.show-pass, .new-pass {left:0px !important; width:100% !important; float:none;}
	.new-pass .label span{display:block; margin-bottom:5px;}
	.new-pass span.rbtnbk{ display: inline;}
	#logo{width:30px;}
	div.listbox-head th div, div.listbox-head th, div.listbox-head th.sort div.head-cell-inner{padding:1px; white-space: nowrap;}
	.aplications img { margin-top: -6px;}
	.wide-screen {display:none;}
	.small-screen {display:inline;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 1024px) {
	.wide-screen {display: inline;}
	.small-screen {display: none;}
}

/* Barra de botons */
.toolbar {
	padding: 2px; border: 1px; border-top:0.1px solid white; background: ; 
}

.toolbar a, .toolbar a:visited, .toolbar a:hover {
	font-family: inherit;	font-size: inherit; font-weight: bold; color: #ffffff;
	border: 0px; text-decoration: none; background: ;
	white-space:nowrap; 
	display: inline-block;
}

.toolbar a:hover {
	background: #87acd2;
}