/*
 * -------------------------------------------------------------------------------
 * Estilos propios de la aplicacion
 * -------------------------------------------------------------------------------
 * Especificacion de Colores:
 *
 *    #0277AC   link
 *    #015479   sombras
 *    #CCE4EE   hover botones grises, background
 *    #F4F4F4   background modulos fondo grises
 *    #D0D0D0   borde inferior modulos fondo grises
 *    #E0E0E0   borde tablas sobre fondo blanco
 *    #CCC      lineas separatorias sobre modulos fondo grises
 *    #999      textos secundarios de ayudas / informativas
 *    #666      textos secundarios, fechas, datos formularios modo consulta
 *    #000      textos generales, titulares
 *    #FFFFCC   campos activos formularios
 *    #EB3E34   textos error y alertas, background tooltip error
 *    #FCDED0   background campo error formulario, y fondo mensajes error/alerta
 *    #CFE6CC   background modulos procesos
 *    #64995B   barra proceso, color complementario
 *    #B2D9F9   color complementario azul (uso esporadico)
 *    #FFE0B2   color complementario naranja (uso esporadico)
 *    #F2E867   color complementario amarillo (uso esporadico)
 *
 * Customized Bootstrap parameters (http://getbootstrap.com/customize/):
 *    
 *  @font-size-base: 12px
 *  @navbarHeight: 30px
 *  @grid-gutter-width: 15px
 *  @form-group-margin-bottom: 8px
 *  @padding-base-vertical: 5px
 *  @padding-base-horizontal: 11px
 *  @padding-large-vertical: 9px
 *  @padding-large-horizontal: 14px
 *  @padding-small-vertical: 4px
 *  @padding-small-horizontal: 8px
 *  @padding-xs-horizontal: 3px
 /

/******************************************************************************
 * Bootstrap styles override
 ******************************************************************************/

/* Bootstrap styles override - General */
body {
  padding-top: 35px;
  padding-bottom: 30px;
  overflow-y: scroll;
}
a {
  color: #0277AC;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}
h3 {
  margin-bottom: 20px;
}

/* Bootstrap styles override - Forms */

legend {
  font-weight: bold;
}
legend.small {
  font-size: 14px
}
fieldset {
  margin-bottom: 8px;
}
.btn-primary {
  background-color: #0481B9;
  background-image: linear-gradient(to bottom, #01B0E7, #0481B9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0481B9', endColorstr='#0481B9', GradientType=0);
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #002F45;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  background-color: #015479;
  background-image: linear-gradient(to bottom, #0484BC, #015479);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0484BC', endColorstr='#015479', GradientType=0);
}
.help-block, .help-inline {
  color: #999;
}
.help-inline {
	margin-top: 5px;
	padding-left: 0;
}

.form-horizontal .form-actions {
  margin-top: 10px;
}
.form-actions button + button, .form-actions button + a {
  margin-left: 10px;
}
.form-control, .input-group-addon {
  padding: 5px 6px;
}

.controls-row [class*="span"] + [class*="span"] {
  margin-left: 10px;
}

/* In case we want specific width for certain inputs */
.input-20 {
  width: 20px;
}
.input-25 {
  width: 25px;
}
.input-30 {
  width: 30px;
}
.input-40 {
  width: 40px;
}
.input-80 {
  width: 80px;
}

/* Reduce margins on static forms */
div.form-horizontal .form-group {
  margin-bottom: 0px;
}

/* Highlight focused form elements */
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,
input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,
input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,
input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,
input[type="tel"]:focus,input[type="color"]:focus,
.uneditable-input:focus {
  background-color: #FFFFCC;
}

/* FIX checkbox & radios positions */
input[type="radio"], input[type="checkbox"] {
  margin-top: 2px;
}

/* Special styles for left aligned forms with hierachy levels like a survey */
.form-hierachy label.level1 {
  text-align: left;
}
.form-hierachy label.level2 {
  text-align: left;
  font-weight: normal;
  padding-left: 30px;
}

/* Bootstrap styles override - Alerts & Popups */
.alert {
  margin-bottom: 10px;
}
.modal {
  top: 20%;
}
.modal-header {
	padding: 9px 15px;
}
.modal-footer {
  text-align: center;
  background-color: #f5f5f5;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.modal-backdrop, .modal-backdrop.fade.in {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.alert-error-form {
  background-color: #FCDED0;
  border-color: #EB3E34;
  border-style: dashed;
  color: #EB3E34;
}
.alert-error-form p {
  color: #000;
  margin-bottom: 5px;
}

/* Bootstrap styles override - Tables */
.table {
  border-bottom: 2px solid #E0E0E0;
  table-layout: fixed;
  border-collapse: separate; /* FIX for Mozilla Firefox bug with collapse value */
}
.table tr.even:hover {
  background-color: #FFFEE4;
}
.table tr.odd:hover {
  background-color: #FFFEE4;
}
.table thead th {
  vertical-align: middle;
  border-left: 1px solid #CCC;
  color: #0277AC;
  font-weight: bold;
  text-shadow: 0 1px 0 #FFFFFF;
  background-color: #DFDFDF;
  background-image: linear-gradient(to bottom, #F4F4F4, #DFDFDF);
}
.table td {
  vertical-align: middle;
  /* Comment these tree lines to disable content truncate on table cells */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table td.overflow-off {
  white-space: normal;
  overflow: visible;
}
.table thead th.nolink {
  color: #000;
}
.table thead th.info, .table tr.disabled,
.table tr.disabled td a {
  color: #999;
}
.table thead tr {
  background-color: #DFDFDF;
  background-image: linear-gradient(to bottom, #F4F4F4, #DFDFDF);
}
.table tr:first-child th:first-child {
  border-left: none;
}
.table tr.level1 {
  background-color: #F4F4F4;
  font-weight: bold;
}
.table tr.level2 td:first-child {
  padding-left: 25px;
}
.table th.subheader {
  border-top: 1px solid #CCC;
}
.table td input {
  margin: 0;
  /* height: 15px; */
}
.table > thead > tr > th, .table > tbody > tr > th,
.table > tfoot > tr > th, .table > thead > tr > td,
.table > tbody > tr > td, .table > tfoot > tr > td {
  vertical-align: middle;
}
table th.center, table td.center {
  text-align: center;
}
table th.right, table td.right {
  text-align: right;
}
table th.left, table td.left {
  text-align: left;
}
table td.resaltar {
  background-color: #FFFFCC;
}
table td.atenuar {
  color: #666;
}

/* Bootstrap styles override - Tabs & Pills */
.nav-tabs {
  background-color: #F4F4F4;
  background-image: linear-gradient(to bottom, #F4F4F4, #E1E1E1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#E1E1E1', GradientType=0);
  margin-bottom: 10px;
}
.nav-pills {
  border-bottom: 2px solid #DDDDDD;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.nav-tabs > li > a, .nav-pills > li > a {
  font-weight: bold;
  font-size: 13px;
  text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.5);
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
  text-shadow: 0px -1px 0px rgba(220, 220, 220, 1);
}
.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
  background-color: inherit;
  color: #555555;
}
.nav-pills > li > a {
  border-right: 2px solid #DDDDDD;
  border-radius: 0px;
}

/* Rowlink plugin styles */
.table.rowlink td:not(.rowlink-skip),
.table .rowlink td:not(.rowlink-skip) {
  cursor: pointer;
}

/* Bootstrap styles override - Chosen plugin */
.chosen-container-single .chosen-single {
  height: 30px;
  line-height: 30px;
}

/*********************************************************************************
 * Custom Application styles
 *********************************************************************************/

/* Common basic colors for highlighted text */
.green {
  color: #5BB75B;
}
.red {
  color: #DA4F49;
}
.yellow {
  color: #F2E867;
}
.blue {
  color: #006DCC;
}
.orange {
  color: #FAA732;
}
.grey {
  color: #808080;
}
.green-box {
  background-color: #DFF0D8;
  border-color: #D6E9C6;
  padding: 2px 5px;
  display: inline-block;
}
.grey-box {
  background-color: #DDDDDD;
  border-color: #E3E3E3;
  padding: 2px 5px;
  display: inline-block;
}
.nomargin {
  margin: 0;
}
.arrow {
  border: 5px solid transparent;
  content: "";
  display: inline-block;
  height: 0;
  margin-top: 6px;
  margin-left: 2px;
  vertical-align: top;
  width: 0;
}
.arrow.right {
  border-left-color: #0277AC;
}
.arrow.down {
  border-top-color: #0277AC;
}
.arrow.up {
  border-bottom-color: #0277AC;
}

/*-- Anchos de columnas fijos */
table thead th.col20,table tbody td.col20 { width: 20px; }
table thead th.col30,table tbody td.col30 { width: 30px; }
table thead th.col40,table tbody td.col40 { width: 40px; }
table thead th.col50,table tbody td.col50 { width: 50px; }
table thead th.col60,table tbody td.col60 { width: 60px; }
table thead th.col70,table tbody td.col70 { width: 70px; }
table thead th.col80,table tbody td.col80 { width: 80px; }
table thead th.col90,table tbody td.col90 { width: 90px; }
table thead th.col100,table tbody td.col100 { width: 100px; }
table thead th.col110,table tbody td.col110 { width: 110px; }
table thead th.col120,table tbody td.col120 { width: 120px; }
table thead th.col130,table tbody td.col130 { width: 130px; }
table thead th.col140,table tbody td.col140 { width: 140px; }
table thead th.col150,table tbody td.col150 { width: 150px; }
table thead th.col160,table tbody td.col160 { width: 160px; }
table thead th.col170,table tbody td.col170 { width: 170px; }
table thead th.col200,table tbody td.col200 { width: 200px; }
table thead th.col250,table tbody td.col250 { width: 250px; }

/* Customize Top Bar menu */
#topmenu.navbar {
  min-height: 30px;
}
#topmenu.navbar .container-fluid {
  background-color: #404040;
  background-image: linear-gradient(to bottom, #404040, #404040);
}
#topmenu.navbar .navbar-brand, #topmenu.navbar .nav > li > a {
  font-size: 12px;
  color: #ffffff;
  /*padding: 5px 10px;
  height: 30px;*/
}
#topmenu.navbar .nav > li > a:focus,
#topmenu.navbar .nav > li > a:hover {
  text-decoration: underline;
  background-color: #000000;
}
#topmenu.navbar .caret {
  border-bottom-color: #FFFFFF;
  border-top-color: #FFFFFF;
  border-top-style: solid;
}

/* Customize Top Bar sub-menus (dropdowns) */
#topmenu .dropdown-menu {
  background-color: #404040;
  border-radius: 0;
  margin-top: 0;
  padding: 0;
}
#topmenu .dropdown-menu:after,
#topmenu .dropdown-menu:before {
  content: none;
}
#topmenu .dropdown-menu > li > a {
  color: #ffffff;
  padding: 8px 10px;
  border-top: 1px solid #606060;
}
#topmenu .dropdown-menu > li > a:focus,
#topmenu .dropdown-menu > li > a:hover {
  text-decoration: underline;
  background-color: #000000;
  background-image: linear-gradient(to bottom, #000000, #000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

/* Customize the Application menu */
#appmenu.navbar {
  margin-bottom: 10px;
}
#appmenu.navbar .navbar-inner {
  padding: 0;
  min-height: 50px;
  background-color: #0481B9;
  background-image: linear-gradient(to bottom, #01B0E7, #0481B9);
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #015479;
  border-left: none;
  border-radius: 8px 8px 0px 0px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0481B9', endColorstr='#0481B9', GradientType=0);
}
#appmenu.navbar .container-fluid {
  padding: 0;
}

#appmenu.navbar .nav > li > a {
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 0.5px 0 #002F45;
  /* border-left: 1px solid rgba(255,255,255,.75); */
  /* border-right: 1px solid rgba(0,0,0,.1); */
  text-transform: uppercase;
  padding: 16px 10px;
  -moz-padding-start: 13px;
  -moz-padding-end: 10px;
}
#appmenu.navbar .nav > li > a:hover, 
#appmenu.navbar .nav > li > a:focus {
  background-color: #015479;
  background-image: linear-gradient(to bottom, #0484BC, #015479);
}
#appmenu.navbar .nav > li.last > a:hover, 
#appmenu.navbar .nav > li.last > a:focus {
  border-radius: 0 8px 0 0;
}
#appmenu.navbar .nav > .active > a, 
#appmenu.navbar .nav > .active > a:hover, 
#appmenu.navbar .nav > .active > a:focus {
  background-color: #3E3E3E;
  background-image: linear-gradient(to bottom, #606060, #3E3E3E);
}
#appmenu.navbar .nav > .active.last > a, 
#appmenu.navbar .nav > .active.last > a:hover, 
#appmenu.navbar .nav > .active.last > a:focus {
  border-radius: 0 8px 0 0 !important;
}
#appmenu.navbar .nav > li:first-child > a {
  border-left: 0;
  border-radius: 8px 0 0 0;
  width: 50px;
  text-align: center;
}
#appmenu.navbar .caret {
  border-bottom-color: #FFFFFF;
  border-top-color: #FFFFFF;
  border-top-style: solid;
}

/* Customize the Application sub-menus (dropdowns) */
#appmenu .dropdown-menu {
  background-color: #015479;
  border-radius: 0;
  margin-top: 0;
  padding: 0;
  border-bottom: 2px solid #000;
}
#appmenu .dropdown-menu:after,
#appmenu .dropdown-menu:before {
  content: none;
}
#appmenu .dropdown-menu > li > a {
  color: #ffffff;
  padding: 10px 20px;
}
#appmenu .dropdown-menu > li > a:focus,
#appmenu .dropdown-menu > li > a:hover {
  text-decoration: underline;
  background-color: #026591;
  background-image: linear-gradient(to bottom, #026591, #026591);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#026591', endColorstr='#026591', GradientType=0);
}

/* Main left column */
#mainColumn {
  width: 760px; /* Remove this in responsive layout mode */
  margin-bottom: 20px;
}

/* Actions right column */
#actionsColumn {
  margin-bottom: 20px;
  width: 195px; /* Remove this in responsive layout mode */
}
#actionsColumn .primary-actions {
  background-color: #CCE4EE;
  padding: 15px;
}
#actionsColumn .secundary-actions {
  background-color: #F4F4F4;
  padding: 15px;
}
#actionsColumn .status-box {
  background-color: #DFF0D8;
  padding: 10px;
  margin: 5px 0;
}
#actionsColumn .status-box p {
  font-weight: bold;
  font-size: 14px;
}
#actionsColumn .status-box p.status {
  padding: 2px;
  background-color: #FFFFFF;
  border-radius: 3px;
}
#actionsColumn .btn {
  text-align: center;
  padding-left: 10px;
}
#actionsColumn .primary-actions p:last-child,
#actionsColumn .secundary-actions p:last-child,
#actionsColumn .status-box p:last-child {
  margin-bottom: 0;
}

/* Loading modal popup */
#pleaseWaitDialog {
  width: 350px;
  margin-left: -160px;
}

/* Home */
#tableAvisos td, #tableTemasPendientes td, #tableActuaciones td {
  padding: 2px 5px;
}

/* Boostrap 2 form-actions style */
.form-horizontal .form-actions-style {
	margin-top: 20px;
}
.form-actions-style {
   background-color: #f5f5f5;
   border-top: 1px solid #e5e5e5;
   margin-bottom: 20px;
   margin-top: 20px;
   padding-top: 20px;
   padding-bottom: 20px;
}


/******************************************************
 * Validation Engine styles override
 ******************************************************/
.formError .formErrorContent {
    border: 1px solid #DDDDDD;
    box-shadow: 0 0 3px #000000;
    font-weight: bold;
     min-width: 190px;
}

.moreElements::before{
	font-family: "courier new";
	font-size: larger;
	content: "(+)";
}

.lessElements::before{
	font-family: "courier new";
	font-size: larger;
	content: "(-)";
}

/******************************************************
 * Planning group style
 ******************************************************/

.group {
    cursor:pointer;
    font-weight: bold;
}
   
table tbody tr.group :first-child,
table tfoot tr.group :first-child{
	background: url('../images/details_close.png') no-repeat center left;
	padding-left:20px;
}

table tbody tr.expand :first-child,
table tfoot tr.expand :first-child {
	background: url('../images/details_open.png') no-repeat center left;
}

table tbody td.group {
	background: url('../images/details_close.png') no-repeat center left;
	padding-left:20px;
	font-weight: normal;
	position: sticky;
	left: 0;
	z-index: 2;
	background-color: #fff;
}

table tbody td.expand {
	background: url('../images/details_open.png') no-repeat center left;
	background-color: #fff;
}
   
.hidden {
  	display: none;
}

.multiComboDiv {
	padding-top: 0px;
	margin-left: -6px;
}

#campusAccess,
#divPanelDerecho {
	position:relative;
	top: -368px;
	left: 975px;
	width: 225px;
	text-align:center;
	padding-right: 10px;
}

#newsletterAccess {
  margin-bottom: 20px;
}

#newsletterAccess .btn-default {
  padding: 10px 15px;
}

#campusAccess .btn-primary:hover,
#trainingAccess .btn-primary:hover {
	background-color: #0481B9;
  	background-image: linear-gradient(to bottom, #01B0E7, #0481B9);
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0481B9', endColorstr='#0481B9', GradientType=0);
}

#campusAccess a:hover,
#trainingAccess a:hover,
#newsletterAccess a:hover,
#newsletterAccess a:focus {
	text-decoration: none;
}

.no-underline {
	border-bottom: 0px;
}

textarea.form-control{
	margin-top: 5px;
	margin-bottom: 5px;
}

.marginTopBot{
	margin-top: 5px;
	margin-bottom: 5px;
}

.person-tab > li {
	width: 25%;
	border-bottom: 1px solid white;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

[id*="tableResource"] .level-0 {
	font-weight: bold;
}

[id*="tableResource"] .level-1 {
	background-color: #a4cedb;
}

[id*="tableResource"] .level-2 {
	background-color: #c8e1e9;
}

[id*="tableResource"] .level-3 {
	background-color: #edf5f8;
}

[id*="tableResource"] .level-1 td:first-child {
	padding-left: 10px;
}

[id*="tableResource"] .level-1 a {
	color: #333333;
}

[id*="tableResource"] .level-2 td:first-child {
	padding-left: 40px;
}

[id*="tableResource"] .level-3 td:first-child {
	padding-left: 50px;
}

[id*="tableResource"] .level-4 td:first-child {
	padding-left: 70px;
}

[id*="tableResource"] .glyphicon {
	padding-right: 10px;
}

.truncate {
  width: 700px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

.title-obj {
  font-size: 13px;
}

#divAvisiosTemasHome {
	min-height: 367px;
}
@-moz-document url-prefix() {
	#divAvisiosTemasHome {
		min-height: 387px !important;
  	}
}

.select-inline {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 5px;
	margin-left: 5px;
	height: 20px;
}

.tab-error:after {
	font-family: Glyphicons Halflings;
	content: "\e101";
	position: absolute;
	top: 10px;
	right: 10px;
	color: red;
}

.cookies {
	padding: 10px;
	margin: 0;
}

.cookies-close {
	margin: 5px;
}

.table-rowspan tbody:hover {
  background-color: #F4F4F4;
}

#faqList .faq-heading {
  background-color: #0481B9;
  background-image: linear-gradient(to bottom, #01B0E7, #0481B9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0481B9', endColorstr='#0481B9', GradientType=0);
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #002F45;
}

.panel-no-margin .panel + .panel {
    margin-top: 0;
}

.fit-title {
  width: fit-content;
  max-width: 640px;
  margin-right: 5px;
}

.pending-tasks-label {
  padding: 2px;
  font-size: 13px;
  text-decoration: none;
  display: inline-block;
}

.alert_URG {
    color: #ff0505;
    font-weight: bold;
}
.alert_IMP {
	font-weight: bold;
}

.pdf-viewer {
	width: 900px;
	height: 1200px;
	float: center;
}

.pdf-viewer .modal-content {
	height: 100%;
}

.pdf-viewer .modal-body {
	width: 100%;
	height: 95%;
}

.pdf-viewer iframe {
	width: 100%;
	height: 100%;
}

.table td.wordbreak {
	overflow: visible;
	white-space: pre-wrap;
	word-break: break-word;
}

.mantenimiento {
	padding: 10em 0px 15em;
	margin-left: 4em;
	background: url('../images/mantenimiento.png') no-repeat scroll right top transparent;
	width: 110%;
}

.mantenimiento p {
	font-size: 2em;
	color: #00A5E3;
	width: 60%;
}
.incomplete-label  {
    color: #ff0505;
}

.table-agreement {
	font-size: 11px;
}

/* New vulnerability styles*/

.levelVulnerability {
    border-radius: 4px;
    height: 20px;
    text-align: center;
	display: inline-block;
    vertical-align: middle;
    border: 1px solid transparent;
    font-size: 12px;
    line-height: 1.42857143;
    
}

label.factor{
    width:100%;
    border:1px solid lightgray;
    border-radius: 6px;
    color: rgb(128, 128, 128);
  	text-align: left;
  	white-space: inherit;
  	min-height: 40px;

    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
    padding: 5px 5px;
    font-size: 12px;
    line-height: 1.42857143;
    
    white-space: inherit;
    margin-left: 0;
    background-image: -webkit-linear-gradient(top, #fff 0, #ededed 100%);
    
    cursor:pointer;
}

label.factor.active{
	color: #305891;
	border:1px solid #305891;
	
}

label.factor.detail{
	padding: 6px 10px;
}

label.factor.userChecked{
	color: #305891;
	border:1px solid #305891;
	 background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);
}

label.factor:hover{
	color: #305891;
	border:1px solid #305891;
}

table tr.oldVulnerabilityType {
  background-color: lightgray;
}

label.explanation{
  	margin-top: 6px;
  	font-weight: normal;
}

.vulnerability_baja{
 background-color: #72e972;
 }

.vulnerability_media_baja{
 background-color: #AEF1B8;
}

.vulnerability_media{
 background-color: #EFDBBF;
}

.vulnerability_alta{
 background-color: lightpink;
}

.vulnerability_muy_alta{
 background-color: lightcoral;
}

.vulnerabilityFactorCheckBox{
	position: relative !important;
	height: 30px;
	float: right;
	outline:none;
 }

.vulnerabilityFactorCheckBox:focus{
	outline:none !important;
 }


.previusVulnerabilityFactorCheckBox{
	position: relative !important;
	height: 30px;
	float: left;
}

.trainingBox{
	border-radius: 10px;
	margin-top: 15px;
	text-align: center;
	cursor: pointer;
	background-color: #0481B9; 
	background-image: linear-gradient(to bottom, #01B0E7, #0481B9); 
	padding: 11px;
	min-height: 140px;
}

.trainingTittle{
	color: white; 
	font-size: larger;
}
.trainingText{
	color: white;
}

.divCentroEducativo,
.divInfoReunion,
.divActivityGroupal,
.divActivityIndividual {
  border:1px solid #000000; 
  padding: 10px;
}

.legendCentroEducativo {
  font-size: 14px;
  border:0px;
  display: block;
  width: 30%;
  padding: 0;
  margin-left: 5px;
  line-height: inherit;
}

.legendInfoReunion {
  font-size: 14px;
  border:0px;
  display: block;
  width: 44%;
  padding: 0;
  margin-left: 5px;
  line-height: inherit;
}

.legendActivityGroupalCreated,
.legendActivityIndividualCreated,
.legendActivityGroupalNew {
  font-size: 14px;
  border:0px;
  display: block;
  width: 54%;
  padding: 0;
  margin-left: 5px;
  line-height: inherit;
}

.legendActivityIndividualNew {
  font-size: 14px;
  border:0px;
  display: block;
  width: 54%;
  padding: 0;
  margin-left: 5px;
  line-height: inherit;
}


#economicViewDiv .level1 th:first-child,
#numAidViewDiv .level1 th:first-child,
#socialActionViewDiv .level1 th:first-child,
#economicViewDivDetail .level1 th:first-child,
#numAidViewDivDetail .level1 th:first-child,
#socialActionViewDivDetail .level1 th:first-child,
#tableAgreementPlanningDiv .level1 th:first-child
{
  position:sticky;
  left:0px;
  background-color: white;
  
}

#economicViewDiv table tfoot th:first-child,
#numAidViewDiv table tfoot th:first-child,
#socialActionViewDiv table tfoot th:first-child,
#economicViewDivDetail table tfoot th:first-child,
#numAidViewDivDetail table tfoot th:first-child,
#socialActionViewDivDetail table tfoot th:first-child,
#tableAgreementPlanningDiv table tfoot th:first-child

{
  position:sticky;
  left:0px;
  background-color: white;
  
}
#economicViewDiv td:first-child,
#numAidViewDiv td:first-child,
#socialActionViewDiv td:first-child,
#economicViewDivDetail td:first-child,
#numAidViewDivDetail td:first-child,
#socialActionViewDivDetail td:first-child,
#tableAgreementPlanningDiv td:first-child
{
  position:sticky;
  left:0px;
  background-color: white;
  
}

#economicViewDiv td:nth-child(13),
#economicViewDiv th:nth-child(11),
#numAidViewDiv td:nth-child(11),
#numAidViewDiv th:nth-child(9),
#economicViewDivDetail td:nth-child(13),
#economicViewDivDetail th:nth-child(11),
#numAidViewDivDetail td:nth-child(12),
#numAidViewDivDetail th:nth-child(10)
{
  position:sticky;
  right:0px;
  background-color: white;

	}

#economicViewDiv td:nth-child(12),
#economicViewDiv th:nth-child(10),
#numAidViewDiv td:nth-child(12),
#numAidViewDiv th:nth-child(11)
{
  position:sticky;
  right:84px;
  background-color:  white;
	}
	
#economicViewDiv table tfoot th:nth-child(13),
#numAidViewDiv table tfoot th:nth-child(11),
#economicViewDivDetail table tfoot th:nth-child(13),
#numAidViewDivDetail table tfoot th:nth-child(12)
{
  position:sticky;
  right:0px;
  background-color:  white;
}

#economicViewDiv table tfoot th:nth-child(12),
#numAidViewDiv table tfoot th:nth-child(12)
{
  position:sticky;
  right:84px;
  background-color:  white;
}

#economicViewDivDetail td:nth-child(12),
#economicViewDivDetail th:nth-child(10)
{
  position:sticky;
  right:76px;
  background-color:  white;
}

#economicViewDivDetail table tfoot th:nth-child(12)
{
  position:sticky;
  right:76px;
  background-color:  white;
}


#numAidViewDivDetail td:nth-child(11),
#numAidViewDivDetail th:nth-child(9)
{
  position:sticky;
  right:93px;
  background-color:  white;
}

#numAidViewDivDetail table tfoot th:nth-child(11)
{
  position:sticky;
  right:93px;
  background-color:  white;
}

#economicViewDiv .tableInicial {
	display: none;
}

#youthSatisfaction .rating-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#youthSatisfaction .rating-item {
  text-align: center;
}
#youthSatisfaction .rating-label {
  font-size: 12px;
  margin-top: 5px;
}
#youthSatisfaction .rating-button {
  width: 30px;
  height: 30px;
  margin-left: 7px;
  border-radius: 5px;
  border: none;
  color: white;
  font-weight: bold;
  cursor: pointer;
  display: inline-block;
  line-height: 30px;
}
#youthSatisfaction .red { background-color: #e74c3c; }
#youthSatisfaction .yellow { background-color: #f1c40f; }
#youthSatisfaction .green { background-color: #2ecc71; }
#youthSatisfaction input[type="radio"] {
  display: none;
}
#youthSatisfaction input[type="radio"]:checked + label {
  outline: 2px solid #000;
}

#popupShowReport .modal-dialog,
#popupShowReportForReactivation .modal-dialog,
#popupShowConsent .modal-dialog {
  max-width: 900px; /* aumenta el ancho del modal */
  min-width: 800px;
}

#popupShowReport .modal-body,
#popupShowReportForReactivation .modal-body,
#popupShowConsent .modal-body {
  padding-left: 10px;
  padding-right: 10px;
}

#popupShowReport .row,
#popupShowReportForReactivation .row,
#popupShowConsent .row {
  padding-bottom: 2px;
}

.leyendEstrategy {
            display: inline-block;
						max-width: 220px;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
            
}

.logo_obrasocial_footer {
  height: 30px;
}

.urlTextarea {
  resize: vertical;
  overflow: auto;
  max-height: 200px;
  min-height: 46px;
}

.captchaWidgetDiv {
  display: flex; 
  justify-content: center;
}
#evaluationFull .form-group {
  margin-bottom: 8px;
}

#seccionObjEspecificoEvalFinal .col-xs-8 { 
  width: 100%;
}
#seccionObjEspecificoEvalFinal .col-xs-6 { 
  width: 41.66666667%;
}
#seccionObjEspecificoEvalFinal .col-xs-4 { 
  width: 100%;
  margin-top: 8px;
}
#seccionObjEspecificoEvalFinal div.col-xs-4 .col-xs-4  { 
  width: 25%;
}
#seccionObjEspecificoEvalFinal div.col-xs-4 .col-xs-8  { 
  width: 66.66666667%;
}
.youthSatisfactionFinalMargin {
  height: 1px;
  margin-bottom: 37px;
}

.satisfactionRange {
  font-weight: bold;
}

.fechaEnvioVulnerabilidad {
  display: block; 
  text-align: center; 
  margin-top: 4px;
}

#popupModifyObjectives .modal-dialog {
  max-width: 900px; /* aumenta el ancho del modal */
  min-width: 900px;
}

#popupModifyObjectives .control-label {
  padding-top: 6px;
}


#tablePrePlanning tr.even{
    background-color: aliceblue;
}
#tablePrePlanningSubprograms tr.even{
    background-color: aliceblue;
}
/* #tablePrePlanningContainer {
    width: 135% !important;
    margin-left: -153px;
} */

/* #tablePrePlanning {
    width: 100%;
    border-collapse: separate;
} */

/* Sticky primera columna en DataTables con scrollX (tabla original y header clonado) */
/* Solo el primer th de la primera fila de thead debe ser sticky; resto de filas no. */
#tablePrePlanning thead th:first-child,
#tablePreplanningSubprograms thead th:first-child,
.dataTables_wrapper .dataTables_scrollHead table thead th:first-child,
#tablePrePlanning tbody td:first-child,
#tablePreplanningSubprograms tbody td:first-child,
#tablePrePlanning tfoot th:first-child,
#tablePreplanningSubprograms tfoot th:first-child,
.dataTables_wrapper .dataTables_scrollBody table tbody td:first-child {
  position: sticky;
  left: 0;
  background-color: #fff !important;  /* Fondo cuerpo por defecto */
  box-shadow: 2px 0 4px rgba(0,0,0,0.1);
}

/* Evitar cabecera duplicada visible y hueco en scrollX */
#tablePreplanningSubprograms_wrapper .dataTables_scrollBody thead {
  display: none;
}

/* Header visible (clonado) con fondo diferenciado y mayor z-index */
.dataTables_wrapper .dataTables_scrollHead table thead tr:first-child th:first-child,
#tablePrePlanning thead tr:first-child th:first-child,
#tablePreplanningSubprograms thead tr:first-child th:first-child {
  background-color: #f5f5f5 !important;
  z-index: 30; /* por encima del resto de cabecera */
}

/* Cuerpo: z-index debajo del header */
.dataTables_wrapper .dataTables_scrollBody table tbody td:first-child,
#tablePrePlanning tbody td:first-child,
#tablePreplanningSubprograms tbody td:first-child,
#tablePrePlanning tfoot th:first-child,
#tablePreplanningSubprograms tfoot th:first-child {
  z-index: 11;
}

/* Zebra y hover coherentes en la primera columna */
.dataTables_wrapper .dataTables_scrollBody table tbody tr:nth-child(odd) td:first-child,
#tablePrePlanning tbody tr:nth-child(odd) td:first-child,
#tablePreplanningSubprograms tbody tr:nth-child(odd) td:first-child {
  background-color: #fff !important;
}

.dataTables_wrapper .dataTables_scrollBody table tbody tr:nth-child(even) td:first-child,
#tablePrePlanning tbody tr:nth-child(even) td:first-child,
#tablePreplanningSubprograms tbody tr:nth-child(even) td:first-child {
  background-color: aliceblue !important;
}

.dataTables_wrapper .dataTables_scrollBody table tbody tr:hover td:first-child,
#tablePrePlanning tbody tr:hover td:first-child,
#tablePreplanningSubprograms tbody tr:hover td:first-child {
  background-color: #f5f5f5 !important;
}

/* Asegurar anchura coherente en primera columna */
.dataTables_wrapper .dataTables_scrollHead table thead tr:first-child th:first-child,
.dataTables_wrapper .dataTables_scrollBody table tbody td:first-child,
#tablePrePlanning thead tr:first-child th:first-child,
#tablePrePlanning tbody td:first-child,
#tablePreplanningSubprograms thead tr:first-child th:first-child,
#tablePreplanningSubprograms tbody td:first-child {
  min-width: 200px;
}

.wrap{
  display:flex;
  flex-wrap: wrap;
  gap:18px;
  justify-content:center;
  align-items:center;
}

.btn-animado{
  position:relative;
    z-index: 0;  
  padding:7px 13px;
  font-size:14px;
  font-weight:600;
  color: #e74c3c;
  border:2px solid #e74c3c;
  background:transparent !important;
  cursor:pointer;
  border-radius: 10px; /* redondeado moderado */
  overflow:hidden;
  transition:
    color 0.4s ease-in-out,
    border-color 0.4s ease-in-out,
    transform .06s ease-in-out;
  outline: none;
}

/* Capa verde que rellena el botón */
.btn-animado::before{
  content:"";
  position:absolute;
  inset:0 100% 0 0; /* equivalente a width:0% desde la izquierda */
  background:#dff0d8;
  z-index:-1;
  transition: inset 0.4s ease-in-out;
}

/* Hover: relleno de izquierda a derecha */
.btn-animado:hover::before,
.btn-animado.activo::before {
  inset:0 0 0 0; /* llena el ancho */
}

/* Hover: texto y borde */
.btn-animado:hover,
.btn-animado.activo {
  color:#2ecc71  !important;
  border-color:#2ecc71  !important;
}

/* Pequeño feedback en mousedown */
.btn-animado:active{
  transform: translateY(1px);
}

   
  /* ESTADO BLOQUEADO: activo + no interactivo (para edición) */
.btn-animado.bloqueado{
  cursor:not-allowed;
  opacity:0.95;

}
/* Evitar hover ?extra? sobre bloqueados (ya están llenos) */
.btn-animado.bloqueado:hover{
  color:#2ecc71 !important;
  border-color:#2ecc71 !important;
}

/* Desactivar hover para botones deshabilitados (detalle y otros readonly) */
.btn-animado[disabled],
.btn-animado[aria-disabled="true"]{
  cursor: default;
}
/* Si NO están activos, no rellenar en hover y mantener rojo */
.btn-animado[disabled]:not(.activo):hover,
.btn-animado[aria-disabled="true"]:not(.activo):hover{
  color:#e74c3c !important;
  border-color:#e74c3c !important;
}
.btn-animado[disabled]:not(.activo):hover::before,
.btn-animado[aria-disabled="true"]:not(.activo):hover::before{
  inset:0 100% 0 0 !important; /* sin relleno */
}
/* Si están activos, mantener verde sin efectos extra */
.btn-animado[disabled].activo:hover,
.btn-animado[aria-disabled="true"].activo:hover{
  color:#2ecc71 !important;
  border-color:#2ecc71 !important;
}
.btn-animado[disabled].activo:hover::before,
.btn-animado[aria-disabled="true"].activo:hover::before{
  inset:0 0 0 0 !important; /* relleno ya aplicado */
}

#popupPreplanning .modal-dialog {
  max-width: 900px; /* aumenta el ancho del modal */
  min-width: 900px;
}
/* Anchos fijos por tipo de columna */
#tablePrePlanning th.col-actividad, #tablePrePlanning td.col-actividad,
#tablePreplanningSubprograms th.col-actividad, #tablePreplanningSubprograms td.col-actividad {
  min-width: 250px !important; 
  width: 250px !important; 
  max-width: 250px !important;
  white-space: nowrap;
}
#tablePrePlanning th.col-num, #tablePrePlanning td.col-num,
#tablePreplanningSubprograms th.col-num, #tablePreplanningSubprograms td.col-num {
  min-width: 80px !important; 
  width: 80px !important; 
  max-width: 80px !important;
  white-space: nowrap; 
  text-align: center;
}
#tablePrePlanning th.col-importe, #tablePrePlanning td.col-importe,
#tablePreplanningSubprograms th.col-importe, #tablePreplanningSubprograms td.col-importe {
  min-width: 200px !important; 
  width: 200px !important; 
  max-width: 200px !important;
  white-space: nowrap; 
  text-align: right;
}
/* Fijar layout para evitar reajustes del navegador/DataTables */
#tablePrePlanning,
#tablePreplanningSubprograms { 
  table-layout: fixed !important; 
}
		
/* Asegurar que colgroup se respete */
#tablePrePlanning col,
#tablePreplanningSubprograms col {
  width: auto !important;
}

/* Contenedor en modo full-bleed: más ancho que el layout y centrado */
#tablePrePlanningContainer {
  position: relative;
  width: 1824px;                  /* ancho casi completo equivalente a 95vw en 1920px */
  min-width: 800px;                /* ancho mínimo para evitar reducción excesiva */
  max-width: 1800px;               /* límite para pantallas muy grandes */
  left: 50%;                       /* posicionar desde el centro del parent */
  transform: translateX(-50%);     /* centrar usando transform */
  margin-top: 20px;
  margin-bottom: 20px;
}
/* En pantallas más grandes, reducir el ancho a 1286px (equivalente a 67vw) */
@media (min-width: 1201px) {
  #tablePrePlanningContainer {
    width: 1286px;
  }
}
/* En pantallas pequeñas y medianas, ajustar al 100% del contenedor */
@media (max-width: 1200px) {
  #tablePrePlanningContainer {
    width: 100%;
    min-width: 100%;
  }
}
/* Asegura que el wrapper de scroll de DataTables use todo el ancho del contenedor */
#tablePrePlanningContainer .dataTables_scroll,
#tablePrePlanningContainer .dataTables_wrapper .dataTables_scroll { 
  width: 100%; 
}

/* Estilos para separar entidades */
.borde-entidad {
  border-right: 2px solid #dddddd !important;
}
.borde-entidad-final {
  border-right: 1px solid #ddd !important;
}



/* Estilos para campos guardados exitosamente */
input.campo-guardado-exitoso {
  background-color: #d4edda !important;
}

/* Estilos para campos con error de validación */
input.error-validation {
  background-color: #f8d7da !important;
  border-color: #dc3545 !important;
  box-shadow: inset 0 0 0 1px #dc3545 !important;
}

/* Overlay visual para el efecto de guardado exitoso */
.campo-guardado-overlay {
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border: 2px solid #28a745;
  border-radius: 4px;
  background: transparent;
  pointer-events: none;
  z-index: 10;
}

.campo-guardado-overlay::after {
  content: "\2713";
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  color: #28a745;
  font-weight: bold;
  font-size: 12px;
  z-index: 11;
}
.fila-diferencia {	
  font-weight: bold; 
  background-color: #ffffff !important;
}
a.ASInfo {
    color: inherit;
    text-decoration: underline;
}