@charset "UTF-8";

/* Fuentes */
@font-face {font-family:'nubelus';src: local('nubelus'), url('/complementos/font/nubelus.ttf');}
@font-face {font-family:'roboto';src: local('roboto'), url('/complementos/font/RobotoCondensed-Light.ttf');}
@font-face {font-family:'bariol';src: local('bario1'), url('/complementos/font/bariol_regular.otf');}
@font-face {font-family:'campo';src: local('campo'), url('/complementos/font/Heebo-Regular.ttf');}
@font-face {font-family:'campo2';src: local('campo2'), url('/complementos/font/EncodeSansCondensed-Regular.ttf');}
@font-face {font-family:'cuño';src: local('cuño'), url('/complementos/font/tudor_victors.ttf');}


/* Matar los bordes negros del Chrome */
*,*:focus,*:hover{outline:none;}
option:focus, option:focus-within, option:active {outline: 1px solid #fff;}  

.nubelus {font-family:"nubelus","Arial",sans-serif;letter-spacing:-.02em;font-weight:200;}
.logo-nubelus {font-family:"nubelus","Arial",sans-serif;letter-spacing:-.02em;font-weight:200;font-style:normal;}
.logo-nubelus:before {content: "\02E9";}
.nubelus-fra {font-family:"nubelus","Arial",sans-serif;letter-spacing:-.02em;font-weight:200;font-style:normal;}
.nubelus-fra:before {content: "\02F2";}
.nubelus-alb {font-family:"nubelus","Arial",sans-serif;letter-spacing:-.02em;font-weight:200;font-style:normal;}
.nubelus-alb:before {content: "\02F0";}
.nubelus-ped {font-family:"nubelus","Arial",sans-serif;letter-spacing:-.02em;font-weight:200;font-style:normal;}
.nubelus-ped:before {content: "\02F1";}
.color-nubelus{background:#2196F3 !important;color:#fff !important}
.color-nubelus-oscuro{background:#2196F3 !important;color:#fff !important}
.color-nubelus-claro{background:#03A9F4 !important;color:#fff !important}
.color-nubelus-muyclaro{background:#aedbff !important;color:#2196F3 !important}
.color-texto-nubelus{color:#2196F3 !important}
.invisible{display:none;}
.gescit_footer img {float:right;margin:15px;opacity:0.5}
.sidebar_brand_nubelus {position:absolute;opacity:0.4;width:100%;left:20px;bottom:20px;}
.rgpd_sidebar {font-size:12px;padding-top:15px;margin:15px 35px 0px 0px;border-top:1px solid #d3d3d3}
.rgpd_sidebar a {color:#555}

.grid-relacion .item_ordenable.seleccionado {background:#d2e3f2;box-shadow:none;}
.drag_arrastrado {height:2px !important;overflow:hidden;border:2px solid #428bca !important; box-shadow: 2px 2px 5px #999;}
.drag_linea {height:5px;background:#0CF;border-bottom: 1px dotted #cccccc;}
.grid-relacion .cuerpo div.ordenable_expandir {border:1px solid #ccc; display:inline-block;width:20px;text-align:center;height:18px;font-weight:bold;margin-left:-25px;padding:0px 3px;border-radius:5px}

.cuño {font-family: "cuño";font-size: 18px;transform: rotate(-4deg);border: 3px solid #dc4242;padding:5px 10px;color: #dc4242;margin: 10px; text-align: center;border-radius:5px;opacity:0.75;letter-spacing:2px;margin-right:200px;}

*.oculto {display:none !important;width:0;height:0;overflow:hidden;opacity:0 !important}

/* Base de bootstrap */
body {background: #ffffff;color: #333;  -webkit-font-smoothing: antialiased;}
p {color: #777;}

a, a:hover, a:focus {color: #30a5ff;}
h1, h2, h3, h4, h5, h6 {color: #5f6468;}
h1 {font-weight: 300;font-size: 40px;}
h2 {font-weight: 300;margin-bottom: 20px;}
h3, h4 {font-weight: 300;}
label{margin:0px;margin-bottom:0px;}

.large {font-size: 2em;}
.text-muted {color: #9fadbb;}
.color-gray { color: #5f6468; }
.color-blue { color: #30a5ff; }
.color-teal { color: #1ebfae; }
.color-orange { color: #ffb53e; }
.color-red { color: #f9243f; }

.bg-primary .glyphicon-remove { color: #5f6468;}
.bg-primary .glyphicon-remove:hover { color: #ef4040;}

.no-padding {padding: 0; margin: 0;}
.right {float:right !important;}
.glyphicon-xl {font-size: 6em;}
.glyphicon-l {font-size: 3em;}
.glyphicon-m {font-size: 1.5em;}
.glyphicon-s {font-size: 0.75em;}
.form-control {border: 1px solid #eee;box-shadow: none;}
.form-control:focus {	border: 1px solid #30a5ff;	outline: 0;	box-shadow: inset 0px 0px 0px 1px #30a5ff;}

.grupoMenu .dropdown-menu a:focus {outline:none;}
.grupoMenu .dropdown-menu>li>a {padding:6px 20px;}
.grupoMenu .dropdown-menu li.enlace {padding:6px 22px;}
.grupoMenu .dropdown-menu li i {display:inline-block;min-width:25px;}

ul.menuOld {list-style:none; margin:0px; padding:0px; cursor: pointer; z-index:444;margin-top:0px;padding-left:10px;color:#2196F3}
ul.menuOld li { position:relative;padding:7px 12px; }
ul.menuOld > li { display:inline-block;text-align:center;}
ul.menuOld > li:hover {color:#fff;background-color:#aaaaaa;}
ul.menuOld li > ul {padding:0px;}
ul.menuOld li > ul > li {text-align:left;color:#2196F3;min-width:250px;}
ul.menuOld li > ul > li:hover {background:#aaaaaa;color:#fff !important}
ul.menuOld ul {	position:absolute; left:0px; top:-1px; padding:7px;	margin:0px;	display:none; list-style:none; background:#ffffff; border:2px solid #aaaaaa; border-radius: 10px;z-index:445;}
ul.menuOld > li > ul { position:absolute; left:0px; top:30px; display:none; list-style:none;}
ul.menuOld li:hover > ul {display:block; }
ul.menuOld a {text-decoration:none;display:block;padding:7px 0px;margin-top:-7px;margin-bottom:-7px;color:#2196F3;}
ul.menuOld a:hover {text-decoration:none;background:#aaaaaa !important;color:#fff !important;}
ul.menuOld hr {margin:0px}

.navbar-header .navbar-brand {color: #fff;font-size: 16px;text-transform: uppercase;font-weight: 500;letter-spacing: 2px;}
.navbar-header .navbar-brand span {color: #30a5ff;}
.dropdown-menu li.desactivado a {color:#ccc !important}
.navbar-header a.navbar-brand-empresa {padding:5px 10px 5px 15px;overflow:hidden;background:#fff;border-bottom: 1px solid #eee; border-right:3px solid #eee;width: 17%;float: left;margin-left:-15px;height:50px; min-width:180px;display: flex;
  align-items: center; justify-content: center }
a.navbar-brand-empresa img {max-height:100%;max-width:100%;}
.navbar-header button.navbar-toggle {display:none !important;}

.inicio_sidebar {display:none;}
.inicio_sidebar .inicio, .inicio_sidebar .enlace.inicio, .inicio_sidebar hr {display:none;}


/*Buttons*/
a.btn:hover, button:hover {	opacity: 0.8;}
a.btn:active, button:active {box-shadow: inset 0px 0px 500px rgba(0,0,0,.1);opacity: 1;}

.btn-default,.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default,.btn-default.disabled,
.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {
	background-color: #e9ecf2;border-color: #e9ecf2;color: #1b3548;}

.btn-primary,.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary,.btn-primary.disabled,
.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {
	background-color: #30a5ff;border-color: #30a5ff;}

.btn-success,.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open > .dropdown-toggle.btn-success,.btn-success.disabled,
.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active {
	background-color: #8ad919;border-color: #8ad919;}

.btn-warning,.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open > .dropdown-toggle.btn-warning,.btn-warning.disabled,
.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active {
	background-color: #ffb53e;	border-color: #ffb53e;}

.btn-danger,.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open > .dropdown-toggle.btn-danger,.btn-danger.disabled,.btn-danger[disabled],
fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active {
	background-color: #f9243f;	border-color: #f9243f;}

/*Backgrounds*/
.bg-primary {color: #1b3548;background-color: #e9ecf2;}
a.bg-primary:hover {background-color: #e9ecf2;}
.bg-success {color: #fff;background-color: #8ad919;}
a.bg-success:hover {background-color: #8ad919;}
.bg-success a {	color: rgba(255, 255, 255, .75);}
.bg-info {color: #fff;background-color: #30a5ff;}
a.bg-info:hover {background-color: #30a5ff;}
.bg-info a {color: rgba(255, 255, 255, .75);}
.bg-warning {color: #fff;background-color: #ffb53e;}
a.bg-warning:hover {background-color: #ffb53e;}
.bg-warning a {color: rgba(255, 255, 255, .75);}
.bg-danger {color: #fff;background-color: #f9243f;}
a.bg-danger:hover {background-color: #f9243f;}
.bg-danger a {color: rgba(255, 255, 255, .75);}

/*Panels*/
.panel-heading {font-size: 18px;font-weight: 300;letter-spacing: 0.025em;}
.panel-default .panel-heading {	background: #fff;border-bottom: 1px solid #eee;color: #5f6468;}
.panel-footer {background: #fff;border-top: 1px solid #eee;}
.panel-widget {padding: 0;position: relative;}
.panel-widget .panel-footer {border: 0;text-align: center;}
.panel-footer .input-group {padding: 0px;margin: 0 -5px;}
.panel-footer .input-group-btn:last-child>.btn, .panel-footer .input-group-btn:last-child>.btn-group {margin: 0;}
.panel-widget .panel-footer a {	color: #999;}
.panel-widget .panel-footer a:hover {color: #666;text-decoration: none;}
.panel-blue { background: #30a5ff; color: #fff; }
.panel-teal { background: #1ebfae; color: #fff; }
.panel-orange { background: #ffb53e; color: #fff; }
.panel-red { background: #f9243f; color: #fff; }
.panel-blue .panel-body p,.panel-teal .panel-body p,.panel-orange .panel-body p,.panel-red .panel-body p { color: #fff; color: rgba(255, 255, 255, .8);}
.panel-blue .panel-heading,.panel-teal .panel-heading,.panel-orange .panel-heading,.panel-red .panel-heading {border-bottom: 1px solid rgba(255, 255, 255, .2);}
.panel-blue .text-muted,.panel-teal .text-muted,.panel-orange .text-muted,.panel-red .text-muted {color: rgba(255, 255, 255, .5);}
.widget-right .text-muted {color: #9fadbb;}
.widget-right .large {color: #5f6468;}
.panel-blue .widget-left { background: #30a5ff; color: #fff; }
.panel-teal .widget-left { background: #1ebfae; color: #fff; }
.panel-orange .widget-left { background: #ffb53e; color: #fff; }
.panel-red .widget-left { background: #f9243f; color: #fff; }
.panel-heading i {margin-right: 10px;}
.panel-widget {background: #fff;}
.panel-body div[class^="col-md-"] {padding:0px;}
.panel-body section[class^="col-md-"] {padding:0px;}
.panel.panel-primary{border:none;box-shadow:none;margin-bottom:0px;}
.panel-body{padding:15px 15px 2px 15px;}



.dark-overlay {	background: rgba(0, 0, 0, .05);text-align: center;}
.widget-left {height: 80px;	padding-top: 15px;text-align: center;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.widget-right {text-align: left;line-height: 1.6em;margin: 0px;padding: 20px;height: 80px;color: #999;font-weight: 300;background: #fff;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}

/*Jumbotron*/
.jumbotron {background: #fff;border-bottom: 1px solid #eee;color: #5f6468;}

/*Tabs*/
.panel .tabs {margin: 0;padding: 0;}
.nav-tabs {background: #e9ecf2;	border: 0;}
.nav-tabs li a:hover {background: #fff;}

.enlace {cursor:pointer;}
.enlace_largo {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

li.enlace,li.enlace:hover,li.active.enlace,
li.active.enlace:hover {border: 0;padding: 15px 20px;display: block;padding: 3px 20px;clear: both; font-weight: 400;line-height: 1.42857143;color: #333;white-space: nowrap;}
.nav-tabs li a,.nav-tabs li a:hover,.nav-tabs li.active a,.nav-tabs li.active a:hover {border: 0;padding: 15px 20px;}
.nav>li.enlace,.nav>.grupoMenu>li.enlace {position: relative;display: block;padding: 10px 15px;color: #30a5ff;}
.nav>li.enlace:hover {background:#eeeeee}
.nav>div>li {position: relative;display: block;float:left;}
.nav-pills>div>li>a {border-radius: 4px;}
.nav>div>li>a {position: relative;display: block;padding: 10px 15px;text-decoration: none;}
.sidebar .nav>li.enlace, .sidebar .nav>.grupoMenu>li.enlace {padding: 13px 15px;}
.sidebar .menu i {width:25px;display:inline-block;}
.sidebar button {*text-align:center;}
.sidebar .buscar{*height:35px;}
.sidebar .nav>li>a {padding:0px;}
.sidebar.enNubelusAPP {display:none !important}
.nav-pills {padding: 15px;padding-bottom: 0;}
.nav-tabs li a:hover  {background: #30a5ff;}
.nav-pills li.active a, .nav-pills li.active a:hover {background: #30a5ff;}
.nav-pills.menuSuperior li a:hover,.nav-pills.menuSuperior li.dropdown.open>a{background: #2196F3;color:#fff;}
.nav-pills.menuSuperior li.enlace:hover,.nav-pills.menuSuperior li.dropdown.open>enlace{background: #2196F3;color:#fff;}
.nav-pills.menuSuperior .dropdown.pull-right {max-width:300px;overflow:hidden;}
.nav-pills.menuSuperior .dropdown.pull-right span.gestor{display:none;}
.nav-pills.menuSuperior .dropdown.pull-right span.separador{display:none;}
.nav-pills.menuSuperior .dropdown.pull-right span.rol{display:none;}


.nav .dropdown-menu{ border: 2px solid #2196F3;margin: 0px;background:#f2f9ff}
#selector_menus>li>a {color:#fff;border-radius:0px;border-radius:0px 80px 80px 0px;border-right:4px solid #2196F3;background:#7cbff4}
#selector_menus>li>a:hover,#selector_menus>li>a:active {background:#2196F3}
.tab-content {padding: 15px;}

/* Navbar */
.navbar {border: 0;}
.navbar input {border: 0;background: #444;color: #fff;}
.navbar input:focus {color: #fff;background: #555;border: 1px solid #30a5ff;outline: 0;box-shadow: inset 0px 0px 0px 1px #30a5ff;}
.user-menu {display: inline-block;margin-top: 14px;margin-right: 10px;float: right;list-style: none;padding: 0;}
.user-menu a {color: #fff;}
.user-menu a:hover, .user-menu a:focus {text-decoration: none;}

/* Ventana solicitar seguimiento */
div.div_autorizar_seguimiento { position:fixed;top:0px;left:0px;width:100vw!important;max-width:100vw!important;max-height:100vh;height:100vh !important;padding:50px;background:#fff; }
div.div_autorizar_seguimiento h3 {text-align:center;}
div.div_autorizar_seguimiento i {display:block;color:#ccc;font-size:96px;text-align:center;margin:40px;}
div.div_autorizar_seguimiento p {white-space:initial;font-size:16px;}
div.div_autorizar_seguimiento .miBoton {margin:20px 0px;padding:10px 20px;font-size:16px;}

div.div_denegar_seguimiento { position:fixed;bottom:0px;left:0px;width:100vw!important;max-width:100vw!important;padding:5px;background:#efefef;border-top:1px solid #ddd;text-align:center; }
div.div_denegar_seguimiento .miBoton { margin:3px 20%;width:60%;text-align:center;padding:10px 20px;}
div.div_denegar_seguimiento i {color:#ccc;position:fixed; left:15px; font-size:50px;}

/* Sidebar */
/*
.sidebar {display: block;background-color: #fff;padding: 0;display: none;}
.sidebar form {padding: 20px 15px 5px 15px;border-bottom: 1px solid #eee;margin-bottom: 20px;}
.sidebar hr {display:none;}
@media screen and (min-width: 1250px) {
	.sidebar {display: block;position: fixed;top: 50px;bottom: 0;left: 0;z-index: 1000;display: block;margin: 0;
		padding: 0;overflow-x: hidden;overflow-y: auto; background-color: #fff;	box-shadow: 1px 0px 10px rgba(0, 0, 0, .05);	}
	.sidebar hr {display:block;margin:0px;}
	.main.col-lg-offset-2 {width:100%;margin:0px;}
}
.sidebar ul.nav a:hover,.sidebar ul.nav li.parent ul li a:hover {text-decoration: none;background-color: #e9ecf2;}
.sidebar ul.nav .active a, .sidebar ul.nav li.parent a.active,.sidebar ul.nav .active > a:hover, .sidebar ul.nav li.parent a.active:hover,
.sidebar ul.nav .active > a:focus, .sidebar ul.nav li.parent a.active:focus {color: #fff;background-color: #30a5ff;}
.sidebar ul.nav ul,.sidebar ul.nav ul li {list-style: none;list-style-type: none;}
.sidebar ul.nav ul.children {width: auto;padding: 0;margin: 0;background: #f9f9f9;}
.sidebar ul.nav ul.children li a {height: 40px;	background: #f9f9f9;color: #30a5ff!important;}
.sidebar ul.nav li.current a {background-color: #30a5ff;color: #fff!important;}
.sidebar ul.nav li.parent ul li a {border: none;display:block;padding-left: 30px;line-height: 40px;}
.sidebar span.glyphicon {margin-right: 10px;}
.sidebar ul.nav li.divider {border-bottom: 1px solid #eee;margin: 20px 0;}
.sidebar .attribution {position: absolute;bottom: 0px;width: 100%;padding: 15px;text-align: center;border-top: 1px solid #eee;font-size: 12px;}
*/
/* Sidebar */

.sidebar {
	display: block;
	background-color: #fff;
	padding: 0;
	display: none !important;
}

.sidebar form {
	padding: 20px 15px 5px 15px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}
.sidebar hr {display:none;}

@media screen and (min-width: 1200px) {
	#zonaClave.container {max-width:100% !important;width:100%;margin-top:-20px;}

	.sidebar {
		display: block !important;
  		position: fixed;
		top: 100px;
		bottom: 0;
		left: 0;
		z-index: 1000;
		display: block;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
		overflow-y: auto; 
		background-color: #fff;
		box-shadow: 1px 0px 10px rgba(0, 0, 0, .05);
	}
	.sidebar.logout  {top:50px;}

	.sidebar hr {display:block;margin:0px;}

	.navbar-header a.navbar-brand-empresa {height:100px;padding:10px;position:absolute;border-right:2px solid #ccc !important;border-bottom:2px solid #ccc !important;box-sizing:border-box;width:calc(17% - 5px)}

}

.sidebar ul.nav a:hover, 
.sidebar ul.nav li.parent ul li a:hover {
	text-decoration: none;
	background-color: #e9ecf2;
}

.sidebar ul.nav .active a, .sidebar ul.nav li.parent a.active,
.sidebar ul.nav .active > a:hover, .sidebar ul.nav li.parent a.active:hover,
.sidebar ul.nav .active > a:focus, .sidebar ul.nav li.parent a.active:focus {
	color: #fff;
	background-color: #30a5ff;
}*/

.sidebar ul.nav ul,
.sidebar ul.nav ul li {
	list-style: none;
	list-style-type: none;
}

.sidebar ul.nav ul.children {
	width: auto;
	padding: 0;
	margin: 0;
	background: #f9f9f9;
}

.sidebar ul.nav ul.children li a {
	height: 40px;
	background: #f9f9f9;
	color: #30a5ff!important;
}

.sidebar ul.nav li.current a {
	background-color: #30a5ff;
	color: #fff!important;
}

.sidebar ul.nav li.parent ul li a {
	border: none;
	display:block;
	padding-left: 30px;
	line-height: 40px;
}


.sidebar span.glyphicon {
	margin-right: 10px;
}

.sidebar ul.nav li.divider {
	border-bottom: 1px solid #eee;
	margin: 20px 0;
}

.sidebar .attribution {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 15px;
	text-align: center;
	border-top: 1px solid #eee;
	font-size: 12px;
}


/*Breadcrumbs*/
.breadcrumb {border-radius: 0;padding: 10px 15px;background: #e9ecf2;box-shadow: 0 1px 1px rgba(0, 0, 0, .05);margin: 0;}
h1.page-header {margin-top: 30px;border-bottom: 0;}

/*Charts*/
.main {	margin-top: 50px; }
.main.app-nubelus, html[data-useragent*='nubelusApp'] .main { margin: 0px; }
html[data-useragent*='nubelusApp'] .navbar.navbar-inverse.navbar-fixed-top {display:none !important;}
html[data-useragent*='nubelusApp'] #sidebar-collapse {display:none !important;}
#sidebar-collapse {border-right:2px solid #ccc}
.main-chart {background: #fff;}
.easypiechart-panel {text-align: center;padding: 1px 0;margin-bottom: 20px;}
.placeholder h2 {margin-bottom: 0px;}
.donut {width: 100%;}
.easypiechart {position: relative;text-align: center;width: 120px;height: 120px;margin: 20px auto 10px auto;}
.easypiechart .percent {display: block;position: absolute;font-size: 26px;top: 38px;width: 120px;}

#easypiechart-blue .percent { color: #30a5ff;}
#easypiechart-teal .percent { color: #1ebfae;}
#easypiechart-orange .percent { color: #ffb53e;}
#easypiechart-red .percent { color: #ef4040;}

/*Calendar Widget*/
#calendar, .datepicker-inline {width: 100%;}
#calendar table {width: 100%;}
.datepicker table tr td.old, .datepicker table tr td.new {color: rgba(255, 255, 255, .50);}
.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,.datepicker table tr td.active:hover:focus,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,.open .dropdown-toggle.datepicker table tr td.active:hover,.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
	color: #ffffff;	background-color: rgba(0, 0, 0, .5);border-color: #285e8e; }

.datepicker table tr td span:hover,.datepicker thead tr:first-child th:hover,.datepicker tfoot tr th:hover,.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {background: rgba(0, 0, 0, 0.25);}
.panel-heading .glyphicon {margin-right: 10px;}

/*Todo List Widget*/
.todo-list-item .glyphicon {margin-right:5px;color: #9fadbb;}
.todo-list-item .glyphicon:hover {margin-right:5px;color: #1b3548;}
.todo-list {padding: 0;margin: -15px;background: #fff;color: #5f6468;}
#checkbox {margin: 0;}

/*Chat Widget*/
.chat ul {list-style: none;margin: -15px;padding: 15px;}
.chat ul li {margin-bottom: 10px;padding: 15px 5px;border-bottom: 1px solid #eee;}
.chat ul li.left .chat-body { margin-left: 100px;}
.chat ul li.right .chat-body { margin-right: 100px;}
.chat ul li .chat-body p {margin: 0;}
.chat ul .glyphicon {margin-right: 5px;}
.chat .panel-body {overflow-y: scroll;height: 300px;}
.chat-body small {margin-left: 5px;}

/*Tables*/
.table {background: #fff;}
.fixed-table-container {border: 1px solid #eee;}
.fixed-table-container thead th {background: #f7f7f8;border-color: #ddd;color: #5f6468;	font-weight: 300;font-size: 16px;}
.fixed-table-container tbody td {border: 1px solid #eee;}
.fixed-table-container tbody td:last-child {border-right: none;}
.table>thead>tr>th {border-bottom: 1px solid #e6e7e8;vertical-align: middle;height: 50px;}
.fixed-table-pagination .pagination {margin-top: 10px;margin-bottom: 0px;}
.fixed-table-pagination .pagination-detail {margin-top: 20px;}
.flip { -webkit-perspective: 800; perspective: 800; position: relative;text-align: center;}
.flip .card.flipped {-webkit-transform: rotatey(-180deg); transform: rotatey(-180deg);}
.flip .card.flipped .face {backface-visibility:visible;}
.flip .card.flipped .face.front {display:none;}
.flip .card { -webkit-transform-style: preserve-3d;-webkit-transition: 0.5s;transform-style: preserve-3d;transition: 0.5s;text-align:center;}
.flip .card .face {-webkit-backface-visibility: hidden ;backface-visibility: hidden ;background:#fff;padding:30px;z-index: 2;}
.flip .card .front {display:block;position: absolute;width: 100%;z-index: 1;}
.flip .card .back {-webkit-transform: rotatey(-180deg);transform: rotatey(-180deg);}

/* Select Circulos */
.selectCirculos {font-family: FontAwesome;text-align:center;width:25px;}
.selectCirculos select {padding:5px 6px}
.selectCirculos select option {line-height: 30px;}
.selectCirculos option.SI {color:#43A047;padding:15px 25px !important;}
.selectCirculos option.NO {color:#F44336;height:45px;}
.selectCirculos select.SI {color:#43A047;}
.selectCirculos select.NO {color:#F44336;}

/*Icons*/
.sidebar .glyph, .user-menu .glyph {height: 16px;width: 16px;margin: 0 10px 0 0;stroke-width: 3px;}
.user-menu .glyph {stroke-width: 4px;}
.breadcrumb .glyph {height: 14px;width: 14px;margin: -2px 0 0 0;stroke-width: 4px;}
.alert .glyph, .panel-heading .glyph {width: 26px;height: 26px;margin: 0 10px 0 0;stroke-width: 2px;}
.panel-widget .glyph {stroke-width: 2px;}
.todo-list .glyph {width: 14px;height: 14px;stroke-width: 4px;color: #999;}
.glyph.table {background: none;border: none;}

/*Icon Grid*/
.icon-grid div {border: 1px solid #ddd;margin: 0 0 -1px -1px;text-align: center;padding: 10px 0 20px 0;}
.icon-grid svg {width: 35%;display: block;margin: 0 auto;}
.icon-grid h4 {display: none;}
.icon-grid pre {margin: 10px 10px -10px 10px;border-radius: 0;font-size: 10px;border-color: #ddd;height: 65px;overflow: scroll;}


/* JQUERY - UI */
.ui-combobox-content {width:100%!important;}
.ui-dialog-titlebar .ui-dialog-titlebar-button {position: absolute;top: 50%;width: 20px;margin: -10px 0 0 0;padding: 1px;height: 20px;border:none;background:none;}
.ui-dialog-titlebar .ui-dialog-titlebar-button.ayuda-boton-abrir { right: 4.3em; }
.ui-dialog-titlebar .ui-dialog-titlebar-button.ayuda-boton-imprimir { right: 2.3em; }
.ui-dialog .ui-dialog-titlebar-close {position:absolute;height:auto !important;border:none;background:none;}
.ui-dialog.ui-front.ui-resizable {background:#f1f1f1}
.ui-dialog.ui-front.ui-resizable .ayuda_proceso {background:#FFFFDD;color:#555;width:100% !important;}
.ui-dialog.ui-front.ui-resizable .ayuda_proceso p {color:#555}
button.ui-dialog-titlebar-close::before {content:"X";margin-top:-2px}

.ui-autocomplete {font-family:campo,"Arial";max-width:550px;}

.ui-sortable {margin:0px;padding:0px;}
.ui-sortable li {padding:5px;margin:3px;list-style-type:none;}
.ui-sortable li i{margin-right:7px;}
.ui-widget-header {background:none !important;border:none !important;border-bottom:1px solid #aaa !important;border-radius:0px !important}

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {margin:0px;border:none;}
.ui-menu .ui-menu-item a {padding: 2px 5px}
.ui-menu-item .ui-a-value {display:table-cell;float:right;padding-right:10px;border:none} 
.ui-menu-item .ui-a-referencia {display:table-cell;float:right;padding-right:10px;border:none} 
.ui-menu-item .ui-a-label2 {display:table-cell;float:right;padding-right:10px;border:none} 
.ui-menu-item .ui-a-value.left {display:table-cell;float:left;padding-right:10px;border:none} 
.ui-menu-item .ui-a-label.descrip {display:table-cell;padding-left:8px;border:none;} 
.ui-menu-item .ui-a-label {display:inline-block;max-width:350px;padding:1px;border:none;} 
.ui-menu-item .ui-a-sub_label_1, .ui-menu-item .ui-a-sub_label_2,.ui-menu-item .ui-a-sub_label_3 {display:block;width:100%;opacity:0.6;font-size:12px;line-height:12px;padding:0px 0px 0px 15px;height:15px;overflow:hidden;margin:0}
.ui-helper-hidden-accessible {display:none;}

.zonaOperativa .jqx-widget-header {font-size: 11px;}
.zonaOperativa .jqx-widget-header, .zonaOperativa .jqx-grid-cell-pinned {background:#f1f1f1;color:#777}
.zonaOperativa .jqx-grid-statusbar {background:#f1f1f1;}
.zonaOperativa .jqx-grid {border-width:1px 0px 1px 0px;}
.zonaOperativa .jqx-grid div[role=columnheader] {font-weight: bold;z-index:1 !important;color:#777}
.zonaOperativa .jqx-grid-cell {z-index:1 !important;}
.zonaOperativa .jqx-grid .miBoton{margin:0px;padding:3px 0px;border:none;color:#f1f1f1;background:#f1f1f1;box-shadow:none;width:100%;text-align:center;}

.bienvenida_gestor {max-width:800px;margin:0px auto 0px auto}
.bienvenida_gestor .panel .panel-heading {font-size:26px;padding:5px;color:#fff;background:#2196F3}
.bienvenida_gestor .panel .panel-body {font-size:16px;padding:15px;}

.jqx-input,.jqx-combobox-input {background:#f0f4c3 !important}
.jqx-grid-cell-selected {background: #f2e577!important}
.jqx-widget-content{font-family:campo !important}
.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {
    border: none !important; border-bottom:1px dotted #cccccc !important;
}
.jqx-widget-content {font-family: Sans-Serif !important; font-size: 12px !important}
.jqx-grid div[role=row] jqx-grid-cell div {margin-top: 6px !important}
.jqx-grid div[role=row] jqx-grid-cell div:hover {background:#fff}
.jqx-grid-cell-left-align, .jqx-grid-cell-right-align {margin-top:0px !important;line-height:36px;}
.jqx-grid div[role=columnheader]{font-weight:bold;}
.jqx-grid div[role=columnheader] div {padding-right:2px;}
.jqx-grid .jqx-grid-statusbar div{margin-top:2px;}

#cboxWrapper #cboxLoadedContent>div h3,#cboxWrapper #cboxLoadedContent>div .titulo3 {margin:-25px -25px 15px -25px;background: #2196F3;color: #fff;font-size:24px;}
#colorbox #cboxContent {background:transparent}
#colorbox {cursor:move;}
//#colorbox{max-width:100% !important;width:100% !important}
#colorbox{max-width:100% !important;}

#cboxWrapper, #cboxContent, #cboxLoadedContent {overflow:visible;}
#cboxOverlay{max-width:100% !important;width:100% !important}



.bootstrap-select button {background:#fff;}
.mce-widget button{box-shadow:none;}

.pivotable {width:100%;overflow:auto}
.pivotable  .pvtHorizList li {line-height:25px; }

/********************************************************************************************************************************************************/


/* Otras definiciones */
div.fullscreen {background: rgba(255,255,255,0.75);position: fixed;top: 0px;left: 0px; right: 0px;height:100vh;width:100vw;z-index:99999;}

.gestor .nick_gestor {width:100%;box-sizing: border-box;}
.ws_proceso {font-size:10px;border-top:1px solid #fff}

.chBorradorFactura {display:none;}

.inicio_titulo {display:block;position:relative;background:#2196F3;box-shadow:none;color:#fff;padding:0px 0px 0px 5px;font-size:16px;height:40px;}
.inicio_titulo a {text-decoration:none;color:inherit;}
.inicio_contenido {min-height:165px;overflow:hidden;}
.inicio_contenido .grid-relacion{border:none;border-radius:0px;}
.inicio_contenido .grid-relacion .cuerpo{box-shadow:none;border-bottom:none;}
.inicio_contenido .grid-relacion .registro {padding:5px 0px 5px 0px;}
.inicio_contenido.panel-body {padding:0px;}
.inicio_contenido .grid-relacion {margin:0px;}
.wsgw_registro_2016 .renovar_password{background:#fff;padding:25px;color:#333;border:1px solid #ccc;border-radius:10px;}
.wsgw_registro_2016 .renovar_password h1 {margin:10px 0px 30px 0px;}
.wsgw_registro_2016 .renovar_password .error_grave {color:#b03533;font-size:18px;margin:30px 15px;}
.wsgw_registro_2016 .renovar_password .mensaje {margin:15px 0px;text-align:center;}
.wsgw_registro_2016 .renovar_password .miBoton {padding:10px 30px;}
.wsgw_registro_2016 .renovar_password .miBoton:hover {background:#000;color:#fff}

.wsgw_registro_2016 #div_mensajes_formulario .gracias {color:#333;text-align:center}
.wsgw_registro_2016 #div_mensajes_formulario .texto {color:#333;text-align:center}

.botonFlotante { background: rgba(158,158,158,.2); box-shadow: 0 10px 10px 0 rgba(0,0,0,.14),0 5px 5px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    border: none; border-radius: 500px;color: #fff; position: fixed; bottom:40px; height:50px;width:50px;line-height:60px;
    margin: 0; padding: 0px;display: inline-block; font-size: 32px; font-weight: normal;overflow: hidden; outline: none;
    cursor: pointer; text-decoration: none; text-align: center; vertical-align: middle; background-color: rgb(255,64,129)!important;
    right:30px; z-index: 900; }
.botonFlotante_mini {background: rgba(158,158,158,.2); box-shadow: 0 10px 10px 0 rgba(0,0,0,.14),0 5px 5px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    border: none;border-radius: 500px;color: #fff;position: relative;height:1.6em;width:1.6em;line-height:1.7em; margin: 0;
    padding: 0px; display: inline-block; font-size: 2em; font-weight: 100; overflow: hidden; outline: none; cursor: pointer; text-decoration: none;
	text-align: center; vertical-align: middle; background-color: rgb(255,64,129)!important;position:absolute;bottom:-5px;right:10px; z-index: 900;}


/* Pantalla principal */
#zonaIndex .panel {margin-top:15px;}
.print_nombreGestor{display:none;}
.col-lg-12.workzone {padding-left:0px;padding-right:0px;}
.menuSuperior{background: #e9ecf2; box-shadow: 0 1px 1px rgba(0, 0, 0, .05);padding:5px 3px 3px 3px;}

.zonaOperativa.panel-body {padding:70px 10px 10px 10px;position:relative;}
.zonaOperativa h1 {margin:-15px -15px 0px -15px;background:#2196F3;color:#fff;font-size:26px;padding:5px;position:absolute;top:0;left:0;right:0;max-height: 35px;}
.zonaOperativa div {word-break:break-word}

#zonaOperativa div.collapse, #zonaOperativa div.collapsing {padding:10px;border:1px #269abc dotted;color:#444;font-size:12px;overflow:hidden; }
#zonaOperativa div.collapse .grid-relacion, #zonaOperativa div.collapsing .grid-relacion{margin:0px;}

.desplega-cuadro {margin-top:15px;font-size:16px;color:#2196F3;width:100%;padding:4px 35px;border-bottom:2px solid #2196F3;position:relative;font-weight:bold;}
.desplega-cuadro .estado:after{font-family: FontAwesome;content: "\f102";top:0px;left:0px;position:absolute;padding:3px 6px;border:2px solid #2196F3;font-weight:normal;background:#aedbff}
.desplega-cuadro.collapsed .estado:after{content: "\f103";}

.portalHeader{height:80px;}
.portalHeader .logo {float:left;width:400px;}
.portalHeader .infoGestor {float:right;width:400px;text-align:right;font-size:12px;color:#999999;font-family: 'Oxygen';margin-top:10px}
.portalHeader .infoGestor .nombreGestor{font-weight:bold; }
.portalHeader .infoGestor i {margin-right:5px; }

/* Ajusto el color del placeholder */
::-webkit-input-placeholder {color:#bbbbbb;font-weight:lighter;font-style:italic }
::-moz-placeholder {color:#bbbbbb;font-weight:lighter;font-style:italic }
:-ms-input-placeholder {color:#bbbbbb;font-weight:lighter;font-style:italic }
input:-moz-placeholder {color:#bbbbbb;font-weight:lighter;font-style:italic }
input.placeholder_value::-webkit-input-placeholder {color:#222;font-weight:lighter;font-style:normal }
input.placeholder_value::-moz-placeholder {color:#222;font-weight:lighter;font-style:normal}
input.placeholder_value:-ms-input-placeholder {color:#222;font-weight:lighter;font-style:normal}
input.placeholder_value:-moz-placeholder {color:#222;font-weight:lighter;font-weight:bold; }

/* miCampo */
.miCampo {display:table;margin:0px;padding:0px;margin-top:5px;margin-bottom:5px;height:20px;*float:left;width:100%;max-width:600px;min-height:30px;position:relative;}
.miCampo.elastico {width:auto !important;min-width:auto !important}

.miCampo b, .miCampo label, .miCampoMultiple > label {font-family:Tahoma, Geneva, sans-serif;display:table-cell;vertical-align:middle;padding:0px;padding-left:10px;padding-right:5px;background-color:#f1f1f1;height:20px;color:#777;border-radius: 5px 0px 0px 5px;border:1px solid #ccc;border-right:none;width:75px;font-weight:400;font-size:11px;position:relative;text-align:left;min-width:120px; }

.miCampo label.corta, .miCampoMultiple > label.corta {min-width:60px}
.miCampo label.larga, .miCampoMultiple > label.larga {min-width:240px}

.miCampo input, .miCampo textarea, .miCampo select, .miCampo>div  {display:table-cell;float:left;margin:0px;padding:5px 4px 5px 4px;border-radius: 0px 5px 5px 0px;box-sizing:border-box;width:100%;font-family:campo }
div.con-borde { border: 1px #e1e1e1 dotted; color: #444; font-size: 13px;min-height: 60px;border-radius: 0px 5px 5px 0px;padding:10px 5px }
select, option { 
  font-family: campo, Arial, Helvetica;
}

.miCampo .grid-relacion {padding:0px;}
div.miCampo textarea {white-space:pre-wrap;margin:0px 0px 0px 0px}
.miCampo ui-autocomplete-input {height:24px;}
.miCampo label i {position:absolute;right:0px;top:0px;background:#d0d3d5;background:#d0d3d594;padding:4px;min-height:100%;border-left:1px dotted #ccc;line-height:20px;}

.miCampo input:focus, .miCampo select:focus, .miCampo textarea:focus {box-shadow:none;border: 1px #777 solid;}
.miCampo input[type="checkbox"]:focus {box-shadow:none;border:none;}
.miCampo input[type="radio"] {display:inline;height:auto;margin-right:5px;vertical-align:middle;width:auto;}
.miCampo input[type="radio"]:focus {box-shadow:none;border:none;}
.miCampo input[type="radio"]:checked+label {font-weight:bold;}
.miCampo input[type="radio"]+label {background:none;border:none;padding:0px 0px 0px 5px;width:auto;color:inherit;Font-family:inherit;display:inline;font-weight:normal;font-size:inherit;height:auto;margin-right:50px;}

.miCampo .busquedaJSON_des + .ui-helper-hidden-accessible {background:#A23;margin-left:-50px;overflow:visible;text-align:right;content: "";z-index:9999;height:25px;width:50px;}
.miCampo .error, input.error  {border: 1px solid rgb(221, 0, 0);background:rgba(255,0,0,0.15)}
.error{border: 1px solid rgb(221, 0, 0)}
.miCampo input.desde.error,.miCampo input.hasta.error  {outline: 1px solid rgb(221, 0, 0)}

.miCampo .error_grave {text-align:left;background:rgba(255,0,0,0.09);border:1px solid rgba(255,0,0,0.6);}
.miCampo .error_leve {text-align:left;background:rgba(255,153,0,0.09);border:1px solid #F90;}
.miCampo .error_info {text-align:left;background:rgba(0,255,0,0.09);border:1px solid #339900;}


.miCampo .textoHtml {display:inline-block;height:100%;margin:0px;border-right:none;font-size:12px;}
.miCampo .textoHtml p {display:block;clear:both;}
.miCampo .textoHtml span {display:block;width:100%}
.miCampo img {border:1px solid #aaa;border-right:none;height:auto;}
.miCampo span {display:inline-block;font-weight:normal;font-size: 11px;color:#777;vertical-align: middle;float:left;line-height:28px;}

.miCampo.centrado {width:auto;margin:2px auto;}

.miCampo .coordenadas {border: 1px #A1A1A1 solid;border-radius: 0px 5px 5px 0px;box-sizing: border-box;width: 100%;padding: 0px;min-width: 270px;}
.miCampo .coordenadas .latitud, .miCampo .coordenadas .longitud {width: calc(50% - 32px);border-radius: 0;border: none;text-align: center;}
.miCampo .coordenadas.campoRead {border: 1px #e1e1e1 dotted;}

.miCampo .botonAccion {font-size:15px;position:absolute; top:0;right:0px; width:auto;height:100%; min-width:28px; line-height:28px;text-align:center;margin:0px; padding:0px 5px;background:#f1f1f1;border-radius: 0px 5px 5px 0px;border:1px #A1A1A1 solid; cursor: pointer;box-sizing: border-box; color: #777;vertical-align:middle;}
.miCampo .botonAccion {border:none;background:#ffffff00;box-shadow:none;}
.miCampo .botonAccion i {margin:auto 0px;display: table-cell; vertical-align: middle;font-weight:bold;line-height: 28px;}

.miCampo .botonAccion.seleccionar-coordenadas {font-size:12px;position:absolute; top:0;right:29px; width:auto;height:100%; min-width:30px;text-align:center;line-height:28px;margin:0px; padding:0px 10px;background:#f1f1f1;border:1px #A1A1A1 solid; cursor: pointer;box-sizing: border-box; border-radius: 0px;margin-right:-2px; }
.miCampo .botonAccion.abrir-coordenadas { background:#f1f1f1;border-radius: 0px 5px 5px 0px;border:1px #A1A1A1 solid; display:table; }

.miCampo.div_coordenadas.ocultar{width:auto !important}
.miCampo.div_coordenadas.ocultar input,.miCampo.div_coordenadas.ocultar span, .miCampo.div_coordenadas.ocultar .botonAccion.seleccionar-coordenadas{display:none;}
.miCampo.div_coordenadas.ocultar .coordenadas {min-width:auto;}
.miCampo.div_coordenadas.ocultar .botonAccion.abrir-coordenadas {right:-28px;}

.miCampo p {display:table-cell;vertical-align:middle;padding:0px;height:22px;padding-left:8px;*float:left;*clear:both}
.miCampo>div {display:table;}

.miCampo .miBoton.flota_derecha {position:absolute;right:5px;margin:0px;bottom:2px;top:0px;padding:5px;background:transparent;border:0px;box-shadow:none;color:#777;width: auto; }
.miCampo .miBoton.flota_derecha i {margin:0px}
.miCampo.elastico .miBoton.flota_derecha {right:auto;}

.miMundo .miBoton.flota_derecha {position:absolute;right:5px;margin:0px;top:0px;padding:3px 4px;background:transparent;border:0px;box-shadow:none;color:#777;width: auto; }
.miMundo .miBoton.flota_derecha_2 {position:absolute;right:30px;margin:0px;top:0px;padding:3px 4px;background:transparent;border:0px;box-shadow:none;color:#777;width: auto; }
.miMundo .miBoton.flota_derecha_3 {position:absolute;right:55px;margin:0px;top:0px;padding:3px 4px;background:transparent;border:0px;box-shadow:none;color:#777;width: auto; }


.miCampo .miBoton.flota_derecha_2 {position:absolute;right:20px;margin:0px;bottom:2px;top:0px;padding:3px 4px;background:transparent;border:0px;box-shadow:none;color:#777;width: auto; }
.miCampo .miBoton.flota_derecha_2 i {margin:0px}

.miCampo .miBoton.flota_derecha_3 {position:absolute;right:45px;margin:0px;bottom:2px;top:0px;padding:3px 4px;background:transparent;border:0px;box-shadow:none;color:#777;width: auto; }
.miCampo .miBoton.flota_derecha_3 i {margin:0px}


.miCampo.elastico .miBoton.flota_derecha,.miCampo.elastico .miBoton.flota_derecha_2 {right:auto;}


.miCampo .miBoton.flota_izquierda {position:absolute;margin:0px;top:3px;padding:0px 7px;background:transparent;border:0px;box-shadow:none;color:#777;width: auto; }

.miCampo #pCodigo, .miCampo #fCodigo  {max-width:125px;min-width:75px}
.miCampo input[id^='pFecha'] {max-width:125px;min-width:75px}
.miCampo input[id^='fFecha'] {max-width:125px;min-width:75px}

.miCampo.campoCorto, .miCampo.campoMuyCorto, .miCampo.campoMedio, .grupo.campoCorto, .grupo.campoMedio, .grupo.campoMuyCorto  {width:auto;}
.miCampo.campoCorto input, .miCampo.campoCorto select,
.grupo.campoCorto input, .grupo.campoCorto select {max-width:125px;min-width:125px}

.miCampo.campoMuyCorto input, .miCampo.campoMuyCorto select,
.grupo.campoMuyCorto input, .grupo.campoMuyCorto select {max-width:55px;min-width:55px}

.miCampo.campoMedio input, .miCampo.campoMedio select,
.grupo.campoMedio input, .grupo.campoMedio select {max-width:300px;min-width:300px}
.miCampo div.grupo {padding:0px;}
.miCampo .grupo span{display:table-cell;padding:0px 3px 0px 6px;}

.miCampo.pCodigo #pReferencia, .miCampo.pId #pReferencia  {float:right;max-width:125px;}

.miCampo .mce-panel {width:100%}

.miCampo.con_1_boton input {padding-right:27px;}
.miCampo.con_2_botones input {padding-right:54px;}
.miCampo.con_2_botones input.busquedaJSON_cod,.miCampo.con_1_boton input.busquedaJSON_cod   {padding-right:5px; }

.miCampo.con_3_botones input {padding-right:81px;}


div.miCampo.selector_contenidos {margin-bottom:0px;border-radius:0px 5px 0px 0px;border:1px solid #2196F3;border-bottom:none;}
div.miCampo.selector_contenidos label {background: #2196F3;color:#fff;border-color:#aedbff}
div.miCampo.selector_contenidos select {height: auto;background: #aedbff;color:#2196F3;border:none;font-size:16px;border-radius:0px;font-weight: 400;border-radius:0px 5px 0px 0px;}

.miCampo.editable .modo-lectura,.miCampo.editable .modo-edicion {display:flex;width:100%;margin:0px;padding:0px;}
.miCampo.editable .modo-lectura {border:1px #e1e1e1 dotted}
.miCampo.editable .modo-edicion {border:1px #A1A1A1 solid}

.miCampo.editable .campo {flex:auto;} 
.miCampo.editable .campo * {flex:auto;border:none;border-radius:none;} 
.miCampo.editable .campo textarea {resize:vertical;min-height:45px;} 

.miCampo.editable .botones {margin-left:auto; padding: 0px 8px 0px 8px;    border-left: 1px dotted #ccc;}
.miCampo.editable .botones button,.miCampo.editable .botones a {color:#2196F3;background:transparent;border:none;box-shadow:none;padding: 2px 4px 2px 4px;margin:0px;font-weight:bold;}

.miCampo.editable .campo .autocomplete_info {position:absolute;margin-top:5px;right:30px;}

.campoHtml .miMundo, .campoHtml .miCampo {border:1px #e0e0e0 solid;padding:10px;border-top:none; }
.campoHtml .miMundo.encabezamiento {height: auto;background: #f7f7f7;border: 1px solid #e0e0e0;opacity: 0.9;padding:2px 2px 2px 10px}
.campoHtml .miMundo.encabezamiento h4 {}

div.miLabel{font-family: Tahoma, Geneva, sans-serif;
    display: ;
    vertical-align: middle;
    padding: 5px 10px;
    background-color: #f1f1f1;
    color: #777;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #ccc;
    border-bottom: none;
    font-weight: 400;
    font-size: 11px;
	margin-bottom:-5px;
}


div.tipo_contenido {position:relative;padding:15px;border:1px solid #2196F3;border-radius:0px 5px 5px 5px;display:inline-block;width:100%;}
div.tipo_contenido div.div_firma {position:absolute;max-width:250px;max-height:200px;right:0px;top:10px;margin:0px !important;text-align:center;}
div.tipo_contenido div.div_firma img {width:100%;}
div.tipo_contenido .seccion {margin-top:0px;padding:5px 10px;}
div.tipo_contenido h1 {position:relative;margin:10px 0px;padding:5px;}
div.tipo_contenido .titulo_solapa {display:none;font-size:18px;color:#333;}

/*div.tipo_contenido .seccion:hover {background:rgba(187,222,251,0.2);}*/
/*div.tipo_contenido div.div_firma {position:static;margin:25px 0px !important;}*/

.campoRead { border: 1px #e1e1e1 dotted; color:#444; font-size:13px;min-height:20px;padding:2px;background:none;}
.campoReadWrite { border: 1px #A1A1A1 solid; color:#111; font-size:13px;}

.miCampo .autocomplete_info {float: right;position: relative;font-size: 10px;text-align: right;margin: -20px 80px;width: auto;display:none;border-radius: 0px;border: none;
	padding:0px;box-sizing:initial;}

.miCampo .autocomplete_todos {float: right;position: relative;font-size: 10px;text-align: right;margin: -2.75em 4px;width: auto;border-radius: 0px;border: none;padding:0px;
	box-sizing:initial;cursor:pointer;background:transparent;height:82%;}
.miCampo .autocomplete_todos i {padding:0px 8px 4px 8px;font-size:16px;color:#777}

.miCampo .autocomplete_clear {float: right;position: relative;font-size: 10px;text-align: right;margin: -2.4em 25px;width: auto;border-radius: 0px;border: none;padding:0px;
	box-sizing:initial;cursor:pointer;background:transparent;}
.miCampo .autocomplete_clear i {padding:5px 4px 4px 4px;font-size:15px;color:#777}

.miCampo .autocomplete_boton {margin:-8px -12px -0px 10px;display:inline-block;width:auto;padding:2px 5px;}

.miCampo .autocomplete_preferidos {float: right;position: relative;font-size: 10px;text-align: right;margin: -2.50em 47px;width: auto;border-radius: 0px;border: none;padding:0px;
	box-sizing:initial;cursor:pointer;background:transparent;}
.miCampo .autocomplete_preferidos i {padding:5px 4px 4px 4px;font-size:13px;color:#777}
.miCampo .autocomplete_preferidos .icono_marcado {color:#e6a907}


/* Ampliado */
.ampliado {margin-top:-4px;font-size:12px;padding:3px 5px; margin-left:20px;max-width:580px;border:1px dotted #ccc;border-radius:0px 0px 5px 0px;color:#555;background:#fff;border-top:none;display:none;}

.ampliado .linea {width:100%;padding:2px;}
.ampliado .linea div {width:auto;display:inline-block;min-width:150px;}
.ampliado .linea div.dcha {float:right;}

.ampliado label {min-width:55px;font-weight:normal;margin:0px 5px;color:#777;}
.ampliado span {font-weight:bold;}
.ampliado .linea div.campoMedio,.ampliado .linea div.campoCorto  {width:50%;}
.ampliado .linea label {width:auto !important;}
.ampliado .linea label:after {content:":"}

.ampliado .miCampo {margin:1px;border-radius:none;}
.ampliado .miCampo input {border-left:none;border-top:none;border-right:none;border-radius:0px;padding-bottom:2px;}
.ampliado .miCampo label {border:none;background-color:transparent;padding-left:25px;opacity:0.7}


/* Switch ON/OFF*/
.miCampo .switch {width: 180px !important; float:right !important;}

.onoffswitch {position: relative; display:block !important; margin:0px;padding:0px;-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}
.onoffswitch input{display: none !important;}
.onoffswitch-label {display: block !important; position:relative;overflow: hidden !important; cursor: pointer !important;border: 1px solid #999999 !important; border-radius: 20px !important;margin-bottom:0px !important;width: 150px !important;height:28px !important;padding:0px !important;}
.desactivado .onoffswitch-label { cursor: inherit; }
.onoffswitch-inner {display: block; width: 200%; margin-left: -100%;transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before, .onoffswitch-inner:after {display: block; float: left; width: 50%; height: 26px; padding: 0; line-height: 22px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;box-sizing: border-box;}
.onoffswitch-inner:before {content: "ACTIVO";padding-left: 10px;background-color: #7CC504; color: #FFFFFF; padding-top:1px}
.onoffswitch-inner:after {content: "DESACTIVADO";padding-left: 30px;background-color: #d0011b; color: #FFFFFF;text-align: left;padding-top:1px}
.onoffswitch-switch {display: block; width: 18px; margin: 3px;height:18px;background: #FFFFFF;position: absolute; left:0; right:85%;
    border: 1px solid #999999; border-radius: 20px;transition: all 0.3s ease-in 0s;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0px;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right:0; left:80%;transition: all 0.3s ease-in 0s;}

.onoff {position: relative; display:block !important; height:20px; margin:0px;padding-top:0px !important;padding-bottom:0px !important;-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;padding:0px;border:none;}
.onoff input{display: none !important;}
.onoff-label {display: block !important; position:relative; cursor: pointer !important; border:none !important; border-radius: 20px !important;margin-bottom:0px !important;width:100% !important;height:21px !important;padding:0px !important;overflow:hidden;box-shadow:inset 0 0 3px #333}
.desactivado .onoff-label { cursor: inherit; }
.onoff-inner {display: block; width: 200%; margin-left: -100%;transition: margin 0.3s ease-in 0s;}
.onoff-inner:before, .onoff-inner:after {display: block; float: left; width: 50%; height: 22px; padding: 0; line-height: 18px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;box-sizing: border-box;text-align:center;}
.onoff-inner:before {content:" ";padding-right: 15px;background-color: #7CC504; color: #FFFFFF; padding-top:1px}
.onoff-inner:after {content:" ";padding-left: 15px;background-color: #d0011b; color: #FFFFFF;padding-top:1px}
.onoff-switch {display: block; width: 19px; height:19px; margin: 0px;background: #fff;position: absolute; top:1px; left:1px; right:100%;
    border: none; border-radius: 22px;transition: all 0.3s ease-in 0s;box-shadow:inset 0 0 3px #333}
.onoff-checkbox:checked + .onoff-label .onoff-inner {margin-left: 0px;}
.onoff-checkbox:checked + .onoff-label .onoff-switch {right:0; left:calc(100% - 20px);transition: all 0.3s ease-in 0s;}

.miCampo.campoMuyCorto .onoff, .miCampo.campoCorto .onoff, .miCampo.campoMedio .onoff {float: left;margin: 0px;padding: 5px 5px 5px 7px;border-radius: 0px 5px 5px 0px;box-sizing: border-box;font-family: campo;border: 1px #e1e1e1 dotted;display:table-cell !important;height:100%;padding-top:4px !important;}
.miCampo.campoMuyCorto .onoff {width:80px;}
.miCampo.campoCorto .onoff {width:120px;}
.miCampo.campoMedio .onoff {width:280px;}


.miCampo .DesdeHasta {border: 1px #A1A1A1 solid;border-radius: 0px 5px 5px 0px;box-sizing: border-box;width:auto;padding:0px;min-width:270px;max-width:300px;height:25px;overflow:hidden;}
.miCampo .DesdeHasta .desde {width:46%;border-radius:0;border:none;text-align:center;}
.miCampo .DesdeHasta .hasta {width:46%;border:none;text-align:center;float:right;}
.miCampo .DesdeHasta .entre {width:8%;font-size:18px;padding-top:2px;margin-bottom:-5px;text-align:center;font-weight:bold;color:#333;}
.miCampo .DesdeHasta .numero {max-width: 100%;}
.miCampo .DesdeHasta.campoRead { border: 1px #e1e1e1 dotted; }
.miCampo .DesdeHasta input {height:auto;padding-top:3px;padding-bottom:2px;border:none;}

.miCampo .bootstrap-select {margin:0px;padding:0px}
.miCampo .bootstrap-select span {font-size:13px;float:none;}
.miCampo .bootstrap-select button {border:none;}

.miCampo .numero {max-width:125px;}

.fFecha, .fImporte {width:auto;}
.numero, input.numero {text-align:right;}
.botonCombobox {border:none;background:none;color:#000;}
input.marcador {margin:1px 0px 0px -5px;width:auto;padding:0px; }
textarea.codigo-fuente {width:100%;min-height:150px;height:auto;background-color:rgba(255,255,255,0.9);box-sizing:border-box;border:none;padding:15px;font-family:monospace,'courier';tab-size:20px;font-size:12px;}

.miCampoMultiple {display:table;margin:0px;padding:0px;margin-top:5px;margin-bottom:5px;*float:left;width:100%;max-width:600px;min-height:30px;}
.miCampoMultiple.campoReadWrite,.miCampoMultiple.campoRead {border:none;}
.miCampoMultiple.campoReadWrite .elemento, .miCampo .elemento {border:1px #A1A1A1 solid;padding:10px; border-radius: 0px 5px 5px 0px;}
.lista_radio .elemento {display:table-row;line-height:30px}
.miCampoMultiple label, .miCampoMultiple span {display:inline-block;width:auto;font-weight:normal;}
.miCampoMultiple input {margin:0px 5px;}

/* Formulario cuadriculado */
.miCampo2_contenedor {border:1px solid #dddddd;border-bottom:none;margin-top:-5px;}
.miCampo2_contenedor .linea {display:block;clear:both;border-bottom:1px solid #dddddd;overflow:hidden;}
.miCampo2_contenedor .miCampo2 {display:block;float:left;overflow:hidden;}
.miCampo2_contenedor .miCampo2 b{display:block;font-size:11px;padding:5px;padding-bottom:0px;color:#777;font-weight:normal;}
.miCampo2_contenedor .miCampo2 input {padding:5px;width:100%;border:none;color:#000;font-size:15px;}
.miCampo2_contenedor .bd {border-right:1px solid #dddddd;}
.miCampo2_contenedor .bi {border-left:1px solid #dddddd;}

.miCampo .lista_check, .miCampo .lista_radio {margin:0px;padding:5px 15px;border:1px #A1A1A1 solid;border-radius: 0px 5px 5px 0px;}
.miCampo .lista_check input.chkList {width:auto;display:inline;margin:8px 5px 8px 0px;box-shadow:none;}
.miCampo .lista_check input.chkList + label {width:85%;}

input.chkList {width:auto;display:inline;margin:8px 0px 8px 40px;box-shadow:none;}
input.chkList + label {background:none;border:none;width:auto;display:inline-block;line-height:20px;user-select: none;} 
input.chkList:checked + label { font-weight: bold;}

.grid-relacion input.chkList {width:auto;max-width:30px;margin:0;box-shadow:none;float:none;}
.grid-relacion .centrado input.chkList {margin:0px auto 0px auto ;box-shadow:none;}

.grid-relacion .campoRegistro {border:none;padding:0px;background:transparent;}
.grid-relacion .miBoton {margin: -3px 0px;padding: 1px 10px;}



/* botones */
.miBoton{ display: inline-block; margin-bottom: 0; vertical-align: middle; cursor: pointer; text-decoration: none; color: #2196F3;
    background: rgba(187,222,251,0.2); border: 1px solid #2196F3; border-radius: 5px; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
    font-size: inherit; padding: 2px 12px 2px 12px; margin: 0px 0px 0px 10px; text-align: left; line-height: 20px; opacity: 1; }
.miBoton i {margin:0px 8px 0px 0px;line-height:inherit}
.miBoton.sinTexto i {margin:0px 0px 0px 0px}
.miBoton:focus {box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.7)}
.miBoton.desactivado {opacity:0.25 !important}
.miBoton:hover {opacity: 0.7;}
.encabezamiento .miBoton {font-size:12px;}


.miBoton.rojo, a.miBoton.rojo:hover, a.miBoton.rojo:focus {color: #fff;background: #ff5252;text-decoration: none;}



h4 .miBoton {font-weight:normal;font-size:14px;}

h5 .miBoton { background: #f1f1f1; color: #777; border: 1px solid #ccc;}
h5 .miBoton i {margin:0px}

.botones_colorbox {text-align:center;margin-top:20px;}
.miBoton_cuadrado {display: inline-block; margin-bottom: 0; vertical-align: middle; cursor: pointer; text-decoration: none; color: #2196F3;
    background: rgba(187,222,251,0.2); border: 1px solid #2196F3; border-radius: 5px; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
    font-size: 12px; padding:3px; margin:2px; text-align:center; opacity: 1;width:65px; letter-spacing:-0.5px;overflow:hidden; }
.miBoton_cuadrado i {margin:0px;line-height:inherit;font-size:22px;display:inline-block;width:100%;clear:both;}
.miBoton_cuadrado span {display:block;white-space:nowrap;}
.miBoton.grande {padding: 10px 20px 10px 20px; font-weight: 400; margin:0px 10px 5px 0px;}

.boton-actualizar {min-width:110px;margin:3px;min-height:35px;}
.boton-actualizar i{color:#090;float:left;margin-left:6px;font-size: 15px;}
.boton-cancelar {min-width:110px;margin:3px;min-height:35px;}
.boton-cancelar i{color:#009;float:left;font-size:15px;margin-left:6px;}
.boton-grabar{min-width:110px;margin:3px;min-height:35px;}
.boton-grabar i{color:#090;float:left;margin-left:6px;font-size: 15px;}
.boton-eliminar{min-width:110px;margin:3px;min-height:35px;}
.boton-eliminar i{color:#F00;float:left;margin-left:6px;font-size: 15px;}
.boton_grande {	display:inline-block;overflow: hidden;float:right;height:40px;font-size: 18px;color: #ffffff;padding: 0px;
	border-radius: 3px 40px 40px 3px;background:#c5c7c9;background: -moz-linear-gradient(top,#10ad10 0%,#125c00);
	background: -webkit-gradient(linear, left top, left bottom, from(#10ad10),to(#125c00));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c7c9', endColorstr='#6f7a80');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c7c9', endColorstr='#6f7a80')";  
	border: 3px solid #ffffff; box-shadow: rgba(0,0,0,.6) 0px 0px 5px 2px; text-shadow: 0px -1px 0px rgba(61,58,61,0.7), 0px 1px 0px rgba(31,30,31,0.3);}
.boton_grande:hover { background: -moz-linear-gradient(top,#125c00 0%,#10ad10 );background: -webkit-gradient(linear, left top, left bottom, from(#125c00),to(#10ad10));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f7a80', endColorstr='#c5c7c9');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f7a80', endColorstr='#c5c7c9')";}



/* BarraOpciones */
.BarraOpciones, .BarraOpciones_bajo {display:block;padding:0px; z-index:400; min-height:35px; margin:0px -15px 10px -15px; background:#aedbff;box-shadow:none;color:#2196F3;position:absolute;top:20px;left:0;right:0;}
.BarraOpciones .reducido {width:auto; display:inline-block;float:left;position:absolute;margin-top:-5px;margin-right:50px;white-space: nowrap;max-width:890px;overflow:hidden;}
.BarraOpciones .NOreducido {max-width:calc(100% + 170px);overflow-x: scroll; overflow-y: hidden;}

.BarraOpciones .miBoton {border:none;border-radius:0px;margin:0px;font-size:12px;font-weight:bold;color:#2196F3;margin-right:-1px;margin-top:2px;background:none;box-shadow:none;}
.BarraOpciones>.miBoton {font-size: 16px; line-height: 20px; font-weight: 100; padding:5px 5px; margin:0px 20px 0px 0px; text-decoration:none;}
.BarraOpciones>a.miBoton>i {text-decoration:none;display:inline;font-size:22px;vertical-align: middle;margin:0px }
.BarraPaginar a.Info {padding-top:7px;}
.BarraOpciones h2 {margin:8px 12px 0px 5px;padding:0px;display:inline;float:left;min-width:100px;min-height:28px;line-height: 24px;font-size:18px;color:#2196F3;opacity:1;}
.BarraOpciones h2 i {display:none;}
.BarraOpciones .reducido .miBoton{max-height:40px;width:45px;overflow:hidden;padding:0px;text-decoration:none;}
.BarraOpciones .reducido i {display:block;width:100%;text-align:center;font-size:24px;line-height:42px;}
.BarraOpciones .reducido .conTexto i {display:inline-block;width:auto;margin:0px}
.BarraOpciones .reducido .miBoton.conTexto {max-height:40px;width:auto;padding:0px 15px;font-size:18px;font-weight:400;letter-spacing:-1px;}

.BarraOpciones .ampliado {display:none;position:absolute;width:auto;top:37px;right:0px;width:250px;overflow:hidden;background:#aedbff;border:2px solid #2196F3;border-radius:10px 0px 10px 10px;height:0px;box-sizing: content-box;padding:5px 0px;}
.BarraOpciones .ampliado .miBoton {width:100%;clear:both;display:inline-block;border:none;font-size:16px;line-height:30px;}
.BarraOpciones .ampliado.visible {height:auto;display:block;}
.BarraOpciones .ampliado i {display:inline-block;width:30px;margin:0px;text-align:center;}
.BarraOpciones .ampliado.visible {min-width:350px;}
.BarraOpciones .ampliado.visible hr {margin:5px 0px; border-top: 1px solid #999;}

.BarraOpciones .mas_opciones {max-height:35px;width:50px;overflow:hidden;display:block;float:right;}
.BarraOpciones .mas_opciones i {display:block;width:100%;text-align:center;font-size:24px;line-height:35px;font-weight:100;margin:0px;}
.BarraOpciones .mas_opciones.seleccionado {background:#2196F3;color:#ddd;border-radius:10px 0px 0px 0px}
.BarraOpciones .mas_opciones.miBoton {margin:1px 0px 0px 0px;padding:0px 5px}

.BarraOpcionesMenu {display:inline-block;float:left; height:32px;}
.BarraPaginar {display:inline-block;float:right; height:32px;width:160px;margin:3px 10px 0px 10px  ;}
.BarraPaginar button{display:inline-block;text-align:center;padding:0px;margin:0px;font-size:11px;border:0px;border-radius:0px;vertical-align:middle;width:20px;height:100%;float:left;background:none;}
.BarraPaginar a {display:inline-block;text-align:center;padding:0px;margin:0px;font-size:11px;border:0px;border-radius:0px;vertical-align:middle;width:20px;height:100%;float:left;padding-top:8px;text-decoration:none;color:inherit;}
.BarraPaginar .Info {display:inline-block;float:left;text-align:center;height:100%;width:80px;padding:0px;margin:0px;padding-top:0px}

.BarraOpciones .pPag {width:170px;background:#f1f1f1;margin-top:-1px;border-radius:5px;}
.BarraOpciones .pPag .campoReadWrite {float:left;}
.BarraOpciones .pPag button {display:table-cell;font-size:20px;height:100%;width:30px}
.BarraOpciones .miCampo.pPag label {border:none;width:50px !important;min-width:25px;background:none;}
.BarraOpciones .pPag input {margin-right:15px;margin-top:2px;font-size:12px;padding:2px;text-align:center}

.BarraOpciones .miBoton.ordenar, .BarraOpciones .ordenar_select {display:none;width:0px;}

/* Barra de botones bajera para detalles */
.menu-opciones {margin:0px;margin-top:10px;margin-bottom:10px;padding:0px; }
.boton-nuevo {margin-right:5px;}
.filtro_activado i {color:#ff5722 !important;}

.botones {text-align:right;padding:0px;}
.botones.dcha .miBoton, .colorbox .botones.dcha .miBoton {margin:0px 0px 0px 4px; font-size:11px;padding:1px 8px}

/* BarraAcciones */
.BarraAcciones {margin:15px 0px 0px 0px;clear:both;border-top:1px solid #aedbff;width:100%;padding:15px 0px 0px 0px; }
.BarraAcciones .miBoton {padding: 10px 20px 10px 20px; font-weight: 400; margin:0px 10px 5px 0px;}
.BarraAcciones .verde { background-color: #97cc04; color:#fff}
.BarraAcciones .rojo { background-color: #E62727; color:#fff}
.BarraAcciones .naranja { background-color: #f79824; color:#fff}
.BarraAcciones .azul { background-color: #2981E4; color:#fff}
.BarraAcciones .rosa { background-color: #E22092; color:#fff}
.BarraAcciones .amarillo { background-color: #FFB515; color:#fff}

.barraMapas {display:inline-block;width:100%;max-height:100%;}
.barraMapas div.miCampo{float:left;width:auto; padding:0px 5px;height:30px;}
.barraMapas div.miCampo button {line-height:26px;}
.barraMapas div.miCampo.btn_direccion {min-width:35%;background:#fff;border:1px solid #333;border-radius:5px;margin-top:6px;}
.barraMapas div.miCampo.btn_direccion input {border:none !important;max-width:85%;}
.barraMapas div.miCampo.btn_direccion input:focus {box-shadow:none;}

.barraMapas div.miCampo.btn_cerrar,
.barraMapas div.miCampo.btn_ayuda {float:right;}
.barraMapas .ayuda_proceso {max-height:calc(100vh - 90px);overflow: auto;} 
.barraMapas div.miCampo.btn_ubicacion button.buscando {background-color:#fb7004} 

.barraMapas {position:fixed;top:0px;left:0px;right:0px;height:auto;}
.barraMapas .miBoton.info {font-size:11px; padding: 5px;margin:5px 10px; min-width:150px;}
.barraMapas .info div {padding:0px;margin:0px;height:auto;}
.barraMapas .info div label {min-width:45px;padding:0px 5px}
.barraMapas .miBoton {background:rgba(0,0,0,0.75);border:1px solid #fff;color:#fff;}
.barraMapas .miBoton:hover {opacity:1;background:rgba(0,0,0,1);box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3)}

.barraSeccion {display:inline-block;width:auto;margin-left:25px;}
.barraSeccion .botonSeccion {width: 42px;text-align:center;display:inline-block;cursor:pointer;}

/* solapas */
.solapas .comun{position:relative;float:right;width:78%;padding:10px 10px 10px 30px;border:1px solid #ccc;border-bottom:none;margin-bottom:0px;margin-left:12%;
	background: -webkit-linear-gradient(top, #ffffff, #dddddd);	background: -moz-linear-gradient(top, #ffffff, #dddddd); background: -ms-linear-gradient(top, #ffffff, #dddddd);
	background: -o-linear-gradient(top, #ffffff, #dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd')"; border-radius:10px 10px 0px 0px;}
.solapas .comun p{margin:0px;color:#999999;font-size:12px;}
.solapas .comun h3{margin:0px;font-size:14px;}
.solapas .datos{position:relative;float:right;display:block;border:1px solid #ccc;padding:5px 10px 15px 30px;z-index:10;min-height:224px;margin-left:-1px;background:#ffffff;width:78%;}
.solapas .opciones {position:relative;padding:0px 0px 0px 0px;float:left;z-index:11;font-size:11px;width:22%;}
.solapas .opciones .opcion {position:relative;z-index:9; padding:17px 10px 17px 17px;border:1px solid #ccc; background: -webkit-linear-gradient(top, #ffffff, #dddddd);
	background: -moz-linear-gradient(top, #ffffff, #dddddd); background: -ms-linear-gradient(top, #ffffff, #dddddd); background: -o-linear-gradient(top, #ffffff, #dddddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd')";
	margin-bottom:-1px; border-radius:10px 0px 0px 10px;cursor: pointer;border-right:#F00;}
.solapas .opciones .activo{background:none;background:#ffffff;border-right:#F00;font-weight:bold;z-index:110;filter:none;-ms-filter:none;}

/* Columnas de bloques */
div.bloque {float:left;min-height:10px}

*.col-0, .colorbox div.col-0 {width:0% !important;margin:0px;padding:0px;display:none;min-height:0px}
*.col-1, .colorbox div.col-1 {width:8.3333%;max-width:8.3333%;margin:0px;padding:2px 3px 2px 2px}
*.col-2, .colorbox div.col-2 {width:16.6667%;max-width:16.6667%;margin:0px;padding:2px 3px 2px 2px}
*.col-3, .colorbox div.col-3 {width:25.000%;max-width:25%;margin:0px;padding:2px 3px 2px 2px}
*.col-4, .colorbox div.col-4 {width:33.3333%;max-width:33.3333%;margin:0px;padding:2px 3px 2px 2px}
*.col-5, .colorbox div.col-5 {width:41.6667%;max-width:41.6667%;margin:0px;padding:2px 3px 2px 2px}
*.col-6, .colorbox div.col-6 {width:50.000%;max-width:50%;margin:0px;padding:2px 3px 2px 2px}
*.col-7, .colorbox div.col-7 {width:58.3333%;max-width:58.3333%;margin:0px;padding:2px 3px 2px 2px}
*.col-8, .colorbox div.col-8 {width:66.6667%;max-width:66.6667%;margin:0px;padding:2px 3px 2px 2px}
*.col-9, .colorbox div.col-9 {width:75.000%;max-width:75%;margin:0px;padding:2px 3px 2px 2px}
*.col-10, .colorbox div.col-10 {width:83.3333%;max-width:83.3333%;margin:0px;padding:2px 3px 2px 2px}
*.col-11, .colorbox div.col-11 {width:91.6667%;max-width:91.6667%;margin:0px;padding:2px 3px 2px 2px}
*.col-12, .colorbox div.col-12 {width:100%;max-width:100%;margin:0px;padding:2px 3px 2px 2px}

*.col-0-25 {width:2.0835%;margin:0px;padding:2px 3px 2px 2px}
*.col-0-5  {width:4.167%;margin:0px;padding:2px 3px 2px 2px}
*.col-0-75 {width:6.2505%;margin:0px;padding:2px 3px 2px 2px}
*.col-1-5 {width:12.500%;margin:0px;padding:2px 3px 2px 2px}
*.col-2-5 {width:20.83%;margin:0px;padding:2px 3px 2px 2px}
*.col-3-5 {width:29.16%;margin:0px;padding:2px 3px 2px 2px}
*.col-4-5 {width:37.49%;margin:0px;padding:2px 3px 2px 2px}
*.col-5-5 {width:45.83%;margin:0px;padding:2px 3px 2px 2px}
*.col-6-5 {width:54.16%;margin:0px;padding:2px 3px 2px 2px}
*.col-7-5 {width:62.49%;margin:0px;padding:2px 3px 2px 2px}
*.col-8-5 {width:70.83%;margin:0px;padding:2px 3px 2px 2px}
*.col-9-5 {width:79.16%;margin:0px;padding:2px 3px 2px 2px}
*.col-11-5{width:95.82%;margin:0px;padding:2px 3px 2px 2px}
*.col-10-5{width:87.5%;margin:0px;padding:2px 3px 2px 2px}

*.col-miMundo {max-width:600px;width:600px;float:left;}
*.col-restoMundo {width:calc( 100% - 600px);display:inline-block;min-width:100px; }

*.col-miMundo-2 {max-width:870px;width:870px;}
*.col-restoMundo-2 {width:calc( 100% - 870px);display:inline-block;min-width:100px; }

*.col-miMundo-3 {max-width:870px;width:1000px;}
*.col-restoMundo-3 {width:calc( 100% - 1000px);display:inline-block;min-width:100px; }


div.contenedor {display:inline-block;width:100%;clear:both;}


/* grid-relacion - Tablas de nueva generacion */
.grid-relacion {display:table;font-family: Sans-Serif;font-size: 12px;width:100%;box-shadow:none;border:none;border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;margin:15px 0px 0px 0px;position:relative;}
.grid-relacion>.cabeceras, .grid-relacion>.pies {display:table-row;padding:5px;background: #f1f1f1;border:none;color:#777;}
.grid-relacion>.pies {font-family:campo}
.grid-relacion>.cabeceras a {font-weight:bold;}
.grid-relacion a {text-decoration:none;color:inherit;margin:0px;padding:0px;}

#grid_menu {display:none;}
.cabeceras div {float:left;width:70px;margin-left:10px;margin-top:5px;margin-bottom:5px; font-weight:bold;word-break:normal;font-family:campo}
.cabeceras .numerico {text-align:right;margin-left:0px;margin-right:10px;}
.cabeceras div.grupo div {float:left;margin-left:10px;}
.cabeceras div.grupo div.grupo {margin:0px;}


.cabeceras #botonesCabecerasDetalle {text-align:center;width:50px;margin:0px;padding:0px;text-align:left;border-right:1px solid #CCCCCC;line-height:25px;}
.cabeceras #titulosCabecerasDetalle {margin:0px;padding:0px;text-align:left;line-height:25px;width:auto;height:25px;}
.cabeceras #titulosCabecerasDetalle div {margin:0px 0px 0px 10px}

.cabeceras .agrupado,
.registro .agrupado {border-left:0.5px dotted #ccc;border-right:0.5px dotted #ccc;border-top:0.5px dotted #ccc;}

.grid-relacion>.titulo {display:inline-block;padding:5px;background: #f1f1f1;border:none;color:#777;width:100%;font-size:15px;}
.grid-relacion .filtros {display:inline-block;padding:0px;background: #f1f1f1;border:none;color:#777;width:100%;}
.grid-relacion .filtros .filtro {display:inline-block;margin:0px}
.grid-relacion .BarraAcciones {display:inline-block;padding:0px;margin:0px;background: #f1f1f1;margin:0px;border:none;border-top: 1px solid #aaa;}
.grid-relacion .BarraAcciones .miBoton {margin:7px 7px; padding: 5px 10px 5px 10px;}


.registro:hover {background-color:#f2e577}
.registro.seleccionado {background-color:#FC3}

.registro div {display:block;float:left;width:70px;min-height:15px;margin:0px;margin-left:10px;line-height:17px;word-break:break-word}
.registro .divAlto {display:block;float:left;width:70px;height:20px;margin:0px;margin-left:10px;}
.registro input{display:block;float:left;width:70px;overflow:hidden;min-height:15px;margin:0px;margin-left:10px;font-size: 12px;font-family: Sans-Serif;padding:3px 7px}
.registro select{padding:1px 7px;font-size:12px;}

.registro .grupo label {display:none}
.registro div.grupo, .cabeceras div.grupo {width:auto;margin:0px;padding:0px;float:left;}

.registro .numerico {text-align:right;margin-left:0px;margin-right:10px;}
.registro .numerico input {float:right;}


.grid-relacion .btdNuevo   {float:left;text-align:center;display:block;width:50px;margin:0px;color:#ffffff ;background:#1367d5;cursor:pointer;}
.grid-relacion .btdCancelar{float:left;text-align:center;display:none; width:25px;margin:0px;color:#ffffff ;background:#e74404;cursor:pointer;}
.grid-relacion .btdGrabar  {float:left;text-align:center;display:none; width:25px;margin:0px;color:#ffffff ;background:#6FB120;cursor:pointer;}
.grid-relacion .btdBorrar  {width:25px;margin:0px;text-align:center;cursor:pointer;color:#e74404}
.grid-relacion .btdEditar  {width:25px;margin:0px;text-align:center;cursor:pointer;color:#1367d5}

.grid-relacion .registro_datos {width:auto;padding:0px;margin:0px;}
.grid-relacion .valores_detalle {width:auto;padding:0px;margin:0px;}

.grid-relacion .registro .detalle {width:100%}
.grid-relacion .cuerpo {display:block;padding-top:4px;padding-bottom:1px;border-top:1px solid #aaa;border-bottom:1px solid #aaa;margin:0px;font-family:campo}
.grid-relacion .pies div{display:block;float:left;overflow:hidden;min-height:5px;margin:0px;padding-left:10px;}
.grid-relacion .pies .BarraAcciones {height:auto;padding:10px;margin:5px 0px 0px 0px;background:rgba(0,0,0,0.03);border-top: 1px solid #c7c7c7;}
.grid-relacion .pies .BarraAcciones .miBoton {padding: 7px 20px 7px 20px;background:#edf6fe;}
.grid-relacion .pies div.leyenda {padding:2px 3px 2px 2px}


.grid-relacion .registro {font-family:campo;display:inline-block;vertical-align:top;border-bottom:1px dotted #cccccc;padding-top:3px;padding-bottom:4px;width:100%;cursor: pointer;}
.grid-relacion .registro.sin-enlace{cursor:inherit;}
.grid-relacion .herramientasDetalle {width:50px;margin:0px;padding:0px;text-align:left;border-right:1px solid #CCCCCC;}

.grid-relacion .grupo_de_registros {width:100%;font-size:16px;line-height:20px;padding:30px 5px 5px 5px;font-weight:bold;border-bottom:1px dotted #cccccc;}
.grid-relacion .registro div.tooltip, .grid-relacion .registro div.tooltip .tooltip-inner, .grid-relacion .registro div.tooltip .tooltip-arrow  {width:auto;min-height:auto;}

.grid-relacion .usuario {width:150px;}
.grid-relacion .nombre {width:200px;}
.grid-relacion .email {width:150px}
.grid-relacion .subcuenta {width:70px}
.grid-relacion .codigo {width:70px}
.grid-relacion .ancho-x2 {width:150px}
.grid-relacion .ancho-x3 {width:200px}
.grid-relacion .ancho-x4 {width:250px}
.grid-relacion .ancho-x5 {width:325px}
.grid-relacion .ancho-x6 {width:400px}

.grid-relacion div.col-0, .filtro_relacion div.col-0 {width:0% !important;margin:0px;padding:0px;display:none;}
.grid-relacion div.col-1, .filtro_relacion div.col-1 {width:8.3333%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-2, .filtro_relacion div.col-2 {width:16.6667%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-3, .filtro_relacion div.col-3 {width:25.000%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-4, .filtro_relacion div.col-4 {width:33.3333%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-5, .filtro_relacion div.col-5 {width:41.6667%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-6, .filtro_relacion div.col-6 {width:50.000%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-7, .filtro_relacion div.col-7 {width:58.3333%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-8, .filtro_relacion div.col-8 {width:66.6667%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-9, .filtro_relacion div.col-9 {width:75.000%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-10, .filtro_relacion div.col-10 {width:83.3333%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-11, .filtro_relacion div.col-11 {width:91.6667%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-12, .filtro_relacion div.col-12 {width:100%;margin:0px;padding:2px 3px 2px 2px}

.grid-relacion div.col-0-25, .filtro_relacion div.col-0-25 {width:2.0835%;margin:0px;padding:2px 3px 2px 2px;min-height:2px;}

.grid-relacion div.col-0-5, .filtro_relacion div.col-0-5 {width:4.167%;margin:0px;padding:2px 3px 2px 2px;min-height:2px;}
.grid-relacion div.col-1-5, .filtro_relacion div.col-1-5 {width:12.500%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-2-5, .filtro_relacion div.col-2-5 {width:20.83%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-3-5, .filtro_relacion div.col-3-5 {width:29.16%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-4-5, .filtro_relacion div.col-4-5 {width:37.49%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-5-5, .filtro_relacion div.col-5-5 {width:45.83%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-6-5, .filtro_relacion div.col-6-5 {width:54.16%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-7-5, .filtro_relacion div.col-7-5 {width:62.49%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-8-5, .filtro_relacion div.col-8-5 {width:70.83%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-9-5, .filtro_relacion div.col-9-5 {width:79.16%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-11-5, .filtro_relacion div.col-11-5 {width:95.82%;margin:0px;padding:2px 3px 2px 2px}
.grid-relacion div.col-10-5, .filtro_relacion div.col-10-5 {width:87.5%;margin:0px;padding:2px 3px 2px 2px}

/*.grid-relacion div [class^="col-"] {padding:2px 8px 2px 2px !important}*/
.grid-relacion div.numerico {padding:0px}

.grid-relacion div [class^="col-"], , .filtro_relacion [class^="col-"] {padding:2px 3px 2px 2px !important}
.grid-relacion div.grupo [class^="col-"] {padding:0px !important}

/*.grid-relacion .pies div {margin-left:10px;padding:0px;font-weight:bold;}*/
.grid-relacion .pies {font-weight:bold;line-height:24px}
.grid-relacion .pies .bloque {margin:0px;padding:1px 3px 1px 2px;}
.grid-relacion .pies .bloque div {margin-left:0px;padding:1px 3px 1px 2px;font-weight:bold;}
.grid-relacion .pies div.numerico {padding:0px;margin-left:10px;}
.grid-relacion .pies [class^="col-"] {margin:0px !important;}
.grid-relacion .pies [class^="col-"] div {margin:0px !important;}
.grid-relacion .pies [class^="col-"] div.numerico {padding:1px 8px 1px 2px}

.grid-relacion div[class*="col-"] .miCampo {width:100%;max-width:100%;min-width:100%;margin:0px;overflow:visible;height:auto;}
.grid-relacion div[class*="col-"] .miCampo input {width:100%;max-width:100%;min-width:100%;margin:0px;border-radius:3px;margin-top:-2px;margin-bottom:-2px;}


.grid-relacion div.grupo {float:none;display:inline;}
.grid-relacion div.grupo[class*="col-"]{float:left;} 
.grid-relacion div.grupo.herramientas  {display:inline-block;float:left;text-align:center}

.grid-relacion .bloque label {display:none;}

.grid-relacion .subtotal-cabecera {font-weight:bold;background:#f9f9f9;color:#555;border:none;border-bottom:2px solid #bbb;margin:0px;display:flex;padding:2px 0px;opacity:0.75;line-height:24px}
.grid-relacion .subtotal-pie {font-weight:bold;background:#f9f9f9;color:#555;border:none;border-top:2px solid #bbb;margin:-2px 0px;display:flex;padding:2px 0px; opacity:0.75;line-height:24px}
.grid-relacion .subtotal-cabecera div, .grid-relacion .subtotal-pie div {padding-top:0px;padding-bottom:0px;line-height:24px;}


.colorbox.rigido .grid-relacion .pies, .colorbox.rigido .grid-relacion .registro {width:100%;margin:0px;padding:0px;}
.colorbox.rigido .grid-relacion .pies, .colorbox.rigido .grid-relacion .cuerpo, .colorbox.rigido .filtro_relacion {scrollbar-gutter: stable;overflow-y: auto;}
.colorbox.rigido .grid-relacion .cabeceras {display:inline-block;width:100%;scrollbar-gutter: stable;overflow-y: auto;height:auto;padding:0px;margin:0px;margin-bottom:-5px;}
.colorbox.rigido .grid-relacion .pies {display:inline-block;width:100%;scrollbar-gutter: stable;overflow-y: auto;height:auto;padding:0px;margin:0px;margin-top:-5px;}
.colorbox.rigido .filtro_relacion {height:auto;scrollbar-gutter:stable;overflow-y: auto;}

.colorbox.rigido .BarraAcciones {position:absolute;bottom:5px;}
.colorbox.rigido .filtro_relacion {background:#f1f1f1;border-top:1px solid #c7c7c7;}
.colorbox.rigido .grid-relacion {display:inline-block;width:calc(100% - 50px);position:absolute;height:auto;top:79px;bottom:62px;overflow:hidden;}
.colorbox.rigido .grid-relacion .pies {position:absolute;bottom:5px;}
.colorbox.rigido .grid-relacion .cuerpo {border-bottom:0px;height:calc(100% - 35px)}
.colorbox.rigido h4 {margin-top:0px;}

.ventana_detalle .prg2017 {background:#fff}

div.colorbox.rigido.ancho-1400 {max-width:1400px !important;width:1400px}
div.colorbox.rigido.ancho-1200 {max-width:1200px !important;width:1200px}
div.colorbox.rigido.ancho-1000 {max-width:1000px !important;width:1024px}
div.colorbox.rigido.ancho-800  {max-width:800px !important;width:800px}
div.colorbox.rigido.ancho-600  {max-width:600px !important;width:600px}

div.colorbox.rigido.alto-1400 {max-height:1400px !important;height:1400px}
div.colorbox.rigido.alto-1200 {max-height:1200px !important;height:1200px}
div.colorbox.rigido.alto-1000 {max-height:1000px !important;height:1024px}
div.colorbox.rigido.alto-800  {max-height:800px !important;height:800px}
div.colorbox.rigido.alto-600  {max-height:600px !important;height:600px}

.nubelus_solicitarTraslado #zonaContratos .grid-relacion.contratos_tratamiento div.grupo {float:left;display:inline;}

.ancho-1{min-width:83px;max-width:83px}
.ancho-2{min-width:167px;max-width:167px}
.ancho-3{min-width:250px;max-width:250px}
.ancho-4{min-width:334px;max-width:334px}
.ancho-5{min-width:417px;max-width:417px}
.ancho-6{min-width:501px;max-width:501px}
.ancho-7{min-width:584px;max-width:584px}
.ancho-8{min-width:668px;max-width:668px}
.ancho-9{min-width:751px;max-width:751px}
.ancho-10{min-width:835px;max-width:835px}
.ancho-11{min-width:918px;max-width:918px}
.ancho-12{min-width:1002px;max-width:1002px;}

.miMundo{max-width:600px;position:relative;}
.miMundo:after{content:"";display:block;clear:both;}
.miMundo .miCampo{margin-bottom:0px;}
.miMundo div.bloque {padding:0px;}
.encabezamiento {min-height:25px;}
.miMundo textarea, .bloque textarea {resize:vertical;border-radius:0px 0px 5px 5px;width:100%}

.grid-relacion div .dcha {float:right !important;}
.dcha {float:right !important;}

.grid-relacion .col-0-5.grupo.herramientas div {width:50%;padding:0px;margin-left:0px;}
.grid-relacion .col-1.grupo.herramientas div {width:33%;padding:0px;margin-left:0px;}
.grid-relacion .col-1-5.grupo.herramientas div {width:25%;padding:0px;margin-left:0px;}

.grid-relacion .grupo.herramientas i, .grid-relacion .cabeceras .nuevo i {color:#2196F3;opacity:0.6}
.grid-relacion .grupo.herramientas i:hover, .grid-relacion .cabeceras .nuevo i:hover {opacity:1}

.grid-relacion .registro-detalle { background-color:#f2e577;padding:10px;margin:0px;margin-bottom:10px;background: #cccccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd)); background: -webkit-linear-gradient(top, #ffffff, #dddddd);
	background: -moz-linear-gradient(top, #ffffff, #dddddd); background: -ms-linear-gradient(top, #ffffff, #dddddd); background: -o-linear-gradient(top, #ffffff, #dddddd);box-shadow: 0px 1px 10px rgba(000,000,000,0.7);}
.grid-relacion .registro-detalle .miCampo {margin-left:10px;}
.grid-relacion .registro-detalle h3 {margin-left:10px;margin-right:10px;font-size:14px;border-bottom:1px dotted #777777;color:#777777}
.grid-relacion .seleccionado,.nuevo-registro  {background: #cccccc; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background: -webkit-linear-gradient(top, #ffffff, #dddddd); background: -moz-linear-gradient(top, #ffffff, #dddddd); background: -ms-linear-gradient(top, #ffffff, #dddddd);
	background: -o-linear-gradient(top, #ffffff, #dddddd);box-shadow: 0px 1px 10px rgba(000,000,000,0.7);}
.grid-relacion .registro .numero input {float:right;text-align:right;}


.filtro_relacion {   display:block;padding:1px 0px;margin-bottom:-10px;height:27px;font-size:12px;width:100%}
.filtro_relacion>div {  float: left; width: 70px; margin:0px 0px 0px 10px;min-height:1px;}
.filtro_relacion label {display:none;}
.filtro_relacion .bloque div {  float: left;}

.grid-relacion .cabeceras .herramientas.col-0-5.centrado  {padding:0}




.paginador {float:left;width:100%;clear:both;margin-top:30px;}
.paginador .pagina_anterior, .paginador .pagina_actual, .paginador .pagina_siguiente{float:left;padding:13px 23px 13px 22px;box-shadow: 0px 4px 6px #333;text-decoration:none;margin:3px;color:#555555}

/* tabla_cartesiana */
.tabla_cartesiana {width:100%}
.tabla_cartesiana div {box-sizing: border-box;}
.tabla_cartesiana .grupo_completo {width:100%;}
.tabla_cartesiana .cuerpo {display:inline-block;width:100%;margin:-5px 0px;padding:0px;}
.tabla_cartesiana .cabeceras {display:inline-block;width:100%;margin:0px}
.tabla_cartesiana .cabeceras div.grupo div {margin:0px}
.tabla_cartesiana .cabeceras .grupo.label {height:1px;background:#fff;overflow:hidden;}
.tabla_cartesiana .cabeceras div {background:#efefef;border: solid 0.5px #fff;font-size: 10.5px; line-height: 24px;}
.tabla_cartesiana .registro {width:100%;margin:0px;padding:0px;clear:both}
.tabla_cartesiana .grupo.label {width:30%;color:#000;background:#efefef;text-align:left;padding:5px;float:left;overflow:hidden;}
.tabla_cartesiana .grupo.datos {width:35%;float:left;}
.tabla_cartesiana .grupo.datos input {padding:5px;margin:0px;border: dotted 0.5px #838383  }
.tabla_cartesiana .pies {width:100%; margin:0px 0px 10px 0px;padding:5px 0px;clear:both;display:inline-block;border-top:1px solid #aaa;border-bottom:1px solid #aaa;background:#efefef;}
.tabla_cartesiana .pies .grupo.datos input { display: block; float: left; min-height: 15px; font-size: 12px; background:#fff; border:0.5px dotted #aaa; }
.tabla_cartesiana .pies .grupo.label {line-height: 20px;}

.contenedor_estado, .contenedor_estado.pendiente {display:inline-block;min-width:30px;line-height:30px;text-align:center;padding:0px 10px;border:2px solid #ccc;color:#ccc;border-radius:30px;font-weight:bold;} 
.contenedor_estado.completado {background:#7cc504;color:#fff;border:2px solid #7cc504;}
.contenedor_estado.en_curso {background:#fbbc05;color:#fff;border:2px solid #fbbc05;}
.contenedor_estado.error {background:#d0011b;color:#fff;border:2px solid #d0011b;}


/* firma_ventana - Ventana para firmas */
.firma_ventana {justify-content: center; align-items: center;}
.firma_ventana .firma_titulo {font-size:16px;color:#000;font-weight:bold;padding:4px;margin-bottom:0px;background:#fff}
.firma_ventana .firma_div_container {display:inline-block;justify-content: center;max-width:700px;width:auto;background:#fff}
.firma_ventana .firma_div_container form{display:inline-block;}
.firma_ventana .firma_recuadro {display:inline-block;height:324px;width:324px;border:3px solid #333;padding:0px;overflow:hidden;}
.firma_ventana .firma_botones {width:150px;display:inline-block;float:right;margin:0px 0px 0px 30px;padding:0px;}
.firma_ventana .firma_botones .miBoton {margin:0px 0px 15px 3px;padding:6px 12px 6px 12px;width:100%;}

.firmas {position:absolute;width:auto;right:0px;}
.firmas div {position:relative;}
.firmas img {margin:0px;max-width: 100%;margin: 0px;max-height: 100%;}
.firmas label {position:absolute;top:3px;left:5px}


@media screen and (max-width: 600px) and (orientation : portrait) {
	.firma_ventana .firma_div_container form{display:flex}
	.firma_ventana .firma_botones {margin:15px 0px 0px 0px;width:auto;display:flex;float:none;}
	.firma_ventana .firma_botones .miBoton {width:auto;margin:0px 5px;}
}
@media screen and (max-width: 900px) and (orientation : landscape) {
	.firma_ventana .firma_titulo {display:none;margin:0px;}
	.firma_ventana .firma_div_container {-ms-transform: scale(0.91, 0.91); /* IE 9 */
		-webkit-transform: scale(0.91, 0.91); /* Safari */
    	transform: scale(0.91, 0.91);	}	
}






/* div_conversacion */
#div_conversacion {border:none;box-shadow:none}
#div_conversacion .cuerpo {border:none;}
#div_conversacion .registro{ width:56%;height:auto;border:none;margin:6px 0px;box-sizing:border-box;padding:5px 15px 15px 15px;border-radius:0px 12px 12px 12px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);background:#E8F5E9}
#div_conversacion .registro .momento {color:#A5D6A7;width:auto !important;padding:0px;margin:0px;padding:5px;height:auto;font-size:11px;}
#div_conversacion .registro .usuario {color:#A5D6A7;width:auto !important;padding:0px;margin:0px;padding:5px;height:auto;font-size:11px;}
#div_conversacion .registro .mensaje {width:auto;clear:both;padding:0px;margin:3px 7%;height:auto;box-sizing:border-box;}
#div_conversacion .registro.yo {float:right;border-radius:12px 0px 12px 12px;background:#E1F5FE}
#div_conversacion .registro.yo .momento {color:#81D4FA;}
#div_conversacion .registro.yo .usuario {color:#81D4FA;}
div.miCampo.pRespuesta {max-width: 100%;}
.responder {display:block;width:100%;padding:15px;box-sizing:border-box;background:#E1F5FE;border-radius:12px 0px 12px 12px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)}
.responder #form_recargar {display:inline-block;width:84.5%;}
.responder #form_recargar .miCampo{display:block;width:100%;margin:0px;padding:0px;margin:0px;}
.responder #form_recargar textarea {height:150px !important;width:100% !important;background:rgba(255,255,255,0.5);}
.responder #bNuevoMensaje {display:block;width:15%;margin:0px;float:right;height:152px;text-align:center;font-weight:bold;background:#aedbff;color:#fff;}
.responder h3 {margin:0px 0px 5px 0px;}

/* filtroPuntosColores */
.filtroPuntosColores {max-width:40px;width:40px;margin:0px 0px 0px 0px;font-size:12px;}
.filtroPuntosColores.bootstrap-select button {background:#fff;padding:3px 4px 3px 4px;font-size:12px;width:34px;}
.filtroPuntosColores.bootstrap-select.btn-group .dropdown-toggle .caret {right:5px;}
.filtroPuntosColores.bootstrap-select>.dropdown-toggle {padding-right:5px;}
.filtroPuntosColores .filter-option.pull-left span {display:none;}
.filtroPuntosColores .dropdown-menu.inner i {min-width:14px;display:inline-block;}
.filtroPuntosColores .dropdown-menu.inner span {display:inline-block;margin-left:10px;}

/* traker_pantalla */
.traker_pantalla .miCampo.pTraker_isContando {float:left;}
.traker_pantalla .miCampo.pTraker_isContando div {height:100%}
.traker_pantalla .botones.separado.centrado {clear:both; display:inline-block;margin-top:10px !important;width:100% }
.traker_pantalla .botones.separado.centrado button{ padding:10px 15px;}
.traker_pantalla {margin-bottom:10px;}

/* divEditar_producto */
#divEditar_producto{height:505px;}
#divEditar_producto .pCodigo_producto_desglose {max-width:100%;margin-top:40px;} 
#divEditar_producto .cuadro_precios {display:block;width:340px;margin:20px auto 20px auto;}
#divEditar_producto .miCampo.pCodigo_tipo_iva select {width:240px !important;}
#divEditar_producto .miCampoMultiple.pDescuento input {width:100px;}
#divEditar_producto .pDescuento .descuento_importe {margin-top:3px;}
#divEditar_producto .miCampo.pImporte input {font-size:24px;font-weight:bold;}
#div_capturarProductosFavoritos #grid_capturarProductosFavoritos {height:520px !important;}

#inicio_contenido_ordenes_transporte {padding:15px;}
#inicio_contenido_ordenes_transporte a {text-decoration:none;}
#inicio_contenido_ordenes_transporte i {margin-right:5px}

/* Ventanas modales */
#divConfirmar, .divConfirmar {padding:15px;color:rgba(168,75,75,1);background-color:rgba(255,128,128,0.15);border:2px solid rgba(255,0,0,0.6);margin:0px;box-shadow:0px 3px 8px rgba(000,000,000,0.4);border-radius: 15px;margin:5px auto 15px auto;text-align:center;max-width:50%;}
#divConfirmar.gris, .divConfirmar.gris {color:#333;background-color:#efefef;border:2px solid #ccc;}
#divConfirmar.blanco, .divConfirmar.blanco {color:#333;background-color:#fff;border:0px;box-shadow:none;border-radius:none;}
.divConfirmar .cancelar { font-weight: inherit; margin: inherit; float: none; margin: 0px 0px 0px 10px;} 
.divConfirmar .confirmar, .divConfirmar .aceptar { font-weight: inherit; margin: inherit; float: none; margin: 0px 0px 0px 10px;} 
.divConfirmar .miBoton { padding: 10px 15px 10px 15px; } 
.divConfirmar .miCampo b {text-align:left;}


.modal {position:relative;top:inherit;left:inherit;bottom:inherit;right:inherit;height:auto;display:none;background-color:#fff;margin:0px;padding:25px 15px 25px 15px; width:auto;max-width:900px;min-width:360px;min-height:150px;border:5px solid #aedbff;z-index:inherit}
.modal .cancelar, .modal .confirmar { font-weight: inherit; margin: inherit; float: none;} 
.modal .miBoton, .modal_rojo .miBoton, .colorbox .miBoton { padding: 10px 15px 10px 15px;margin:0px 5px } 
.modal .miCampo b {text-align:left;}
.modal .centrado .miCampo label[for^='pFecha'] {display: inline-block;height:30px;padding:6px 10px}
.modal_full {position:relative;background:rgba(0,0,0,0);margin:0px;padding:0px 0px 0px 0px; z-index: 99999;}
#divConfirmar.modal, .modal_rojo {padding:25px 15px 25px 15px;color:#333;border:5px solid #ff5252;box-shadow:none;border-radius:0;margin:0;min-width:350px;background-color:#fff;}
.modal_rojo .cancelar, .modal_rojo .confirmar { font-weight: inherit; margin: inherit; float: none; margin: 0px 0px 0px 10px; padding: 10px 15px 10px 15px;} 
.modal_rojo .miCampo b {text-align:left;}
.modal form  {min-width:600px;max-width:600px;}
.modal .grid-relacion .miBoton, .modal_rojo .grid-relacion .miBoton, .colorbox .grid-relacion .miBoton { padding: 1px 10px 1px 10px;margin:-3px 0px} 


.colorbox {position:relative;top:inherit;left:inherit;bottom:inherit;right:inherit;height:auto;display:none;background-color:#fff;margin:0px;padding:25px; width:auto;max-width:900px;min-width:360px;min-height:150px;border:5px solid #aedbff;z-index:inherit;border-radius:10px;}
.colorbox.rojo {border:5px solid #ff5252;}
#cboxLoadedContent {border-radius:10px; box-shadow: 1px -1px 3px 1px rgb(0 0 0 / 50%);}
#cboxOverlay {background: #eee; opacity: 0.6 !important;}

.colorbox .miCampo, .modal_rojo .miCampo {width:600px;min-width:600px;}
.colorbox .bloque .miCampo, .modal_rojo .bloque .miCampo {width:100%;min-width:100px;}

.colorbox .miCampo.centrado, .modal_rojo .miCampo.centrado {width:auto;margin-left:auto !important;margin-right:auto !important;}
.colorbox .miCampo.campoMedio, .modal_rojo .miCampo.campoMedio {max-width:420px;min-width:420px;width:auto;}

.colorbox .miCampo.campoCorto, .modal_rojo .miCampo.campoCorto {max-width:245px;min-width:245px;width:auto;}
.colorbox .bloque .miCampo.campoCorto, .modal_rojo .bloque .miCampo.campoCorto {max-width:245px;min-width:100px;width:auto;}
.colorbox .bloque .miCampo.campoCorto input {min-width:20px;}

.colorbox .miCampo.campoMuyCorto, .modal_rojo .miCampo.campoMuyCorto {max-width:180px;min-width:180px;width:auto;}

.colorbox .textoMedio, .modal_rojo .textoMedio  {max-width:350px;margin-left:auto;margin-right:auto;}
.colorbox .miMundo {width:600px;max-width:600px;}


div.colorbox.rigido.col-12  {width:99vw;max-width:99vw}
div.colorbox.rigido.col-11 	{width:91vw;max-width:91vw}
div.colorbox.rigido.col-10 	{width:83vw;max-width:83vw}
div.colorbox.rigido.col-9 	{width:75vw;max-width:75vw}
div.colorbox.rigido.col-8 	{width:66.6vw;max-width:66.6vw}
div.colorbox.rigido.col-7 	{width:58vw;max-width:58vw}
div.colorbox.rigido.col-6 	{width:50vw;max-width:50vw}
div.colorbox.rigido.col-5 	{width:41vw;max-width:41vw}
div.colorbox.rigido.col-4 	{width:33.3vw;max-width:33.3vw}
div.colorbox.rigido.col-3 	{width:25vw;max-width:25vw}
div.colorbox.rigido.col-2 	{width:16vw;max-width:16vw}
div.colorbox.rigido.col-1 	{width:9vw;max-width:9vw}

div.colorbox.rigido.alto-col-12 {height:calc(100vh - 64px);max-height:calc(100vh - 64px);overflow-y:auto;overflow-x:hidden;}
div.colorbox.rigido.alto-col-11 {height:91vh;max-height:91vh;overflow-y:auto;overflow-x:hidden;}
div.colorbox.rigido.alto-col-10 {height:83vh;max-height:83vh;overflow-y:auto;overflow-x:hidden;}
div.colorbox.rigido.alto-col-9 {height:75vh;max-height:75vh;overflow-y:auto;overflow-x:hidden;}
div.colorbox.rigido.alto-col-8 {height:66.6vh;max-height:66.6vh;overflow-y:auto;overflow-x:hidden;}
div.colorbox.rigido.alto-col-7 {height:58vh;max-height:58vh;overflow-y:auto;overflow-x:hidden;}
div.colorbox.rigido.alto-col-6 {height:50vh;max-height:50vh;overflow-y:auto;overflow-x:hidden;}
div.colorbox.rigido.alto-col-5 {height:41vh;max-height:41vh;overflow-y:auto;overflow-x:hidden;}
div.colorbox.rigido.alto-col-4 {height:33.3vh;max-height:33.3vh;overflow-y:auto;overflow-x:hidden;}
div.colorbox.rigido.alto-col-3 {height:25vh;max-height:25vh;overflow-y:auto;overflow-x:hidden;}
div.colorbox.rigido.alto-col-2 {height:16vh;max-height:16vh;overflow-y:auto;overflow-x:hidden;}
div.colorbox.rigido.alto-col-1 {height:9vh;max-height:9vh;overflow-y:auto;overflow-x:hidden;}
div.colorbox.rigido.alto-col-0-5 {height:4.5vh;max-height:4.5vh;overflow-y:auto;overflow-x:hidden;}


*.alto-col-12 {height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;position:relative;}
*.alto-col-11 {height:91%;max-height:91%;overflow-y:auto;overflow-x:hidden;position:relative;}
*.alto-col-10-5 {height:87.5%;max-height:87.5%;overflow-y:auto;overflow-x:hidden;position:relative;}
*.alto-col-10 {height:83%;max-height:83%;overflow-y:auto;overflow-x:hidden;position:relative;}
*.alto-col-9 {height:75%;max-height:75%;overflow-y:auto;overflow-x:hidden;position:relative;}
*.alto-col-8 {height:66.6%;max-height:66.6%;overflow-y:auto;overflow-x:hidden;position:relative;}
*.alto-col-7 {height:58%;max-height:58%;overflow-y:auto;overflow-x:hidden;position:relative;}
*.alto-col-6 {height:50%;max-height:50%;overflow-y:auto;overflow-x:hidden;position:relative;}
*.alto-col-5 {height:41%;max-height:41%;overflow-y:auto;overflow-x:hidden;position:relative;}
*.alto-col-4 {height:33.3%;max-height:33.3%;overflow-y:auto;overflow-x:hidden;position:relative;}
*.alto-col-3 {height:25%;max-height:25%;overflow-y:auto;overflow-x:hidden;position:relative;}
*.alto-col-2 {height:16%;max-height:16%;overflow-y:auto;overflow-x:hidden;position:relative;}
*.alto-col-1 {height:9%;max-height:9%;overflow-y:auto;overflow-x:hidden;position:relative;margin:0px !important}
*.alto-col-0-5 {height:4.5%;max-height:4.5%;overflow-y:auto;overflow-x:hidden;position:relative;margin:0px !important}

.abajo {position:absolute;bottom:0px;}
.abajo.centrado{width:100%;text-align:center;left:0px;}

.ocupa-todo .mce-tinymce.mce-container.mce-panel {height:calc(100% - 5px);width:calc(100% - 5px)!important;margin:0px !important;}
.ocupa-todo .mce-container-body.mce-stack-layout {height:100%;}
.ocupa-todo .mce-edit-area.mce-container.mce-panel.mce-stack-layout-item {height:calc(100% - 110px) !important;}
.ocupa-todo .mce-edit-area.mce-container.mce-panel.mce-stack-layout-item iframe {height:100% !important}
.ocupa-todo {display:inline-block;height:100%;width:100%}


.ventana_pdf {}
.ventana_pdf .barra_botones{position:absolute;top:-30px;width:100%;right:0px;text-align:right;padding:4px 15px;background:#323639;color:#fff;border:none;border-radius:0px; }
.ventana_pdf .miBoton {color:#fff;border:none;border-radius:0px;background:#323639 }
.ventana_pdf .miBoton:hover {opacity:1 !important;}
.cuadroPDF,.documento_pdf {width:702px;height:90vh;overflow:hidden;}
.documento_pdf iframe {width:706px;height:99%;margin:0px -2px;}

/* Forzado de alto de los div */
.alto80 {max-height:80vh;overflow-y:auto;overflow-x:hidden;}
.alto70 {max-height:70vh;overflow-y:auto;overflow-x:hidden;}
.alto50 {max-height:50vh;overflow-y:auto;overflow-x:hidden;}
.alto30 {max-height:30vh;overflow-y:auto;overflow-x:hidden;}

/* Nuevo formato de alto */
div.alto-12 {height:100%;overflow-y:auto;overflow-x:hidden;}
div.alto-11 {height:91%;overflow-y:auto;overflow-x:hidden;}
div.alto-10 {height:83%;overflow-y:auto;overflow-x:hidden;}
div.alto-9 	{height:75%;overflow-y:auto;overflow-x:hidden;}
div.alto-8 	{height:66.6%;max-height:66.6%;min-height:66.6%;overflow-y:auto;overflow-x:hidden;}
div.alto-7 	{height:58%;overflow-y:auto;overflow-x:hidden;}
div.alto-6 	{height:50%;overflow-y:auto;overflow-x:hidden;}
div.alto-5 	{height:41%;overflow-y:auto;overflow-x:hidden;}
div.alto-4 	{height:33.3%;overflow-y:auto;overflow-x:hidden;}
div.alto-3 	{height:25%;overflow-y:auto;overflow-x:hidden;}
div.alto-2 	{height:16%;overflow-y:auto;overflow-x:hidden;}
div.alto-1 	{height:9%;overflow-y:auto;overflow-x:hidden;}

textarea.alto-1, .colorbox textarea.alto-1 {height:1.8em}
textarea.alto-2, .colorbox textarea.alto-2 {height:3em}
textarea.alto-3, .colorbox textarea.alto-3 {height:4.3em}

textarea.fijo { resize: none !important; }


/* Para las ayudas */
.ayuda {max-width:550px;margin:0px auto 0px auto;color:#555}
.ayuda .menu {color:#339966} 

.texto_ayuda span.boton {padding:3px 7px;border:1px solid;border-radius:5px;}
.texto_ayuda span.menu_opciones {font-weight:bold;color:#555;padding:3px 5px}
.texto_ayuda span.solapa {font-weight:bold;padding:3px 0px;border-bottom:1px solid;margin:0px 5px;}
.texto_ayuda span.solapa::after{content:"\f0d7";font-family: FontAwesome;margin-left:5px}
.texto_ayuda span.menu_principal {font-weight:bold;padding:3px 4px;margin:0px;color:#8142a9;letter-spacing:-0.04em;}
.texto_ayuda span.proceso {font-weight:bold;padding:3px 4px;background:rgba(192,192,192,0.3);margin:0px;}
.texto_ayuda span.campo{font-weight:bold;padding:3px 0px;color:#555;}
.texto_ayuda span.valor{font-weight: bold; font-family: monospace; color: #666;}
.texto_ayuda li {font-style:inherit;color:#777;margin:2px 0px}
.texto_ayuda span.seccion {font-weight:bold;padding:1px 0px;border-bottom:2px solid #CCC; margin:0px 3px; width:auto;}
.texto_ayuda h3 {margin-top:40px}
.texto_ayuda h5 {font-size:17px;color:#888}
.texto_ayuda a {color:#428bca}
.texto_ayuda ul {list-style-type: disc;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;}
.texto_ayuda ul li,.texto_ayuda ul li:hover  {display:list-item;padding: 1px 3px;}

/* seccion */
.seccion {display:inline-block;margin-top:15px;width:100%; }
.seccion.inicio {margin-top:0px;}
.seccion .titulo_seccion {font-family: 'Comfortaa', sans-serif;background-color:#e5f2fd;color:#2196F3;margin:0px;padding:5px 6px;margin-bottom:5px;border-top:2px solid #2196F3;font-size:18px;font-weight:300;display:inline-block;width:100%;}
.seccion.parametros_analisis_suelo .miCampo {width:48%;margin:2px 2% 2px 0px;float:left;}
.seccion.parametros_analisis_suelo .miCampo input {width:22%;}
.seccion.parametros_analisis_suelo .miCampo input.texto {width:100%;}
.seccion.parametros_analisis_suelo input.chkList {width:auto;display: inline-block ;vertical-align: middle;line-height:40px;margin:0px;}
.seccion.parametros_analisis_suelo input.chkList + label {display: inline-block ;}
.seccion.parametros_analisis_suelo .pAnalisis_textura_sn .unidades{display:none;}
.seccion.parametros_analisis_suelo .miCampo .unidades {padding-left:5px;}
.seccion.parametros_analisis_suelo .miCampo span.observaciones {margin:5px !important;font-weight:bold;color:#555;}
.seccion .grid-relacion {margin-top:0px;}
.seccion h5 {margin-top:5px;margin-bottom:0px; }
.seccion .contenido_seccion {margin:15px;}



/* cuadros */
.cuadroDireccion{padding:5px;font-family: campo;width:100%;}
.cuadroDireccion .denominacion {font-weight:bold}
.cuadroDireccion .telf 	{width:30%;float:left}
.cuadroDireccion .telf:before{font-family: FontAwesome;content: "\f095";padding-right:7px;}
.cuadroDireccion .email {width:69%;float:right;text-align:right;}
.cuadroDireccion .email:before{font-family: FontAwesome;content: "\f0e0";padding-right:7px;}
.cuadroDireccion a {color:inherit;text-decoration:none;}

.cuadro_identificarse {width:360px;height:200px;margin-left:50px;padding:30px;padding-left:60px;display:block;float:left; font-size:18px;border-radius:40px;
	border:5px solid #b8a180;background-image:url(/contenidos/complementos/fondo_conectar.jpg); background-repeat: no-repeat;}


/* Cosas del almacen */
.arbol {display:none;}
.arbol .columna {display:inline-block;width:90px;margin-left:10px;} 
.arbol div.columna.numerica {text-align:right;margin-left:0px;margin-right:10px;} 
.umas_capacidad {color:red}
.umas_ocupadas {color:orange}
.umas_disponibles {color:green}

/* Mensajes y errores */
.barraErrores {position: fixed;z-index:9999;top:50px;max-width:1000px;right:5px;}
.barraErrores .error_grave {border-left: 55px solid rgba(255,0,0,0.6);padding:25px;position:relative}
.barraErrores .error_grave {border-left: 55px solid rgba(255,0,0,0.6);padding:25px;position:relative}
.barraErrores .error_leve {border-left: 55px solid #F90;padding:25px;position:relative}
.barraErrores .error_info {border-left: 55px solid #339900;padding:25px;position:relative}

#divMensajeGrave,#divMensajeLeve,#divMensajeInfo {padding:5px;text-align:left;font-weight:bold;margin:5px;box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px -1px 0px rgba(255,255,255,0.7);border-radius: 5px;margin-bottom:20px;}
#divMensajeGrave {color:#F40000;background-color:#FFC1C1;border:3px solid #F40000;}
#divMensajeLeve {color:#CE5300;background-color:#FFD7BB;border:3px solid #FF6600;}
#divMensajeInfo {;color:#360;background-color:#B7FFB7;border:3px solid #339900;}

[class^="error_"] {margin:5px;padding:8px 25px 8px 25px;box-shadow:0px 1px 5px rgba(000,000,000,0.5);border-radius: 10px;clear:both;}
[class^="error_"] .cerrar_mensaje {color:#fff;position:absolute;left:-35px;top:20px;font-size:20px;cursor:pointer;min-height:100px}
	
div.error_grave {text-align:left;color:rgba(168,75,75,1);background-color:#fff;border:2px solid rgba(255,0,0,0.6);}
div.error_leve {text-align:left;color:#F90;background-color:#fff;border:2px solid #F90;}
div.error_info {text-align:left;color:#360;background-color:#fff;border:2px solid #339900;position:relative;}
div.error_cuadro {margin-bottom:30px;}
div.error_grave a, .error_leve a, .error_info a {color:#276ef2;font-weight:bold;text-decoration:none;}
div.error_grave a:hover, .error_leve a:hover, .error_info a:hover {color:#276ef2;text-decoration:underline;}

div.error_grave.xml_validar {text-align:left;}

div.div_info {text-align:left;display:flex;box-shadow:0px 1px 5px rgba(000,000,000,0.5);border-radius: 10px;clear:both;overflow:hidden;}
div.div_info .icono{width:40px;text-align:center;color:#fff;background:#333;align-content: center;padding:10px;}
div.div_info .texto{padding:10px;}

.error-info::before, .error-leve::before, .error-grave::before {content: "!";position: absolute;left:0px;top:0px;margin-left:-35px;margin-top:-5px;font-size: 50px;font-weight: bold;color: #fff;font-family: serif;}
.error-info {border:1px solid #777;border-left:55px solid #777;padding:20px 15px;position:relative;margin:15px;border-radius:10px;font-weight:bold;color:#777;font-size:17px;}
.error-leve {border:1px solid #F90;border-left:55px solid #F90;padding:20px 15px;position:relative;margin:15px;border-radius:10px;font-weight:bold;color:#F90;font-size:17px;}
.error-grave {border:1px solid #F40000;border-left:55px solid #F40000;padding:20px 15px;position:relative;margin:15px;border-radius:10px;font-weight:bold;color:#F40000;font-size:17px;}



.mensaje-solo {margin:50px 0px 50px 0px;border:none;box-shadow:none; }

.alerta {margin:20px 0px 20px 0px;border:2px solid #fefefe;box-shadow:0px 1px 5px rgba(000,000,000,0.5);background:#ffffe3;padding:0px 25px;width:400px;position:absolute;right:0;top:50px; }
.alerta .miBoton.boton_largo{padding:15px 10px;margin:10px 15px;text-align:center;width:90%;}
.alerta .miBoton.boton_largo:before {content:"\f040";font-family:FontAwesome;margin-right:10px;} 
.alerta .miCampo {border-bottom: 1px dotted #ccc; margin-top: 3px; margin-bottom: 3px;background-color:transparent;}
.alerta .miCampo label {background-color:transparent; border: none; padding: 0px 5px;}
.alerta .miCampo input {border: none; color: #000;font-weight: bold;background-color:transparent;}

.alerta_mover {border:2px solid #F90;padding:10px;}
.alerta_mover i {color: #F90;padding:10px;}


.barraErrores {margin-bottom:15px;}

/* Drag and drop para subir imágenes */
.drop-area {width:500px; text-align: center; color:#999; font-style:italic; border: 2px dashed #ddd;padding: 10px; margin-bottom: 2em;}
.drop-area .drop-instructions {float:left; display: block; height: 30px;}
.drop-area .drop-over {display: none;height: 30px;}	
.drop-area.over {background: #ffffa2;border: 2px dashed #000;}
.drop-area.over .drop-instructions {display: none;}
.drop-area.over .drop-over {display: block;}
.drop-area.over .drop-over {display: block;font-size: 25px;}
.drop-area img {width:500px;border:none}
.drop-area .vaciar {display:block;float:right;width:30px;font-size:17px;background-color:#eeeeee;color:#F00;margin:0px;padding:3px;border-radius:0px 0px 0px 10px;border:1px solid #ddd; }



/***********************************************  Otros en general  ****************************/
.pictograma-hp {height:160px;width:160px;margin:0px auto 0px auto;}

.imagen {width:100%}

.post-it {background:#fefabc;padding:15px;font-size:15px;color: #000;width:200px;-moz-transform: rotate(7deg);-webkit-transform: rotate(7deg);-o-transform: rotate(7deg);
	-ms-transform: rotate(7deg);transform: rotate(7deg);box-shadow: 0px 4px 6px #333;-moz-box-shadow: 0px 4px 6px #333;-webkit-box-shadow: 0px 4px 6px #333;}

.oculta{height:0px;overflow:hidden;}

.tachado{text-decoration:line-through}
.subrayado{text-decoration:underline}

.ajustable {resize:both;}

.consombra{	border:1px solid #CCC;padding:10px;border-radius: 15px;	box-shadow:	0px 5px 10px rgba(000,000,000,0.5), inset 0px -1px 0px rgba(255,255,255,0.7);overflow:hidden;}
.consombra_w, .recuadro_mas {border:2px solid #aaa;padding:10px;border-radius: 0px 0px 15px 0px;box-shadow:	0px 3px 10px rgba(000,000,000,0.3);overflow:hidden;background-color:#eee;
	padding-left:20px;padding-right:20px;margin-bottom:25px;background: -moz-linear-gradient(top,#f1f1f1 0%,#fcfcfc 60%,#f1f1f1);
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1),color-stop(0.60, #fcfcfc),to(#f1f1f1));}
.recuadro_mas h3 {margin-top:0px;}

.titulo1 {font-size:30px;color:#000000;font-weight:normal;}
.titulo2 {font-size: 28px;color:#1D2948;font-weight:200}
.titulo3 {font-size: 17px;color:rgba(0,0,0,.9);}
.titulo4 {font-size: 16px;color:rgba(0,0,0,.7);}

div.tooltip {width:auto;min-width:500px;position:fixed;z-index:10001}
.grid-relacion .tooltip-arrow{max-width:1px !important;left:0px !important;margin-left:-5px !important;padding-left:0px !important}
.grid-relacion .desactivado {opacity:0.30 !important}

.align_centro{margin:0px auto 0px auto;}
.alcentro, .alCentro {margin:0px auto 0px auto}

.centrado, *.texto_centro{text-align:center !important}
.numerico, *.texto_dcha {text-align:right !important;}
*.texto_izda {text-align:left !important;}

.limpio, .sinMargen {margin:0px !important; padding:0px !important; }

.linea_nueva {display:block;clear:both;}
.indentado {margin-left:20px !important}
.indentado-x2 {margin-left:40px !important}
.indentado-x3 {margin-left:60px !important}

.numero.sangria {padding-right:15px !important}

.separado {margin-top:10px !important;}
.separado-x2 {margin-top:20px !important;}
.separado-x3 {margin-top:30px !important;}

.separado-abajo {margin-bottom:10px !important}
.separado-abajo-x2 {margin-bottom:20px !important}
.separado-abajo-x3 {margin-bottom:30px !important}


*.margen-dcha-col 	 {padding-right:10px !important}
*.margen-dcha-col-x2 {padding-right:20px !important}
*.margen-dcha-col-x3 {padding-right:30px !important}

*.margen-izda-col 	 {padding-left:10px !important}
*.margen-izda-col-x2 {padding-left:20px !important}
*.margen-izda-col-x3 {padding-left:30px !important}



i.icon-info.con_circulo {padding:1px 5px;border:1px solid;border-radius:25px;}
.dentro_circulo {display:inline;padding:2px 7px;border-radius:25px;background:#7cc504;font-weight:bold !important;color:#fff !important;border:0px solid #fff;font-size:11px;line-height:8px;}
.dentro_circulo.verde, {background-color:#7cc504;color:#fff}
.dentro_circulo.blanco, .dentro_circulo.vacio {background-color:#fff;color:#333 !important;box-shadow: 0px 0px 0px 1px #333 inset;}
.dentro_circulo.amarillo, {background-color:#f6d123;color:#fff}
.dentro_circulo.naranja {background-color:orange;color:#fff}
.dentro_circulo.azul {background-color:#6695bf;color:#fff}
.dentro_circulo.rojo {background-color:#d0011b;color:#fff}
.dentro_circulo.gris {background-color:#BBBBBB;color:#fff}
.miCampo .dentro_circulo {margin: 5px auto 2px auto;line-height: 18px;}
.miCampo .dentro_circulo.blanco, .miCampo .dentro_circulo.vacio {color:#333 !important;}
.dentro_circulo i {margin-left:-1px;margin-right:-1px;}


.principal_v2 .registro .miBoton.verde, .verde{color:#7cc504;}
.principal_v2 .registro .miBoton.rojo, .rojo{color:#d0011b;}
.principal_v2 .registro .miBoton.gris, .gris{color:#777;}



.registro .dentro_circulo {position:relative;}
.registro .centrado .dentro_circulo {margin:0px auto 0px auto;}

div.valor_erroneo {color:red;}

.editar_detalle {width: 25px; margin: 0px; text-align: center; display: inline-block; cursor: pointer;}
button.editar {padding:3px 15px;}

.wCampo input {border:none;border-bottom:1px solid #ccc;font-weight:bold;height:auto;}
.wCampo label {font-weight:normal;}

.cab_izq {float:left;width:50%;margin-bottom:25px;}
.cab_dcha {float:left;width:50%}
.hojaA4 {width:850px;box-sizing:border-box;padding:20px;}

h4.limpio , h3.limpio , h4.sinMargen , h3.sinMargen {line-height:28px;}

.busquedaJSON_cod.campoReadWrite {border-radius:0px;border-right:none;}

.nuevo-registro { margin-bottom:10px; display:inline-block; padding:5px;}

form.invisible {display:inline}

.menuPrincipal i {*font-size:24px;}
.btDatosEnvio {*text-align:center;}
.tienda .error_cuadro {margin-top:15px;}
#div_capturarProductosFavoritos {width:100% !important;}
.recog_realizada {border:1px solid #6C3;font-size:11px;background:#CFC}
.recog_tramite {background:#efefef;font-size:11px;}
.recog_tramite div, .recog_realizada div {color:#999}

a.boton_ayuda_proceso {border:none;background:none;box-shadow:none;font-size:20px;color:#fff;text-decoration:none;position:absolute;top:-12px;right:0px;z-index:2}
a.boton_ayuda_proceso:hover,a.boton_ayuda_proceso:visited,a.boton_ayuda_proceso:active  {color:rgba(255,255,255,0.5);text-decoration:none;}

.acciones { float:left;width:300px;margin-left:40px; border-left:2px dotted #ccc;padding-left:10px; }
.acciones h3 {width:250px;border-bottom:1px dotted #cccccc; }
.acciones button { width:250px; margin-top:10px;}

#actualizando{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0);display:none;z-index:99999;}
#actualizando_icono{position:absolute;top:50%;left:50%;margin-top: -25px;margin-left: -25px;color:#ccc;font-size:50px;text-shadow: 1px 4px 6px #fff, 0 0 0 #fff, 1px 4px 6px #fff;}

.grid-relacion .registro .indentado i  {opacity: 0.7; margin-right: 5px;margin-left: -15px;}

.respuestas {margin:0px;padding:0px;}
.respuestas a {text-decoration:none;}
.respuestas li{border-bottom:1px dotted #ccc;text-decoration:none;padding:10px 0px 10px 0px;}

.relacion .sugerida {color:#aaa;font-style: italic;}

.mas_contenidos {font-size:12px;text-align:right;color:#aedbff;height:20px;overflow:hidden;border-top:1px dotted #aedbff;padding:5px 0px;}
.mas_contenidos.abierto {height:auto;}

.mas_contenidos div.abrir_cerrar:before {content:"Más opciones ▼";cursor: pointer;height:26px;}
.mas_contenidos.abierto div.abrir_cerrar:before {content:"Menos opciones ▲";height:auto;}

.info_adicional {opacity:0.6;font-size:10px;}
.info_adicional div {margin:5px;}
.info_adicional div::before{content:"► "}

.zona-cabeceras .zona-info {float:right}
.zona-info .info-cuadro {width: 100%;float: left;display: flex;margin-bottom: 5px;}
.zona-info .cuadro {display: inline-block;background: #6a727f;color: #fff;font-weight: bold;padding: 17px;width: 120px;border-radius: 10px 0px 0px 10px;}
.zona-info .concepto {display: block;border: 2px solid #6a727f;color: #6a727f;background: #efefef;border-radius: 0px 10px 10px 0px;padding: 15px; width: 350px;}

.zona-info .concepto div {display: inline-block;float: left; width: auto;}
.zona-info .concepto .botones {float: right;margin-top: -4px;}

/* Cosas raras para explorer 7 */
#contacto_contenido .consombra_w p {*margin-top:100px}
i{*margin-right:5px;}

.estado_registro {position:absolute;padding:10px 20px;background:#fefefe;border:solid 2px #333;border-left:solid 20px #333;max-width:400px;border-radius:20px 5px 5px 20px;right:0px;font-weight:light;font-size:18px;color:#333;font-weight:bold;box-shadow: 0 1px 1px rgba(0,0,0,.5);opacity:0.65}

.miCampo .mce-btn span {min-height:auto;}


.valor-SI {padding-left:10px !important}
.valor-NO{text-align:right;opacity:0.4;padding-right:10px !important}



/* CAMBIOS NUBELUS WASTER */


.miCampo {margin:2px 0px;min-height:15px;}
.miCampo label,div.miLabel {height:auto;background:#f7f7f7;border:1px solid #e0e0e0;opacity:0.9;}
.miCampo label i {padding:2px 4px;line-height:18px;}
.miCampo .miBoton.flota_derecha {padding: 3px 4px;}

.miCampo input, .miCampo select,.miCampo textarea  {padding:2px;min-height:25px; }

.miCampo .autocomplete_clear { padding:3px 1px 1px 1px;margin:-2.4em 30px } 
.miCampo .autocomplete_todos { padding:3px 3px 1px 3px;margin:-2.8em 5px }
.campoRead {color:#222;}

.miCampo span, .miCampo .botonAccion, .miCampo .botonAccion i {line-height:22px;min-height:15px;}
.colorbox .miCampo select {height:25px;padding-top:1px;padding-left:1px;opacity:1}

.miCampo span.codigo_volador {position:absolute;right:5px}
.miCampo span.codigo_volador:after{content:" ]"}
.miCampo span.codigo_volador:before{content:"[ "}


.bloque .pictogramas {max-height:90px;text-align:right;}
.bloque .pictograma-hp {height: auto;width:auto;margin: 0px auto 0px auto;max-height:80px;max-width:80px;}

.registro .miBoton.separado {margin-top:0px !important;margin-left:5px;}

div.tipo_contenido.desplegado {display:block !important;width:calc(50% - 5px);float:left;min-width:600px;margin:5px 5px 0px 0px}



div.colorbox.elastico {width:150px; width:max-content;max-width: 90vw !important;min-width:150px;} 
div.colorbox.elastico div.escenario,
#cboxLoadedContent {background:none}
#cboxLoadedContent div.colorbox.elastico
 {display:inline-block; width:max-content;max-width: 90vw !important;} 
div.colorbox.elastico div.escenario.miMundo{width: 600px; max-width: 600px;}

div.colorbox.elastico .drop-area {max-width:350px;min-width:350px;display:inline-block;}

#div_editar_parte_a div.contenidos.acciones, #div_editar_parte_b div.contenidos.acciones, #div_editar_carta_porte div.contenidos.acciones  {width:300px;border:none;margin:0px;padding:15px}
#div_editar_parte_a div.contenidos .miBoton, #div_editar_parte_b div.contenidos .miBoton, #div_editar_carta_porte div.contenidos .miBoton {background:#fff;color:#aedbff;clear:both;display:block;min-width:200px;margin:3px auto;padding:5px 15px;font-weight:bold;}

.colorbox .encabezamiento .miBoton {padding:2px 12px;}

.e3l_ko {color:#F40000}
.e3l_ok {color:#339900}

.QR_code{max-width:100%;height:auto;display:block;margin:0px auto;}

.miCheck {height:18px;padding:3px 0px;display:inline-block;max-width:100%;width:100%}
.miCheck label {display:inline-block;font-weight:normal;margin:0px;padding:0px;color:#444;width:100%;}
.miCheck input[type=checkbox] {height:20px;margin:0px 10px 0px 0px;min-height:1px;font-size:inherit;border:none;}

.miCheck span {display:inline-block;max-width:80%;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}

.miCheck input:checked+span {font-weight: bold;color:#000;}
.sinSaltoLinea {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.colorbox .botones_escenarios {max-width:300px;}
.colorbox .botones_escenarios button {clear:both;width:100%;margin:2px;}

.iframe_gestor_multimedia {width:100%;height:80vh;margin-top:-20px;border:none;}

.almacen_carga { max-width:420px !important;margin:0px auto 0px auto}
.almacen_carga .almacen_carga_icono {display:inline-block;width:50px;vertical-align: bottom;font-size:40px;padding:0px;position:relative}
.almacen_carga .almacen_carga_icono i {position:absolute;bottom:0px;}
.almacen_carga .almacen_carga_contenido {display:inline-block;padding:15px 5px;border:1px dotted #ccc;width:calc(100% - 60px);min-height:140px;}
.almacen_carga .carga_vacia {display:inline-block;width:100%;padding:17px 17px; font-size:50px; color:#ccc;text-align:center}
.almacen_carga .almacen_carga_contenido h4 {margin-top:0px;padding:2px;}

.almacen_carga .miCampo {border:none;height:auto;line-height:16px;margin:2px;}
.almacen_carga .miCampo label {width:30px !important;min-width:30px;overflow:hidden;background:none;color:#333;border:none;letter-spacing:0px;text-align:center;padding:0px;}
.almacen_carga .miCampo label i {background:none;color:#333;font-size:24px;opacity:1;border:none;height:auto;padding:8px 0px;position:relative}
.almacen_carga .miCampo input {background:none;color:#333;border:none;font-size:16px;height:auto;}

.almacen_carga .miCampo input.campoReadWrite {background:#f2e577;border:1px solid #fff;font-size:24px;border-radius:5px;}
.almacen_carga .miCampo input.campoReadWrite.error {border:1px solid #dd0000;}
.almacen_carga input::-webkit-input-placeholder {color: #a9a053;font-weight: lighter;font-style: italic;font-size:18px;padding-left:4px;}

.almacen_carga .miBoton i {font-size:20px;}

div[class^='waster2_'] .botones {padding:0px;text-align:center;}
div[class^='waster2_'] .botones button {padding:10px 12px;text-align:center;margin:2px;}



.prg2017 th.pvtRowLabel, .prg2017 .rowTotal {background-color:#f9f9f9;border-color:#ccc;vertical-align:top;min-width:100px;}
.prg2017 th.pvtColLabel {min-width:70px;}


/******************************************************* RESPONSIVE ***********************************************/
@media screen and (min-width: 1px) and (max-width: 320px) {
	.miCampo.campoMedio {width:100% !important;}
	.miCampo.campoCorto, .miCampo.campoMuyCorto {width:100% !important;}
	.miCampo.campoCorto input, .miCampo.campoMedio input {width:100%, max-width: 100%;min-width:0%;}
}


@media screen and (max-width: 600px) {
	
	body {background:#fff;}
	.panel.panel-primary {border:none;}
	.container{width:98%;margin:0px 1%;}
	.navbar.superMenu {margin-bottom:0px}

	.no-tel{display:none !important}

	.inicio_sidebar.panel-body, .inicio_sidebar  {display:block;}
	

	.inicio_sidebar .sidebar_brand_nubelus {position:fixed;right:15px;bottom:15px;}
	.inicio_sidebar div.marca_beta {display:none;} 

	.inicio_sidebar .nav>li.enlace {font-size:1.5em;padding:10px 40px;font-weight:300;letter-spacing: -0.04em;}
	.inicio_sidebar .nav>li.enlace i {margin-right:10px;}
	

	#zonaClave.container-principal {overflow:hidden;}

	.BarraOpciones {top:1.5em;height: 2.9em;}
	.BarraOpciones .reducido .miBoton {max-height: 3em;}
	.zonaOperativa.panel-body {padding: 5em 0px 5px 0px !important;}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    		position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px;}
	.row {margin-left:-5px;margin-right:-5px}
	.navbar {margin-bottom:5px;}
	.panel-body { padding: 5px; }

	.zonaOperativa.panel-body {padding: 5em 0px 5px 0px !important;}
	.zonaOperativa h1 {font-size:18px;white-space: nowrap; margin: -5px -5px 0px -5px;padding-left:10px;}

	.grupoMenu .dropdown-submenu>a:after {margin-right:0px;}
	.grupoMenu .dropdown-submenu ul.dropdown-menu {padding:15px 0px 15px 30px;border-width:5px;border-top:0px;}
	.grupoMenu .dropdown-submenu .dropdown-submenu ul.dropdown-menu {padding:30px 0px 15px 30px;border-width:10px;border-top:0px;}

	.grupoMenu .dropdown-submenu:hover>.dropdown-menu {display: none;}
	.grupoMenu .dropdown-submenu>.dropdown-menu.open {display: block;}


	.BarraOpciones {height:38px;margin: 0px -5px 0px -5px;top:1.5em;height: 2.9em;}
	.BarraOpciones h2{ display: none; }
	.BarraOpciones .ampliado.visible {min-width:95%;}
	.BarraOpciones .reducido {max-width:calc(100% - 50px);overflow-x: scroll; overflow-y: hidden;}
	.BarraOpciones .reducido .ordenar{display:inline-block;width:inherit;position:relative;}
	.BarraOpciones .reducido .ordenar_select {position:absolute;top:0px;left:0px;display:inline-block;width:45px;height:35px;opacity: 0;z-index:5;border:none;}
	.BarraOpciones .reducido .miBoton {max-height: 3em;}

	.BarraOpciones .reducido .miBoton.conTexto {max-height: 3em;}
	.miBoton.mas_opciones{height:3.5em;}
	.mas_opciones {max-height: 3em}
	.mas_opciones i {line-height: 1.5em;display:inline-block;}
	.BarraOpciones>.miBoton {line-height: 2.5em;}
	.BarraOpciones .ampliado {top:2.5em;}

	.BarraPaginar {width: auto;margin: 5px 0px 0px 10px;}
	.BarraPaginar .Info {width: auto;padding:0px 5px}

	.barraMapas div.miCampo.btn_direccion {min-width:98%;margin:0px 5px 3px 5px;}
	
	.barraErrores {position: fixed;z-index:9999;top:0px;left:0px;width:100%}
	.barraErrores .error_grave {border-left: 40px solid rgba(255,0,0,0.6);padding:40px;}
	.barraErrores .error_grave {border-left: 40px solid rgba(255,0,0,0.6);padding:40px;}
	.barraErrores .error_leve {border-left: 40px solid #F90;padding:40px;}
	.barraErrores .error_info {border-left: 40px solid #339900;padding:40px;}
	[class^="error_"] .cerrar_mensaje {position:absolute;left:-27px;top:34px;}	

	
	.user-menu{display: inline-block; width:calc(100% - 180px);position:absolute;right:0px;text-align:right;padding:2px;margin:5px 3px;}
	.user-menu li.dropdown {font-size:12px}
	.user-menu li.dropdown a span.gestor{display:block; }
	.user-menu li.dropdown a span.separador{display:none; }

	.navbar.superMenu {white-space: nowrap;overflow: visible;overflow-y: scroll;}
	.navbar.superMenu ul .dropdown-menu {position:fixed;left:1px;top:48px;width:calc(100vw - 2px);max-height:calc(100vh - 48px);overflow:auto}
		
	.seccion h4.titulo_seccion {background:none;font-weight:bold;padding:5px;color:#028389}
	.seccion h5 {padding:5px;}
	.separado {margin-top: 15px !important;}
	.separado-abajo {margin-bottom: 15px !important;}


	*.margen-dcha-col 	 {padding-right:inherit !important}
	*.margen-dcha-col-x2 {padding-right:inherit !important}
	*.margen-dcha-col-x3 {padding-right:inherit !important}

	*.margen-izda-col 	 {padding-left:inherit !important}
	*.margen-izda-col-x2 {padding-left:inherit !important}
	*.margen-izda-col-x3 {padding-left:inherit !important}

	*.margen-dcha-tel 	 {padding-right:10px !important}
	*.margen-dcha-tel-x2 {padding-right:20px !important}
	*.margen-dcha-tel-x3 {padding-right:30px !important}
	
	*.margen-izda-tel 	 {padding-left:10px !important}
	*.margen-izda-tel-x2 {padding-left:20px !important}
	*.margen-izda-tel-x3 {padding-left:30px !important}
	
	
	
	.grid-relacion {transform: scale(1); transform-origin: left top; width:100% !important;	letter-spacing:-0.5px}
	.grid-relacion .registro {padding:3px 0px;}
	.grid-relacion .registro .codigo {right: 5px;}
	.grid-relacion .cabeceras, .grid-relacion .pies, .grid-relacion .registro {width:100% !important}
	.grid-relacion .cabeceras div {color:#999;display:none;}
	.grid-relacion .cabeceras.tel div {display:inline-block;}

	.grid-relacion .pies div, .grid-relacion .grupo div  {width:100% !important}
	.grid-relacion .cabeceras div {margin:0px; padding:1px 5px;box-sizing:border-box}
	.grid-relacion .registro {font-family:'campo'}
  	.grid-relacion .registro .numerico {float:right}
	.grid-relacion .registro .grupo .codigo {position:absolute;right:15px;text-align:right;width:auto !important;}
	.grid-relacion .registro div.grupo.grupo_1 {width:100%!important}
	.grid-relacion .registro .grupo div.recogida {width:33%!important;}
	.grid-relacion .registro .grupo div.fecha {width:33%!important;margin:0px;text-align:center}
	.grid-relacion .registro .grupo div.estado {width:30%!important;margin:0px;text-align:right;float:right;}
	.grid-relacion .registro .grupo div.destino {display:none;}
	.grid-relacion .miCampo {border:none;}
	

	div.tel-0,  .colorbox div.tel-0 {width:0% !important;max-width:0%;margin:0px;padding:0px;display:none !important;}
	div.tel-1,  .colorbox div.tel-1 {width:8.333% !important;max-width:8.333%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tel-2,  .colorbox div.tel-2 {width:16.667% !important;max-width:16.667%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tel-3,  .colorbox div.tel-3 {width:25.000% !important;max-width:25%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tel-4,  .colorbox div.tel-4 {width:33.333% !important;max-width:33.333%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tel-5,  .colorbox div.tel-5 {width:41.667% !important;max-width:41.667%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tel-6,  .colorbox div.tel-6 {width:50.000% !important;max-width:50%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tel-7,  .colorbox div.tel-7 {width:58.333% !important;max-width:58.333%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tel-8,  .colorbox div.tel-8 {width:66.667% !important;max-width:66.667%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tel-9,  .colorbox div.tel-9 {width:75.000% !important;max-width:75%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tel-10, .colorbox div.tel-10 {width:83.333% !important;max-width:83.333%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tel-11, .colorbox div.tel-11 {width:91.667% !important;max-width:91.667%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tel-12, .colorbox div.tel-12 {width:100% !important;max-width:100%;margin:0px;padding:2px 3px 2px 2px;display:block}
	
	
	.grid-relacion div.tel-0, .filtro_relacion div.tel-0 {width:0% !important;max-width:0%;margin:0px;padding:0px;display:none !important;}
	.grid-relacion div.tel-1, .filtro_relacion div.tel-1 {width:8.333% !important;max-width:8.333%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-2, .filtro_relacion div.tel-2 {width:16.667% !important;max-width:16.667%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-3, .filtro_relacion div.tel-3 {width:25.000% !important;max-width:25%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-4, .filtro_relacion div.tel-4 {width:33.333% !important;max-width:33.333%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-5, .filtro_relacion div.tel-5 {width:41.667% !important;max-width:41.667%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-6, .filtro_relacion div.tel-6 {width:50.000% !important;max-width:50%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-7, .filtro_relacion div.tel-7 {width:58.333% !important;max-width:58.333%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-8, .filtro_relacion div.tel-8 {width:66.667% !important;max-width:66.667%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-9, .filtro_relacion div.tel-9 {width:75.000% !important;max-width:75%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-10, .filtro_relacion div.tel-10 {width:83.333% !important;max-width:83.333%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-11, .filtro_relacion div.tel-11 {width:91.667% !important;max-width:91.667%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-12, .filtro_relacion div.tel-12 {width:100% !important;max-width:100%;margin:0px;padding:2px 3px 2px 2px;display:block}

	.grid-relacion div.tel-0-5, .filtro_relacion div.tel-0-5 {width:4.167% !important;max-width:4.167%;margin:0px;padding:0px;display:none !important;}
	.grid-relacion div.tel-1-5, .filtro_relacion div.tel-1-5 {width:12.5% !important;max-width:12.5%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-2-5, .filtro_relacion div.tel-2-5 {width:20.83% !important;max-width:20.83%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-3-5, .filtro_relacion div.tel-3-5 {width:29.16% !important;max-width:29.16%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-4-5, .filtro_relacion div.tel-4-5 {width:37.49% !important;max-width:37.49%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-5-5, .filtro_relacion div.tel-5-5 {width:45.83% !important;max-width:45.83%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-6-5, .filtro_relacion div.tel-6-5 {width:54.16% !important;max-width:54.16%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-7-5, .filtro_relacion div.tel-7-5 {width:62.49% !important;max-width:62.49%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-8-5, .filtro_relacion div.tel-8-5 {width:70.83% !important;max-width:70.83%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-9-5, .filtro_relacion div.tel-9-5 {width:79.16% !important;max-width:79.16%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-10-5, .filtro_relacion div.tel-10-5 {width:87.5% !important;max-width:87.5%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tel-11-5, .filtro_relacion div.tel-11-5 {width:95.82% !important;max-width:95.82%;margin:0px;padding:2px 3px 2px 2px;display:block}
	
	.grid-relacion div.col-0-5, .filtro_relacion div.col-0-5 {width:4.167%;margin:0px;padding:2px 3px 2px 2px}
	.grid-relacion div.col-1-5, .filtro_relacion div.col-1-5 {width:12.500%;margin:0px;padding:2px 3px 2px 2px}
	.grid-relacion div.col-2-5, .filtro_relacion div.col-2-5 {width:20.83%;margin:0px;padding:2px 3px 2px 2px}
	.grid-relacion div.col-3-5, .filtro_relacion div.col-3-5 {width:29.16%;margin:0px;padding:2px 3px 2px 2px}
	.grid-relacion div.col-4-5, .filtro_relacion div.col-4-5 {width:37.49%;margin:0px;padding:2px 3px 2px 2px}
	.grid-relacion div.col-5-5, .filtro_relacion div.col-5-5 {width:45.83%;margin:0px;padding:2px 3px 2px 2px}
	.grid-relacion div.col-6-5, .filtro_relacion div.col-6-5 {width:54.16%;margin:0px;padding:2px 3px 2px 2px}
	.grid-relacion div.col-7-5, .filtro_relacion div.col-7-5 {width:62.49%;margin:0px;padding:2px 3px 2px 2px}
	.grid-relacion div.col-8-5, .filtro_relacion div.col-8-5 {width:70.83%;margin:0px;padding:2px 3px 2px 2px}
	.grid-relacion div.col-9-5, .filtro_relacion div.col-9-5 {width:79.16%;margin:0px;padding:2px 3px 2px 2px}
	.grid-relacion div.col-11-5, .filtro_relacion div.col-11-5 {width:95.82%;margin:0px;padding:2px 3px 2px 2px}
	.grid-relacion div.col-10-5, .filtro_relacion div.col-10-5 {width:87.5%;margin:0px;padding:2px 3px 2px 2px}
	
	.grid-relacion div.numero {letter-spacing:-0.3px}

	.inicio_contenido .grid-relacion .cabeceras {display:none;}
		
	.filtro_relacion {display:block;}
	.filtro_relacion>div {width:100%!important;text-align:left;min-height:0px;margin:1px 0px}
	.filtro_relacion label {display:inline-block;min-width:125px;}
	.filtro_relacion .tel label {display:inline-block;min-width:0px;}

	.filtro_relacion .bloque label {display:none;}

	.registro .numerico {margin-right:5px}
	
	.registro div {margin-left:5px;}
	.registro div.grupo.grupo_1{width:88% !important}
	.registro div.grupo.herramientas {width:100% !important;}
	.registro div.herramientas div{font-size:20px;line-height:22px;text-align:center;padding:6px 0px;margin:0px;color:#999;}
	.registro label {font-weight:normal;margin-right:5px}
	
	.cabeceras div.nuevo.centrado {height:17px;width:12% !important;text-align:center;}
	.cabeceras div.nuevo.centrado i {font-size:20px;line-height:22px;padding:6px 8px;margin:0px;color:#999;background:#01537e;color:#fff;border-radius:55px;}

	.grid-relacion .grupo div.col-1, .grid-relacion .grupo div.col-1-5 {width:33.3% !important;clear:both; }
	.grid-relacion div div.col-1.numerico label, .grid-relacion div div.col-1-5.numerico label {display:inline-block;float:left;}
	.grid-relacion div div.col-1.numerico label:after, .grid-relacion div div.col-1-5.numerico label:after {content:":"}
	
	.miCampo , .miCampo input {width:100%;}
	.miCampo.campoMedio {width:100%;}
	.miCampo.campoMuyCorto {min-width:33%;display: inline-flex;line-height: 30px;margin-right:15%;} 
	.miCampo.campoCorto_old {min-width:50%;display: inline-flex;line-height: 30px;margin-right:1%;}
	.miCampo .miBoton.flota_izquierda {position:relative;top:0px;}
	.miCampo.pCodigo, .miCampo.fCodigo {width: auto !important;}
	.miCampo {border-bottom:1px dotted #ccc;margin-top:3px; margin-bottom:3px;}
	.miCampo b, .miCampo label, .miCampoMultiple > label {	background-color:#fff;border:none; padding:0px 5px; word-break: break-all;font-size:11px;letter-spacing: -0.07em;line-height: 16px; }	
	.miCampo input, .miCampo textarea, .miCampo select, .miCampo>div { border:none;border:none; color:#000; font-weight:bold; height:auto; }
	.miCampo select {padding-top:0px;padding-bottom:0px;}
	.miCampo .DesdeHasta {border:none;}
	.miCampo .campoReadWrite{background:#0283890d}
	.miCampo .autocomplete_clear, .miCampo .autocomplete_todos{background:none;}
	.miCampo.campoMedio input, .miCampo.campoMedio select, .grupo.campoMedio input, .grupo.campoMedio select {max-width: 100%; min-width: 80px;height:auto}
	.miCampo.campoCorto input, .miCampo.campoCorto select, .grupo.campoCorto input, .grupo.campoCorto select {max-width: 120px; min-width: 80px;height:auto}
	.miCampo.campoMuyCorto input, .miCampo.campoMuyCorto select, .grupo.campoMuyCorto input, .grupo.campoMuyCorto select {max-width: 60px; min-width: 40px;}
	.miCampo>label {width:99px !important;min-width:99px;}
	.miCampo label i {background:none;border:none; }
	.miCampo .DesdeHasta {min-width:240px;}
	.miCampo input:focus {box-shadow:none;border-radius:none;}
	.miCampo.div_coordenadas .coordenadas {border:none;}
	.miCampo .dentro_circulo {margin: 0px auto 0px auto; line-height: 15px;}
	.grupo.pCodigo.campoCorto input, .grupo.pReferencia.campoCorto input, .grupo.pCodigo.campoCorto #pCodigo, .grupo.pCodigo.campoCorto #fCodigo, .miCampo #pCodigo  {max-width:115px;}
	
	div.campoMuyCorto>span, div.campoCorto>span{margin-left:5px !important}

	.estado_registro {position:relative;padding:10px 20px;background:#fefefe;border:solid 2px #333;border-left:solid 20px #333;max-width:400px;border-radius:20px 5px 5px 20px;
		right:0px;font-size:14px;color:#333;font-weight:bold;box-shadow: 0 1px 1px rgba(0,0,0,.5);opacity:0.65;width:auto;display:inline-block;float:right;margin-bottom:5px;}

	.modal {margin:0px;width:auto;min-width:360px;min-height:150px;border:4px solid #aedbff;z-index:inherit;height:max-content;}
	.modal .miCampo.campoCorto {width:250px;}
	.modal form, .modal_rojo form  {min-width:auto}
	.modal .miBoton {padding: 10px 11px 10px 11px;margin:5px 3px}
	.modal iframe{width:1px !important;height:1px !important;border:none;}
	
	.colorbox {padding:15px;}
	.colorbox .miCampo.campoMedio, .modal_rojo .miCampo.campoMedio{width:100%;max-width:100%;min-width:0%;}
	.colorbox .miCampo.campoMuyCorto, .modal_rojo .miCampo.campoMuyCorto {width:49%;display: inline-flex;line-height: 30px;margin-right:1%;}
	.colorbox .miCampo.campoCorto, .modal_rojo .miCampo.campoCorto  {width:60%;display: inline-flex;line-height: 30px;margin-right:1%;}
	.colorbox .miCampo.campoCorto input, .modal_rojo .miCampo.campoCorto input  {max-width: 60%;min-width:0%;}
	.colorbox .miCampo.campoMedio input, .modal_rojo .miCampo.campoMedio input  {width:100%;min-width:0%;max-width:100%;}
	.colorbox textarea {width:400px !important;max-width:400px;}
	.colorbox .mce-tinymce.mce-container.mce-panel{max-width:90vw;width:90vw;margin-left:-20px;left:0px;}
	.colorbox .miCampo {max-width:100% !important;}
	.colorbox .mce-container-body.mce-stack-layout {max-width:90vw;width:90vw;overflow:hidden;}
	
	.colorbox .miMundo {width:91vw;min-width:91vw;max-width:91vw}
	.colorbox .miMundo textarea {width:100% !important;max-width:100% !important;min-height:80px;}
	
	div.colorbox.rigido.tel-12  {width:100vw;max-width:100vw;min-width:100vw}
	div.colorbox.rigido.tel-11  {width:91.6vw;max-width:91.6vw;min-width:91.6vw}
	div.colorbox.rigido.tel-10  {width:83.3vw;max-width:83.3vw;min-width:83.3vw}	
	div.colorbox.rigido.tel-9 	{width:75vw;max-width:75vw;min-width:75vw;}
	div.colorbox.rigido.tel-8 	{width:66.6vw;max-width:66.6vw;min-width:66.6vw;}
	div.colorbox.rigido.tel-7 	{width:58vw;max-width:58vw;min-width:58vw;}	
	div.colorbox.rigido.tel-6 	{width:50vw;max-width:50vw;min-width:50vw;}
	div.colorbox.rigido.tel-5 	{width:41vw;max-width:41vw;min-width:41vw;}
	div.colorbox.rigido.tel-4 	{width:33.3vw;max-width:33.3vw;min-width:33.3vw;}	
	div.colorbox.rigido.tel-3 	{width:25vw;max-width:25vw;min-width:25vw;}
	div.colorbox.rigido.tel-2 	{width:16.66vw;max-width:16.3vw;min-width:16.66vw;}
	div.colorbox.rigido.tel-1 	{width:8.33vw;max-width:8.33vw;min-width:8.33vw;}	
	div.colorbox.rigido.tel-0 	{width:0vw;max-width:0vw;min-width:0vw;display:none}

	div.colorbox.rigido.alto-tel-12 {height:99vh;max-height:99vh;}
	div.colorbox.rigido.alto-tel-11 {height:91.6vh;max-height:91.6vh;}
	div.colorbox.rigido.alto-tel-10 {height:83.3vh;max-height:83.3vh;}		
	div.colorbox.rigido.alto-tel-9 {height:75vh;max-height:75vh;}
	div.colorbox.rigido.alto-tel-8 {height:66.6vh;max-height:66.6vh;}
	div.colorbox.rigido.alto-tel-7 {height:58.3vh;max-height:58.3vh;}
	div.colorbox.rigido.alto-tel-6 {height:50vh;max-height:50vh;}
	div.colorbox.rigido.alto-tel-5 {height:41.6vh;max-height:41.6vh;}
	div.colorbox.rigido.alto-tel-4 {height:33.3vh;max-height:33.3vh;}	
	div.colorbox.rigido.alto-tel-3 {height:25vh;max-height:25vh;}
	div.colorbox.rigido.alto-tel-2 {height:16.6vh;max-height:16.6vh;}
	div.colorbox.rigido.alto-tel-1 {height:8.3vh;max-height:8.3vh;}
	div.colorbox.rigido.alto-tel-1 {height:0vh;max-height:0vh;display:none}
	
	/* Nuevo formato de alto */
	div.alto-tel-12 {max-height:100vh;overflow-y:auto;overflow-x:hidden;}
	div.alto-tel-11 {max-height:91vh;overflow-y:auto;overflow-x:hidden;}
	div.alto-tel-10 {max-height:83vh;overflow-y:auto;overflow-x:hidden;}
	div.alto-tel-9 	{max-height:75vh;overflow-y:auto;overflow-x:hidden;}
	div.alto-tel-8 	{max-height:66.6vh;overflow-y:auto;overflow-x:hidden;}
	div.alto-tel-7 	{max-height:58vh;overflow-y:auto;overflow-x:hidden;}
	div.alto-tel-6 	{max-height:50vh;overflow-y:auto;overflow-x:hidden;}
	div.alto-tel-5 	{max-height:41vh;overflow-y:auto;overflow-x:hidden;}
	div.alto-tel-4 	{max-height:33.3vh;overflow-y:auto;overflow-x:hidden;}
	div.alto-tel-3 	{max-height:25vh;overflow-y:auto;overflow-x:hidden;}
	div.alto-tel-2 	{max-height:16vh;overflow-y:auto;overflow-x:hidden;}
	div.alto-tel-1 	{max-height:9vh;overflow-y:auto;overflow-x:hidden;}
	div.alto-tel-0 	{max-height:0vh;display:none;}
	
	.colorbox.rigido .filtro_relacion {background:#fff;}
	.colorbox.rigido .grid-relacion {display:inline-block;width:calc(100% - 30px)!important;position:absolute;height:auto;top:135px;bottom:62px;overflow:hidden;}


	.nubelus_gestionVentas #divDesgloseRetenciones {padding:0px;}
	.nubelus_facturasCobros #divDesgloseRetenciones {padding:0px;}
	
	a.boton_ayuda_proceso {top: -6px;}
	.alerta {margin:0px;border:2px solid #fefefe;box-shadow:0px 1px 5px rgba(000,000,000,0.5);padding:0px 25px;width:100%;position:relative;top:0;right:0}
		
	.factura .pCodigo_representante {position:relative !important;float:none;}
	div.tipo_contenido {padding: 5px;}
	.cuadroDireccion {display: table-cell;}
	.coordenadas_mapa {box-sizing:border-box;}
	.ancho-5,.ancho-6,.ancho-7,.ancho-8,.ancho-9,.ancho-10,.ancho-11,.ancho-12  {min-width: 100%;max-width: 100%;}
	
	.filtro_relacion .filtroPuntosColores ul.dropdown-menu li{font-size:12px;max-width:30px;}
	.filtro_relacion .filtroPuntosColores ul.dropdown-menu li a{padding:5px;text-align:center;}


}



@media screen and (min-width: 768px) {
	.navbar-header {width: 100%;}
	.widget-right {width: 100%;margin: 0;text-align: center;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
	.widget-left {border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}

}

@media screen and (max-width: 800px) {
	.BarraOpciones .ampliado.visible {min-width:90%;}
	.BarraOpciones .reducido {overflow-x: scroll; overflow-y: hidden;}
	
	li.enlace, li.dropdown, ul.dropdown-menu li {font-size:18px;letter-spacing: -0.04em;}
	.grupoMenu .dropdown-menu>li>a {padding: 6px 8px;}
	.grupoMenu .dropdown-menu li.enlace {padding: 6px 8px;}

	select{background:#fff;}
	.container {width:98%;margin:0px 1%;}
	.barraSeccion {font-size:20px;}
	#colorbox {top: 0vh!important;position: fixed !important;}
	#cboxContent {margin-top:3px;}
	.ui-menu .ui-menu-item {padding:2px 0px !important;}
	.factura .pCodigo_representante {position:absolute;bottom:0px;right:0px;margin:0px}
	.inicio_contenido .grid-relacion .registro {padding:7px 0px;height:auto;}
	li.enlace, li.enlace:hover, li.active.enlace, li.active.enlace:hover { padding:7px 30px}
}


@media screen and (max-width: 900px)
{
	.navbar.superMenu {white-space: nowrap;overflow: visible;overflow-y: scroll;}
	.navbar.superMenu>ul {min-width:1200px;}
	.navbar.superMenu ul .dropdown-menu {position:fixed;left:0px;right:0px;top:auto;width:auto;max-width:100%;}

	.BarraOpciones h2{ display: none; }
	.ui-dialog-titlebar .ui-dialog-titlebar-button.ayuda-boton-abrir,
	.ui-dialog-titlebar .ui-dialog-titlebar-button.ayuda-boton-imprimir { display:none}

}
@media screen and (max-width: 1200px) { 
	#colorbox, #cboxOverlay{max-width:100% !important;width:100% !important}
	#cboxWrapper, #cboxContent, #cboxLoadedContent {max-width:100% !important;overflow:visible;}
	#cboxLoadedContent>div {max-width:100% !important;box-sizing: border-box; }

	.navbar-toggle {display: block !important;}
	.sidebar {display: block;position: fixed;top: 50px;	bottom: 0;left: 0;z-index: 1000;display: block;margin: 0;padding: 0;overflow-x: hidden;
		overflow-y: auto;background-color: #fff;box-shadow: 1px 0px 10px rgba(0, 0, 0, .05);}
	.sidebar hr {display:block;margin:0px;}
}


@media screen and  (max-width: 1199px) and (min-width:421px) {

	.grid-relacion{letter-spacing: -0.07em}
	.registro .numerico {margin-right:5px;}
	.registro div {margin-left:5px;}

	.no-tab{display:none !important}

	.registro div.grupo.grupo_1{width:calc(100% - 75px) !important}
	.registro div.grupo.herramientas {width:75px;}
	.grid-relacion .col-0-5.grupo.herramientas,.grid-relacion .col-0-5.nuevo.centrado  {width:40px;padding:0px;margin-left:0px;min-height:1px;}
	.grid-relacion .col-1.grupo.herramientas,.grid-relacion .col-1.nuevo.centrado {width:60px;padding:0px;margin-left:0px;}


	.registro div.grupo {padding:6px 0px;}
	.cabeceras div {margin-left:5px;}
	.cabeceras div.nuevo.centrado {text-align:center;margin:0px auto;}

	.filtro_relacion {margin-bottom: -13px;}
	.filtro_relacion div { text-align: left; min-height: 0px; margin: 1px 0px;}
	.filtro_relacion div.centrado {text-align: center;}
	.filtro_relacion label { display: inline-block; min-width: 125px;}
	.filtro_relacion .bloque label {display:none;}

	.usuarios.grid-relacion .cabeceras .estado, .usuarios.grid-relacion .cabeceras .email {display:none;}
	.usuarios.grid-relacion .registro .estado {text-align:left;}
	
	.nubelus_gestionAlbaranesVenta .firmas div {margin-right:15px;}

	div.tab-0 {width:0% !important;max-width:0%;margin:0px;padding:0px;display:none;}
	div.tab-1 {width:8.333% !important;max-width:8.333%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tab-2 {width:16.667% !important;max-width:16.667%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tab-3 {width:25.000% !important;max-width:25%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tab-4 {width:33.333% !important;max-width:33.333%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tab-5 {width:41.667% !important;max-width:41.667%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tab-6 {width:50.000% !important;max-width:50%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tab-7 {width:58.333% !important;max-width:58.333%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tab-8 {width:66.667% !important;max-width:66.667%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tab-9 {width:75.000% !important;max-width:75%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tab-10 {width:83.333% !important;max-width:83.333%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tab-11 {width:91.667% !important;max-width:91.667%;margin:0px;padding:2px 3px 2px 2px;display:block}
	div.tab-12 {width:100% !important;max-width:100%;margin:0px;padding:2px 3px 2px 2px;display:block}
	
	
	.grid-relacion div.tab-0, .filtro_relacion div.tab-0 {width:0% !important;max-width:0%;margin:0px;padding:0px;display:none;}
	.grid-relacion div.tab-1, .filtro_relacion div.tab-1 {width:8.333% !important;max-width:8.333%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-2, .filtro_relacion div.tab-2 {width:16.667% !important;max-width:16.667%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-3, .filtro_relacion div.tab-3 {width:25.000% !important;max-width:25%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-4, .filtro_relacion div.tab-4 {width:33.333% !important;max-width:33.333%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-5, .filtro_relacion div.tab-5 {width:41.667% !important;max-width:41.667%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-6, .filtro_relacion div.tab-6 {width:50.000% !important;max-width:50%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-7, .filtro_relacion div.tab-7 {width:58.333% !important;max-width:58.333%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-8, .filtro_relacion div.tab-8 {width:66.667% !important;max-width:66.667%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-9, .filtro_relacion div.tab-9 {width:75.000% !important;max-width:75%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-10, .filtro_relacion div.tab-10 {width:83.333% !important;max-width:83.333%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-11, .filtro_relacion div.tab-11 {width:91.667% !important;max-width:91.667%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-12, .filtro_relacion div.tab-12 {width:100% !important;max-width:100%;margin:0px;padding:2px 3px 2px 2px;display:block}

	.grid-relacion div.tab-0-5, .filtro_relacion div.tab-0-5 {width:4.167% !important;max-width:4.167%;margin:0px;padding:0px;display:block;}
	.grid-relacion div.tab-1-5, .filtro_relacion div.tab-1-5 {width:12.5% !important;max-width:12.5%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-2-5, .filtro_relacion div.tab-2-5 {width:20.83% !important;max-width:20.83%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-3-5, .filtro_relacion div.tab-3-5 {width:29.16% !important;max-width:29.16%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-4-5, .filtro_relacion div.tab-4-5 {width:37.49% !important;max-width:37.49%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-5-5, .filtro_relacion div.tab-5-5 {width:45.83% !important;max-width:45.83%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-6-5, .filtro_relacion div.tab-6-5 {width:54.16% !important;max-width:54.16%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-7-5, .filtro_relacion div.tab-7-5 {width:62.49% !important;max-width:62.49%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-8-5, .filtro_relacion div.tab-8-5 {width:70.83% !important;max-width:70.83%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-9-5, .filtro_relacion div.tab-9-5 {width:79.16% !important;max-width:79.16%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-10-5, .filtro_relacion div.tab-10-5 {width:87.5% !important;max-width:87.5%;margin:0px;padding:2px 3px 2px 2px;display:block}
	.grid-relacion div.tab-11-5, .filtro_relacion div.tab-11-5 {width:95.82% !important;max-width:95.82%;margin:0px;padding:2px 3px 2px 2px;display:block}


}

@media screen and  (max-width: 1199px) {
	html{background:#fff;}
	div.main {padding:0px;}
	.BarraOpciones {margin:2px -5px;}
	.BarraOpciones h2 {display:none;}
	.row {margin:0px}

	.container{width:100%;margin:0px;}
	.navbar {margin-bottom:0px;}
	
	.panel.panel-primary {border:0;box-shadow:none;padding:0px;margin:0px;}

	.no-col{display:none !important;}


	.panel-body {padding:5px;}
	.zonaOperativa.panel-body { width:100%;border:0;padding:60px 0px 0px 0px; }
	.zonaOperativa h1 {font-size:18px;white-space: nowrap; margin: -5px -5px 0px -5px;padding-left:10px;max-height:27px;}
	#zonaClave.container-principal{max-width:100% !important}


	.grid-relacion .registro {padding-top:3px;padding-bottom:3px;}
	.grid-relacion div div.col-1.fecha {width:70px}
	a.boton_ayuda_proceso {top:-7px;}

	.colorbox .miCampo, .modal_rojo .miCampo {width:100%;max-width:600px;min-width:100%}

	div.marca_beta {position:fixed;top:0px;height:3px;overflow: hidden;left: 0px;width: 100%;border:2px solid #F00;z-index: 9999;}

}


@media print{ 
	@page { size: A4; margin: 1cm;margin-top:1cm}
	* { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
	
	html{ width:1024px;zoom:1}
	html, body {background:#fff!important;}
	.panel-body {zoom:0.95}
	
	.panel-body, .panel-primary, .prg2017, .container-principal, .row, .main, .workzone{border:none !important;width:100%;box-shadow:none;margin:0px !important;padding:0px !important;}
	a:before{display:none;}
	a:after{display:none;}
		
	.print_nombreGestor{display:none !important;width:auto;position:fixed;right:0px;top:-4cm;}
	.navbar-header a.navbar-brand-empresa{border:none;}
	.navbar.superMenu {display:none;}

	
	.zonaOperativa.panel-body {padding:10px!important;}

	.zonaOperativa h1 {position:relative !important;margin:0px !important;padding:0px !important;font-size:22px}

	.header{height:auto;background:#ffffff;}
	.header_boton{display:none !important;}
	#menuPrincipal {display:none !important;}
	.menuPrincipal_boton {display:none !important;}
	.menu{display:none !important;	}
	.BarraOpciones, .BarraAcciones{display:none !important;}
	.footer, #footer{display:none !important;}
	.pvtCols, .pvtVals, .pvtRows, .pvtRenderer, .pvtUnused, .pvtAttr {display:none !important;}
	
	.zonaOperativa h1 {color:#333;background:#fff;}

	.navbar.navbar-fixed-top {background:#fff;color:#333;border-bottom:1px solid #777;margin-bottom:10px !important; position:relative;} 
	.user-menu a {color:#333 !important}
	.boton_ayuda_proceso {display:none;}
	.contenidos, .article, #contenidos {border:none !important;box-shadow:none !important;-webkit-box-shadow:none !important;float: none !important;}
	
	div.relacion {height:auto !important;overflow-x: hidden;overflow-y: hidden;}
	div.miCampo.selector_contenidos {display:none;}
	div.tipo_contenido {display:block !important;margin-top:10px;border:none;padding:0px;}
	div.tipo_contenido .titulo_solapa {display:block;}

}








/* REUBICAR EN LOS PROGRAMAS QUE CORRESPONDA */

/* Pantalla de registro */
.wsgw_registro_2016 h1 {font-size:24px;font-weight:200;color:#777;text-align:center}
.wsgw_registro_2016 .card.registro_gestor .face {background: #68a4e1; border-radius: 10px; min-height: 400px; color: #fff; padding: 20px; font-size: 18px;border:2px solid #fff; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);}
.wsgw_registro_2016 .face i {display:inline-block;width:100px;height:100px;line-height:100px;margin:20px 0px;font-size:60px;color:rgba(255,255,255,0.6);background:rgba(255,255,255,0.2);border-radius:400px;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);}
.wsgw_registro_2016 .face input{margin: 3px 0px 3px 0px; background: rgba(255,255,255,0.6);font-size: 18px;color: #274d73;}
.wsgw_registro_2016 .face .miBoton {color: #fff;background-color: rgba(0,0,0,0.7);padding: 10px 16px;font-size: 18px;line-height: 1.33;}
.wsgw_registro_2016 .empresa{border-bottom:2px solid rgba(255,255,255,0.6);margin-bottom:20px;min-height:50px;}
.wsgw_registro_2016 .empresa i {float:left;font-size:24px;height:40px;width:40px;line-height:40px;margin:0px;}
.wsgw_registro_2016 .empresa>div {line-height:30px;text-align:left;margin-bottom:10px;color:rgba(255,255,255,0.6);padding:0px 10px 0px 55px; ;}
.wsgw_registro_2016 #btOlvido_usuario {margin-top:30px;font-size:16px;cursor:pointer}
.wsgw_registro_2016 #btOlvido_password {font-size:16px;cursor:pointer}
.wsgw_registro_2016 .error_grave {border:none;box-shadow:none;background:none;padding:0;margin:0;clear:none;color:#fff;text-align:left;}
.wsgw_registro_2016 .texto {border:none;box-shadow:none;background:none;padding:0;margin:0;clear:none;color:#fff;text-align:left;}
.wsgw_registro_2016 #crearNuevaEmpresa {display:block;margin-top:60px;font-size:16px;color:#fff;}
.wsgw_registro_2016 .gracias {font-size:41px;color:#fff;margin:5px 0px 25px 0px;}
.wsgw_registro_2016 .gracias i {display:none;box-shadow:none;font-size:inherit}

/* nubelus_config_gestor */
.nubelus_config_gestor .pCodigo_formato_albaran_venta, .nubelus_config_gestor .pCodigo_formato_presupuesto_venta {display:none !important;}

/* wsgw_waster_almacen_cargar_envio_pda */
.wsgw_waster_almacen_cargar_envio_pda input[type="radio"]:checked+label{ font-weight: bold; background:#0F3;}
.wsgw_waster_almacen_cargar_envio_pda input[type="radio"] {display:none;}
.wsgw_waster_almacen_cargar_envio_pda .registro:hover{background:none;}
.wsgw_waster_almacen_cargar_envio_pda .registro label {padding:6px 0px 6px 0px;display:inline-block;border:1px solid #ccc;margin:3px 0px 3px 25px;background: -webkit-linear-gradient(top, #ffffff, #dddddd);
    background: -moz-linear-gradient(top, #ffffff, #dddddd);
    background: -ms-linear-gradient(top, #ffffff, #dddddd);
    background: -o-linear-gradient(top, #ffffff, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd')";}
.wsgw_waster_almacen_cargar_envio_pda .registro {width:auto;display:inline-block;}
.wsgw_waster_almacen_cargar_envio_pda .registro .pResiduo {width:400px;display:inline-block;float:none;}
.wsgw_waster_almacen_cargar_envio_pda .registro .numerico {float:none; display:inline-block;} 
.wsgw_waster_almacen_cargar_envio_pda .registro .pCompletado:after {content:" /";} 



/* nubelus_solicitudRecogida */
@media screen and (max-width: 600px) {	
	.nubelus_solicitudRecogida .cabeceras {display:none;} 
	.nubelus_solicitudRecogida .contratos_tratamiento .registro .grupo_1 {font-weight:bold;}
	.nubelus_solicitudRecogida .contratos_tratamiento .registro .ler {display:none !important;}
	.nubelus_solicitudRecogida .contratos_tratamiento .registro .grupo_1 div {display:inline;float:left;}
	.nubelus_solicitudRecogida .contratos_tratamiento .registro .kilos label {display:inline;}
	.nubelus_solicitudRecogida .contratos_tratamiento .registro .kilos input {width:30%!important}
	.nubelus_solicitudRecogida .contratos_tratamiento .registro .acondicionamiento {width:65% !important;}
	.nubelus_solicitudRecogida .contratos_tratamiento .registro .acondicionamiento select {float:right;}
	.nubelus_solicitudRecogida .contratos_tratamiento .registro .grupo_3 {margin: 10px 0px 0px 0px;}
	.nubelus_solicitudRecogida .contratos_tratamiento .registro .grupo_4 {margin: 5px 0px 5px 0px;}
	.nubelus_solicitudRecogida .contratos_tratamiento .registro .cantidad_acondicionamientos {width:30%!important;float:right;}
	.nubelus_solicitudRecogida .contratos_tratamiento .registro .cantidad_acondicionamientos input {width:100%!important;}
}


/* facsa.......... */
@media screen and  (max-width: 900px) and (min-width:421px) {
	.facsa_gestionLaboratorios .relacion .denominacion {width:300px !important;}
	.facsa_gestionLaboratorios .relacion .municipio {width:135px !important;overflow:hidden;}
	.facsa_gestionLaboratorios .relacion .provincia {width:135px !important;overflow:hidden;}
	.facsa_gestionEdars .grid-relacion.usuarios .usuario_alias {width:300px !important}
	.facsa_gestionEdars .grid-relacion.municipios .registro .provincia {width:100% !important;}
	.facsa_gestionEdars .grid-relacion .cabeceras div.provincia, .facsa_gestionEdars .grid-relacion .cabeceras div.comunidad_autonoma  {display:none;}
	.facsa_gestionAnaliticasSuelos_gestor .grid-relacion .concepto {width:320px !important}
}


/* factura */
.factura h3, .nubelus_gestionRecogidas h3, div[class^="nubelus_gestionContratosTratamiento"] h3 {border-top:3px solid #aedbff; padding:5px;margin:0px;color:#aedbff;font-size:20px;font-weight:400;background:rgba(187,222,251,0.5);}
div[class^="nubelus_solicitarTraslado"] h3,div[class^="nubelus_seguimientoSolicitudesTraslado"] h3  {border-top:3px solid #aedbff; padding:5px;margin:0px;color:#aedbff;font-size:20px;font-weight:400;background:rgba(187,222,251,0.5);}

.factura .pObservaciones {margin:0px;width:100%;max-width:100%;}
.factura #divCliente, .factura #divDetalle, .factura #divObservaciones,
.factura #divDesgloseIva, .factura #divDesgloseRetenciones, .factura #divTotal{margin-top:20px;margin-bottom:10px;box-sizing: border-box; display: block;}
.factura #divGenerales{margin-top:18px;}
.factura #divCliente .pCodigo_cliente, .factura #divCliente .pCodigo_cliente_centro {width:100% !important;max-width:100% !important;padding:0px;margin:0px 0px;}
.factura #divCliente span {display:none;}
.factura .divNuevoCliente {height:auto;display:inline-block;}

.factura #divCliente div[class^="Cliente_"] {font-family:campo;padding:1px 5px;font-size:13px;}
.factura #divCliente .Cliente_nombre{width:100%;font-weight:bold;margin-top:10px;}
.factura #divCliente .Cliente_codigoPostal {width:auto;float:left;}
.factura #divCliente .Cliente_poblacion {width:auto;float:left;}
.factura #divCliente .Cliente_provincia {width:100%;float:left;}
.factura #divCliente .Cliente_provincia div::before{content:"( ";display:inline-block;}
.factura #divCliente .Cliente_provincia div::after{content:" )";}
.factura #divCliente .Cliente_nif {width:100%;float:left;}

.factura #divDesgloseRetenciones {padding:0px 15px;}
.factura #divCobros .grid-relacion {margin:0px;}
.factura #divCobros .divPendienteCobro {position:absolute;top:5px;right:5px;color:#aedbff}
.factura #divTotal div {font-size:25px;font-weight:bold;text-align:right;line-height:32px;padding:10px;border:1px solid rgba(187,222,251,0.5);border-top:none;}
.factura .pCodigo, .factura .pFecha, .factura .pCodigo_representante {max-width:300px;}

.nubelus_facturasCobros .cobros_divConfirmarEliminar {height:auto;clear:both;}


/* aevae */ 
@media screen and (max-width: 600px) {
.aevae_gestionAsociados .grid-relacion .poblacion {width:auto !important;}
.aevae_gestionAsociados .registro .centrado  {text-align:left;display:block;width:100% !important}
.aevae_gestionAsociados .registro .centrado label {display:inline-block;min-width:125px;font-weight:normal;}
}


@media screen and (max-width: 600px) {
.aevae_gestionSolicitudesAdhesion_puntosRecogida .grid-relacion .cabeceras div {margin: 0px; padding: 1px 5px;width: auto !important;color: #999; }
.aevae_gestionSolicitudesAdhesion_puntosRecogida .grid-relacion .grupo_2 {max-width:70%;padding:0px 20px;}
.aevae_gestionSolicitudesAdhesion_puntosRecogida .grid-relacion .grupo_2 .denominacion {font-weight:bold;}
.aevae_gestionSolicitudesAdhesion_puntosRecogida .grid-relacion .grupo_2 div {display:block;width:100% !important;margin:0px; }
.aevae_gestionSolicitudesAdhesion_puntosRecogida .grid-relacion .grupo_2 label {display:inline;font-weight:normal;margin-right:5px;}
.aevae_gestionSolicitudesAdhesion_puntosRecogida .grid-relacion .grupo_2 label:after {content:":";}
}

@media screen and (max-width: 600px) {
.aevae_solicitudAdhesion .grid-relacion.detalle .cabeceras div {margin: 0px; padding: 1px 5px;width: auto !important;color: #999; }
.aevae_solicitudAdhesion .grid-relacion.detalle .registro .producto {font-weight:bold;}
.aevae_solicitudAdhesion .grid-relacion.detalle .registro .grupo.herramientas {width:10% !important;font-size:18px;}
.aevae_solicitudAdhesion .grid-relacion.detalle .registro .grupo.herramientas div {line-height:25px;width:100% !important}
.aevae_solicitudAdhesion .grid-relacion.detalle .registro .grupo_1 {width:60% !important}
.aevae_solicitudAdhesion .grid-relacion.detalle .registro .grupo_1 div {width:100% !important;}
.aevae_solicitudAdhesion .grid-relacion.detalle .registro .denominacion {font-weight:bold;}
.aevae_solicitudAdhesion .grid-relacion.detalle .registro .telefono:before{font-family: FontAwesome;content: "\f095";margin-right:10px;color:#999}
.aevae_solicitudAdhesion .grid-relacion.detalle .registro .email:before {font-family: FontAwesome;content: "\f003";margin-right:10px;color:#999}
}

@media screen and (max-width: 600px) {
.aevae_gestionSolicitudesAdhesion_razonesSociales .grid-relacion .grupo_2 div {clear:both;}
}

@media screen and (max-width: 600px) {	
	.aevae_gestionSolicitudesAdhesion_razonesSociales .registro .convenio_colaboracion_firmado_sn,
	.aevae_gestionSolicitudesAdhesion_razonesSociales .registro .convenio_colaboracion_enviado_sn {text-align:left;}
	.aevae_gestionSolicitudesAdhesion_razonesSociales .registro .convenio_colaboracion_firmado_sn label,
	.aevae_gestionSolicitudesAdhesion_razonesSociales .registro .convenio_colaboracion_enviado_sn label {display:inline;}
}




@media screen and (max-width: 1200px) {
	#cboxLoadedContent div.colorbox.flexible {max-width: 90vw !important;}
}

<? //    MOVIL  --------------------------------- ?>
@media screen and (max-width: 600px) {
	.miCampo label {display:block;clear:both;height:auto;background:none;border:none;}
	.miCampo label i {padding:0px 4px;line-height:18px;}

	.miCampo.campoCorto, .miCampo.campoMuyCorto,
	.colorbox .miCampo.campoCorto, .colorbox .miCampo.campoMuyCorto { display:table;line-height:18px;}

	.miCampo input {padding:3px 5px 1px 15px; }
	.miCampo .autocomplete_clear { padding:3px 5px 1px 15px;margin:-2.2em 25px } 
	.miCampo .autocomplete_todos { padding:3px 5px 1px 15px;margin:-2.6em 5px }
	
	.colorbox .miCampo.campoCorto input, .modal_rojo .miCampo.campoCorto input {max-width: 100%;min-width: 0%;}

	.bloque .pictogramas {text-align:center;}
	.bloque .pictograma-hp {height: auto;width:auto;margin: 0px auto 0px auto;max-height:60px;max-width:60px;}

	#cboxLoadedContent div.colorbox.elastico {max-width: 100vw !important;}

}