@import url(https://fonts.googleapis.com/css?family=Montserrat:400,300,500,600);
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,500);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,500);
/* INICIALIZACIONES */
h3 {
    color: #333333;
    display: block;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 10px;
    width: 100%;
    font-weight: bold;
    text-rendering: optimizelegibility;
}

/* BODY */
body {
    background: none repeat scroll 0 0 #ffffff;
    font-family: "Montserrat", Arial, "Times New Roman", Times, serif;
    font-size: 12px !important;
    text-rendering: optimizelegibility;
}
/* FORM */
form {
    border: 0 none !important;
    margin: auto !important;
    padding-right: 0;
    padding-top: 0;
}
.panelCaracteristicas 
{
    max-height: 450px;
    overflow: auto;
    margin-bottom: 35px;
}
/* HEADER */
.header div {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}
.header h3 {
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
}
div.header {
    background-color: #03428E;
    background-image: none;
    border-radius: 8px 8px 0 0;
    font-size: 32px;
    height: 50px;
    margin: 0;
    padding: 10px 15px 5px;
}
.header div .fieldcaption {
    color: white;
    font-size: 14px;
    font-weight: normal;
}
.header img.foto {
    border: 1px solid #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    height: 85px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 64px;
    z-index: 1000;
}
.punta {
    background: url("/images/custom/punta.png") no-repeat scroll 3.5% -10px #FFFFFF;
    height: 20px;
    display:none;
}
.moroso .punta 
{
    background-image:url(/images/punta_moroso.png);
}
#grid, .divgrid {
    top: 90px;
    z-index: 1;
    left: 0px;
    right: 0;
    bottom: 32px;
    padding: 8px 20px 20px 20px;
    position: absolute;
}

/* MODAL-BODY*/

.modal-body {
    background-color: #FFFFFF;
    bottom: 40px;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 15px 15px;
    position: absolute;
    right: 0;
    top: 75px;
    vertical-align: top;
}

.modalBackground{
    background-color: #000000;
    opacity: 0.3;
}

/* ACTIONS (FOOTER)*/

.actions {
    background: none repeat scroll 0 0 #DDDDDD;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #CCCCCC;
    bottom: 0;
    height: 40px;
    left: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 20px;
    position: absolute;
    right: 0;
    z-index:1;
}

.actionsBTN {
    margin-top: 7px;
}


/* BUTTONS */
.btn, .itemnew, .itemnewsave,.itemdelete,.itemedit,.itemsave {
    display: inline-block;
    padding: 2px 14px 2px;
    margin-bottom: 0;
  *margin-left: .3em;
    font-size: 11px;
  line-height: 18px;
  *line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
    background-repeat: repeat-x;
  *-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
    zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);*
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.itemdelete,.itemedit,.itemsave
{
 margin-left:5px;
 margin-right:5px;   
}

.btn:hover, .itemnew:hover, .itemnewsave:hover,.itemdelete:hover,.itemedit:hover,.itemsave:hover {
    background-color: #E6E6E6;
    background-position: 0 -15px;
    color: #333333;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}

.btn.active, .btn:active {
    background-color: #E6E6E6;
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
}

.btn:focus {
    outline: thin dotted #333333;
    outline-offset: -2px;
}

.lkbtn {
    color: #333333 !important;
    margin-left: 10px;
    margin-right: 10px;
}

/* FORM CONTROLS */

.fieldcontainer {
    float: left;
    line-height: 24px;
    position: relative;
}

.fieldcaption {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
    font-weight: 500;
    text-rendering: optimizeLegibility;
    color: #000000;
    letter-spacing: -0.2px;
    font-size: 0.75rem;
    font-family: "Open Sans", Calibri, Arial;
    text-align: left;
}

.fieldcaption.dobleLinea
{
    line-height:1.2;
    margin:5px;
}

.fielddata
{
 float:left;
 display: inline-block;
 width:auto;
}

.fielddata input[type="checkbox"]
{
 height:24px;   
}

.fielddata.alignright input[type="text"]
{
 text-align:right;   
}

.radiobutton 
{
    line-height: 24px;
}
.float-left {
    float:left;
}
.float-right {
    float: right;
}

.radiobutton > input {
    float: left;
    line-height: 24px;
     padding-left: 4px;
      height: 18px;
}


.radiobutton > label {
    float: left;
    margin-right: 10px;
}
.height4lines a.i_edit:hover {
    width:99%;
    margin: 0 !important;
    padding:0;
}
.row {
    clear: both;
    margin-bottom: 5px;
    margin-top: 5px;
    overflow: hidden;
    -moz-overflow: visible;
    -moz-height: 25px;
}
@-moz-document url-prefix() {
    .row {
        overflow:visible;
    }
    .row:empty {
       display: none;
    }
    .row .fieldcontainer {
       min-height: 32px;
    }
}

.row.nohidden {
    height: 25px;
    overflow: visible;
}
.row:empty {
    display: none;
}
.row.nohidden.auto,
.row.nohidden:empty,
.voidrow:empty {
    height: auto;
}
.row.optBar 
{
    background-color: #dddddd;
    overflow: visible;
    padding:5px 0 7px;
}
.voidrow
{
   clear: both;
    margin-bottom: 5px;
    margin-top: 5px;
    overflow: hidden; 
    height:20px;
}
.rowvacio:empty {
    display: block;
    margin: 20px 5px;
    font-style: italic;
}
.rowvacio:empty:before {
    content:"No hay datos para mostrar";
}
.rowvacio:empty + .row {
    display:none;
}

.agenda td 
{
    text-align:center;
}
.agenda td.turno span
{
    float:none;
    margin:auto;
}
.agenda td.borde
{
    border-left:1px solid #e9e9e9;
}
.agenda td.izq,
.agenda td.dia
{
    text-align:left;
}
.agenda td.der
{
    text-align:right;
}

.width100pc
{
 width:100%;   
}

.width50pc
{
 width:50%;   
}

.width33pc
{
 width:33%;   
}
.width66pc
{
 width:66%;   
}

.width25pc
{
 width:25%;   
}

.width22pc
{
 width:22%;   
}
.width20pc {
    width: 20%;
}
.width25px
{
    width:25px;
}
.width50px
{
    width:50px;
}

.width75px
{
    width:75px;
}
.width100px
{
    width:100px;
}
.width150px
{
    width:150px;
}
.width120px
{
    width:120px;
}


.width200px
{
    width:200px;
}

.width250px
{
    width:250px;
}
.width500px
{
    width:500px;
}

.clear
{
    clear:both;}

.validateerror
{
     clear:both;
}
.fieldcontainer.validateerror {
    background-color: #800000;
    border-radius: 12px;
    color: #ffffff;
    padding: 5px;
    width: 99%;
}

.floatL
{
 float:left;  
 clear: none; 
}

.floatR
{
 float:right;
 clear: none;   
}
.marginL5px
{
 margin-left:5px;   
}
.marginL10px
{
 margin-left:10px;   
}
.marginL20px
{
 margin-left:20px;   
}
.marginL40px
{
 margin-left:40px;   
}

.marginL150px
{
 margin-left:150px;   
}

.marginL160px
{
 margin-left:160px;   
}

.marginL240px
{
   margin-left:240px;  
}
.marginR20px
{
 margin-right:20px;   
}

.bold
{
 font-weight:bold;   
}


.fieldcontainerAloneLabel
{
line-height:24px;
    
}


/*---------------------------------------------------*/

.child
{
 margin-left:10px;   
}
.paneledit
{
    padding: 16px;
    background-color: #FFFFFF;
    width: 720px;
    box-shadow:0px 0px 10px #333;
    position:absolute;
    left:-2000px;
    top:-2000px;
}

.paneledit .freeColumn {
    padding: 16px;
}
.item
{
 height:30px;   
}

.itemactions
{
 float:right;   
}

.itemfile
{
        color: #0000FF !important;
    margin-right: 10px;   
}


.newitem tr {
    height: 30px;
}


.newitem td {
    padding: 5px;
}

.separator.first {
    margin-top:0px;
}
.separator.soloBtn {
     width:auto; 
     margin-left:22px;
}
.separator {
    border-bottom: 2px solid #ddd;
    clear: both;
    height: 16px;
    margin-bottom: 10px;
    margin-top: 20px;
    background: transparent;
    padding-left: 5px;
    font-family: "Montserrat", "Calibri", Arial, sans-serif;
    font-size: 0.9rem;
    float: none;
    width: calc(100% - 10px);
}
.width50pc .separator {
    width: calc(100% - 40px);
}
.separator a {
    font-family: "Montserrat", "Calibri", Arial, sans-serif;
}
.separator.h3_grupo 
{
    padding-left: 24px;
}
.separator + div[id*="ucSeguimientos"] {
    position: relative;
}
    .separator + div[id*="ucSeguimientos"] .alineado {
        display: flex;
        flex-direction: row-reverse;
        margin-top: 26px;
    }
.separator.first + div[id*="ucSeguimientos"] .alineado {
    margin-top: -38px;
    margin-bottom: 10px;
}
.row + .separator.first + div[id*="ucSeguimientos"] .alineado {
    margin-top: 8px;
}
bold #lbNuevo {
    float: right;
    background-color: lightgreen;
    margin-right: 50px;
    color: #000000;
    padding: 0 10px;
    margin-top: -12px;
    box-shadow: 0 0 5px #000000;
    border-radius: 3px;
}

[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 18px;
    line-height: 20px;
    margin-top: 4px;
    vertical-align: text-top;
    background-image: url("/i/glyphicons-halflings.png");
    /*background-position: 14px 14px;*/
    background-repeat: no-repeat;
}

.icon-th-list {
    background-position: -264px 0;
}

.calendar_image {
    background-origin: padding-box !important;
    background-size: auto !important;
    background-color: #EEE;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 4px;
    border-left: 1px solid #CCC !important;
    border-right: 1px solid #CCC !important;
    border-top: 1px solid #CCC !important;
    border-bottom: 1px solid #BBB !important;
    cursor: pointer;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0px;
    margin-left: -1px;
    margin-right: 0px;
    min-width: 16px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    text-align: center;
    text-shadow: white 0px 1px 0px;
    white-space: nowrap;
    display: inline-block;
    width: 14px;
    height: 18px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("/i/glyphicons-halflings.png");
    background-repeat: no-repeat;
    background-position: -186px -116px;
}
#calendar .fc-header-title h2
{
    color:#03428e;
}

/* accordeon */
.accordion_selected
{
    font-size: 120%;
    font-weight: bold;
    border-style: ridge;
    border-width: 0px 0px 1px 0px;
    border-color: #E2E2E2;
    padding-top: 3px;
    padding-bottom: 3px;
}
.accordion_content
{
    padding-bottom: 8px;
}



/* tag edits */

.fielddata input {
    height: 18px;
}

label {
     margin-bottom: 5px;
    color: #333333;
}

input,
textarea,
select,
.uneditable-input {
    display: inline-block;
    width: 210px;
    /*height: 22px;*/
    padding: 2px;
    font-size: 0.7rem;
    line-height: 18px;
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 3px;
    vertical-align: top;
    /*font-family: calibri;*/ 
    font-family: "Montserrat", Calibri, Arial;
}

.uneditable-textarea {
    width: auto;
    height: auto;
}

label input,
label textarea,
label select {
    display: block;
}

input[type="image"],
input[type="checkbox"],
input[type="radio"] {
    width: auto;
    /*height: auto;
    padding: 0;
    margin: 3px 0;
    *margin-top: 0;*/
    /* IE7 */

    /*line-height: normal;*/
    cursor: pointer;
    background-color: transparent;
    border: 0 \9;
    /* IE9 and down */

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

input[type="checkbox"]
{
    margin-top: 0px;
}
input[type="image"] {
    border: 0px;
}

.upload {
    border: 0px !important;
    border-color: transparent !important;
    background-color: transparent !important;
}

input[type="checkbox"] {
    display: inline-block;
    margin-right: 5px;
}

input[type="file"] {
    width: auto;
    padding: initial;
    line-height: initial;
    background-color: #ffffff;
    background-color: initial;
    border: initial;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
    width: auto;
    height: auto;
}

select,
input[type="file"] {
    height: 24px; 
    /* In IE7, the height of the select element cannot be changed by height, only font-size */
    *margin-top: 4px;
    /* For IE7, add top margin to align select with labels */
    line-height: 24px; 
}

input[type="file"] {
    line-height: 18px \9;
}

select {
    width: 220px;
    background-color: #ffffff;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="image"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

textarea { 
     height: 75px;
     resize: none;
}

input[type="hidden"] {
    display: none;
}

.radio,
.checkbox {
    /*line-height: 23px;
    padding-left: 18px;*/
        display: inline-block;
    line-height: 23px;
  
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
    padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
    margin-left: 10px;
}

input,
textarea {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

input:focus,
textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
    float: none;
    margin-left: 0;
}

input,
textarea,
.uneditable-input {
    margin-left: 0;
}
/* grid */


div#toolbar {
  float: right;
    height: 28px;
    margin-top: 0;
    overflow: hidden;
    text-align: right;
}

#toolbar-select
{
 float:left; 
 height:50px;  
}

.cleargrid {
    clear: both;
}

.cleargrid td {
    padding: 6px 2px 2px !important;
    vertical-align: top;
    
}

.cleargrid td span
{
   white-space: normal !important; 
}
/*GRID*/

#tabDatos {
    width: auto;
    clear: both;
    /*width: 87.59%;*/
}

#grid, .divgrid {
    padding-bottom: 3px;
    width: auto;
    position: absolute;
    top: 158px;
    bottom: 50px;
    background-color: white;
    padding:20px;
    overflow: hidden;
    left: 84px;
    right: 84px;
}

#grid {
    /*width: 87.59%;*/
}

.overflowLayer {
    width: auto;
    position: absolute;
    right: 20px;
    left: 20px;
    bottom: 20px;
    top: 76px;
    overflow-y: auto;
    overflow-x: hidden;
}

.WGMS_grid_header {
    color: #333333;
    font-weight: bold;
    padding-top: 10px;
    font-size: 12px;
    float: right;
}

#WGMS_grid {
    color: #333;
    border-collapse: collapse;
    border: none;
}

table#WGMS_WGMS.grid {
    margin-left: 0px;
}

div.grid table{
	color: #333333;
	border-collapse: collapse;
	border:none;
} 

.grid_headerstyle {
    background-color: #CFCECE;
    font-weight: bold;
    border: none;
    border-bottom-color: #ffffff;
    border-bottom-width: 0px;
    border-bottom-style: solid;
}

.grid td, .grid th {
    padding: 2px;
    height: 18px;
    padding-left: 16px;
    overflow: hidden;
    white-space: nowrap;
    border: 0px;
}

.grid th {
    padding-left: 16px;
}

.grid .valorMargen {
    font-size: 11px;
    color: #666666;
}

.grid_headerstyle th a {
    font-weight: bold;
    color: black;
    text-decoration: none;
    font-size: 13px;
}

table.grid th 
{
    text-align:left;
    height: 24px;
}

.grid_rowstyle, .grid_arowstyle {
    background-color: #dedede;
    cursor: pointer;
    border-top-color: #333333;
    border-top-width: 1px;
    border-top-style: solid;
}

.grid_rowstyle td, .grid_arowstyle td {
    overflow: hidden;
    white-space: normal;
    font-size: 0.7rem;
}

.grid_arowstyle {
    background-color: white;
    cursor: pointer;
}

.grid_selectedrowstyle td {
    white-space:normal;
}
.grid_rowstyle:hover,.grid_arowstyle:hover
{
	text-decoration: none;
	background-color: #e1d5be;
}

#tdGrid {
    padding-left: 20px;
    padding-right: 20px;
}

.grid_rowstyle td span, .grid_arowstyle td span {
    margin: 0px;
    padding: 0px;
    height: auto;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}

.grid_selectedrowstyle tr,.grid_selectedrowstyle td
{
    height: 48px;
    background-color: #000000;
    color: #ffffff;
}
.gridScroll {
}

.header .codigo
{
    color: #ffffff;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin-top: -50px;
    text-align: right;
    width: 120px;
}

/* Contenido Submenu */
.contenidoSubmenu
{
    padding-left:110px;
}
.contenidoSubmenu .submenu 
{
    background: #eeeeee; /* Old browsers */
    background: -ms-linear-gradient(top,  #ffffff 0%, #eeeeee 5%, #eeeeee 95%, #ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%, #eeeeee 5%, #eeeeee 95%, #ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(#ffffff, #eeeeee) repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 50px;
    left: 0;
    padding-left: 10px;
    padding-right:10px;
    padding-top: 20px;
    position: fixed;
    top: 75px;
    width: 90px;
    height: auto;
}
.contenidoSubmenu .submenu a
{
    display:block;
    padding:10px 5px;
    border-bottom:1px solid #666666;
    color:#666666;
    text-decoration:none;
    transition:all 0.3s;
}
.contenidoSubmenu .submenu a:hover
{
    color:#000000;
    background:#cccccc;
    transition:all 0.3s;
}
/* FIN Contenido Submenu */

.tablaSimple 
{
    padding:0;
}
.tablaSimple td
{
    border:1px solid #666666;
    padding:5px;
    background-color:#eeeeee;
}
.tablaSimple td.titulo
{
    border:0px solid transparent;
    text-align:center;
    background-color:transparent;
    font-weight:bold;
}
.tablaSimple td.titulo.right
{
    text-align:right;
}
.grid th.right {
    text-align:right;
    padding-right:10px;
}
.grid th.left
{
    text-align:left;
    padding-left:10px;
}
.grid th.center
{
    text-align:center;
}

.tablaTitulo
{
    border:0px solid transparent;
    margin:0;
    padding:0;
}
.tablaTitulo th
{
    background:linear-gradient(#eeeeee, #dddddd);
    border-left:2px solid #ffffff;
    padding:3px;
}
.tablaTitulo td
{
    padding:3px;
}
.tablaTitulo td.center
{
    text-align:center;
}
.tablaTitulo tr
{
    background:#f5f5f5;
}
.tablaTitulo tr:nth-child(2n)
{
    background:#e5e5e5;
}

/* autocomplete */

.autocomplete_list {
    padding: 0px;
    border: 1px solid #C0C0C0;
    /*font-family: Verdana;*/
    font-family: "Montserrat", Calibri, Arial;
    font-size: 8pt;
    background-color: #fdfdfd;
    /*width: 258px !important;
    width: auto !important;*/
    margin-left: 0px;
    z-index: 1000000 !important;
    overflow:auto;
    max-height:250px;
}
.autocomplete_listitem
{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #808080;
    padding: 3px 0;
    cursor: hand;
    text-align: left;
    display: block;
    /*width: 240px;
    width: 100%;*/
    list-style-type: none;
    float: none;
}
.autocomplete_listitemhighligtem
{
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #808080;
	padding: 3px 0;
	background-color: #DFDFDF;
	display: block;
	text-align: left;
    /*width: 240px;*/
    width: 100%;
    list-style-type: none;
    float: none;
}

.imgEliminarAsistente
{
    margin-top:-3px;
}

.dlAsistentes
{
     display: block;
    margin-top: 20px;
   margin-left: 50px;   
}
.plantillas {
    padding: 20px;
    margin: 0px;
    /*border: 1px solid #C0C0C0;*/
    width: 488px;
    background-color: #DDDDDD;
    /*font-family: Verdana;*/
    font-family: "Montserrat", Calibri, Arial;
    font-size: 12px;
    position: absolute;
    top: -2000px;
    left: -2000px;
}
    .plantillas .pnt_title {
        height: 32px;
        color: #377F85;
        /*font-family: Verdana;*/
        font-family: "Montserrat", Calibri, Arial;
        font-size: 13px;
        font-weight: normal;
    }
	.plantillas ul
    {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
        display: block;
        margin-top: 20px;
    }
	.plantillas li
    {
        /*border: 1px solid #FFFFFF;*/
        list-style-type: none;
        display: block;
        /*background-color: #FFFFFF;*/
        padding-left: 16px;
        margin-top: 2px;
        margin-bottom: 2px;
        padding-top: 4px;
        padding-bottom: 4px;
    }
	.plantillas li:hover
    {
        /*border: 1px solid #C0C0C0;*/
        list-style-type: none;
        display: block;
        background-color: #FFF4BB;
    }
	.plantillas .pnt_text
    {
        width: 380px;
        display: inline-block;
    }
	.plantillas .pnt_PDF,.plantillas .pnt_DOC
    {
        width: 32px;
        display: inline-block;
    }
	.plantillas .pnt_PDF:hover,.plantillas .pnt_DOC:hover
    {
        width: 32px;
        display: inline-block;
    }

.font15px {font-size:15px;}
.font18px {font-size:18px;}
.font20px {font-size:20px;}
.font25px {font-size:25px;}
.font30px {font-size:30px;}

.btnInformeQI
{
     float: right;
    font-size: 13px;
    font-weight: normal;
    margin-top: 6px;   
}
.height50 {height:50px;}
.height120 {height:120px;}
.height150 {height:150px;}

.observaadj 
{
    float:left;
    width:800px;
}
.messages_ok,
.messages_ko, .messages {
    border-radius: 12px;
    color: #fff;
    margin: 8px;
    padding: 16px;
    /*left: 20%;
    position: absolute;
    right: 20%;*/
    text-align: center;
}
.messages 
{
    display: none;
}
.messages_ok, .messages[rel="message-ok"]
{
    background-color: #000080;
}
.messages_ko, .messages[rel="message-ko"]
{
    background-color: #800000;    
}
.message_alert_container
{
    display: table;
    width: 100%;
    height: 100%;
}
.message_alert
{
    background-position: left top;
    font-size: 2em;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    color: #800000;
    background-image: url('/img/fndErrProcess.gif');
    background-repeat: no-repeat;
    background-size: 48px 48px;
}
.dragAndDrop 
{
    background-color: rgba(220, 220, 220, 0.2);
    border: 3px dashed #dddddd;
    height: 80px;
    margin-bottom: -10px;
    margin-top: 10px;
    width: 96%;
    vertical-align:middle;
    text-align:center;
    transition:all 0.5s; 
    position: absolute;
    bottom: 0px;
    margin-bottom: 48px;  
}
div.dragAndDrop:before {
    color: #dddddd;
    content: "Arrastrar archivo";
    /*font-family: Calibri,Arial,sans-serif;*/
    font-family: "Montserrat", Calibri, Arial;
    font-size: 1rem;
    font-weight: bold;
    line-height: 80px;
    text-align: center;
}
.dragAndDrop:hover
{
    background-color:rgba(220,220,220,0.5);
    border: 3px dashed #cccccc;
    transition:all 0.5s;
}
div.dragAndDrop:before
{
    color: #cccccc;
}
/* Historico de contratos */
div.header.historico {
    background-color: #FC0000;
}
/* Document List */
.doclist_info {
    padding: 3px 10px;
}
.doclist_info:empty {
    display:none;
}
.doclist_append
{
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 10px #333333;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    width: 600px;
    height: 320px;
    position: absolute;
    left: -2000px;
    top: -2000px;    
}
    .doclist_append h3 {
        line-height: 20px;
        margin: 10px 20px;
        font-weight: normal;
        font-size: 0.8rem;
        line-height:0.8rem;
        width: auto;
    }
    .doclist_append div {
        margin-left: 10px;
        clear: both;
        max-height: 110px;
    }
.doclist_append div[style*="width: 0px;"]
{
    width:360px !important;
}
.doclist_append span
{
    width:auto;
}
.doclist_append a.btn
{
    margin-top:6px;
}
.doclist_append .acciones
{
    background-color: #dddddd;
    border-radius: 0 0 5px 5px;
    height: 38px;
    margin: 20px 0 0;
    text-align: right;
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
}
.doclist_append .acciones .btn.exit
{
    background: url("/i/ico_exit.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
    padding: 4px 10px 5px 30px;
}
.doclist_append .acciones .btn.exit:hover
{
    color:#999999;
}

.alineado {
    position: relative;
    z-index: 1;
}
.alineado .btn.alinea,
.alineado .itemnew,
.alineado .itemnewsave,
.alineado #btReciboNew,
.alineado #btProductNew,
.alineado #btAddIncremento,
.alineado #btAppendFianza,
.alineado #btAppendAval
{
    position:absolute;
    top:-37px;
    right:35px;
    text-decoration:none;
}
.alineado .btn.alinea.soloBtn 
{
    right:5px;
    height: 24px;
}
.alineado .opciones
{
    position:absolute;
    top:-34px;
    right:0px;
    border-left:1px solid #ccc;
    padding-left: 5px;
}
.alineado .opciones a
{
    display:block;
    width:25px;
    height:12px;
    text-align:center;
    padding-top:7px;
}
.alineado .oculto
{
    background-color: #eee;
    border: 1px solid #cccccc;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 0 5px 2px rgba(0, 0, 0, 0.1);
    line-height: 16px;
    min-width: 100px;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: -11px;
    z-index:1;
}
.alineado .oculto li
{
    border-bottom:1px solid #cccccc;
    min-height: 26px;
}
.alineado .oculto li:empty
{
    display:none;
}
.alineado .oculto li a
{
    display:block;
    text-decoration:none;
    padding:5px 10px;
}
.alineado .oculto li a:hover
{
    background-color: #aaaaaa;
    color: #ffffff;
}
#notificaciones .contenido {
    bottom: 103px;
}
.btnPresupuesto {
    text-decoration: none;
    font-size: 14px;
    background-position: center right;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 20px;
    font-weight: normal;
}
.modal-body 
{
    bottom:50px;
}
.modal-importe 
{
    background-color: #eeeeee;
    bottom: 38px;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 15px;
    position: absolute;
    right: 0;
    height:26px;
    font-size:15px;
    line-height:24px;
    vertical-align: top;
    font-weight:bold;
}
.modal-importe span
{
    display:inline-block;
    font-weight:normal;
    width:33%;
    float:left;
}
.modal-importe strong
{    
    font-size: 20px;
    font-weight: bold;
    margin-left:5px;
}
.modal-importe span div span {
    width: 80px;
}
.actions 
{
    border-top: 10px solid #FFFFFF;
}
.actionsBTN .pestanyas 
{
    left: 10px;
    position: absolute;
    top:0px;
    max-width:inherit;
    vertical-align:top;
}
.actionsBTN .acciones 
{
    background-color: #dddddd;
    padding-left: 20px;
    position: absolute;
    right: 10px;
    text-align: right;
    padding-top: 7px;
    top:0px;
}
.actionsBTN .accionesPop 
{
    background-color: #dddddd;
    bottom: 0;
    height: 28px;
    padding-top: 7px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 100%;
}
.actionsBTN .pestanyasPop {
    bottom: 2px;
    left: 10px;
    position: absolute;
    z-index: 10;
}
.actionsBTN .pestanyas a.pestanya,
.actionsBTN .pestanyas .activo,
.actionsBTN .pestanyas a,
.actionsBTN a.btn.archivo,
.actionsBTN a.btn.delete,
a.btn.delete,
a.btn.anyadir,
.btn.mapa, .btn.geolocalizacion, .btn.datos, 
.btn.statesolvehi_0, .btn.statesolvehi_1, .btn.statesolvehi_2, .btn.statesolvehi_3, 
.actionsBTN a.btn.reload {
    display: inline-block;
    padding: 8px 8px;
    background: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-right: 5px;
    vertical-align: inherit;
    line-height: 14px;
}
.actionsBTN .pestanyas .activo {
    background: #FFFFFF;
    text-align: center;
    font-weight: normal;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 2px 2px 0px #999999;
}
    .actionsBTN .pestanyas .activo.btSeguimientos {
        padding: 0;
        border-radius: 0;
    }
.actions.ucControl {
    position: fixed;
    bottom: -10px;
    z-index: 10;
    right: inherit;
    padding-top: 10px;
}
.actionsBTN .acciones .btn.accept,
.actionsBTN .acciones .btn.cancel,
.actionsBTN .acciones .btn.print,
.actionsBTN .accionesPop .btn.print,
.actionsBTN .pestanyas .btn.print,
.actionsBTN .acciones .lkbtn.exit,
.actionsBTN a.btn.archivo,
.actionsBTN a.btn.delete,
a.btn.delete,
a.btn.copiar,
a.btn.csv,
.actionsBTN a.btn.reload,
.actionsBTN a.btn.anyadir,
.actionsBTN a.btn.unmark,
.btn.save, .btn.cancel,
.btn.salir,
.btn.imglogo,
.btn.aceptar, .btn.cancelar, .btn.btnMultiple, .btn.btnDto,
.btn.mapa, .btn.geolocalizacion, .btn.datos,
.btn.statesolvehi_0, .btn.statesolvehi_1, .btn.statesolvehi_2, .btn.statesolvehi_3,
.btn.accept,
.btn.comprobar,
input.btn.accept,
input.btn.delete,
.btn.volver,
.btn.reload,
.btn.busq-avanz,
.btn.catalogo,
.btn.archivo,
.btn.filtro,
.btn.porcent,
.btn.add,
.btn.anyadir,
.btn.download,
.btn.show,
.btn.copiar,
.btn.csv,
.btn.enviar,
.btn.agrupar,
.btn.agregar,
.btn.desagrupar,
.btn.generar,
.btn.return,
.btn.export,
.btn.find,
.btn.sendto,
.btn.import,
.btn.execute,
.btn.despuntear,
.btn.nuevoAsiento,
.btn.guardarAsiento,
.btn.guardarNuevo,
.btn.eliminarAsiento,
.btn.ultimoAsiento,
.btn.separarApunte,
.btn.anyadirApunte,
.btn.anyadirContra,
.btn.cambiarFecha {
    background: url(/i/ico_save.png) no-repeat 5px center;
    padding-left: 30px;
    min-height: 18px;
    box-shadow: none;
    display: inline-block;
    text-decoration: none !important;
}
.actionsBTN .acciones .btn.accept,
.btn.accept
{
    background:url(/i/ico_check.png) no-repeat 5px center;
}
.btn.comprobar
{
    background:url(/i/ico-comprobar.png) no-repeat 5px center;
}
.btn.imglogo {
    background: url(/i/ico-imagen.png) no-repeat 5px center;
}
.btn.execute
{
    background:url(/i/ico_execute.png) no-repeat 5px center;
}
.btn.import
{
    background:url(/i/ico-import.png) no-repeat 5px center;
}
.btn.enviar
{
    background:url(/i/ico_send.png) no-repeat 5px center;
}
.btn.agrupar
{
    background:url(/i/ico-agrupar.png) no-repeat 5px center;
}
.btn.desagrupar
{
    background:url(/i/ico-desagrupar.png) no-repeat 5px center;
}
.btn.agregar
{
    background:url(/i/add.png) no-repeat 5px center;
}
.btn.generar
{
    background:url(/i/ico-generar.png) no-repeat 5px center;
}
.btn.return
{
    background:url(/i/ico_volver.png) no-repeat 5px center;
}
.btn.export
{
    background:url(/i/ico_export.png) no-repeat 5px center;
}
.btn.anyadir
{
    background:url(/i/add.png) no-repeat 5px center;
}
a.btn.copiar
{
    background:url(/i/ico_copy.png) no-repeat 5px center;
}
a.btn.csv
{
    background:url(/i/ico_csv.png) no-repeat 5px center;
}
.btn.find
{
    background:url(/i/ico_find.png) no-repeat 5px center;
    padding: 5px;
    width: 18px;
    margin-top:16px;
}
.btn.sendto {
    background: url(/i/ico_ir-a.png) no-repeat 5px center;
    padding: 5px;
    width: 18px;
    margin-top: 16px;
}
.btn.despuntear
{
    background:url(/i/ico_unpoint.png) no-repeat 5px center;
}
.btn.nuevoAsiento,
.btn.guardarAsiento,
.btn.guardarNuevo,
.btn.eliminarAsiento,
.btn.ultimoAsiento,
.btn.separarApunte,
.btn.anyadirApunte,
.btn.anyadirContra,
.btn.cambiarFecha {
    background: rgba(0, 0, 0, 0) url("/i/ico-nuevoAsiento.png") no-repeat scroll center 5px;
    font-weight: bold;
    margin: 0 5px;
    padding: 30px 5px 0;
    text-align: center;
}
.btn.guardarAsiento
{
    background: rgba(0, 0, 0, 0) url("/i/ico-guardarAsiento.png") no-repeat scroll center 5px;
}
.btn.guardarNuevo
{
    background: rgba(0, 0, 0, 0) url("/i/ico-guardarNuevo.png") no-repeat scroll center 5px;
}
.btn.eliminarAsiento {
    background: rgba(0, 0, 0, 0) url("/i/ico-eliminarAsiento.png") no-repeat scroll center 5px;
}
.btn.ultimoAsiento {
    background: rgba(0, 0, 0, 0) url("/i/ico-ultimoAsiento.png") no-repeat scroll center 5px;
}
.btn.separarApunte
{
    background: rgba(0, 0, 0, 0) url("/i/ico-separarApunte.png") no-repeat scroll center 5px;
}
.btn.cambiarFecha {
    background: rgba(0, 0, 0, 0) url("/i/ico-cambiarFecha.png") no-repeat scroll center 5px;
}
.btn.anyadirApunte
{
    background: rgba(0, 0, 0, 0) url("/i/ico-anyadirApunte.png") no-repeat scroll center 5px;
}
.btn.anyadirContra
{
    background: rgba(0, 0, 0, 0) url("/i/ico-anyadirContra.png") no-repeat scroll center 5px;
}
.actionsBTN .acciones .btn.cancel,
.btn.cancel
{
    background:url(/i/ico_cancel.png) no-repeat 5px center;
}
.btn.cancelar {
    background: url(/i/ico_cancel.png) no-repeat center center;
    padding: 2px 12px;
}
.btn.aceptar {
    background: url(/i/ico_check.png) no-repeat center center;
    padding: 2px 12px;
}
.btn.salir {
    background: url(/i/ico_salir.png) no-repeat 5px center;
}
.btn.btnMultiple {
    background: #e9e9e9 url(/i/ico_calculadora.png) no-repeat center center;
    padding: 3px 12px;
}
.btn.btnDto {
    background: #e9e9e9 url(/i/ico_calculadora.png) no-repeat center center;
    padding: 3px 12px;
}
.btn.cancelar:hover,
.btn.aceptar:hover,
.btn.btnDto:hover,
.btn.btnMultiple:hover {
    background-color: #e9e9e9;
    opacity:0.7;
}
.btn.btnMultiple {
    margin-left: 230px;
    font-weight: bold;
}
.btn.btnDto {
    margin-left: 230px;
    font-weight: bold;
}
span[id*="txPorcDtoMultiple"] + .btn.btnMultiple,
span[id*="txPorcDto"] + .btn.btnDto,
span[id*="AplicPcDto"] + .btn.btnDto {
    margin-left: 5px;
}
.btn.volver
{
    background:url(/i/ico_menu3.png) no-repeat 5px center;
    border: 1px solid #cccccc;
    margin-left: 10px;
    margin-top: -3px;
}
.btn.volver:hover
{
    background:url(/i/ico_menu4.png) no-repeat 5px center;
}
.actionsBTN .acciones .btn.print,
.actionsBTN .accionesPop .btn.print,
.actionsBTN .pestanyas .btn.print
{
    background:url(/i/ico_print.png) no-repeat 5px center;
}
.accionesPop .btn.find {
    margin-top: 0;
    width: auto;
    padding-left: 30px;
}

.btn.find {
}
.btn.busq-avanz
{
    background:#eeeeee url(/i/ico_busqueda.png) no-repeat 3px 2px;
    padding-left:10px;
}
.btn.catalogo {
    background: #eeeeee url(/i/ico-porcent.png) no-repeat 3px 2px;
    padding-left: 12px;
}
.btn.filtro
{
    background: #eeeeee url("/i/ico_filtrar.png") no-repeat scroll center center;
    border: 1px solid #dddddd;
    height: 18px;
    padding: 2px;
    width: 21px;
}
.btn.add
{
    background: transparent url("/i/add.png") no-repeat scroll center center;
    padding: 4px;
    width: 16px;
}
.btn.busq-avanz:hover,
.btn.catalogo:hover,
.btn.filtro:hover,
.btn.add:hover
{
    background-color:#dddddd;
}
.actionsBTN .acciones .lkbtn.exit {
    background: url(/i/ico_exit.png) no-repeat 5px center;
    color: #000000 !important;
    border-radius: 4px;
    line-height: 18px;
    padding-bottom: 5px;
    padding-right: 0px;
    padding-top: 4px;
    font-size: 0.7rem;
}
.actionsBTN .acciones .lkbtn.exit:after
{
    content:">";
    color:transparent;
}
.btn.archivo,
.actionsBTN a.btn.archivo,
.grid a.btn.archivo[href*=".aspx"], .grid a.btn.archivo[href*=".aspx"]:hover
{
    background:url(/i/ico_archivo.png) no-repeat 5px center;
}
.btn.download
{
    background:url(/i/ico_archivo.png) no-repeat 5px center !important;
}
a.btn.show
{
    background:url(/i/ico_show.png) no-repeat 5px center;
}
.actionsBTN a.btn.reload,
.btn.reload
{
    background:url(/i/ico_reload.png) no-repeat 5px center;
}
.accionesPop a.btn.reload {
    padding-top: 2px;
    background-position: 5px top;
}

    .actionsBTN a.btn.anyadir
{
    background:url(/i/add.png) no-repeat 5px center;
}
.actionsBTN a.btn.unmark
{
    background:url(/i/ico_desmarcar.png) no-repeat 5px center;
}
.actionsBTN a.btn.delete,
a.btn.delete
{
    background:url(/i/ico_delete.png) no-repeat 5px center;
    background-position:5px center !important;
    padding-top: 8px !important;
}
.estilov2 .actionsBTN a.btn.delete,
.estilov2 a.btn.delete {
    padding-top:0 !important;
}
.actionsBTN .pestanyas a.btn.delete
{
    background:url(/i/ico_delete.png) no-repeat 5px top;
}
.accionesPop a.btn.delete {
    padding-top: 0px !important;
    line-height: 20px;
    padding-bottom: 0;
    margin-left: 0 !important;
}
a.btn.mapa
{
    background:url(/i/ico_mapa.png) no-repeat 5px center;
}
a.btn.geolocalizacion
{
    background:url(/i/ico_geolocalizacion.png) no-repeat 5px center;
}
a.btn.datos
{
    background:url(/i/ico_hoja.png) no-repeat 5px center;
}
img.statesolvehi {
    vertical-align:middle;
    margin-right:5px;
}
a.btn.statesolvehi_0,
a.btn.statesolvehi_1,
a.btn.statesolvehi_2,
a.btn.statesolvehi_3 {
    background: url(/i/svhp_st_0.png) no-repeat center center;
    width: 30px;
    padding: 0;
}
a.btn.statesolvehi_1 {
    background: url(/i/svhp_st_1.png) no-repeat center center;
}
a.btn.statesolvehi_2 {
    background: url(/i/svhp_st_2.png) no-repeat center center;
}
a.btn.statesolvehi_3 {
    background: url(/i/svhp_st_3.png) no-repeat center center;
}
a.btn.statesolvehi_0 span.innerText,
a.btn.statesolvehi_1 span.innerText,
a.btn.statesolvehi_2 span.innerText,
a.btn.statesolvehi_3 span.innerText {
    height: 12px;
    display: inline-block;
}
a.btn.porcent
{
    background:url(/i/ico_diario.png) no-repeat 5px center;
    background-size: 18px;
}
.actionsBTN .acciones .lkbtn.exit:hover,
.actionsBTN .acciones .btn.save:hover,
.actionsBTN .acciones .btn.print:hover,
.actionsBTN .accionesPop .btn.print:hover,
.actionsBTN .acciones .btn.accept:hover,
.actionsBTN .acciones .btn.cancel:hover,
.actionsBTN .acciones .btn.unmark:hover,
.actionsBTN a.btn.archivo:hover,
a.btn.reload:hover,
a.btn.delete:hover,
.btn.cancel:hover,
.btn.accept:hover,
.btn.cancelar:hover,
.btn.salir:hover,
.btn.aceptar:hover,
.btn.porcent:hover,
.btn.despuntear:hover,
.btn.copiar:hover,
.btn.csv:hover,
.btn.mapa:hover, .btn.geolocalizacion:hover, .btn.datos:hover,
.btn.statesolvehi_0:hover, .btn.statesolvehi_1:hover, .btn.statesolvehi_2:hover, .btn.statesolvehi_3:hover,
.btn.save:hover {
    color: #666666 !important;
}

a.btdireccion.popup,
a.btmodvinculado.popup,
a.btzonificacion.popup,
a.btcaracteristicas.popup,
a.btotrosdatos.popup,
a.btusos.popup,
a.btvaloracion.popup,
.row a[href*=".aspx"],
.grid a[href*=".aspx"],
.row.abrePopup a
{
    background: url("/i/ico_popup_mini.png") no-repeat scroll right 5px #ffffff;
    color:#666666;
    display: inline;
    float: left;
    font-weight: bold;
    line-height: 24px;
    margin-right: 5px;
    font-size:0.7rem;
    padding: 0 18px 0 10px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease 0s;
}
a.btdireccion.popup[disabled="disabled"],
a.btmodvinculado.popup[disabled="disabled"],
a.btzonificacion.popup[disabled="disabled"],
a.btcaracteristicas.popup[disabled="disabled"],
a.btotrosdatos.popup[disabled="disabled"],
a.btusos.popup[disabled="disabled"],
a.btvaloracion.popup[disabled="disabled"]{
    background-image: none;
}
.row.abrePopup a
{
    display:inline-block;
    margin-left:0;
    float:none;
}
.linkPopup {
    background: url(/i/ico_popup_mini.png) no-repeat scroll right top #ffffff;
    padding: 0 18px 0 3px;
}
a.btmodvinculado.popup
{
}
a.btzonificacion.popup
{
    position: absolute;
}
a.btcaracteristicas.popup
{
    position: absolute;
}
a.btotrosdatos.popup
{
    position: absolute;
}
a.btusos.popup
{
    position: absolute;
}
a.btvaloracion.popup
{
}
.tablaCaracteristicas 
{
    clear:both;
}
.actionsBTN .pestanyas a.btn.pestanya[disabled="disabled"]
{
    background: #ffffff none repeat scroll 0 0;
    color: #000000;
    font-weight: bold;
    opacity: 1;
}
.row a#lnkInmueble_edit[href*=".aspx"]
{
    font-weight: normal;
    margin-left: -4px;
    padding: 0 20px 0 5px;
    background: url("/i/ico_externo_mini.png") no-repeat scroll right 5px #ffffff;
}
.row a[href*=".aspx"],
.grid a[href*=".aspx"]
{
    font-weight: normal;
    margin-left: 0px;
    padding-left: 5px;
    background: url("/i/ico_externo_mini.png") no-repeat scroll right center #ffffff;
}
.row td.hddetail a[href*=".aspx"]
{
    background:none;
}
#txSrchCliente .fielddata a {
    text-align: left;
    line-height: 1rem;
    padding-top: 4px;
    font-size: 0.75rem;
}
a.btdireccion.popup:hover,
a.btmodvinculado.popup:hover,
a.btzonificacion.popup:hover,
a.btcaracteristicas.popup:hover,
a.btotrosdatos.popup:hover,
a.btusos.popup:hover,
a.btvaloracion.popup:hover,
.row a[href*=".aspx"]:hover,
.row a#lnkInmueble_edit[href*=".aspx"]:hover,
a.externo:hover,
.row.abrePopup a:hover
{
    background-color: #03428E;
    transition:all 0.2s;
}
.acciones .lkbtn.exit .innerText:empty
{
    display:inline-block;
    height:15px;
    width:0px;
}
.grid a[href*=".aspx"],
.grid a[href*=".aspx"]:hover
{
    background-color: transparent;
}
a.externo {
    background: url("/i/ico_externo_mini.png") no-repeat scroll right 1px #ffffff;
    color: #000000;
    padding: 0 20px 0 5px;
    text-decoration: none;
    transition: all 0.2s ease 0s;
}
.row.alineabtn {
    margin-left: 160px;
    margin-top: 5px;
}
a#btDocumentos span,
a#btSeguimientos span,
a#btSII span,
a#btGaleria span,
a.p_seg span,
.actionsBTN .pestanyas a.pestanya.p_seg,
a.p_doc span,
.actionsBTN .pestanyas a.pestanya.p_doc,
a.p_gal span,
.actionsBTN .pestanyas a.pestanya.p_gal,
a.p_sii span,
.actionsBTN .pestanyas a.pestanya.p_sii,
a.btn.pestanya.btDocumentos span,
a.activo.btDocumentos span {
    display: inline-block;
    height: 20px;
    text-indent: -10000px;
    width: 40px;
    background-image: url(/i/ico_documentos.png);
    background-repeat: no-repeat;
    background-position: center center;
}
a#btSeguimientos span, a.p_seg span, .actionsBTN .pestanyas a.pestanya.p_seg
{
    background-image:url(/i/ico_seguimientos.png);
}
a#btGaleria span, a.p_gal span, .actionsBTN .pestanyas a.pestanya.p_gal
{
    background-image:url(/i/ico_galeria.png);
}
a#btSII span, a.p_sii span, .actionsBTN .pestanyas a.pestanya.p_sii
{
    background-image:url(/i/ico_sii.png);
}
a#btDocumentos,
a#btSeguimientos,
a#btSII,
a#btGaleria,
a.p_seg,
a.p_doc,
a.p_gal,
a.p_sii {
    border-radius: 0;
}
a.btUtilidades,
a.btAcciones {
    background: url(/i/ico_utilidades.png) no-repeat left center;
    display: inline-block;
    height: 16px;
    position: relative;
    padding-right: 12px;
    padding-left: 20px;
}
a.btUtilidades:after,
a.btAcciones:after {
    background: url(/i/flecha_opciones.gif) no-repeat center center;
    display: inline-block;
    width:10px;
    height:6px;
    content:" ";
    position: absolute;
    right: 0;
    bottom:3px;
}
a.btAcciones {background:url(/i/ico_acciones.png) no-repeat left center;}
.listaUtilidades {
    padding: 0 5px;
    border: 1px solid #eeeeee;
    margin-top:5px;
}
.listaUtilidades .imagebutton {
    padding: 0 !important;
    border: none !important;
    line-height: 22px;
    font-size:12px;
    transition:all 0.5s;
}
.listaUtilidades .imagebutton.externo {
    background: url("/i/ico_externo_mini.png") no-repeat scroll right center #ffffff;
    padding-right:20px !important;
}
.listaUtilidades .imagebutton.popup {
    background: url("/i/ico_popup_mini.png") no-repeat scroll right center #ffffff;
    padding-right:20px !important;
}
.listaUtilidades .imagebutton:hover {
    padding-left:20px;
    background-color:#eeeeee;
    transition:all 0.5s;
}
.listaUtilidades .imagebutton:hover:before {
    content:"> ";
}
a.btVolver,
a.btVolverBl {
    background: url(/i/ico_volver_bl.png) no-repeat left center;
    display: inline-block;
    padding-left: 24px;
}
a.btVolver {
    background: url(/i/ico_volver.png) no-repeat left center;
}
.header div.estadoCabecera {
    border-right: 2px solid #ffffff;
    height: 18px;
    padding-right: 10px;
    position: absolute;
    right: 30px;
    text-align: right;
    top: -2px;
    width: 300px;
}
.btnBorde {
    box-shadow: 0 0 3px #999999;
    margin:0 5px;
}
.pestanyaFinalizacion {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    padding:16px;
    z-index: 1;
}
.pestanyaFinalizacion .accionesPest {
    margin:-10px 0 20px -10px;
}
.pestanyaFinalizacion .accionesPest a.accept {
    float:right;
}
.tablaGrid {
    padding: 10px;
    overflow: auto;
    height:180px;
}

#menuOpciones 
{
    height: 40px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index:100;
    text-align:right;
    width: 40px;
}
#menuOpciones a.any
{
    padding: 8px 5px 3px;
    opacity:0.8;
}
#menuOpciones a.any:hover
{
    opacity:1;
}
#menuOpciones .oculto 
{
    background-color:#ffffff;
    border-radius:4px;
    box-shadow: 0 0 5px #999999;
    gpadding: 10px 10px 0;
    font-size:12px;
    font-weight:normal;
    width:180px;
    position:absolute;
    top:35px;
    right:-10px;
    text-align:left;
    height:auto;
}
#menuOpciones .oculto .esquinaMenu 
{
    position:absolute;
    top:-10px;
    right:15px;
}
#menuOpciones .oculto ul li 
{
    color:#444444;
    font-weight:bold;
    font-size:14px;
    margin-bottom:10px;
}
#menuOpciones .oculto ul li ul li
{
    color:#333333;
    font-weight:normal;
    font-size:12px;
    margin-bottom:0px;
    margin-left:25px;
    line-height:18px;
}
    #menuOpciones .oculto li a {
        color: #333333;
        line-height: 22px;
    }
#menuOpciones .oculto li a:hover
{
    color:#999999;
}
#menuOpciones .oculto li span
{
    display:block;
    background:#eeeeee;
    height:20px;
}
#menuOpciones .oculto li.informe span,
#menuOpciones .oculto li.acciones span 
{
    line-height: 20px;
    margin-bottom: 5px;
    padding-left: 25px;
    padding-top: 3px;
    height:24px;
    width:auto;
}
#menuOpciones .oculto li.informe span
{
    background: url("/i/ico_informe.png") no-repeat 3px 3px #F5F5F5;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
#menuOpciones .oculto li.acciones span 
{
    background:url(/i/ico_opciones.png) no-repeat 3px 3px #F5F5F5;
}
    #menuOpciones .oculto li.informe li span,
    #menuOpciones .oculto li.acciones li span {
        background: none;
        padding-left: 0;
        padding-top: 1px;
        padding-bottom: 1px;
        height: 20px;
    }
.header h3 a
{
    color:#ffffff;
}
#lstDocumentos a
{
    text-decoration:none;
}
#menuOpciones .oculto li.acciones a span 
{
    background:none; 
    padding-left:0; 
    height: auto;
    line-height: inherit; 
    margin-bottom: 0; 
    padding-top: 0;
}
#menuOpciones img.destaca
{
    border-radius: 10px;
    box-shadow: 0 0 8px #999;
    transition:box-shadow 0.5s;
}
#menuOpciones img.destaca:hover
{
    box-shadow: 0 0 2px #999;
    transition:box-shadow 0.5s;
}
.l-opciones {
    background-color: #eee;
    border: 1px solid #cccccc;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 0 5px 2px rgba(0, 0, 0, 0.1);
    line-height: 16px;
    min-width: 100px;
    max-height: 200px;
    overflow: auto;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: 27px;
    z-index: 1;
}
#menuOpciones .oculto ul li ul li, 
.l-opciones li {
    color: #333333;
    font-weight: normal;
    font-size: 11px;
    margin-bottom: 0px;
    margin-left: 20px;
    line-height: 22px;
    transition: all 0.2s;
}
    .l-opciones li {
        margin-left:18px;
        padding-left: 0px;
        padding-right: 5px;
    }
    #menuOpciones .oculto ul li ul li:hover,
    .l-opciones li:hover {
        border-left: 0px solid #666666;
        background: url(/images/custom/ico_desplegable3.png) no-repeat 3px 2px #666666;
        padding-left: 20px;
        margin-left: 0px;
        transition: all 0.2s;
    }
    .l-opciones li:hover {
        margin-left:0px;
        padding-left: 18px;
    }
        #menuOpciones .oculto ul li ul li:hover a, .l-opciones li:hover a {
            color: #ffffff;
        }
.btn.nosubraya 
{
    text-decoration:none;
}
.acciones .btn.email_enviar {
    background: #283a97 url("/i/ico_enviar_bl.png") no-repeat scroll 5px center / 20px;
    color: #ffffff !important;
    font-weight: normal;
    padding-left: 30px;
    height:25px;
    line-height:25px;
    z-index: 1;
}
#tabContent #caption
{
    width:100%;
    text-align:center;
    font-weight:bold;
    color:#333333;
    background: #f7f7f7; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f7f7f7 0%, #dddddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f7f7f7 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f7f7f7 0%,#dddddd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f7f7f7 0%,#dddddd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f7f7f7 0%,#dddddd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */
    
}
#gvFieldsNotVisible th,
#gvFieldsVisible th
{
    font-weight:bold;
    color:#333333;
    background: #f7f7f7; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f7f7f7 0%, #dddddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f7f7f7 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f7f7f7 0%,#dddddd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f7f7f7 0%,#dddddd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f7f7f7 0%,#dddddd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */
    
}
#tabContent #tabCondition 
{
    width:100%;
}
#tabContent #tabCondition td
{
    padding:5px;
    border-bottom: 1px solid #eeeeee;
}
#gvFieldsNotVisible td,
#gvFieldsVisible td
{
    border-bottom:1px solid #eeeeee;
}
#gvFieldsVisible .alignLeft
{
    text-align: left;
}
.TxRed,
.TxRed input
{
    color:#ff0000;
}
.row span.btn-anyadir 
{
    display: block;
    float: right;
    margin-left: 10px;
    padding-left: 10px;
    width:100px;
    text-align:right;
}

.row.columna382px
{
    float: right;
    margin-right: 230px;
}
.row span.btn-anyadir a
{
    text-decoration:none;
}
.alineado table tr:last-child td
{
    padding-bottom:20px;
}
.radioListado td
{
    float: left;
    line-height: 18px;
    padding-bottom: 5px !important;
    width: 100%;
}

.listaContratos, .listaContratos li {
    clear: both;
    display: block;
    line-height: 24px;
}
.row a[href*=".aspx"] {
    background: #ffffff url("/i/ico_externo_mini.png") no-repeat scroll right 5px;
    font-weight: normal;
    margin-left: 0;
    padding-left: 5px;
    text-align:left;
}
.listaContratos li .direccion, .listaContratos li .tipo, .listaContratos li .modalidad {
    display: inline-block;
    margin-left: 10px;
    min-width: 300px;
    width: auto;
}
.listaContratos li .tipo {
    min-width: 100px;
}
.listaContratos li .modalidad {
    min-width: 180px;
}


/* TreeView Simple */
div[data-mode="simple"] td.simple_node.simple_node_leaf
{
    padding-left:20px;
    margin-left:-20px;
    line-height:24px;
    height:24px;
}
div[data-mode="simple"] td.simple_node.simple_node_leaf.simple_node_selected
{
    background:url(/i/ico_check.png) no-repeat left center;
}
div[data-mode="simple"] td.simple_node.simple_node_leaf a:hover
{
    color:#FF7200;
}

.contenidoSubmenu .grafica 
{
    margin:20px auto 0;
    /*border:1px solid #cccccc;*/
    
}
.esquina-der {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left:10px solid #03428E;
	display: inline-block;
}
.esquina-izq {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right:10px solid #03428E;
	display: inline-block;
}
.esquina-top {
	width: 0; 
	height: 0; 
	border-bottom: 10px solid #03428E;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
	display: inline-block;
}
.esquina-bot {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #03428E;
    display: inline-block;
    display: none;
    height: 0;
    margin-left: 32px;
    width: 0;
}
.fielddata.destacado {
    font-size:17px;
    line-height:20px;
    font-weight:bold;
}

/* Estilos Interactivos */

.fielddata {
    position: relative;
    width: auto;
    max-width: 700px;
    font-size: 0.7rem;
}

    .fielddata table .fieldinteractive a.i_edit {
        min-width:60px;
    }

.fieldinteractive 
{
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    /*height:100%;*/
}
.fieldinteractive a 
{
    display: block;
    margin-left: -3px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding-bottom: 1px;
    font-size:0.7rem;
}
span.multiline + .fieldinteractive 
{
    height:100%;
}
span.multiline + .fieldinteractive a 
{
    height: 100%;
    padding-bottom: 0;
}
span.multiline:empty + .fieldinteractive
{
    height:20px;
}
span.multiline:empty + .fieldinteractive a 
{
    height:20px;
    padding-bottom: 3px;
}
/*
div[data-mode="interactive"] .fieldinteractive:after {
    content: ".";
    position: absolute;
    height: 1px;
    overflow: hidden;
    text-indent: -10px;
    right: 0;
    width: 100%;
    bottom: 0;
    top: auto;
    background-color: #dddddd;
    border-left:5px solid #f00;
    background: linear-gradient(to right, #cccccc, #ffffff);
}
input + .fieldinteractive {
    width:220px;
}
input[style="width:250px;"] + .fieldinteractive,
select[style="width:250px;"] + .fieldinteractive {
    width: 250px;
}
input[style="width:200px;"] + .fieldinteractive,
select[style="width:200px;"] + .fieldinteractive {
    width: 200px;
}*/
.width75pc[data-mode="interactive"] .width75px + .fielddata,
.width50pc[data-mode="interactive"] .width75px + .fielddata,
.width33pc[data-mode="interactive"] .width75px + .fielddata,
.width22pc[data-mode="interactive"] .width75px + .fielddata,
.width20pc[data-mode="interactive"] .width75px + .fielddata,
.width75pc[data-mode="interactive"] .width100px + .fielddata,
.width50pc[data-mode="interactive"] .width100px + .fielddata,
.width33pc[data-mode="interactive"] .width100px + .fielddata,
.width22pc[data-mode="interactive"] .width100px + .fielddata,
.width20pc[data-mode="interactive"] .width100px + .fielddata,
.width75pc[data-mode="interactive"] .width150px + .fielddata,
.width50pc[data-mode="interactive"] .width150px + .fielddata,
.width33pc[data-mode="interactive"] .width150px + .fielddata,
.width22pc[data-mode="interactive"] .width150px + .fielddata,
.width20pc[data-mode="interactive"] .width150px + .fielddata,
.width75pc[data-mode="interactive"] .width120px + .fielddata,
.width50pc[data-mode="interactive"] .width120px + .fielddata,
.width33pc[data-mode="interactive"] .width120px + .fielddata,
.width22pc[data-mode="interactive"] .width120px + .fielddata,
.width20pc[data-mode="interactive"] .width120px + .fielddata,
.width75pc[data-mode="interactive"] .width200px + .fielddata,
.width50pc[data-mode="interactive"] .width200px + .fielddata,
.width33pc[data-mode="interactive"] .width200px + .fielddata,
.width22pc[data-mode="interactive"] .width200px + .fielddata,
.width20pc[data-mode="interactive"] .width200px + .fielddata,
.width75pc[data-mode="interactive"] .width250px + .fielddata,
.width50pc[data-mode="interactive"] .width250px + .fielddata,
.width33pc[data-mode="interactive"] .width250px + .fielddata,
.width22pc[data-mode="interactive"] .width250px + .fielddata,
.width20pc[data-mode="interactive"] .width250px + .fielddata {
    width: auto;
}
div[data-mode="interactive"] table {
    position:relative;
}

.fecha 
{
    position:relative;
}
.tdRelativa td:last-child
{
    position:relative;
    width:60px;
}

.paneledit .btnCanvi
{
    background: none repeat scroll 0 0 #dddddd;
    border-radius: 0 0 3px 3px;
    height: 40px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 10px;
    text-align: right;
}
.paneledit .btnCanvi .lkbtn.exit
{
    background: url("/i/ico_exit.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
    border-radius: 4px;
    color: #000000 !important;
    height: 18px;
    padding:4px 10px 5px 30px;
    margin-top: 5px;
    display: inline-block;
}
.i_edit
{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding-left: 30px;
    vertical-align: middle;
    opacity:0.3;
    width: 98%;
    background-position:right 2px;
    border-radius: 5px;
    transition:all 0.5s;
}
span[data-rel="readonly"]:empty + div a.i_edit:hover,
span[data-rel="readonly"]:empty + span + div a.i_edit:hover
{
    background:url(/i/ico-editar.png) no-repeat center 3px;
    box-shadow:none;
}
.i_edit:hover
{
    opacity:1;
    transition:all 0.5s;
}
.i_edit:hover
{
    background:url(/i/ico-editar.png) no-repeat right 3px;
}
.i_edit.obligatorio:hover
{
    background:url(/i/ico_edit.png) no-repeat right 3px;
}
span[data-rel="readonly"]:hover
{
    cursor:not-allowed;
}
.i_ok,
.i_cancel
{
    position:absolute;
    top:4px;
    width:18px;
    box-shadow:none !important;
    border:none !important;
    height: 18px !important;
    opacity:0.5;
    transition: all 0.5s;
}
.i_ok
{
    right:-22px;
    background:url(/i/ico_aceptar.png) no-repeat left top;
}
.i_cancel
{
    right:-42px;
    background:url(/i/ico_cancelar.png) no-repeat left top;
}
.i_ok:hover,
.i_cancel:hover
{
    opacity:1;
    transition: all 0.5s;
}
.noIcono, 
a.noIcono, 
.noIcono a
{
    background:none !important;
}
.tamFijo, 
a.tamFijo, 
.tamFijo a
{
    text-align: left !important;
    width: 80px;
}
.bloque, 
a.bloque, 
.bloque a
{
    display:block !important;
    height:auto !important;
}

#gvVencimientos .hddetail
{
    background:none;
}

.paneledit.alto320
{
    height: 320px;
    padding: 16px 16px 56px;
}

.infoVersion 
{
    position:absolute;
    right:5px;
    top:0;
}
.infoVersion .numVersion, .infoVersion .estadoVers 
{
    background-color: #eeeeee;
    border: 1px solid #dddddd;
    display: inline-block;
    float: right;
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
    padding:0 8px;
}
.width50pc .logTxt 
{
    background:#f9f9f9 url(/images/img-documentos.png) no-repeat center 50px;
    opacity:0.7;
    min-width:150px;
    width:60%;
    padding-top:150px;
    text-align:center;
    font-size:24px;
    border:3px solid #333333;
    display:block;
    margin:10px auto;
    padding-bottom:30px;
    transition:all 0.5s;
}
.width50pc .logTxt:hover
{
    opacity:1;
    box-shadow: 5px 5px 0 #000000;
    transition:all 0.5s;
}

/* Modo oculto del boton (plus) */
.hddetail
{
    background-image: url('/i/add.png');
    background-repeat: no-repeat;
    background-position: center center;
}
/* Modo visible del boton (hide) */
.shdetail
{
    background-image: url('/i/remove.png');
    background-repeat: no-repeat;
    background-position: center center;
}

/* Fila con colspan que contiene la celda y tabla swdetail */
.trdetail {
    border-style: groove;
    border-width: 1px 0px 1px 0px;
    border-color: #C0C0C0;
    background-color: #EAEAEA;
}
/* Celda explicita que contiene la tabla swdetail */
.tddetail {
}
/* Celda explicita (tddetail) mientras carga datos */
.loading {
    background-image: url('/i/ajax-loader-mini.gif');
    background-repeat: no-repeat;
    background-position: left center;
}
/* Tabla con los datos */
.svdetail {
    margin-left: 1%;
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #000000;
}
    .svdetail th {
        font-weight: bold;
        text-align: left;
        border-bottom-color: #000000;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        line-height: 0px;
        height: 12px;
    }
    .svdetail td,
    .svdetail th {
        padding-right: 8px;
        padding-left: 8px;
    }
        /* Tabla con los datos - Columnas definidas */
        .svdetail td[data-field="un_fac"],
        .svdetail td[data-field="pu_prod"],
        .svdetail td[data-field="porc_iva"],
        .svdetail td[data-field="porc_irpf"],
        .svdetail td[data-field="importe_base"],
        .svdetail td[data-field="total_lin"] {
            text-align: right;
            min-width: 40px;
        }
        .svdetail td[data-field="nom_prod"],
        .svdetail td[data-field="comment_post"],
        .svdetail td[data-field="comment_ant"] {
            min-width: 140px;
        }


.subcontenido {
    border:1px solid #eeeeee;
    margin:15px;
}
.subcontenido h4 {
    padding: 5px 10px;
    background: #f9f9f9;
}
.panelZonificacion,
.panelCaracteristicas
{
    overflow:auto;
    max-height:330px;
    clear:both;
}
.panelCaracteristicas
{
    max-height:320px;
}
.panelZonificacion table 
{
    clear:both;
}
.modal-body_novale 
{
    margin:0 20px;
    width:100%;
}
.tablaListado, .tablaListado2 {
    border-top: 1px solid #eeeeee;
    bottom: 55px;
    left: 15px;
    overflow: auto;
    position: fixed;
    top: 280px;
    width: 47%;
}
.tablaListado2 {
    left: auto;
    right: 15px;
}
.treeview_fixed {
    height: 400px;
    overflow-y: scroll;
    width: 520px;
}
    .treeview_fixed .treeview_actions {
        height: 32px;
        float: right;
    }

.contrato {
    font-size: 15px;
    position: absolute;
    right: 20px;
    top: 5px;
}
    .contrato a {
        text-decoration: none;
    }
.rowBloque {
    float: right;
    margin-right: 30px;
}
.noCompletado {
    -webkit-animation: noCompletado 0.3s linear 0.3s infinite alternate; /* Chrome, Safari, Opera */
    animation: noCompletado 0.3s linear 0.3s infinite alternate; /* Standard syntax */
}
/* Chrome, Safari, Opera */
@-webkit-keyframes noCompletado {
    from {color:#000000;}
    to {color:#ff0000;}
}
/* Standard syntax */
@keyframes noCompletado {
    from {color:#000000;}
    to {color:#ff0000;}
}

#avisoObligatorio 
{
    position:absolute;
    top:65px;
    left:10px;
    right:25px;
    height:50px;
    background-color:#ffffff;
    z-index:100;
    box-shadow:0 0 5px #cccccc;
}
    #avisoObligatorio .msgAviso {
        text-align: center;
        margin-top: 20px;
        font-size: 14px;
        /*font-family:Arial, Verdana, Sans-Serif;*/
        font-family: "Montserrat", Calibri, Arial;
        color: #333333;
    }
    #avisoObligatorio .cerrarCapa {
        border: 1px solid #999999;
        border-radius: 50%;
        color: #999999;
        /*font-family: Arial,Verdana,sans-serif;*/
        font-family: "Montserrat", Calibri, Arial;
        font-size: 10px;
        height: 11px;
        padding: 2px;
        position: absolute;
        right: 2px;
        text-align: center;
        top: 2px;
        width: 11px;
    }
#avisoObligatorio .cerrarCapa:hover
{
    color:#000000;
}

div[data-required="required"] input,
div[data-required="required"] textarea,
div[data-required="required"] select,
div[data-required="required"] .editor table {
    border-color: rgba(255,0,0, 0.1) !important;
    box-shadow: 3px 0px 0 rgba(255,0,0, 1);
    background-color: rgba(255,0,0, 0.1);
}

div[id*="editDocName"] div[data-required="required"] input 
{
    background-color:#ffffff;
    margin-top:10px;
}

div[id*="editDocName"] div[data-required="required"] div[id*="DocName_caption"]
{
    display:none;
}
 div[data-required="required"] span[data-rel="readonly"]:empty + span + div[class="fieldinteractive"] a
{
    /*opacity: 1;
    box-shadow: 0 0 1px #ff0000 inset;*/
}
.validationsummary 
{
    /*border: 1px solid rgba(255,0,0, 0.7);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255,0,0, 0.7);*/
    border-radius: 5px;
    clear: both;
    margin: 10px;
    padding: 10px;
    background-color: rgba(255, 0, 0, 0.7);
    color: #ffffff !important;
}
div[data-autocomplete="enabled"] input[type="text"] {
    background: rgba(0, 0, 0, 0) url("/i/ico_predictive.png") no-repeat scroll right center;
}
/* FIN Estilos Interactivos */

/* Estilos Predictivos */
.fieldcaption.predictivo ~ div input:focus,
.control-label.predictivo ~ div input:focus
{
    border: 1px solid #70ad75;
    box-shadow: 0 0 3px #70ad75;
}
/* FIN Estilos Predictivos */

/*#ucZonificacion1_tvCar, #ucCaracteristicas1_tvCar {
    height: 320px;
    overflow: auto;
    width: 520px;
}*/
.ajax__calendar_container TD 
{
    padding-bottom:0 !important;
}
.pnTipusTutelar {
    display:none;
}

@media print 
{   
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video
    {float:none !important; overflow:visible !important; position:relative !important;}
    .fielddata, .fieldcaption, .fieldcontainer {display:inline-block;}
    .separator {height:20px; margin-bottom:5px;}
    .actions, .voidrow, [class^="icon-"], [class*=" icon-"] {display:none;}
    .modal-body {bottom: 0; left: 0; right: 0; top: 0;}
    #ctl00_pnNew, #ctl00_pnCSituacio, #pnTipusTutelar, 
    #ctl00_pnPlantillas {display:none;}
    div.header {border-bottom:5px solid #eeeeee; padding-bottom:10px; height:20px;}
    .row.nohidden {height:auto;}
    span {display:inline-block;}
    .fielddata, .fieldcaption, .fieldcontainer {
    display: inline-block;
    float: left !important;
    margin-bottom: 3px;
    margin-top: 3px;
    }
    #lvAsistentes {margin-top: 3px;}
    .header 
    {
        height:130px !important;
    }
    .header div {
        font-size: 22px !important;
        font-weight: bold !important;
        margin-bottom: 10px !important;
        width: auto !important;
    }
    .header img 
    {
        float: right !important;
        height: auto !important;
        max-height: 120px !important;
        max-width:100px !important;
        width: auto !important;
    }
    .header h3
    {
        float: none !important;
        font-size: 14px !important;
        line-height: 14px !important;
        margin-top: 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }
    .punta, .actions, .paneledit, .pnTipusTutelar, .plantillas,
    .modal-body .voidrow, .modal-body .messages, .modal-body .separator i
    {
        display:none !important;
    }
    .modal-body .separator {margin-left:-10px !important;}
    .modal-body .row {margin-bottom:20px !important;}
    .modal-body .row .fieldcaption {text-align:left !important;} 
    .modal-body .row .fielddata {margin-left:10px !important;}
    .modal-body font[size="3"] {font-size:12px !important;}
    
    form[action*="editSituacioEconomica.aspx"] .item 
    {
        float:left;
        width:40%;
        display:inline-block;
        margin:0;
        padding:0;
    }
    form[action*="editSituacioEconomica.aspx"] .item .leyenda
    {
        top:85px;
    }
    form[action*="editSituacioEconomica.aspx"] .resumen .titulos,
    form[action*="editSituacioEconomica.aspx"] .resumen .ingresos,
    form[action*="editSituacioEconomica.aspx"] .resumen .gastos
    {
        float:right;
        width:47%;
        display:inline-block;
        margin:0;
        margin-right:2%;
        padding:0;
        vertical-align:top;
    }
    form[action*="editSituacioEconomica.aspx"] .resumen .titulos {
        border-bottom: 1px solid #dddddd;
        padding-bottom: 20px;
        font-weight:bold;
    }
    form[action*="editSituacioEconomica.aspx"] .resumen .valor,
    form[action*="editSituacioEconomica.aspx"] .resumen .total
    {
        float:left;
        width:100%;
        text-align:right;
        display:inline-block;
        margin:0;
        padding:0;
        vertical-align:top;
    }
    form[action*="editSituacioEconomica.aspx"] .resumen progress,
    form[action*="editSituacioEconomica.aspx"] .punta
    {
        display:none;
    }
    form[action*="editSituacioEconomica.aspx"] .resumen li
    {
        padding-bottom:10px;
        border-bottom:1px solid #dddddd;
        width:100%;
    }
    form[action*="editSituacioEconomica.aspx"] .printLeft
    {
        float:left;
        width:49%;
        display:inline-block;
        margin:0;
        padding:0;
        vertical-align:top;
    }
    form[action*="editSituacioEconomica.aspx"] .modal-body
    {
        margin-top:0;
        top:-50px;
        padding-top:0;
    }
    form[action*="editSituacioEconomica.aspx"] .header
    {
        margin-bottom:0;
        padding-bottom:0;
    }
    form[action*="editSituacioEconomica.aspx"] .graficos
    {
        margin-bottom:0;
        min-height: 240px;
    }
    form[action*="editSituacioEconomica.aspx"] .saltodepagina
    {
        display:block;
        page-break-before:always;
        height:50px;
    }
}

.modalBackground_white{
    background-color: #FFFFFF;
    opacity: 0.8;
}
#conciliacionBancaria .movimientosConciliar 
{
    float:left;
    width:48%;
}
#conciliacionBancaria .recibosConciliar 
{
    float:right;
    width:48%;
}
#conciliacionBancaria .tablaColumna1, .tablaColumna2 {
    border-top: 1px solid #eeeeee;
    bottom: 120px;
    left: 15px;
    overflow: auto;
    position: fixed;
    top: 300px;
    width: 47%;
}
#conciliacionBancaria .tablaColumna2 {
    left: auto;
    right: 15px;
}
#conciliacionBancaria .modal-importe .fieldcaption {
    font-size:12px;
}

/* Busqueda avanzada de productos */
.srcontainer 
{
    width: auto;
}
.srcontainer .grid img
{
    max-width:40px;
    max-height:40px;
}
.srleft, .srright 
{
    float: left;
    overflow-y: auto;  
    height: 360px; 
}
.srleft 
{
    border-right: 1px solid #cccccc;
    margin-right: 10px;
    width: 320px;
    /*background-color: #e0e0e0;*/
}
.srright
{
    /* width: 100%; 
    background-color: #c0c0c0;*/
}
.srsearch
{
    width: auto;
}

/* Datos Personales */


/* MOROSO */
form.moroso div.header {
    background-color: #ff8c00;
}
form.moroso #chkMoroso_caption {
    color: #ff8c00;
}

.header_right 
{
    float: right;
    background: url("/i/ico_externo_mini.png") no-repeat scroll right 5px;
    padding-right: 24px;
    line-height: 24px;
    padding-left: 8px;
}
.header_right:hover
{
    background-color: #ffffff;
    color: #000000 !important;
}

/* Estilos NODE CR */
.node_error {
    background-color: #ff0000;              /* CUSTOM */
    border: 1px solid rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    left: 32px;
    position: absolute;
    right: 32px;
    vertical-align: middle;
}
.node_error_text 
{
    font-size: 2em;
    vertical-align: middle;
    padding: 32px;
    text-align: center;
}
.node_panel, .node_result
{
    z-index: 12000;
}
.node_panel
{
    width: 33%;
    border: 1px solid #e0e0e0;
    padding: 16px;
    position: absolute;
    height: auto;
    top: 50%;
    background-color: #ffffff;
    left: 33%;
}
.node_wait .node_panel {
    text-align:center;
}
.node_result
{
    font-size: 1.4em;
}        
.node_panel.data_error
{
    background-color: #ffc8c8;
}
.node_close
{
    background-image: url('/i/noAllow.png');
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    right: -8px;
    top: -7px;
    background-color: #ffffff;
}
.node_download a.download
{
    display: inline-block;
    border: 1px solid #e0e0e0;
    padding: 4px;
    float: right;
    padding-left: 26px;
    padding-right: 8px;
    background-color: #f0f0f0;
    font-size: 0.8em;
    background-image: url('/i/ico_archivo.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 5px;
}
        
.inf_left, .inf_right
{
    float: left;
    height: 100%;
    overflow-y: auto;
    padding-left: 30px;
    overflow-x: hidden;
    width: 45%;
}
.inf_right .title {
    font-size: 2em;
    margin-bottom: 16px;
    line-height: 24px;
    border-bottom: 1px dotted #a0a0a0;
    padding-bottom: 8px;
    min-height:24px;
}
.inf_left {
    border-right: 1px solid #c0c0c0;
    padding-right: 16px;
}  
.tipo_doc input, .tipo_doc label {
    display: inline-block;
    line-height: 24px;
    width: auto;
    height: 24px;
    padding: 2px;
    padding-right: 15px;
    border-bottom-style: ridge
}
.tipo_doc {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    width: auto;
    padding-left: 12px;
    border-radius: 14px;
    font-size: 0.7rem;
}
.rfv 
{
    display: inline-block;
    background: #ff0000;
    color: #ff0000;
    width: 4px;
    line-height: 24px;
    height: 24px;
    text-align:center;
}

#desplegar 
{    
    display: inline-block;
    width: 14px;
    height: 18px;
    line-height: 20px;
    margin-top: 2px;
    vertical-align: text-top;
    background-image: url("/i/glyphicons-halflings.png");
    background-repeat: no-repeat;
    background-position: -360px -96px;
}
#desplegar.cierra
{
    background-position: -384px -96px;
}

/* Estilos AC_DOCUMENTOS */
.documentos td {vertical-align:top; white-space:normal !important;}
.documentos .doc_right 
{
    bottom: 0;
    left: 375px;
    position: absolute;
    right: 5px;
    top: 2px;
}
.documentos .arbol {max-height:235px; overflow:auto;}
.documentos #recibos th {border:none;}
.documentos .doc_left 
{
    border-right: 1px solid #dddddd;
    bottom: 59px;
    left: 10px;
    padding-top: 10px;
    position: absolute;
    top: 0;
    width: 360px;
}
#recibos h3, #otros h3
{
    margin-top: 10px;
    padding-bottom: 0;
}
.documentos .pestanyas 
{
    position:fixed;
    bottom: 0;
    left: 0;
    padding-bottom: 30px;
    background:#ffffff;
    width: 371px;
}
.documentos .pestanyas a
{
    border: 1px solid #dddddd;
    border-radius: 0 0 8px 8px;
    color: #333333;
    display: inline-block;
    margin-right: -4px;
    padding: 5px 0;
    text-align: center;
    width: 184px;
    background:#e9e9e9;
}
.documentos .pestanyas a.activo
{
    color:#000000;
    font-weight:bold;
    background-color:#ffffff;
    border-top: 1px solid #ffffff;
}
.documentos .pestanyas a:hover
{
    background-color:#ffffff;
}
.documentos .grid tr 
{
    border-right:1px solid #dddddd !important;
}
.documentos table.grid 
{
    margin-left:1px;
    margin-bottom: 60px !important;
}

.contabilizado {
    font-size: 15px;
    position: absolute;
    right: 20px;
    top: 32px;
}

/* Detalle facturas */
div.detalle {
    padding: 8px;
    background-color: #FFFFFF;
    border: 1px solid #C0C0C0;
    display: none;
}
/* Estilos Base de Factura */
.base 
{
    background-color: #fff;
    bottom:40px;
    left: 0;
    padding-top: 5px;
    position: absolute;
    right: 0;
    border-top: 1px solid #ccc;
}
.base ul.menu
{
    border-right: 1px solid #cccccc;
    float: left;
    height: 40px;
    margin-left: 5px;
    position: relative;
    width: 21px;
    z-index: 10;
}
.base ul.menu li a
{
    display:inline-block;
    border: 1px solid #cccccc;
    background:#dddddd;
    height: 20px;
    text-align: center;
    width: 20px;
    color:#000000;
    transition:all 0.5s;
}
.base ul.menu li a:hover
{
    background-color:#eeeeee;
    color:#ff0000;              /* CUSTOM */
    transition:all 0.5s;
}
.base ul.menu li a.activo
{
    border-right:1px solid #ffffff;
    background:#ffffff;
}
.base ul.menu li a.activo:hover
{
    background-color:#ffffff;
    color:#000000;
    cursor:default;
}
.base ul.menu li:first-child a
{
    border-bottom:0px solid #ffffff;
}
.base #pestanya1,
.base #pestanya2
{
    border-left: 1px solid #cccccc;
    float: left;
    margin-left: -1px;
    margin-top: -5px;
    min-height:60px;
    padding-left:10px;
    padding-bottom:5px;
    padding-top:5px;
    width:880px;
}
.base .vencimientos
{
    float:left;
    width:28%;
}
.base .valores
{
    float:left;
    width:72%;
    font-size:16px;
}
.base .valores .fieldcaption
{
    margin-left:0;
    height: 34px;
    line-height: 28px;
}
.base .valores span {
    display: inline-block;
    margin-right:20px;
    width: 80px;
}
.base .valores span:last-child 
{
    margin-right:0;
}
.base .valores .doclist_info 
{
    padding:0;
}
.base .valores .fielddata 
{
    font-size:15px;
}
.base .valores .fielddata.porcent
{
    display:inline-block;
    width:20px;
}
.base .valores .fielddata.porcent span
{
    width:20px;
    font-size:12px;
    line-height: 28px;
}
.base .valores .fielddata.porcent span:after
{
    content:")";
}
.base .valores .fielddata.porcent span:before
{
    content:"(";
}
.base .valores .impuesto
{
    display: inline-block;
    width:100px;
}
.base .firmas
{
    text-align:center;
}
.base .firmas a
{
    display:inline-block;
    width:45%;
}
.base .capaFirma
{
    background-color: #ffffff;
    box-shadow: 0 0 5px #666666;
    height: 400px;
    left: 20%;
    position: fixed;
    right: 20%;
    top: 10%;
    width: auto;
    text-align: center;
    display:block;
}
.base .capaFirma img
{
    max-height:400px;
    max-width:400px;
}
.base .capaFirma a
{
    color: #000000;
    display: inline-block;
    font-size: 18px;
    height: 20px;
    position: absolute;
    right: 5px;
    text-align: right;
    top: 5px;
    width: 100px;
}
.totales_foot table
{
    width: 85%;
    float: right;
}
.totales_foot td
{
    font-size: 110%;
    --border-top: 1px solid #a0a0a0;
    margin: 0px;
    padding: 0px;
}
.totales_foot .w1
{
    width: 94px;
    text-align: right;
}
.totales_foot .w2
{
    width: 68px;
    text-align: right;
}
.totales_foot .w0
{
    width: 22px;
    text-align: right;
}
.totales_foot .wct
{
    width: 55px;
}
.font-minor
{
    /*font-size: 70%;*/
    margin-right: 4px;
}
strong
{
    font-weight: bold;
}
.td_final
{
    background-color: #a0a0a0;
    color: #ffffff;
    width: 100%;
}
.td_null
{
    color: #d0d0d0;
}
.base
{
    bottom: 42px;
    background-color: #fff;
    border-top: 1px solid #ccc;
    left: 0;
    padding-top: 0;
    position: absolute;
    right: 0;
}
.base ul.menu
{
    border-right: 1px solid #cccccc;
    float: left;
    height: 36px;
    margin-left: 7px;
    margin-top: -1px;
    position: relative;
    width: 18px;
    z-index: 10;
}
.base ul.menu li a
{
    width: 18px;
    height: 18px;
}
.base .totales
{
    background-color: #ffffff;
    border-left: 1px solid #cccccc;
    height: 36px;
    left: 26px;
    position: absolute;
    right: -4px;
    top: 0;
    z-index: 10;
}
.base .totales .totalCol
{
    float: left;
    width: 14.28%;
}
.base .totales .fieldcontainer
{
    line-height: 36px;
}
.base #pestanya1, .base #pestanya2
{
    padding-top: 36px;
    margin-top:10px;
    margin-left: 0;
}
.totales_foot .fieldcontainer
{
    line-height: 16px;
}
.base .totales #tdTotalDivisa .fieldcontainer
{
    line-height: 18px;
    height: 36px;
}
.base .totales #tdTotalDivisa .fieldcaption
{
    float: none;
    text-align: left;
}
.base .totales #tdTotalDivisa .fielddata
{
    margin-left: 8px;
}
.margin160px
{
    margin-left: 160px;
}
.totales .td_null span:before
{
    content: "(";
}
.totales .td_null span:after
{
    content: ")";
}

.body-top 
{
    bottom:50px;
    left: 0;
    overflow: auto;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: 0;
}
.body-bottom 
{
    bottom: -35px;
    left: 0;
    position: absolute;
    right: 0;
}
.body-bottom .base {
    bottom: 42px;
    background-color: #fff;
    border-top: 1px solid #ccc;
    left: 0;
    padding-top: 0;
    position: absolute;
    right: 0;
}
.body-bottom .base ul.menu {
    border-right: 1px solid #cccccc;
    float: left;
    height: 36px;
    margin-left: 7px;
    margin-top: -1px;
    position: relative;
    width: 18px;
    z-index: 10;
}
.body-bottom .base ul.menu li a 
{
    width: 18px; 
    height: 18px;
}
.body-bottom .base .totales {
    background-color: #ffffff;
    border-left: 1px solid #cccccc;
    height: 36px;
    left: 26px;
    position: absolute;
    right: -4px;
    top: 0;
    z-index: 10;
}
.body-bottom .base .totales .totalCol 
{
    float: left; 
    width: 14.28%;
}
.body-bottom .base .totales .fieldcontainer 
{
    line-height: 36px;
}
.body-bottom .base #pestanya1, 
.body-bottom .base #pestanya2 
{
    padding-top: 36px; 
    margin-top:10px; 
    margin-left: 0;
}
.body-bottom .totales_foot .fieldcontainer 
{
    line-height: 16px;
}
.body-bottom .base .totales #tdTotalDivisa .fieldcontainer 
{
    line-height: 18px; 
    height: 36px;
}
.body-bottom .base .totales #tdTotalDivisa .fieldcaption 
{
    float: none; 
    text-align: left;
}
.body-bottom .base .totales #tdTotalDivisa .fielddata 
{
    margin-left: 8px;
}
.body-bottom .margin160px 
{
    margin-left: 160px;
}
.body-bottom .totales .td_null span:before 
{
    content: "(";
}
.body-bottom .totales .td_null span:after 
{
    content: ")";
}
.body-bottom .totales_foot table 
{
    width: 85%; 
    float: right;
}
.body-bottom .totales_foot td 
{
    font-size: 110%; 
    --border-top: 1px solid #a0a0a0;
    margin: 0px; 
    padding: 0px;
}
.body-bottom .totales_foot .w1 
{
    width: 94px; 
    text-align: right;
}
.body-bottom .totales_foot .w2 
{
    width: 68px; 
    text-align: right;
}
.body-bottom .totales_foot .w0 
{
    width: 22px; 
    text-align: right;
}
.body-bottom .totales_foot .wct 
{
    width: 55px;
}
.totales #footTotal .fielddata.w1 {
    color: #ffffff;
}
.body-bottom .font-minor 
{
    /*font-size: 70%;*/ 
    margin-right: 4px;
}

/* Documentos Factura */
.documento
{
    position: absolute;
    right: 50px;
    top: 10px;
    z-index: 8;
}

/* IMG Cargando en botones */
.processing,
.btn.processing {
    background-position-x: center;
    background-position-y: center;
    background-image: url('/img/ajax-loader01.gif') !important;
    min-height: 20px;
    background-repeat: no-repeat !important;
    background-color: #ffffff;
    text-decoration: inherit;
    pointer-events: none;
}
.processing span {
    display: none;
}

/* IMG Cargando deshabilitada en pestañas */
.pestanyas .btn.processing span 
{
    display:inline-block !important;
}
.pestanyas .btn.processing
{
    background-image:inherit !important;
}
/* Importacion */
body.import 
{
    background-color: #ffffff;
}
body.import .modal-body_import h3
{
    border-bottom: 1px solid #c0c0c0;
    margin: 0px;
    /*padding: 0px;*/
}
body.import #lnkImportar
{
    position: absolute;
    right: 24px;
    top: 30px;
}

/* Estilos REPOSITORIOS */

/* Repositorio */
.repositorio {
    margin-top:10px;
    clear: both;
}
.repositorio .dg_upload {
    margin-bottom: 10px;
    max-height: 180px;
    overflow: auto;
}
.repositorio .rep_caption {
    border-bottom: 1px solid #dddddd;
    font-weight: 400;
    line-height: 24px;
    padding: 8px;
    margin-bottom:10px;
}
.repositorio .filtro .rep_caption
{
    margin-top:0;
    padding-top:0;
    padding-bottom: 5px;
}
.repositorio .rep_caption input 
{
    margin-left: -10px;
    margin-right: 8px;
    margin-top: 7px;
}
.repositorio .filtro .rep_caption input 
{
    margin-right:0px;
}
.repositorio .rep.left {
    float: left;
    width: calc(100% - 296px);
}
.repositorio .rep.right
{
    float: right;
    position: fixed;
    right:16px;
    top: 32px;
    bottom: 0px;
    width: 256px;
    border-left: 1px solid #dddddd;
    padding: 16px;
    font-size: 80%;
}
.repositorio .rep_list 
{
    width: 100%;
}
.repositorio .rep_list tr td
{
    background-color:#ffffff;
}
.repositorio .rep_list tr:nth-child(even) td
{
    background-color:#f8f4f5;
}
.repositorio .rep_list tr:hover td {
    background-color: #b0c6e1;
}
.repositorio .rep_item
{
    padding:1px 8px;
    background-color: #ffffff;
    border-bottom: 1px solid #f0f0f0;
}
    .repositorio .rep_item img {
        background-image: url("/images/iconos.png?20191024");
        background-position: 20px 0px;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        margin-top: 2px;
        float: left;
        margin-right: 5px;
    }
.repositorio .rep_item a
{
    color: #000000;
    margin-top:2px;
    width: calc(100% - 260px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    float: left;
}
.repositorio .rep_item a:hover
{
    text-decoration: underline;
    color:#03428E;
}
.repositorio .rep_item .folder img {background-position:-180px -60px;}
.repositorio .rep_item .file img {background-position:-200px -60px;}
.repositorio .rep_item .selector
{
    float:left;
}
    .repositorio .rep_caption .btVolver {
        background: url(/images/custom/ico_menu3.png?20191024) no-repeat center center;
        width: 20px;
        height: 13px;
    }
.repositorio .rep_item .selector input
{
    margin-right:12px;
}
.repositorio .rep_item ol
{
    display: inline-block;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    float: right;
    width: 200px;
}
.repositorio .rep_item ol li
{
    float: right;
    line-height: 24px;
    padding: 0px;
    width: 100px;
    text-align: right;
}
.repositorio .rep_item:hover
{
    background-color:#03428E;
}
    .repositorio .rep_caption .btVolver {
        background: url(/images/custom/ico_menu3.png?20191024) no-repeat center center;
    }
.campos .repositorio .filtro .fieldcaption {font-size:16px; font-weight:400;}
.campos .repositorio .filtro .fieldcontainer input {font-size:16px; font-weight:400; height:28px;}
.campos .repositorio .filtro .paneledit .btn.btnAgregar {
    height: 28px;
    margin-left: 5px;
    padding: 3px 5px 0 0;
    text-align: center;
    width: 26px;
}
.repositorio .rep.right .actions {
    bottom:0px;
}    
.repositorio .rep.right.popup {
    background-color: #ffffff;
    border: 1px solid #808080;
    bottom: 20%;
    box-shadow: 0 0 20px -3px #808080;
    font-size: 80%;
    left: 20%;
    padding: 16px;
    position: absolute;
    right: 20%;
    top: 20%;
    width: 60%;
    z-index: 10000;
}   
.repositorio .dg_append2
{
    position:absolute;
    left:-2000px;
    right:-2000px;
}
.repositorio .ruFileWrap {
    min-width: 260px;
    width: auto;
}  
.repositorio h3,
.repositorio .fieldcaption,
.repositorio .p_panel h3,
.repositorio .p_panel h2,
.repositorio .p_panel h1
{
    font-weight:400;
}  
.repositorio .fielddata input
{
    height:24px;
    border-color:#dddddd;
} 
.repositorio .actionsclass a
{
    display: inline-block;
    height: 20px;
    padding-left:24px;
    margin-right:5px;
    position: relative;
}
    .repositorio .actionsclass a:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        display: block;
        content: "";
        background-image: url("/images/iconos.png?20191024");
        background-position: 20px 0px;
        background-repeat: no-repeat;
    }  
.repositorio .actionsclass a:hover {color:#03428E;}
.repositorio .actionsclass a:hover:before {background-image: url("/images/iconos.png?20191024");}
.repositorio .actionsclass a.foldernew:before {background-position:0px -60px;}
.repositorio .actionsclass a.fordermove:before {background-position:-20px -60px;}
.repositorio .actionsclass a.folderrename:before {background-position:-40px -60px;}
.repositorio .actionsclass a.folderdelete:before {background-position:-60px -60px;}
.repositorio .actionsclass a.folderprop:before {background-position:-80px -60px;}
.repositorio .actionsclass a.folderprop {display:none;}
.repositorio .actionsclass a.fileupload:before {background-position:-100px -60px;}
.repositorio .actionsclass a.filerename:before {background-position:-120px -60px;}
.repositorio .actionsclass a.filedelete:before {background-position:-60px -60px;}
.repositorio .actionsclass a.filemove:before {background-position:-140px -60px;}
.repositorio .actionsclass a.filelink:before {background-position:-160px -60px;}
.repositorio .actionsclass a.filelink {display:none;}
.repositorio .actionsclass a.fileprop:before {background-position:-80px -60px;}
.repositorio .actionsclass a.fileprop {display:none;}
.dg_append .dg_title h4,
.dg_append .dg_title h3 {font-weight:400;}
.dg_append .dg_title h5 {font-weight:400; margin-bottom: 15px; padding-bottom: 5px;}

.repositorio .filtro .listaItem
{
    border: 1px solid #dddddd;
    border-radius: 3px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 2px;
    cursor:default;
}
.repositorio .filtro .listaItem .listaNombre
{
    background: #ffffff none repeat scroll 0 0;
    color: #03428E;
    font-size: 15px;
    font-weight: 400;
}
.repositorio .filtro .listaItem .listaEliminar
{
    border-radius: 50%;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    height: 20px;
    line-height: 18px;
    margin-left: -3px;
    text-align: center;
    width: 20px;
}
.repositorio .filtro .listaItem .listaInicial
{
    background-color: #03428E;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    line-height: 22px;
    padding: 0;
    text-align: center;
    width: 24px;
}
.repositorio .filtro .listaItem .listaEliminar:hover
{
    background: #dddddd none repeat scroll 0 0;
    color:#000000;
}
.repositorio .filtro .listaAdjunto
{
    border: 1px solid #dddddd;
    border-radius: 3px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 2px;
    cursor:default;
}
.repositorio .filtro .listaAdjunto .listaNombre
{
    background: #ffffff none repeat scroll 0 0;
    color: #03428E;
    font-size: 15px;
    margin-left: 5px;
    font-weight: 400;
}
.repositorio .filtro .listaAdjunto .listaEliminar
{
    border-radius: 50%;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    height: 20px;
    line-height: 18px;
    margin-left: -3px;
    text-align: center;
    width: 20px;
}
.repositorio .filtro .listaAdjunto .listaEliminar:hover
{
    background: #dddddd none repeat scroll 0 0;
    color:#000000;
}

.modal-body .repositorio .ctl00_cphContent_tvFiles_10 a {
    color:#fff;
}
.modal-body .repositorio .nodo a
{
    position:relative;
    padding-left:20px;
}
    .modal-body .repositorio .nodo a:before {
        background-image: url("/images/iconos.png?20191024");
        background-position: -220px -60px;
        background-repeat: no-repeat;
        content: " ";
        width: 20px;
        height: 20px;
        display: inline-block;
        position: absolute;
        left: -1px;
    }
    .modal-body .repositorio .nodo a.claseNodoSelected:before {
        background-image: url("/images/iconos-bl.png?20191024");
        background-position: -300px 0px;
        left: -3px;
    }

/* ESTILOS MODULOS */
.ModuloVersion .submenuModulos 
{
    float: left;
    height: 395px;
    width: 45px;
}
.ModuloVersion .submenuModulos img
{
    background-color: #dddddd;
    border: 1px solid #dddddd;
}
.ModuloVersion .submenuModulos img.activo
{
    background-color: #ffffff;
    border-right: medium none;
}
.ModuloVersion .contenidosModulos 
{
    float: left;
    height: 372px;
    width: 670px;
    position:relative;
}
.ModuloVersion .contenidosModulos .titulo
{
    font-size:16px;
    font-weight:bold;
    line-height:45px;
    margin-left: 50px;
    height: 40px;
}
.ModuloVersion .contenidosModulos .titulo span
{
    height: 30px;
    line-height: 45px;
    max-width: 440px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ModuloVersion .contenidosModulos .row .width100pc
{
    color:#ffffff;
    margin-left:50px;
}
.ModuloVersion .contenidosModulos .row textarea
{
    height:325px;
}
.ModuloVersion .contenidosModulos .btn
{
    position:absolute;
    right: 35px;
    top: 15px;
    background: url("/i/ico_copy.png") no-repeat right center;
    padding:3px 20px 3px 5px;
}
.ModuloVersion .contenidosModulos .btn:hover
{
    background-color:#eeeeee;
}
.soloDerecha 
{
    float:right;
}


/* Icono WOPEN */
.submenu .sbMid a[href*="javascript:void"] {
    padding-right: 20px;
}
.submenu .sbMid a[href*="javascript:void"]::after {
    background:url("/images/iconos.png") no-repeat 0 -20px;
    content: "";
    height: 20px;
    position: absolute;
    right: 0;
    top:1px;
    width: 20px;
}
/* Icono Submenu Lateral WOPEN */
ul.submenu_lat li a[href*="javascript:void"] {padding-right:20px;}
ul.submenu_lat li a[href*="javascript:void"]::after {
    background:url("/images/iconos.png") no-repeat 0 -20px;
    content: "";
    height: 20px;
    position: absolute;
    right: 0;
    top:7px;
    width: 20px;
}

/* CHECKBOX SWITCH ON/OFF */
    .onoffswitch {
        position: relative; 
        width: 70px;
        -webkit-user-select:none; 
        -moz-user-select:none; 
        -ms-user-select: none;
    }
    input[type="checkbox"].onoffswitch-checkbox {
        display: none;
    }
    .onoffswitch-label {
        display: block; 
        overflow: hidden; 
        cursor: pointer;
        border: 2px solid #999999; 
        border-radius: 12px;
    }
    .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: 25px;
            padding: 0;
            line-height: 25px;
            font-size: 12px;
            color: white;
            /*font-family: Trebuchet, Arial, sans-serif;*/
            font-family: "Montserrat", Calibri, Arial;
            font-weight: bold;
            box-sizing: border-box;
        }
    .onoffswitch-inner:before {
        content: "SI";
        padding-left: 10px;
        background-color: #283A97; 
        color: #FFFFFF;
    }
    .onoffswitch-inner:after {
        content: "NO";
        padding-right: 10px;
        background-color: #EEEEEE; 
        color: #999999;
        text-align: right;
    }
    .onoffswitch-switch {
        display: block; 
        width: 18px; 
        margin: 3.5px;
        background: #FFFFFF;
        position: absolute; 
        top: 0; 
        bottom: 0;
        right: 41px;
        border: 2px solid #999999; 
        border-radius: 12px;
        transition: all 0.3s ease-in 0s; 
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 0px; 
    }
    
    /* GESTION DOCUMENTAL */
    .dg_filecontainer 
    {
        display: block;
        clear: both;
    }
        .dg_filecontainer li {
            display: flex;
            position: relative;
        }
            .dg_filecontainer li:nth-child(2n + 2) {
                background-color: #f9f9f9;
            }
            .dg_filecontainer li div,
            .dg_filecontainer .dg_item_date,
            .dg_filecontainer .dg_item_by,
            .dg_filecontainer .dg_item_desc,
            .dg_filecontainer .dg_commands {
                line-height: 1.4rem;
                padding: 2px;
            }
        .dg_filecontainer .dg_commands {
            width: 50px;
            line-height: inherit;
        }
        .dg_filecontainer .dg_item_desc 
        {
            font-weight:bold;
        }
        .dg_filecontainer .dg_item_by 
        {
            margin-right: 2px;
            font-style: italic;
        }
        .dg_filecontainer .dg_item_caducidad span:before {
            content: "- Fecha Caducidad:";
            margin-right:5px;
        } 
.dg_filecontainer .dg_item_desc a {
    border: 1px solid #ffffff;
    border-radius: 3px;
    padding: 2px 5px;
}
    .dg_filecontainer .dg_item_desc a:hover
    {
        border: 1px solid #999999;
        color:#666666;
    }
    .dg_lnkappend 
    {
        float: right;
    }
.btn.dg_lnkappend {
    font-size: 20px;
    font-weight: normal;
    /*line-height: 26px;*/
    border-radius: 0;
}
.dg_append {
    background-color: #ffffff;
    border: 1px solid #c0c0c0;
    padding: 16px;
    box-shadow: 0px 0px 20px #202020;
    overflow: visible;
}
    .dg_append .dg_title
    {
    }
    .dg_append .dg_title h3
    {
        margin: 0px;
        padding: 0px;
        font-size: 100%;
    }
    .dg_append .dg_title h4
    {
        margin: 0px;
        padding: 0px;
        margin-bottom: 8px;
    }
    .dg_append .dg_title h5
{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #c0c0c0;
    margin-bottom: 4px;
    line-height: 20px;
    font-weight: bold;
    margin-top: 4px;
}
    .dg_append .dg_title h5 i
{
font-size: 150%;
}
    .dg_append .dg_upload 
    {
    }
    .dg_append .dg_fileinfo 
    {
        border: 1px solid #e0e0e0;
        margin-bottom: 10px;
    }
    .dg_filedesc input[type="text"] 
    {
        width: 300px;
    }
    .dg_append .dg_fileinfo .fieldcaption
    {
        width: 130px;
    }
    .dg_append .dg_acciones 
    {
        float: right;
    }
    .dg_commands .dg_cm_editar
    {
       display: inline-block;
       width: 24px;
       height: 24px; 
       background-repeat: no-repeat;
       background-position: center center;
       background-image: url('/i/ico_editar.png');
    }
.dg_dragAndDrop 
{
    background-color: rgba(220, 220, 220, 0.2);
    border: 3px dashed #dddddd;
    height: 80px;
    margin-bottom: -10px;
    margin-top: 10px;
    width: 96%;
    vertical-align:middle;
    text-align:center;
    transition:all 0.5s; 
    bottom: 0px;
    margin-bottom: 15px;  
}
    .dg_dragAndDrop:before {
        color: #dddddd;
        content: "Arrastrar archivo";
        /*font-family: Calibri,Arial,sans-serif;*/
        font-family: "Montserrat", Calibri, Arial;
        font-size: 20px;
        font-weight: bold;
        line-height: 80px;
        text-align: center;
    }
.dg_dragAndDrop:hover
{
    background-color:rgba(220,220,220,0.5);
    border: 3px dashed #cccccc;
    transition:all 0.5s;
}
.dg_dragAndDrop:before
{
    color: #cccccc;
}

/* VISOR DOCUMENTOS */
.viewerContainer 
{ 
    position: absolute;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
     
}
.viewerContainer .viewerHeader
{   
    height: 32px;
    background:rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    color: #000000;
    position:relative;
}
.viewerContainer .viewerHeader .closebutton,
.viewerContainer .viewerHeader .closebutton.xmlxsl
{
    background:#ffffff  url('/i/ico_cancel.png') no-repeat center center;
    border-radius: 50%;
    box-shadow: 0 0 5px #999999;
    height: 28px;
    position: absolute;
    right: -8px;
    top: -8px;
    transition: all 0.5s ease 0s;
    width: 28px;
    z-index: 10;
    -webkit-animation: dgButtons 0.3s ease; /* Chrome, Safari, Opera */
    animation: dgButtons 0.3s ease; /* Standard syntax */
}
.viewerContainer .viewerHeader .closebutton.xmlxsl
{
    background:#ffffff  url('/i/ico_xmlxsl.png') no-repeat center center;
}
.viewerContainer .viewerHeader .dg_caption
{
    float: left;
    display: inline-block;
    height:32px;
    line-height: 32px;
    color: #000000;
    font-size: 120%;
    padding-left:10px;
}
.viewerContainer .viewerHeader .linkcaption
{
    background:#ffffff url('/i/ico_archivo.png') no-repeat center center;
    border-radius: 50%;
    box-shadow: 0 0 5px #999999;
    height: 28px;
    position: absolute;
    right: -8px;
    top: 27px;
    transition: all 0.5s ease 0s;
    width: 28px;
    z-index: 10;
    -webkit-animation: dgButtons 0.3s ease; /* Chrome, Safari, Opera */
    animation: dgButtons 0.3s ease; /* Standard syntax */
}
.viewerContainer .viewerHeader .closebutton:hover,
.viewerContainer .viewerHeader .linkcaption:hover
{
    background-color: #eeeeee;
    box-shadow: 0 0 5px #333333;
    transition: all 0.5s ease 0s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes dgButtons {
    from {opacity:0;}
    to {opacity:1;}
}
/* Standard syntax */
@keyframes dgButtons {
    from {opacity:0;}
    to {opacity:1;}
}
.viewerContainer .viewerContent
{
    position: absolute;
    width: 100%;
    height: calc(100% - 32px);
    background-color: #e0e0e0;
    text-align: center;
    display:table;
}
.viewerContainer .viewerContent .viewerCell
{   
    vertical-align:middle;
    display:table-cell;
}
.viewerContainer .vwError,
.viewerContainer .vwOther
{
    font-size: 200%;
}
.viewerContainer .vwImage,
.viewerContainer video
{
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.viewerContainer video
{
    background-color:#000000;
}
.viewerContainer .vwPDF
{
    bottom: 0;
    height: 100%;
    left: 0;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

/* Slider bar */
.slider_container {
    position: relative;
    margin: 0 5px 5px;
}
.slider_container input {
    background-color: transparent;
    border: 0 solid #ffffff;
    float: right;
    text-align: right;
    height: 18px;
    margin-right: 5px;
}
.slider_container label {
    height: 18px;
    margin-top: -5px;
}
.slider_container .slider_field {
    height: 5px;
    margin: 5px;
}
.ui-slider-handle.ui-state-default.ui-corner-all 
{
    height:12px;
    width:12px;
}

/* Contabilidad */
.cnt_cuenta input[type="text"]
{
    background-position: 96% center;
    background-image: url('/images/ico-contable.png');
    background-repeat: no-repeat;
}
/* MODAL PANEL */
.modalbackground_white 
{
    background-color: #ffffff;
    opacity: 0.5;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10000;
    right: 0px;
    bottom: 0px;
    background-image: url('/img/loader0004.gif');
    background-position: center center;
    background-repeat: no-repeat;    
}
.p_msgbox 
{
    background-color: #ffffff;
    position: absolute;
    left: calc(50% - 160px);
    top: 30px;
    z-index: 200000;
}
.p_msgbox .p_panel 
{
    z-index: 10001;
    width: 320px;
    border: 1px solid #000000;
    position: relative;
    -webkit-box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.75);    
    background-color: #ffffff;
}
.p_msgbox .p_panel.p_question h2 
{
    background-position: 10px 10px;
    padding-left: 60px;
    background-image: url('/Resources/32/question.png');
    background-repeat: no-repeat;
}
.p_msgbox .p_panel.p_info h2 
{
    background-position: 10px 10px;
    padding-left: 60px;
    background-image: url('/Resources/32/info.png');
    background-repeat: no-repeat;
}

.p_msgbox .p_panel h1 {
    padding: 4px;
    margin: 0px;
    display: block;
    font-weight: bold;
    background-color: #000000;
    color: #ffffff;
}
.p_msgbox .p_panel h2 {
    padding: 16px;
    margin: 0px;
    font-weight: normal;
}
.p_msgbox .p_panel h3 {
    padding: 4px;
    margin: 0px;
    text-align: center;
    margin-bottom: 8px;
    font-size: 80%;
    float: none;
}
.p_msgbox .p_panel h3 a
{
    border: 1px solid #c0c0c0;
    text-decoration: none;
    padding: 4px 16px 4px 16px;
    margin: 2px;
    color: #808080;
    background-color: #ffffff;
}
.p_msgbox .p_panel h3 a:hover
{
    background-color: #e0e0e0;
    color: #000000;
}
.labelheader 
{
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 28px;
    display: inline-block;
    height: 28px !important;
}
.widthAuto input[disabled="disabled"],
.alineaH3 input[disabled="disabled"] {
    cursor: default;
}
[data-required="required"] .fielddata span[style*="red"] {
    position: relative;
}
[data-required="required"] .fielddata span[style*="red"]:before {
    content: " ";
    top: 0px;
    left: -18px;
    position: absolute;
    background: url(/i/alert.png) no-repeat center center / 16px;
    width: 16px;
    height: 16px;
}


.width75pc .width75px + .fielddata,
.width50pc .width75px + .fielddata,
.width33pc .width75px + .fielddata,
.width22pc .width75px + .fielddata,
.width20pc .width75px + .fielddata {
    width: calc(100% - 85px);
}
.width75pc .width100px + .fielddata,
.width50pc .width100px + .fielddata,
.width33pc .width100px + .fielddata,
.width22pc .width100px + .fielddata,
.width20pc .width100px + .fielddata {
    width: calc(100% - 110px);
}
.width75pc .width120px + .fielddata,
.width50pc .width120px + .fielddata,
.width33pc .width120px + .fielddata,
.width22pc .width120px + .fielddata,
.width20pc .width120px + .fielddata {
    width: calc(100% - 130px);
}
.width75pc .width150px + .fielddata,
.width50pc .width150px + .fielddata,
.width33pc .width150px + .fielddata,
.width22pc .width150px + .fielddata,
.width20pc .width150px + .fielddata {
    width: calc(100% - 160px);
}
.width75pc .width200px + .fielddata,
.width50pc .width200px + .fielddata,
.width33pc .width200px + .fielddata,
.width22pc .width200px + .fielddata,
.width20pc .width200px + .fielddata {
    width: calc(100% - 210px);
}
.width75pc .width250px + .fielddata,
.width50pc .width250px + .fielddata,
.width33pc .width250px + .fielddata,
.width22pc .width250px + .fielddata,
.width20pc .width250px + .fielddata {
    width: calc(100% - 260px);
}
.width150Caption {
    width:100%;
}
.width150Caption .fielddata {
    width: calc(100% - 160px);
    max-width: inherit;
}
.width150Caption input,
.width150Caption select,
.width150Caption textarea {
    width: calc(100% - 20px);
}
.width200Caption {
    width: calc(100% - 210px);
    max-width: inherit;
}
.width200Caption input,
.width200Caption select,
.width200Caption textarea {
    width: calc(100% - 20px);
}
.width25pcCalc .fielddata {
    width: calc(100% - 60px);
}
.width25pcCalc .fielddata input {
    width: 100%;
}
.posAbsolute {
    position: absolute;
    bottom: 12px;
    left: 12px;
    right: 12px;
    top:12px;
}
.top350 {
    top:345px;
}

/* ERP Factura Compra */
.alineaH3 
{
    position:absolute;
    top:0;
    right:0;
}
.posRelative 
{
    position:relative;
}
table.grid.gridWhiteSpace th,
table.grid.gridWhiteSpace td,
table.grid.gridWhiteSpace .grid_rowstyle td span,
table.grid.gridWhiteSpace .grid_arowstyle td span {
    white-space: inherit;
}
table.grid.grid1Linea td,
table.grid.grid1Linea .grid_rowstyle td span,
table.grid.grid1Linea .grid_arowstyle td span {
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
table.grid.grid1Linea td.grid1Linea {
    display:block;
}
table.grid.grid1Linea td.gridWSNormal {
    white-space: normal;
}
.facturaCompra table.grid td {padding-right: 5px;}
.facturaCompra .noNowrap {white-space: normal !important;}
.facturaCompra table.grid th {font-size: 13px; padding-right: 8px;}
.facturaCompra .grid_footerstyle {display: none;}
.facturaCompra table.grid {border-bottom: 1px solid #ccc !important; border-top: 1px solid #ccc !important;}
.facturaCompra .actions {border-top: 0 solid #ffffff;}
.facturaCompra .actionsBTN .pestanyas {left: 27px;}
.facturaCompra .header h4 p {font-size: 14px; font-weight: normal; position: fixed; top: 0px; padding-top: 8px; text-align: right;
                      padding-right: 16px; margin: 0px; right: 62px; padding-left: 16px; padding-bottom: 8px; border-radius: 0px 0px 14px 14px;}
.facturaCompra .header h4.descuadre p {background-color: #ff0000; color: #ffffff;}
/*.facturaCompra .sit_ok, .sit_ko {padding: 2px 18px 2px 18px; background: #f0f0f0; border: 1px solid #c0c0c0; border-radius: 14px; margin-left: 10px;}
.facturaCompra .sit_ok {color: #00c800 !important;}
.facturaCompra .sit_ko {color: #c80000 !important;}*/
.sit_ok {background-color: #00c800 !important; color: #ffffff !important;}
.sit_ko {background-color: #c80000 !important; color: #ffffff !important;}
.facturaCompra .grid_rowstyle td span, .grid_arowstyle td span {display: inline;}
.facturaCompra .totales_foot table {width: 85%; float: right;}
.facturaCompra .totales_foot td {font-size: 110%; --border-top: 1px solid #a0a0a0; margin: 0px; padding: 0px;}
.facturaCompra .totales_foot .w1 {width: 94px; text-align: right;}
.facturaCompra .totales_foot .w2 {width: 68px; text-align: right;}
.facturaCompra .totales_foot .w0 {width: 22px; text-align: right;}
.facturaCompra .totales_foot .wct {width: 55px;}
.facturaCompra .totales_foot .flt {text-decoration: line-through !important; font-size: 70%;}        
.facturaCompra .totales_foot .flt:after {content: '(intra)';}        
.facturaCompra .font-minor {margin-right: 4px;}
.facturaCompra strong {font-weight:bold;}
.facturaCompra .td_final {background-color: #a0a0a0; color: #ffffff; width: 100%; height: 40px;}
.facturaCompra .td_null {color: #d0d0d0;}
.facturaCompra .grid_rowstyle td span {white-space: normal !important;}
.facturaCompra .comment_post {font-size: 80% !important; color: #808080; white-space: initial !important;}        
.facturaCompra .modal-body {bottom:80px;}
.facturaCompra .row {margin-bottom: 0; margin-top: 0;}
.facturaCompra .row.interlineado {margin-top: -5px;}
.facturaCompra .base {bottom: 42px; background-color: #fff; border-top: 1px solid #ccc; left: 0;
               padding-top: 0; position: absolute; right: 0;}
.facturaCompra .base ul.menu {border-right: 1px solid #cccccc; float: left; height:40px; margin-left: 7px;
                       margin-top:-1px; position: relative; width: 18px; z-index: 10;}
.facturaCompra .base ul.menu li a {width:19px; height:19px;}
.facturaCompra .base .totales {background-color: #ffffff; border-left: 1px solid #cccccc; height: 36px;
                        left: 26px; position: absolute; right:-2px; top: 0; z-index: 10;}
.facturaCompra .base .totales .totalCol {float:left; width:15.00%;}
.facturaCompra .base .totales .totalCol.colG {width:16%;}
.facturaCompra .base .totales .totalCol.colS {width:12%;}
.facturaCompra .base .totales .totalCol:last-child {float:right;}
.facturaCompra .base .totales .fieldcontainer {line-height:36px;}
.facturaCompra .base #pestanya1, .base #pestanya2 {padding-top:40px; margin-top: 10px; margin-left: 0;}
.facturaCompra .totales_foot .fieldcontainer {line-height:16px;}
.facturaCompra .base .totales #tdTotalDivisa .fieldcontainer {height: 40px; line-height:20px;}
.facturaCompra .base .totales #tdTotalDivisa .fieldcaption {float:none; text-align:left;}
.facturaCompra .base .totales #tdTotalDivisa .fielddata {margin-left: 8px;}
.facturaCompra .margin160px {margin-left: 160px;}
.facturaCompra .totales .td_null span:before {content:"(";}
.facturaCompra .totales .td_null span:after {content:")";}
.facturaCompra .base .totales {height:40px;}
.facturaCompra .especial {left: 578px; position: absolute; top: 5px;}
.facturaCompra .marked {border: 1px solid #808080; width: auto; display: inline-flex;
                 padding-right: 16px; background-color: #a0f000; border-radius: 24px;}
.facturaCompra #txTitulo .fieldcontainer {float: none; display: inline-block; line-height: 14px;}
.facturaCompra #chkConta {position: fixed; top: 33px; width: auto; right: 56px;}
#pestanya2 #txObservaciones #txObservaciones_readonly {
    max-height: 120px;
    display: inline-block;
    overflow: auto;
}
.base table {
    font-size: 0.65rem !important;
}

/* Cabeceras NSIWebCOntrol */
.header .fieldcontainer, .header .fieldcaption, .header .fielddata {
    font-size: 13px !important;
}
.logoAcerca {
    height: 40px;
    background: url("/images/logo_ges3.1.png") no-repeat left top / auto 40px;
    opacity: 0.8;
    filter: grayscale(100);
}

/* BANDERAS DE PAISES */
td[data-rel="COD_PAIS"] span:before
{
    background:url("/images/banderas.png") no-repeat 30px 30px;
    content: " ";
    width: 30px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    zoom: 0.8;
}
td[data-rel="COD_PAIS"] span[title="AL"]:before {background-position:0 0;}
td[data-rel="COD_PAIS"] span[title="AD"]:before {background-position:-30px 0;}
td[data-rel="COD_PAIS"] span[title="DE"]:before {background-position:-570px 0;}
td[data-rel="COD_PAIS"] span[title="AM"]:before {background-position:-60px 0;}
td[data-rel="COD_PAIS"] span[title="AT"]:before {background-position:-90px 0;}
td[data-rel="COD_PAIS"] span[title="AZ"]:before {background-position:-120px 0;}
td[data-rel="COD_PAIS"] span[title="BY"]:before {background-position:-150px 0;}
td[data-rel="COD_PAIS"] span[title="BE"]:before {background-position:-180px 0;}
td[data-rel="COD_PAIS"] span[title="BA"]:before {background-position:-210px 0;}
td[data-rel="COD_PAIS"] span[title="BG"]:before {background-position:-240px 0;}
td[data-rel="COD_PAIS"] span[title="HR"]:before {background-position:-270px 0;}
td[data-rel="COD_PAIS"] span[title="CY"]:before {background-position:-300px 0;}
td[data-rel="COD_PAIS"] span[title="CZ"]:before {background-position:-330px 0;}
td[data-rel="COD_PAIS"] span[title="DK"]:before {background-position:-360px 0;}
td[data-rel="COD_PAIS"] span[title="EE"]:before {background-position:-420px 0;}
td[data-rel="COD_PAIS"] span[title="FI"]:before {background-position:-480px 0;}
td[data-rel="COD_PAIS"] span[title="FR"]:before {background-position:-510px 0;}
td[data-rel="COD_PAIS"] span[title="GE"]:before {background-position:-540px 0;}
td[data-rel="COD_PAIS"] span[title="GI"]:before {background-position:0 -30px;}
td[data-rel="COD_PAIS"] span[title="GR"]:before {background-position:-30px -30px;}
td[data-rel="COD_PAIS"] span[title="HU"]:before {background-position:-60px -30px;}
td[data-rel="COD_PAIS"] span[title="IS"]:before {background-position:-90px -30px;}
td[data-rel="COD_PAIS"] span[title="IE"]:before {background-position:-120px -30px;}
td[data-rel="COD_PAIS"] span[title="IT"]:before {background-position:-150px -30px;}
td[data-rel="COD_PAIS"] span[title="LV"]:before {background-position:-210px -30px;}
td[data-rel="COD_PAIS"] span[title="LI"]:before {background-position:-240px -30px;}
td[data-rel="COD_PAIS"] span[title="LT"]:before {background-position:-270px -30px;}
td[data-rel="COD_PAIS"] span[title="LU"]:before {background-position:-300px -30px;}
td[data-rel="COD_PAIS"] span[title="MK"]:before {background-position:-330px -30px;}
td[data-rel="COD_PAIS"] span[title="MT"]:before {background-position:-360px -30px;}
td[data-rel="COD_PAIS"] span[title="MD"]:before {background-position:-390px -30px;}
td[data-rel="COD_PAIS"] span[title="MC"]:before {background-position:-420px -30px;}
td[data-rel="COD_PAIS"] span[title="ME"]:before {background-position:-450px -30px;}
td[data-rel="COD_PAIS"] span[title="NL"]:before {background-position:-480px -30px;}
td[data-rel="COD_PAIS"] span[title="NO"]:before {background-position:-540px -30px;}
td[data-rel="COD_PAIS"] span[title="PL"]:before {background-position:-570px -30px;}
td[data-rel="COD_PAIS"] span[title="PT"]:before {background-position:0 -60px;}
td[data-rel="COD_PAIS"] span[title="RO"]:before {background-position:-30px -60px;}
td[data-rel="COD_PAIS"] span[title="RU"]:before {background-position:-60px -60px;}
td[data-rel="COD_PAIS"] span[title="SM"]:before {background-position:-90px -60px;}
td[data-rel="COD_PAIS"] span[title="RS"]:before {background-position:-150px -60px;}
td[data-rel="COD_PAIS"] span[title="SK"]:before {background-position:-180px -60px;}
td[data-rel="COD_PAIS"] span[title="SI"]:before {background-position:-210px -60px;}
td[data-rel="COD_PAIS"] span[title="ES"]:before {background-position:-240px -60px;}
td[data-rel="COD_PAIS"] span[title="SE"]:before {background-position:-270px -60px;}
td[data-rel="COD_PAIS"] span[title="CH"]:before {background-position:-300px -60px;}
td[data-rel="COD_PAIS"] span[title="TR"]:before {background-position:-330px -60px;}
td[data-rel="COD_PAIS"] span[title="UA"]:before {background-position:-360px -60px;}
td[data-rel="COD_PAIS"] span[title="GB"]:before {background-position:-390px -60px;}
td[data-rel="COD_PAIS"] span[title="UZ"]:before {background-position:-420px -60px;}
td[data-rel="COD_PAIS"] span[title="VA"]:before {background-position:-450px -60px;}


#chkConta.checkConta {
    float: right;
    margin-top: -12px;
    margin-right: 30px;
    width: auto;
}
#chkConta.checkConta .fielddata {
    display: none;
}
    #chkConta.checkConta .fieldcaption,
    #chkImpreso .fieldcaption {
        font-size: 0.8rem !important;
        text-transform: uppercase;
        display: inline-block;
        padding: 4px 10px;
        box-shadow: 0 0 5px #000000;
        height: 15px;
        line-height: 15px;
        background: #ffb92d;
        color: #000000;
        border-radius: 3px;
    }
#chkImpreso .fieldcaption {
    background: #ffffff;
}
#chkImpreso + #chkConta {
    margin-right: 0px;
}
.mudanza .ayuda {
    display: inline-block;
    line-height: 2;
    width: auto;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #cccccc;
    font-style: italic;
    color: #666666;
}
.mudanza .aviso {
    text-align: center;
    font-size: 24px;
    margin:30px;
    font-weight: bold;
    line-height: 1.5;
}
.colLeft {
    width: 440px;
    overflow: auto;
    position: absolute;
    top: 40px;
    bottom: 0px;
    left: 15px;
}
.colLeft.alineado .alinea {
    top:0;
    right: 10px;
    width: 20px;
    height:20px;
}
.colLeft .filtro {
    height: 32px;
    margin-bottom: 5px;
}
.colLeft .resultados {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}
.colRight {
    overflow: auto;
    position: absolute;
    left: 480px;
    top: 40px;
    right: 15px;
    width: auto;
    bottom: 0;
}
.colRight .planificacion {
    position: absolute;
    bottom: 35px;
    top: 0;
    left: 0px;
    right: 0px;
}
.colRight .planificacion .tablaPlanificacion {
    position:absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom:0;
    overflow:auto;
}
.colRight .incidencias {
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    top: calc(50% + 10px);
}
.colRight .incidencias .tablaIncidencias {
    position:absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom:0;
    overflow:auto;
    border:1px solid #dddddd;
    border-top:0px solid #ffffff;
}
.colRight .tablaPlanificacion .tablaDias {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 0px;
    bottom: 50px;
    overflow: auto;
}
.incidencias .menuTabs a {
    display: inline-block;
    border: 1px solid #dddddd;
    background-color:#eeeeee;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 5px 10px;
    font-size: 16px;
    margin-bottom:-1px;
}
.incidencias .menuTabs a:hover {
    background-color:#dddddd;
}
.incidencias .menuTabs a.activo {
    border-bottom: 1px solid #ffffff;
    background-color:#ffffff;
}
.menuTabs {
    border-bottom:1px solid #dddddd;
}
.tablaSemana {
    position: absolute;
    overflow: auto;
    bottom: 0px;
    left: 10px;
    right: 0px;
    top: 100px;
}
.txtRight {
    text-align:right;
}
.tx-right {text-align:right !important;}
.tx-left {text-align:left !important;}
.pestanyasTrabajador {
    position: absolute;
    bottom: 0;
    left: 480px;
    right:15px;
    border-top: 1px solid #cccccc;
    padding-left: 10px;
}
    .pestanyasTrabajador .pestanyaT {
        display: inline-block;
        border: 1px solid #cccccc;
        padding: 3px 10px;
        background-color: #ffffff;
        margin-top: -1px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
        .pestanyasTrabajador .pestanyaT:hover {
            background-color: #eeeeee;
        }
    .pestanyasTrabajador .pestanyaT.activo {
        border-top: 1px solid #ffffff;
        background-color: #ffffff;
    }

.colRight .radio input[type="radio"] {
    display: none;
}
.colRight .radio {
    padding-left: 0;
}
.colRight .radio label {
    display: block;
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0px;
    padding: 4px 2px 4px 8px;
    cursor: default;
    border-left: 4px solid #000000;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    animation: all 0.5s;
}
    .colRight .radio label:hover,
    .colRight .radio input[type="radio"][checked="checked"] + label {
        background-color: #000000;
        color: #ffffff;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        border-right: 1px solid #000000;
        animation: all 0.5s;
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    }
    .colRight .radio input[type="radio"][checked="checked"] + label {
        font-weight:bold;
    }
.colRight .alineado .btn.alinea,
.colRight .alineado .opciones {
    top: 0;
}
.colRight .alineado .oculto {
    top: 24px;
}
.lbSuplencia,
.lbFinalizado {
    float: right;
    padding: 8px 24px;
    display: inline-block;
    width: auto;
    background: #ea7909;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #000000;
}
h3.tituloTabla {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 0;
    margin-top: 10px;
}
.gridVerticalScroll {
    height: calc(100vh - 200px);
    overflow: auto;
}
.WGMS_grid_header span.header_caption {
    font-size: 12px;
}
table.grid th, table.griddp th,
.editor span {
    font-size:0.7rem;
}
table.grid td, table.griddp td {
    vertical-align: top;
}
.fieldcontainer[data-mode="interactive"] span {
    border-bottom: 1px solid #333333;
}
.i_edit:hover {
    background-color: #00000010 !important;
}
.etiqueta-estado {
    margin-top: -48px;
    margin-right: 50px;
}
    .etiqueta-estado .estadolabel {
        border-radius: 5px;
        box-shadow: 0 0 5px #999999;
}
        .etiqueta-estado .estadolabel .fielddata span[data-rel="readonly"] {
            width:auto;
        }

table.grid.max-height-310 {
    max-height: 310px;
    overflow: auto;
    display: block;
}
.msjPassword {
    margin-left: 165px;
    display: block;
    clear: both;
}
.checkboxList input[type="checkbox"] {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
    width: 34px;
    height: 19px;
    padding-top: 1px;
  background-color: #eee;
  border-radius: calc( 20px / 2 );
  outline: none;
  transition: background 450ms ease;
  box-shadow: 0 0 0 0px #ffffff;
  float: left;
}
.checkboxList input[type="checkbox"]:before, .checkboxList input[type="checkbox"]:after {
  position: absolute;
  display: block;
  content: "";
  border-radius: 100%;
  transition: background 450ms ease, -webkit-transform 450ms ease;
  transition: background 450ms ease, transform 450ms ease;
  transition: background 450ms ease, transform 450ms ease, -webkit-transform 450ms ease;
}
.checkboxList input[type="checkbox"]:before {
    width: 14px;
    height: 14px;
    background-color: #E53935;
    background: linear-gradient(to top, #e50000 25%, #ffbdbd 100%);
    border: 1px solid #cccccc;
}
.checkboxList input[type="checkbox"]:checked:before {
  background-color: #43A047;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
    background: linear-gradient(to top, #32a20f 25%, #cef6b0 100%);
    border: 1px solid #ccc;
}
.checkboxList table {
    width:100%;
}
.checkboxList label {
    font-weight:bold;
}
.checkboxList input[type="checkbox"][disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}
.checkboxList.type2 input[type="checkbox"] {
    width: 34px;
    height: 20px;
    background-color: #e8e8e8;
    border-radius: 4px;
    border: 1px solid #dddddd;
}
    .checkboxList.type2 input[type="checkbox"]:checked {
        background-color: #1f73b7;
    }
.checkboxList.type2 input[type="checkbox"]:before, .checkboxList.type2 input[type="checkbox"]:after {
  border-radius: 4px;
}
    .checkboxList.type2 input[type="checkbox"]:before {
        width: 16px;
        height: 16px;
        background: #ffffff;
        border: none;
    }
    .checkboxList.type2 input[type="checkbox"]:checked:before {
        background: #ffffff;
    }
    .checkboxList.type2 .alert input[type="checkbox"]:checked {
        background-color: #F44336;
    }
    .checkboxList.type2 .success input[type="checkbox"]:checked {
        background-color: #06a945;
    }

.checkboxList.type3 input[type="checkbox"] {
    width: 38px;
    height: 20px;
    border-radius: 0;
    border-color: #cccccc;
    background: #aaaaaa;
    margin-top: 2px;
}
    .checkboxList.type3 input[type="checkbox"]:checked {
        background-color: #1f73b7;
    }
    .checkboxList.type3 input[type="checkbox"]:before, .checkboxList.type3 input[type="checkbox"]:after {
        border-radius: 0;
    }
    .checkboxList.type3 input[type="checkbox"]:before {
        width: 16px;
        height: 16px;
        background: #ffffff;
        border: none;
        margin-left: 1px;
    }
    .checkboxList.type3 input[type="checkbox"]:checked:before {
        background: #ffffff;
        right: 17px;
        border: none;
    }
.checkboxList.type3 .alert input[type="checkbox"]:checked {
    background-color: #F44336;
}
.checkboxList.type3 .success input[type="checkbox"]:checked {
    background-color: #06a945;
}
.checkboxList.type3 .respuesta input[type="checkbox"]:before {
    content: "No";
    text-align: center;
    font-size: 10px;
    line-height: 1.8;
}
.checkboxList.type3 .respuesta input[type="checkbox"]:checked:before {
    content: "Si";
}
.p-0 {
    padding: 0 !important;
}
.p-1 {padding:0.1rem !important;}
.p-2 {padding:0.2rem !important;}
.p-3 {padding:0.3rem !important;}
.p-4 {padding:0.4rem !important;}
.p-5 {padding:0.5rem !important;}
.pt-0 {padding-top:0 !important;}
.pt-1 {padding-top:.1rem !important;}
.pt-2 {padding-top:.2rem !important;}
.pt-3 {padding-top:.3rem !important;}
.pt-4 {padding-top:.4rem !important;}
.pt-5 {padding-top:.5rem !important;}
.pb-0 {padding-bottom:0 !important;}
.pb-1 {padding-bottom:.1rem !important;}
.pb-2 {padding-bottom:.2rem !important;}
.pb-3 {padding-bottom:.3rem !important;}
.pb-4 {padding-bottom:.4rem !important;}
.pb-5 {padding-bottom:.5rem !important;}
.pl-0 {padding-left:0 !important;}
.pl-1 {padding-left:.1rem !important;}
.pl-2 {padding-left:.2rem !important;}
.pl-3 {padding-left:.3rem !important;}
.pl-4 {padding-left:.4rem !important;}
.pl-5 {padding-left:.5rem !important;}
.pr-0 {padding-right:0 !important;}
.pr-1 {padding-right:.1rem !important;}
.pr-2 {padding-right:.2rem !important;}
.pr-3 {padding-right:.3rem !important;}
.pr-4 {padding-right:.4rem !important;}
.pr-5 {padding-right:.5rem !important;}
.m-0 {margin:0 !important;}
.m-1 {margin:0.1rem !important;}
.m-2 {margin:0.2rem !important;}
.m-3 {margin:0.3rem !important;}
.m-4 {margin:0.4rem !important;}
.m-5 {margin:0.5rem !important;}
.mt-0 {margin-top:0 !important;}
.mt-1 {margin-top:0.1rem !important;}
.mt-2 {margin-top:0.2rem !important;}
.mt-3 {margin-top:0.3rem !important;}
.mt-4 {margin-top:0.4rem !important;}
.mt-5 {margin-top:0.5rem !important;}
.mb-0 {margin-bottom:0 !important;}
.mb-1 {margin-bottom:0.1rem !important;}
.mb-2 {margin-bottom:0.2rem !important;}
.mb-3 {margin-bottom:0.3rem !important;}
.mb-4 {margin-bottom:0.4rem !important;}
.mb-5 {margin-bottom:0.5rem !important;}
.ml-0 {margin-left:0 !important;}
.ml-1 {margin-left:0.1rem !important;}
.ml-2 {margin-left:0.2rem !important;}
.ml-3 {margin-left:0.3rem !important;}
.ml-4 {margin-left:0.4rem !important;}
.ml-5 {margin-left:0.5rem !important;}
.mr-0 {margin-right:0 !important;}
.mr-1 {margin-right:0.1rem !important;}
.mr-2 {margin-right:0.2rem !important;}
.mr-3 {margin-right:0.3rem !important;}
.mr-4 {margin-right:0.4rem !important;}
.mr-5 {margin-right:0.5rem !important;}
.v-align-t {vertical-align:top !important;}
.v-align-b {vertical-align:bottom !important;}
.v-align-m {vertical-align:middle !important;}
.t-l {text-align:left !important;}
.t-r {text-align:right !important;}
.t-c {text-align:center !important;}
.d-b {display:block !important;}
.d-ib {display:inline-block !important;}
.d-i {display:inline !important;}
.d-f {display:flex !important;}
.d-none {display:none !important;}
.f-r {float:right !important;}
.f-l {float:left !important;}
.f-n {float:none !important;}
.oflow-a {overflow:auto !important;}
.oflow-h {overflow:hidden !important;}
.pos-a {position:absolute !important;}
.pos-r {position:relative !important;}
.pos-f {position:fixed !important;}
.b-top-n {border-top:none !important;}
.b-bot-n {border-bottom:none !important;}
.w-auto {width:auto !important;}
.fw-bold {font-weight:bold !important;}
.fs-1rem {font-size:1rem !important;}
.minwidth30px {min-width:30px;}

.gallery li {
    text-align:center;
}
.gallery img {
    max-width: 100%;
    max-height: 120px;
    padding: 10px;
    box-shadow: 1px 1px 5px 1px #cccccc;
}

/*   ESTILOS V2   */
.estilov2 div.header, .estilov2 .modal-header {
    border-radius: 0;
    padding: 5px 5px 5px 5px;
    height: 40px;
}
.estilov2 .header .icoHeader {
    width: 50px;
    display: inline-block;
    float: left;
}
    .estilov2 .header .icoHeader::before {
        content: " ";
        display: block;
        width: 30px;
        height: 30px;
        margin-left: 8px;
        margin-top: 3px;
        background-image: url("/images/entorno-n.png?20191024");
        background-position: -360px 0px;
        background-repeat: no-repeat;
    }
.estilov2 .header .menuHeader {
    width: 50px;
    display: inline-block;
    float: right;
}
.estilov2 .header .menuHeader #menuOpciones {
    z-index: 30;
}
.estilov2 .header h3 a {
    color:#000000;
}
.estilov2 .header .titHeader {
    width:calc(100% - 100px);
    display: inline-block;
    float: left;
}
.estilov2 .header .titHeader div {
    line-height:18px;
    height:auto;
    color:#000000;
}
.estilov2 .header .titHeader h3 {
    font-size: 14px;
    line-height: 16px;
    height: 16px;
    padding-top:5px;
    color:#000000;
}
.estilov2 .modal-body {
    bottom: 0;
    top: 50px;
    left: 50px;
    z-index: 10;
    border-bottom: 10px solid #ffffff;
    border-top: 10px solid #ffffff;
    border-left: 1px solid #e9e9e9;
}
.estilov2 .modal-body-popup {
    position: absolute;
    top: 40px;
    bottom: 45px;
    overflow: auto;
    left: 0;
    right: 0;
}
.estilov2 .alineado .btn.alinea,
.estilov2 .alineado .itemnew,
.estilov2 .alineado .itemnewsave,
.estilov2 .alineado #btReciboNew,
.estilov2 .alineado #btProductNew,
.estilov2 .alineado #btAddIncremento,
.estilov2 .alineado #btAppendFianza,
.estilov2 .alineado #btAppendAval {
    border: 1px solid #dddddd;
    border-radius: 0;
    padding: 0 10px;
    margin-top: 3px;
}
.estilov2 .alineado .btn.alinea:hover,
.estilov2 .alineado .itemnew:hover,
.estilov2 .alineado .itemnewsave:hover,
.estilov2 .alineado #btReciboNew:hover,
.estilov2 .alineado #btProductNew:hover,
.estilov2 .alineado #btAddIncremento:hover,
.estilov2 .alineado #btAppendFianza:hover,
.estilov2 .alineado #btAppendAval:hover {
    background:none;
    box-shadow:2px 2px 0 #000000;
}
.estilov2 .actions {
    top: 50px;
    bottom: 0;
    left: 0;
    width: 50px;
    height: auto;
    border-radius: 0;
    border-top: 0;
    padding: 0;
    background-color: #ffffff;
    overflow:hidden;
    z-index:9;
}
.estilov2 .actions.widthActions {
    width:200px;
    transition:all 0.5s;
    border-right: 1px solid #e9e9e9;
    z-index:20;
    transition:all 0.5s;
}
.estilov2 .btnExpand,
.estilov2 .actions .btnExpand {    
    background-image: url("/images/entorno-n.png?20191024");
    width:30px;
    height:30px;
    display:inline-block;
    background-position:-240px 0;
    float: right;
    margin-right:10px;
    margin-left: 10px;
    margin-top: 5px;
    opacity: 0.3;
    transition:all 0.5s;
}
.estilov2 .btnExpand.visible {
    float: left;
    margin-left: 160px;
    position: relative;
    z-index: 21;
}
.estilov2 .btnExpand:hover {
    opacity: 1;
    transition:all 0.5s;
}
.estilov2 .actions .oculto {
    display:none;
}
.estilov2 .actions .actionsBTN .pestanyas {
    position:absolute;
    top:40px;
    left:0px;
    right: 0px;
    padding-right: 0;
}
.estilov2 .paneledit .actions .actionsBTN .pestanyas {
    top: 0;
    right: inherit;
}
    .estilov2 .actions .actionsBTN .pestanyas .activo,
    .estilov2 .actions .actionsBTN .pestanyas .pestanya {
        display: block;
        text-align: left;
        min-width: auto;
        padding-left: 30px;
        min-height: 28px;
        padding-top: 3px;
        padding-bottom: 3px;
        position: relative;
        font-size: 12px;
        text-transform: uppercase;
        background-position: right center;
        box-shadow: none;
        z-index: 10;
    }
    .estilov2 .actions.widthActions .actionsBTN .pestanyas .activo,
    .estilov2 .actions.widthActions .actionsBTN .pestanyas .pestanya {
        padding-left: 50px;
        min-width: 95px;
        margin-right: 0;
        font-family: "Montserrat", Calibri, Arial;
        font-size: 11px;
    }
.estilov2 .actions .actionsBTN .pestanyas .pestanya:after {
    content:" ";
    position:absolute;
    left:0px;
    width:100%;
    right:0;
    height:30px;
    border-right:0px solid #ffffff;
    transition:all 0.5s;
}
.estilov2 .actions .actionsBTN .pestanyas .pestanya:hover:after {
    border-right:5px solid #cccccc;
    transition:all 0.5s;
}
.estilov2 .actions.widthActions .actionsBTN .pestanyas .pestanya:after {
    content:" ";
    position:absolute;
    left:0px;
    width:100%;
    right:0;
    height:30px;
    background-position:150px center;
    transition:all 0.3s;
}
.estilov2 .actions.widthActions .actionsBTN .pestanyas .pestanya:hover:after {
    background: url(/images/custom/ico_desplegable3.png) no-repeat right center #cccccc;
    transition:all 0.3s;
}
.estilov2 .actions .actionsBTN .pestanyas .activo span,
.estilov2 .actions .actionsBTN .pestanyas .pestanya span {
    display:none;
    position:relative;
    z-index:10;
}
    .estilov2 .actions.widthActions .actionsBTN .pestanyas .activo span {
        display: inline-block;
        /*padding-top: 8px;*/
    }
    .estilov2 .actions.widthActions .actionsBTN .pestanyas .pestanya span {
        display: inline-block;
    }
.estilov2 .actions .actionsBTN .pestanyas .activo::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya::before {
    content:" ";
    display:block;
    width:30px;
    height:30px;
    background-image: url("/images/entorno-n.png?20191024");
    background-position:-270px -30px;
    background-repeat: no-repeat;
    position:absolute;
    z-index:20;
    top:3px;
    left:10px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_gener::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_gener::before {
    background-position:-270px 0px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_adjun::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_adjun::before {
    background-position:-150px 0px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_segui::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_segui::before {
    background-position:-120px -30px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_arbol::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_arbol::before {
    background-position:-300px -60px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_plan::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_plan::before {
    background-position:-420px -30px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_docum::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_docum::before {
    background-position:-150px 0px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_perfiles::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_perfiles::before {
    background-position:-240px -60px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_acc::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_acc::before {
    background-position:-90px -30px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_util::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_util::before {
    background-position:0px -30px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_facte::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_facte::before {
    background-position:-210px -30px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_import::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_import::before {
    background-position:-180px -30px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_cobro::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_cobro::before {
    background-position:-540px -30px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_import43::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_import43::before {
    background-position:-450px -60px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_importXls::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_importXls::before {
    background-position:-510px -60px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_importVisa::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_importVisa::before {
    background-position:-480px -60px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_iva::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_iva::before {
    background-position:-240px -30px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_balances::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_balances::before {
    background-position:-300px -30px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_apuntes::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_apuntes::before {
    background-position:-390px -60px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_gasto::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_gasto::before {
    background-position:-360px -30px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_diario::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_diario::before {
    background-position:-420px -30px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_grupo::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_grupo::before {
    background-position:-390px -30px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_c43::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_c43::before {
    background-position:-210px -60px;
}
.estilov2 .actions .actionsBTN .pestanyas .activo.p_foto::before,
.estilov2 .actions .actionsBTN .pestanyas .pestanya.p_foto::before {
    background-position:-570px 0px;
}
.estilov2 .paneledit .actions .actionsBTN .pestanyas .btn.delete::before {
    background-position: -450px -30px;
}
.estilov2 .paneledit .actionsBTN .pestanyas a.btn.delete {
    background: none;
    text-indent: inherit;
    line-height: 35px;
    padding-left: 40px;
}
.estilov2 .actions .actionsBTN .pestanyas a.btn:hover:after {
    display:none;
}
.estilov2 .actions .actionsBTN .pestanyas .activo {
    border-right:5px solid #999999;
    margin-right: 0;
    border-radius: 0;
    background-color: #eeeeee;
}
.estilov2 .actions .actionsBTN .acciones {
    position:absolute;
    top:inherit;
    bottom:5px;
    border-top:1px solid #e9e9e9;
    left:2px;
    background-color: #ffffff;
    width: auto;
    right: 2px;
    overflow:hidden;
    padding: 0;
    text-align: center;
}
.estilov2 .actionsBTN .pestanyas .activo, .estilov2 .actionsBTN .pestanyas a {
    text-indent: 100px;
}
.estilov2 .btnExpand.oculto + .actionsBTN .pestanyas .activo, .estilov2 .btnExpand.oculto + .actionsBTN .pestanyas a {
    text-indent: 0px;
}
.estilov2 .actions .actionsBTN .acciones a {
    margin:2px 0;
}
.estilov2 .actions .actionsBTN .funciones a.btn:hover,
.estilov2 #menuOpciones .acciones a.btn:hover,
.estilov2 .actions .actionsBTN .acciones a.btn:hover {
    background-color:transparent;
}
    .estilov2 .actions .actionsBTN .acciones a.btn,
    .estilov2 .actions .actionsBTN .funciones a.btn,
    .estilov2 #menuOpciones .acciones a.btn,
    .estilov2 .cambiaPass a.btn {
        background-image: url("/images/entorno-n.png?20191024");
        width: 30px;
        height: 30px;
        margin-left:-5px;
        padding: 0;
        position: relative;
        vertical-align: middle;
        background-position: 0 0;
        background-color: transparent;
        box-shadow: none;
    }
.estilov2 .actions .actionsBTN .acciones a.btn.rePass,
.estilov2 .cambiaPass a.btn.rePass {
    background-position: -30px -60px;
}
.estilov2 .actions .actionsBTN .acciones a.btn span {
    display:none;
    position: fixed;
    left: 40px;
    width: auto;
    z-index: 10;
    text-align: left;
    margin-top: 4px;
    background: #000000;                    /* Custom */
    text-shadow:none;
    color:#ffffff;
    padding:2px 5px;
    box-shadow: 2px 2px 0 #999999;
    transition:all 0.5s;
}
.estilov2 .actions.widthActions .actionsBTN .acciones a.btn:hover span {
    display:inline-block;
}
.estilov2 .actions .actionsBTN .acciones a.btn:hover span:empty {
    display:none;
}
.estilov2 .actions.widthActions .actionsBTN .acciones a.btn span {
    bottom:40px;
    left: 0;
    width: 195px;
    box-shadow: none;
    border: none;
    text-align: center;
    background: #000000;                    /* Custom */
    text-shadow:none;
    color:#ffffff;
    padding: 3px;
}
.estilov2 .actions .actionsBTN .acciones a.btn.exit {
    background-position:-210px 0;
}
.estilov2 .actions .actionsBTN .acciones a.btn.delete {
    background-position: -450px -30px !important;
    margin: 0 !important;
    text-indent: -10000px;
    color: transparent;
}
.estilov2 .actions .actionsBTN .acciones a.btn.save {
    background-position:-180px 0;
}
.estilov2 .actions .actionsBTN .acciones a.btn.saveNew {
    background-position:-390px 0;
}
.estilov2 .actions .actionsBTN .acciones a.btn.print {
    background-position:-120px 0;
}
.estilov2 .actions .actionsBTN .acciones a.btn.reload {
    background-position:-510px -30px;
}
.estilov2 .actions .actionsBTN .acciones a.btn.duplicate {
    background-position:-300px -30px;
}
.estilov2 .actions .actionsBTN .acciones a.btn.validate {
    background-position:-600px 0px;
}
.estilov2 .actions .actionsBTN .acciones a.btn.atras {
    background-position:-60px -30px;
}
.estilov2 .actions .actionsBTN .acciones a.btn.change {
    background-position:-330px -30px;
}
.estilov2 .actions .actionsBTN .acciones a.btn.procesar {
    background-position:-90px 0px;
}
.estilov2 .actions .actionsBTN .acciones a.btn.iniciar {
    background-position:-570px -30px;
}
.estilov2 .actions .actionsBTN .acciones a.btn.send {
    background-position:-570px -60px;
}
.estilov2 .actions .actionsBTN .acciones a.btn.nuevoDiario {
    background-position:-450px 0px;
}
.estilov2 .actions .actionsBTN .acciones a.btn.nuevoGasto {
    background-position:-420px 0px;
}
.estilov2 .actionsBTN .accionesPop {
    background-color: #ffffff;
    width: auto;
    margin-right: 10px;
}
.estilov2 .paneledit .actions .actionsBTN .acciones a.btn.save {
    overflow: hidden;
    text-indent: -100px;
}
.estilov2 .plantillas {
    width: calc(100% - 108px);
    background: #ffffff;
    box-shadow: 0 0 20px #999999;
}
.estilov2 .plantillas li:hover {
    background-color: #dddddd;
}
.plantillas .pnt_text {
    line-height: 3em;
}
.estilov2 .actions .actionsBTN .pestanyas a.btn {
    display: block;
    text-align: left;
    min-width: auto;
    padding-left: 30px;
    box-shadow: none;
    min-height: 28px;
    padding-top: 3px;
    padding-bottom: 3px;
    position: relative;
    font-size: 11px;
    text-transform: uppercase;
    background-position: right center;
    text-indent: -1000px;
    z-index: 10;
}
    .estilov2 .actions .actionsBTN .pestanyas a.btn::before {
        content: " ";
        display: block;
        width: 30px;
        height: 30px;
        background-image: url(/images/entorno-n.png?20191024);
        background-position: -270px -30px;
        background-repeat: no-repeat;
        position: absolute;
        z-index: 20;
        top: 3px;
        left: 10px;
    }
.estilov2 .actions .actionsBTN .pestanyas a.btn span {
    display: none;
    position: relative;
    z-index: 10;
    }
.estilov2 .actions .actionsBTN .pestanyas.pestExpedientes div {
    padding-left: 25px;
}
.estilov2 .actions.widthActions .actionsBTN .pestanyas.pestExpedientes div {
    padding-left: 25px;
    line-height: 28px;
}
    .estilov2 .actions .actionsBTN .pestanyas a.btn:after {
        content: " ";
        position: absolute;
        left: 0px;
        width: 100%;
        right: 0;
        height: 30px;
        border-right: 0px solid #ffffff;
        transition: all 0.5s;
    }
.estilov2 .actions.widthActions .actionsBTN .pestanyas a.btn, 
.estilov2 .actions.widthActions .actionsBTN .pestanyas a.activo {
    padding-left: 50px;
    min-width: 95px;
    margin-right: 0;
    text-indent: 0;
    padding-bottom: 5px;
    padding-top: 10px;
    min-height: 18px;
    border-bottom: 1px solid #ffffff;
}
.estilov2 .actions.widthActions .actionsBTN .pestanyas a.btn span {
    display: inline-block;
}
    .estilov2 .actions.widthActions .actionsBTN .pestanyas a.btn:after, 
    .estilov2 .actions.widthActions .actionsBTN .pestanyas a.activo:after {
        content: " ";
        position: absolute;
        left: 0px;
        width: 100%;
        right: 0;
        height: 30px;
        background-position: 150px center;
        transition: all 0.3s;
        top: 3px;
    }
.estilov2 .actions.widthActions .actionsBTN .pestanyas a.btn:hover:after {
    background: url(/images/custom/ico_desplegable3.png) no-repeat right center;
    transition: all 0.3s;
}
.estilov2 .actions .actionsBTN .pestanyas a.btn:hover:after {
    border-right: 5px solid #cccccc;
}
.estilov2 .actions .actionsBTN .pestanyas a.btn.btInformes,
.estilov2 #menuOpciones .acciones a.btn.btInformes {
    background-position: -300px -30px;
}
.estilov2 .actions .actionsBTN .pestanyas a.btn.btCambio {
    background-position:0px 0px;
}
.estilov2 .actions .actionsBTN .pestanyas a.btn.btBackup {
    background-position:-150px -60px;
}
.estilov2 .actions .actionsBTN .funciones a.btn.btNuevo,
.estilov2 #menuOpciones .acciones a.btn.btNuevo {
    background-position: -390px 0px;
}
.estilov2 .actions .actionsBTN .funciones a.btn.btEliminar,
.estilov2 #menuOpciones .acciones a.btn.btEliminar {
    background-position:-450px -30px;
}
.estilov2 .actions .actionsBTN .funciones a.btn.btReload,
.estilov2 #menuOpciones .acciones a.btn.btReload {
    background-position: -510px -30px;
}
.estilov2 .actions .actionsBTN .funciones a.btn.btBackup,
.estilov2 #menuOpciones .acciones a.btn.btBackup {
    background-position: -60px -60px;
}
.estilov2 .actions .actionsBTN .funciones a.btn.btPrint,
.estilov2 #menuOpciones .menuFundaciones a.btn.btPrint {
    background-position: -120px 0px;
}
.estilov2 .actions .actionsBTN .acciones a.btn.btInformes,
.estilov2 #menuOpciones .acciones a.btn.btInformes {
    background-position: -300px -30px;
}
.estilov2 .actions .actionsBTN .acciones a.btn.btSave {
    background-position:-180px 0;
}
.estilov2 .actions .actionsBTN .acciones a.btn.btModificar {
    background-position:0px 0px;
}
.estilov2 .actions .actionsBTN .acciones a.btn.btSave + a.btn.btModificar {
    background-position: -360px -60px;
}
.estilov2 .actions .actionsBTN .acciones a.btn.btExit {
    background-position:-210px 0;
}
    .estilov2 #menuOpciones .menuFundaciones li a span {
        padding-left: 32px;
        line-height: 30px;
        margin-bottom: 0;
        padding-top: 0;
        width: 120px;
        display: inline-block;
        text-align: left;
    }
.estilov2 #menuOpciones .oculto ul.menuFundaciones li.acciones ul li:hover {
    background: url(/images/custom/ico_desplegable3.png) no-repeat 3px 6px #666666;
}
    .estilov2 #menuOpciones .oculto ul.menuFundaciones li.acciones ul li:hover a.btn {
        background-image: url(/images/entorno-b.png?20191024);
    }
    .estilov2 .actions .actionsBTN .funciones {
    margin-bottom: 5px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 5px;
    padding-top: 5px;
}
.estilov2 .header .fotoUser {
    background: #ffffff;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    height: 38px;
    position: absolute;
    left: 5px;
    top: 5px;
    overflow:hidden;
    width: 38px;
    z-index: 1000;
    text-align: center;
}
.estilov2 .header .fotoUser img.foto {    
    border: none;
    border-radius: 0;
    height: auto;
    max-height: 100%;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    width: auto;
    max-width: 100%;
    z-index: 1000;
    text-align: center;
    /*transition:all 0.5s;*/
}
.estilov2 .header .fotoUser:hover {
    height: 100%;
    width:100%;
    border-radius: 5px;
    box-shadow: 0 0 10px #999999;
    max-width: 200px;
    max-height:200px;
    /*transition: all 0.5s;*/
}
.estilov2 .header h3.fExpedientes {
    line-height: 1.1;
    margin-left: 60px;
    padding: 0;
    margin-top: -1px;
    font-size: 13px;
    width: auto;
    float: left;
}
.estilov2 .header .docExpedientes {
    float: right !important;
    margin-left: 10px;
}
.estilov2 .header .docExpGuardado {
    float: right !important;
    margin-right: 50px;
    font-weight: bold;
}
.estilov2 a.btn.btEmail {
    height: 20px;
    border: 1px solid #dddddd;
    border-radius: 0;
    padding: 0 5px;
    margin: 3px 0 0 10px;
}

.estilov2 .btn.filtro {
    width: auto;
    font-size: 12px;
    padding: 5px 5px 5px 30px;
    border:none;
    border-radius: 0;
    text-transform: uppercase;
    background: #ffffff;
    position:absolute;
    right:0;
    top:0;
}
.estilov2 .btn.filtro:before {
    position:absolute;
    left:0;
    top:0;
    content:"";
    width:30px;
    height:30px;
    background-image: url("/images/entorno-n.png?20191024");
    background-position:-60px 0;
    background-repeat:no-repeat;
}
.estilov2 .tablaListado, .estilov2 .tablaListado2 {
    top: 190px;
    width: calc(48% - 40px);
    background-color:#ffffff;
    border:1px solid #eeeeee;
    bottom: 10px;
    height: auto;
}
.estilov2 .tablaListado {
    left:65px;
}
.estilov2 .paneledit {
    padding: 0px;
    min-height: 200px;
}
.estilov2 .paneledit .btnExit {
    position: absolute;
    right: 8px;
    width: 20px;
    padding: 0;
    top: 8px;
}
.estilov2 .paneledit .row {
    margin:10px;
}
.estilov2 .paneledit .actions {
    top: calc(100% - 45px);
    width: calc(100% - 1px);
    border-top:1px solid #e9e9e9;
    bottom:5px;
}
.estilov2 .paneledit h3.separator {
    background-color: #999999;
    padding: 10px;
    width: calc(100% - 20px);
    line-height: 20px;
    margin-bottom:30px;
    font-weight: normal;
    text-transform: uppercase;
    color: #000000;
}
    .estilov2 h3.separator .float-right .btn {
        border: 1px solid #dddddd;
        border-radius: 0;
        padding: 0 10px;
        transition:all 0.5s;
}
        .estilov2 h3.separator .float-right .btn:hover {
            background: none;
            box-shadow: 2px 2px 0 #000000;
            transition:all 0.5s;
        }
.estilov2 .paneledit .actions .actionsBTN {
    text-transform: uppercase;
    text-align:right;
}
.estilov2 .btnBuscar {
    position: absolute;
    top: -37px;
    right:0;
    width: 20px;
    height: 20px;
    display: inline-block;
}
    .estilov2 .btnBuscar:before {
        background-image: url("/images/iconos.png?20191024");
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        width: 20px;
        height: 20px;
        background-position: -620px -20px;
        background-repeat: no-repeat;
    }
    .estilov2 .btnBuscar:hover:before {
        background-image: url("/images/iconos-gris.png?20191024");
    }
.estilov2 .btIcons {
    background-image: url("/images/iconos.png?20191024");
    width: 20px;
    height: 20px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding: 0;
    cursor: pointer;
}
    .estilov2 .btIcons:hover {
        background-image: url("/images/iconos-gris.png?20191024");
    }
.estilov2 .accionesPop .btn.btAnular,
.estilov2 .accionesPop .btn.btPuntear {
    background: none;
}
.estilov2 .accionesPop .btn.btAnular span,
.estilov2 .accionesPop .btn.btPuntear span {
    padding-left:8px;
}
    .estilov2 .accionesPop .btn.btAnular:before,
    .estilov2 .accionesPop .btn.btPuntear:before {
        background-image: url("/images/iconos.png?20191024");
        background-position: -440px -60px;
        background-repeat: no-repeat;
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: bottom;
    }
.estilov2 .accionesPop .btn.btPuntear:before {
    background-position:-420px -60px;
}
.estilov2 .btIcons.icoFolderF {background-position:-180px -60px;}
.estilov2 .btIcons.icoFolderE {background-position:-180px -80px;}
.estilov2 .btIcons.icoEliminar {background-position:-60px -60px;}
.estilov2 .btIcons.icoSubir {background-position:-340px -80px;}
.estilov2 .btIcons.icoBajar {background-position:-320px -80px;}
.estilov2 .btIcons.icoEditar {background-position:-120px -60px;}
.estilov2 .btIcons.icoAtras {background-position:-380px -80px;}
.estilov2 .btIcons.icoFile {background-position:-200px -60px;}
.estilov2 .btIcons.icoSubir, .estilov2 .btIcons.icoBajar {zoom:0.7;}
.estilov2 .btIcons.icoAgenda {background-position:-60px 0px;}
.estilov2 .entorno {
    padding-left:50px;
    position: relative;
}
    .estilov2 .entorno::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        display: block;
        content: "";
        background-image: url("/images/entorno-n.png?20191024");
        background-position: 30px 0px;
        background-repeat: no-repeat;
    }
.estilov2 .imgTicket {
    text-align:center;
}
.estilov2 .imgTicket img {
    max-width:100%;
    max-height:300px;
}
.estilov2 .doclist_append {
    border-radius:0;
}
.estilov2 table.grid th {
    font-size: 0.7rem;
}
.estilov2 .modal-importe {
    height: 24px;
    padding: 7px;
    bottom: 0px;
    line-height: 16px;
    font-size: 14px;
    border-top: 1px solid #e9e9e9;
}
.estilov2 .modal-importe span {
    float: right;
    line-height: 24px;
}
.estilov2 .modal-importe span.fielddata {
    font-size: 16px;
    font-weight:bold;
}
.estilov2 .modal-importe .fieldcaption {
    font-size: 13px;
}
.estilov2 .tablaResumen {
    position: absolute;
    top: 160px;
    left: 15px;
    right: 15px;
    bottom: 35px;
    overflow: auto;
}
.estilov2 .botonExit {
    display:none;
}
.estilov2 .fielddata.fieldfecha {
    width: auto !important;
}
.estilov2 .fieldcontainer[data-required="required"] .fielddata input {
    box-shadow: 0 0 3px #f00f0066;
    border-radius:3px;
}


/* Toggle Check */
.toggleCheck a {
    background-position: 24px bottom;
}
    .toggleCheck a[title="Desbloquear"],
    .toggleCheck a[title="Bloquear"],
    .toggleCheck a[style*="button-red"],
    .toggleCheck a[style*="button-green"] {
        display: inline-block;
        padding-left: 24px;
        padding-right: 16px;
        margin-left: -24px;
    }
        .toggleCheck a[title="Desbloquear"]:after,
        .toggleCheck a[title="Bloquear"]:before,
        .toggleCheck a[style*="button-red"]:after,
        .toggleCheck a[style*="button-green"]:before {
            display: inline-block;
            position: absolute;
            text-align: center;
            font-size: 14px;
        }
        .toggleCheck a[title="Desbloquear"]:after,
        .toggleCheck a[style*="button-red"]:after {
            content: "NO";
            left: 0;
            width: 24px;
        }
        .toggleCheck a[title="Bloquear"]:before,
        .toggleCheck a[style*="button-green"]:before {
            content: "SI";
            right: 0;
            width: 16px;
        }
.checkNew div {
    position: relative;
    width: 35px;
    background: #eeeeee;
    display: inline-block;
    height: 15px;
    margin-top: 2px;
    border-radius: 10px;
    border: 1px solid #cccccc;
}
    .checkNew div a[title="Desbloquear"],
    .checkNew div a[style*="button-red"] {
        left: 0px !important;
        transition: left 0.5s;
    }
    .checkNew div a[title="Bloquear"],
    .checkNew div a[style*="button-green"] {
        left: 19px !important;
        transition: left 0.5s;
    }
.checkbox.checkNew label {
    vertical-align: top;
}
.checkbox.checkNew input {
    display: none;
}
.listaCotitulares span input[type="image"] {
    margin-top: 5px;
    padding-left: 3px;
    padding-right: 3px;
}
.listaCotitulares .btUsuarios {
    display: inline-block;
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding-left: 3px;
    padding-right: 5px;
    transition:all 0.5s;
}
.listaCotitulares .btUsuarios:hover {
    background-color:#eeeeee;
    box-shadow:0 0 5px #cccccc;
    transition:all 0.5s;
}


/* erpPropuestaAdd */
.erpPropuestaAdd .barraSuperior {
    border-bottom: 1px solid #dddddd;
    height: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #666666;
}

.erpPropuestaAdd .imgLista {
    width: 12px;
    vertical-align: middle;
    margin-bottom: 3px;
}

.erpPropuestaAdd .listaProductos {
    position: absolute;
    left: 20%;
    padding: 15px;
    top: 30px;
    right: 0px;
    bottom: 0;
    overflow: auto;
}

.erpPropuestaAdd .barraSuperior a i {
    margin-top: 0;
}

.erpPropuestaAdd .textRight {
    text-align: right;
}

.erpPropuestaAdd .width80pc {
    width: 80%;
}

.erpPropuestaAdd select {
    margin-top: -2px;
    border: 1px solid #eeeeee;
    width: auto;
    margin-left: 10px;
}

.erpPropuestaAdd .container {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
}

    .erpPropuestaAdd .container .content {
        display: none;
    }

        .erpPropuestaAdd .container .content ul {
            margin-bottom: 10px;
        }

.erpPropuestaAdd .contenido .divMarcas,
.erpPropuestaAdd .contenido .divArticulos {
    color: #666666;
    background: none;
    height: 20px;
    padding: 5px;
    line-height: 20px;
}

    .erpPropuestaAdd .contenido .divMarcas .titulo,
    .erpPropuestaAdd .contenido .divArticulos .titulo {
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
    }

        .erpPropuestaAdd .contenido .divMarcas .titulo:after,
        .erpPropuestaAdd .contenido .divArticulos .titulo:after,
        .erpPropuestaAdd .contenido .header.expand.divMarcas .titulo:after,
        .erpPropuestaAdd .contenido .header.expand.divArticulos .titulo:after {
            content: "▼";
            font-size: 12px;
            color: #999999;
            float: right;
            margin-right: 10px;
        }

.erpPropuestaAdd .contenido .header.collapse.divMarcas .titulo:after,
.erpPropuestaAdd .contenido .header.collapse.divArticulos .titulo:after {
    content: "▲";
}

.erpPropuestaAdd .contenido li {
    line-height: 20px;
    margin-left: 10px;
}

    .erpPropuestaAdd .contenido li.active {
        background: #e9e9e9;
        padding-left: 10px;
        margin-left: 0;
    }

        .erpPropuestaAdd .contenido li.active a {
            font-weight: bold;
            color: #C1494B;
        }

.erpPropuestaAdd .grid_headerstyle {
    border: none !important;
}

.erpPropuestaAdd table.grid th, .erpPropuestaAdd table.griddp th {
    border-right: none;
}

.erpPropuestaAdd .imgSel {
    max-height: 60px;
    max-width: 60px;
}

.erpPropuestaAdd .btn.btn-anyadir {
    font-size: 18px;
    padding: 3px 8px;
    background-color: #C1494B;
    color: #ffffff;
    text-shadow: 1px 1px 0 #000000;
    box-shadow: 0 0 5px #999999;
}

.erpPropuestaAdd .contenido .listview_item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9e9e9;
}

    .erpPropuestaAdd .contenido .listview_item span {
        display: inline-block;
        width: 60px;
        vertical-align: top;
    }

        .erpPropuestaAdd .contenido .listview_item span[data-rel="IMAGEN"] img {
            max-height: 50px;
            max-width: 50px;
            vertical-align: text-bottom;
        }

        .erpPropuestaAdd .contenido .listview_item span[data-rel="COD_PROD"],
        .erpPropuestaAdd .contenido .listview_item span[data-rel="NOM_PROD"] {
            width: 150px;
            width: calc(25% - 30px);
        }

        .erpPropuestaAdd .contenido .listview_item span[data-rel="ANYADIR"] {
            float: right;
            text-align: right;
            width: auto;
        }

        .erpPropuestaAdd .contenido .listview_item span[data-rel="COSTE"] {
            width: 100px;
            width: calc(15% - 20px);
            text-align: right;
            margin-right: 20px;
            font-size: 14px;
            font-weight: bold;
            color: #C1494B;
        }

        .erpPropuestaAdd .contenido .listview_item span[data-rel="DISPONIBILIDAD"] {
            width: calc(12%);
        }

        .erpPropuestaAdd .contenido .listview_item span[data-rel="STOCK"] {
            width: calc(10% - 10px);
            text-align: right;
            margin-right: 10px;
        }

        .erpPropuestaAdd .contenido .listview_item span[data-rel="OUTLET"],
        .erpPropuestaAdd .contenido .listview_item span[data-rel="OFERTA"],
        .erpPropuestaAdd .contenido .listview_item span[data-rel="ORDEN"] {
            display: none;
        }

/* SEGUIMIENTOS */
#quadreedit .quadre_right {
    display: inline-block;
    width: 300px;
    vertical-align: top;
    margin-left: 10px;
    margin-top: -5px;
}
#quadreedit .quadre_right:empty {
    display:none;
}
#quadreedit .quadre_right .dg_filecontainer {
    position: absolute;
    top: 55px;
    bottom: 50px;
    overflow: auto;
}
#quadreedit .quadre_right .dg_filecontainer li {
    display: inline-flex;
    flex-wrap: wrap;
    clear: both;
    width: 300px;
    padding-top: 5px;
}
#quadreedit .quadre_right .dg_filecontainer li:nth-child(2n+2) {
    background-color:#f6f6f6;        
}
    #quadreedit .quadre_right .dg_filecontainer .dg_commands {
        order: 1;
        padding: 0;
        padding-left: 3px;
        width: 45px;
    }
#quadreedit .quadre_right .dg_filecontainer .dg_commands .dg_cm_editar {
    width: 18px;
    height: 18px;
}
#quadreedit .quadre_right .dg_filecontainer .dg_item_date {
    order: 2;
    padding: 0px;
    line-height: 18px;
}
    #quadreedit .quadre_right .dg_filecontainer .dg_item_desc {
        margin-right: 0;
        flex-grow: 1;
        order: 5;
        width: 100%;
        padding: 0;
        line-height: 20px;
        margin-top: -5px;
        margin-left: 21px;
    }
    #quadreedit .quadre_right .dg_filecontainer .dg_item_caducidad {
        margin-right: 0;
        flex-grow: 1;
        order: 4;
        width: 100%;
        padding: 0;
        margin-top: -2px;
        line-height: 20px;
        margin-left: 24px;
        color: #666;
        font-style: italic;
    }
        #quadreedit .quadre_right .dg_filecontainer .dg_item_caducidad span:before {
            content: "Fecha Caducidad:";
        }
#quadreedit .quadre_right .dg_filecontainer .dg_item_desc a {
    border: none;
    max-width: 260px;
    display: inline-block;
    overflow: hidden;
    height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor:pointer;
}
#quadreedit .quadre_right .dg_filecontainer .dg_item_desc a:hover {
    box-shadow: 0 0 5px #ccc;
    border:none;
}
#quadreedit .quadre_right .dg_filecontainer .dg_item_by {
    order: 3;
    line-height: 18px;
    padding: 0 5px;
}
#quadreedit .quadre_left {
    display:inline-block;
    vertical-align:top;
    flex-grow: 1;
}
#quadreedit .quadre_left .fieldcontainer.fechaH3 {
    float:right;
    font-weight:normal;
    font-size:12px;
}
div[id*="ucSeguimientos"] .alineado .btn.alinea,
div[id*="ucSeguimientos"] .alineado .opciones {
    right:auto;
    position:relative;
    margin-left:10px;
    top:auto;
}
div[id*="ucSeguimientos"] .alineado .opciones {
    top:5px;
}
div[id*="ucSeguimientos"] .alineado .oculto {
    top:29px;
}
div[id*="ucSeguimientos"] .alineado .btMCI span {
    background:url(/images/iconos.png) no-repeat -480px -80px;
    width:20px;
    height:20px;
    overflow:hidden;
    display:block;
}
.paneledit.width800 {
    min-width: 800px;
    display: flex;
}
td.rootNode a,
td.parentNode a,
td.leafNode a {
    background-color: #eeeeee;
    padding: 0 5px;
    margin:3px 0;
}
    td.selectedNode a {
        background-color: #666666;
        box-shadow: 1px 1px 1px #000;
        color: #ffffff;
        padding: 0 5px;
        margin:3px 0;
}
td.hoverNode a {
    background: #666666;
        color: #ffffff;
}
.btNew:after {
    content: "+";
    font-size: 1rem;
    font-weight: normal;
    margin-left: 5px;
}

/* ESTILOS BUSCADOR 20200127 */
.divBusqueda {
    margin-bottom: 5px;
    padding: 5px 10px 10px;
    background-color: #283a9711;
    border: 1px solid #283a9722;
    position:relative;
}
    .divBusqueda .fieldcaption,
    .panelResultados .fieldcaption,
    .form-2 .fieldcaption {
        float: none;
        margin-left: 0;
    }
    .divBusqueda .fieldcontainer,
    .panelResultados .fieldcontainer,
    .form-2 .fieldcontainer {
        margin-right: 10px;
    }
        .divBusqueda .fieldcontainer.width50pc,
        .panelResultados .fieldcontainer.width50pc,
        .form-2 .fieldcontainer.width50pc {
            margin-right: 0px;
        }
    .divBusqueda .fielddata,
    .form-2 .fielddata {
        width: calc(100% - 10px);
    }
        .divBusqueda .fielddata input,
        .form-2 .fielddata input {
            width: calc(100% - 10px);
            border-radius: 0;
            padding: 5px;
        }
    .divBusqueda .width50pc,
    .form-2 .width50pc {
        width: calc(50% - 5px);
        display: inline-block;
    }
    .divBusqueda .width25pc,
    .form-2 .width25pc {
        width: calc(25% - 5px);
        display: inline-block;
    }
    .divBusqueda .fielddata select,
    .form-2 .fielddata select {
        padding: 6px;
        height: auto;
        border-radius: 0;
        width: calc(100% - 10px);
    }
    .divBusqueda div[data-autocomplete="enabled"] input[type="text"],
    .form-2 div[data-autocomplete="enabled"] input[type="text"] {
        background-color: #fff;
    }
    .divBusqueda .calendar_image,
    .form-2 .calendar_image {
        padding-top: 5px;
        padding-bottom: 5px;
        background-image: none !important;
    }
    .divBusqueda .btn.alinea,
    .form-2 .btn.alinea {
        border-radius: 0;
        background-color: #ffffff;
        border: 1px solid #ccc;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 12px;
        padding: 4px 25px;
        vertical-align: top;
        margin-top: 25px;
    }
.divResultados .alineado {
    margin-top:10px;
}
.divResultados .alineado .opciones {
        top: 0;
        border: none;
}
.divResultados .alineado .opciones a {
    display:inline-block;
}
.divResultados .alineado .oculto {
    top:23px;
}
.divResultados .alineado .oculto li a {
    display: block;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 0;
    margin: 3px 0;
    background-color: #ffffff;
    color: #000000;
}
.divResultados .alineado .oculto li {
    border:none;
}
.divResultados .externo {
    background-color:transparent;
}
.divResultados .externo:hover {
    background-color:transparent;
    color:#666666;
}
.divResultados table.grid td {
    padding: 10px !important;
    border: 1px solid #283a97;
    font-size: 13px;
}
.divResultados .grid_rowstyle {
    background-color: #283a9744;
}
.divResultados .grid_arowstyle {
    background-color: #283a9722;
}
.divResultados table.grid {
    border-collapse: inherit !important;
    -webkit-border-vertical-spacing: 5px;
}
.divResultados table.grid td:nth-child(2n) {
    border-left-width:0px;
    border-right-width:0px;
}
.divResultados table.grid td:last-child {
    border-right-width:1px;
}
.divResultados table.grid th {
    text-transform:uppercase;
}
.actionsBTN .pestanyas a.btn.pestanya.save {
    background: url(/i/ico_save.png) no-repeat 5px center;
    padding-left: 30px;
}
/* FIN ESTILOS BUSCADOR */
/* ##Screen = 1024px to 0 */
@media (min-width: 320px) and (max-width: 1024px) {
    /* SCROLL MAINPANEL */
    .fixedHeader {display: none;}
    .grid_headerstyle {visibility: visible !important;}
    #WGMS_grid {border-top: 1px solid #ffffff;}
    .overflowLayer {overflow: auto;}
}
/* ##Screen = 1024px to 0 */
@media (max-device-width: 720px) {
    .fieldcaption {
        width: 100% !important;
    }
}
/* ##Screen = 1024px to 0 */
@media (max-width: 768px) {
    .estilov2 .fieldcontainer, .estilov2 textarea {
        max-width: 99%;
    }
    .width75pc .width150px + .fielddata,
    .width50pc .width150px + .fielddata,
    .width33pc .width150px + .fielddata,
    .width22pc .width150px + .fielddata,
    .width20pc .width150px + .fielddata {
        width: auto;
    }
    .separator {
        overflow: hidden;
    }
    .fielddata {
        max-width: 100%;
    }
    #quadre {
        padding-top: 45px;
    }
    .estilov2 .paneledit {
        max-width: 100%;
        max-height: 100vh;
    }
    .estilov2 div.header, .estilov2 .modal-header {
        position: relative;
        z-index: 10;
    }
    .modal-body {
        overflow: auto;
    }
    .estilov2 div.header {
        margin-left: 50px;
        height: auto;
        display: flex;
        flex-flow: column;
        overflow: visible;
    }
    .estilov2 .header .docExpGuardado {
        margin-top: 10px !important;
        padding-bottom: 5px;
    }
    .estilov2 .btnExpand, .estilov2 .actions .btnExpand {
        display: none;
    }
    .estilov2 .actions {
        top: 0;
    }
        .estilov2 .actions .actionsBTN .pestanyas {
            top: 0;
        }
    .estilov2 .modal-body {
        position: relative;
        top: inherit;
        width: calc(100% - 80px);
        overflow: auto;
        bottom: inherit;
        left: 50px;
        right: inherit;
        height: 80vh;
    }

    .fieldcaption.width200px.t-r {
        text-align: left !important;
    }
    .twoColumn {width: 100% !important;}
    .editRow {width: 100% !important;}
    .fielddata textarea {
        max-width: calc(100vw - 60px);
    }
}

/* ##Device = Laptops, Desktops
   ##Screen = B/w 1025px to 1280px */
@media (min-width: 1025px) and (max-width: 1280px) {
    
}

/* ##Device = Tablets, Ipads (portrait)
   ##Screen = B/w 768px to 1024px */
@media (min-width: 768px) and (max-width: 1024px) { 
  
}

/* ##Device = Tablets, Ipads (landscape)
   ##Screen = B/w 768px to 1024px */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
}

/* ##Device = Low Resolution Tablets, Mobiles (Landscape)
   ##Screen = B/w 481px to 767px */
@media (min-width: 481px) and (max-width: 767px) {    
    .estilov2 .header .docExpedientes {
        max-width: 30%;
        overflow: hidden;
    }
}

/* ##Device = Most of the Smartphones Mobiles (Portrait)
   ##Screen = B/w 320px to 479px */
@media (min-width: 320px) and (max-width: 480px) {

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .myClass {
        color: red;
    }
    /* Safari only override */
    ::i-block-chrome, .myClass {
        color: blue;
    }
}

@media (max-width:480px ) {
    .modal-body {
        overflow: auto;
    }
    .paneledit {
        max-width: 96% !important;
        min-width: 96% !important;
        overflow: auto;
    }

    .width50pc,
    .width75pc,
    .width66pc,
    .width33pc,
    .width25pc,
    .width20pc,
    .fieldcontainer.width50pc .fieldcontainer {
        width: 100%;
    }
    .doclist_append {
        max-width:100%;
    } 
    .row {
        overflow: visible;
    }
    .separator + div[id*="ucSeguimientos"] {
        clear: both;
    }
        .separator + div[id*="ucSeguimientos"] .alineado {
            margin-top:10px;
            margin-bottom: 10px;
        }
    .fielddata input {
        max-width: 96%;
    }
    #quadreedit .quadre_right {
        min-width:100%;
    }
    .actions {
        width: inherit;
    }
    .acciones .btn,
    .acciones .lkbtn {
        margin:0;
    }
    .acciones .btn span,
    .acciones .lkbtn span {
        display: none;
    }
    .paneledit .acciones .btn span,
    .paneledit .acciones .lkbtn span {
        display: inline-block;
        padding-left: 5px;
    }
    .dg_append {
        max-width: 90%;
        padding: 10px;
    }
    .RadUpload_Default .ruStyled .ruFileInput {
        max-width: 90%;
    }
    .header h3, .header div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
@media (max-width: 600px) {
    .width50pc .width150px + .fielddata, .width50pc .width100px + .fielddata {
        width: 100% !important;
    }
    .estilov2 .fielddata [data-rel="readonly"] {
        min-height: 22px;
    }
    .estilov2 .modal-body {
        height: calc(100vh - 118px);
        width: calc(100vw - 82px);
    }
    .estilov2 .actions {
        height: calc(100vh - 0px);
    }
    .msjPassword {
        margin: 0;
    }
    body div.checkboxList label,  
    body div.fieldcontainer .fieldcaption,  
    body div.fieldcaption.width150px {
        font-size: 12px !important;
    }
    .actionsBTN .acciones .btn.accept,
    .actionsBTN .acciones .btn.cancel,
    .actionsBTN .acciones .lkbtn.exit,
    .btnCanvi .lkbtn.exit,
    .actionsBTN a.btn.archivo,
    .actionsBTN a.btn.delete,
    a.btn.delete,
    .actionsBTN a.btn.reload,
    .actionsBTN a.btn.notify,
    .actionsBTN a.btn.change,
    .actionsBTN a.btn.time,
    .actionsBTN a.btn.unmark,
    .btn.save, .btn.salir,
    .btn.cancel {
        padding-left: 25px;
        padding-right: 0;
        margin: 0;
    }
}


/* 20190618 */
.upd201906 .fielddata input {
    border: none;
    box-shadow: none;
}
.btn.btn-style-1 {
    border: 1px solid #dddddd;
    border-radius: 0;
    padding: 2px 10px;
    transition: all 0.5s;
}
    .btn.btn-style-1:hover {
        background-color:transparent;
        box-shadow: 2px 2px 0 #000000;
        transition: all 0.5s;
    }
.btn.btn-style-2 {
    border: 1px solid #cccccc;
    border-radius: 0;
    padding-bottom: 1px;
    margin-bottom: 1px;
    font-size: 16px;
}
.btn.btn-danger {
    background-color: #f34848;
    color: #ffffff;
    border-radius: 0;
    text-shadow: none;
}
.btn.btn-primary {
    background-color: #489af3;
    color: #ffffff;
    border-radius: 0;
    text-shadow: none;
}
.big_font .fielddata {
    font-size:1rem;
}

.btn.btn-flechas {
    padding: 0;
    width: 18px;
    line-height: 18px;
    font-size: 14px;
}


/* 20191211 */
.checkStandard label {
    display:inline-block;
}

/*.pestanyas #btOtrosDatos,
.pestanyas #ctl00_cphFooter_otab_8 {
    display: none;
}*/

/* Validacion de entardas numéricas */
.v-number {
    position: relative;
    left: -7px;
    background-color: #FF5722;
    font-size: 80%;
    color: #FF5722 !important;
}

/* MENTORING */
.vstAVCursos li.header {
    display: none;
}
.vstAVCursos li {
    width: 22.5%;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0 2px 0px #ccc;
    background: #ffffff;
    margin: 1%;
    position: relative;
    height: auto;
    border: 1px solid #dddddd;
}
.vstAVCursos li > div {
    padding:10px;
}
.vstAVCursos li span {
    display:block;
    /*position:absolute;
    width: auto;*/
}
    .vstAVCursos li span[data-rel="NOM_CURSO"] {
        font-size: 1.3rem;
        line-height: 1;
        font-weight: bold;
        text-align: left;
        width: auto;
        margin-top: 5px;
        margin-bottom: 20px;
        color: #666666;
        text-align: center;
        text-transform: capitalize;
        min-height: 40px;
    }
    .vstAVCursos li span[data-rel="CODIGO"] {
        margin-left: 580px;
        width: auto;
        font-size: 1.1rem;
        text-align: left;
        margin-bottom: 20px;
        color: #666666;
    }
.vstAVCursos li span[data-rel="F_INICIO"]:before {
    content:"Inicio: ";
}
    .vstAVCursos li span[data-rel="F_INICIO"] {
        font-size: 0.9rem;
        text-align: left;
        width: auto;
        margin-bottom: 10px;
        color: #666666;
        float: left;
    }
.vstAVCursos li span[data-rel="F_FIN"]:before {
    content:"Final: ";
}
    .vstAVCursos li span[data-rel="F_FIN"] {
        font-size: 0.9rem;
        text-align: left;
        width: auto;
        margin-bottom: 10px;
        color: #666666;
        float: right;
    }
    .vstAVCursos li span[data-rel="IMAGEN"] {
        width: 100%;
        overflow: hidden;
        height: 200px;
        border-bottom: 1px solid #eeeeee;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
    }
        .vstAVCursos li span[data-rel="IMAGEN"] img {
            max-width: 100%;
            max-height: 200px;
        }
    .vstAVCursos li span[data-rel="TEMARIO"] {
        text-align: left;
        font-size: 0.8rem;
        width: auto;
        clear:both;
        margin-bottom:30px;
    }
.vstAVCursos li span[data-rel="TEMARIO"]:before {
    content:"Temario: ";
}
        .vstAVCursos li span[data-rel="TEMARIO"] a {
            text-indent: 10000px;
            background: url(/images/document_icons/Pdf.png) no-repeat left top;
            width: 40px;
            height: 32px;
            display: block;
        }
.vstAVCursos li span[data-rel="TEMARIO"] a:empty {
    background:none;
    }
    .vstAVCursos li span[data-rel="DESC_GRUPO"] {
        margin-left: 500px;
        width: auto;
        text-align: left;
        line-height: 1.2;
        height: 110px;
        overflow: auto;
        background-color: #f9f9f9;
        padding: 10px;
        box-shadow: 0 0 3px #dddddd;
        display:none;
    }
    .vstAVCursos li span[data-rel="TRABAJADOR"] {
        bottom: -6px;
        left: -6px;
        width: auto;
        position: absolute;
        right: 6px;
        text-align: center;
    }
        .vstAVCursos li span[data-rel="TRABAJADOR"] a {
            display: block;
            text-indent: -10000px;
            height: 40px;
        }
            .vstAVCursos li span[data-rel="TRABAJADOR"] a:before {
                content: "Entrar al curso";
                width: 100%;
                background-color: #FF7200;
                line-height: 30px;
                color: #ffffff;
                border: 1px solid #eeeeee;
                text-shadow: 1px 1px 0 #000000;
                font-size: 1rem;
                position: absolute;
                top: 5px;
                text-indent: 0;
                left: 5px;
            }
.vstAVCursos li span[data-rel="ACTIVO"] {
    display:none;
}
.vstAVCursos li.inactivo span[data-rel="CONTACTO"] a:before {
    background-color: #b7b7b7;
}
    .vstAVCursos li span[data-rel="ORG_CLI"],
    .vstAVCursos li span[data-rel="NIF_CLI"],
    .vstAVCursos li span[data-rel="COD_CURSO"],
    .vstAVCursos li span[data-rel="COD_FORMACION"],
    .vstAVCursos li span[data-rel="DESC_FORMACION"],
    .vstAVCursos li span[data-rel="ACTIVO"],
    .vstAVCursos li span[data-rel="F_BAJA"],
    .vstAVCursos li span[data-rel="NOM_USUARIO"],
    .vstAVCursos li span[data-rel="PROFESOR"],
    .vstAVCursos li span[data-rel="LUGAR"],
    .vstAVCursos li span[data-rel="EMAIL"] {
        display: none;
    }
    .vstAVCursos li span[data-rel="TRABAJADOR"] {

    }
    .vstAVCursos li.inactivo {
        background: #eeeeee;
    }

.aulaVirtual {
    margin-top:180px;
    display:flex;
}
    .aulaVirtual .cabecera {
        position: fixed;
        top: 0;
        left: 10px;
        right: 20px;
        z-index: 10;
        padding: 10px 10px 15px;
        border: 1px solid #e9e9e9;
        background-color: #ffffff;
    }
    .aulaVirtual .cabecera h3 {
        font-size: 1.5rem;
    }
        .aulaVirtual .cabecera .fechasContenido {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 0.9rem;
            text-align: right;
        }
        .aulaVirtual .cabecera .fechasContenido span {
            text-align: right;
            width: 100%;
            float: right;
        }
        .aulaVirtual .cabecera .fechasContenido .fieldcaption {
            float: none;
            display: inline-block;
            margin-bottom: 5px;
        }
        .aulaVirtual .cabecera .fotoCabecera {
            max-width: 150px;
            max-height: 100px;
            float: left;
            margin-right: 20px;
            box-shadow: 0 0 5px #cccccc;
        }
        .aulaVirtual .cabecera .txtGrupo {
            font-size: 1.1rem;
            margin-top: 5px;
            display: inherit;
            font-weight: bold;
        }
        .aulaVirtual .cabecera .txtTemario {
            margin-top: 10px;
            display: inline-block;
            width: 60px;
            font-size: 0.9rem;
        }
        .aulaVirtual .cabecera .esquina-bot {
            position: absolute;
            bottom: -10px;
            left: 0px;
            border-bottom: none;
            border-top: 1px solid #e9e9e9;
            border-left: none;
            border-right: 1px solid #e9e9e9;
            transform: rotate(135deg);
            width: 16px;
            height: 16px;
            background-color: #ffffff;
        }
        .aulaVirtual .cabecera .submenuCursos {
            position: absolute;
            bottom: -1px;
            left: 180px;
        }
            .aulaVirtual .cabecera .submenuCursos a {
                display: inline-block;
                padding: 5px 10px;
                background-color: #ffffff;
                border: 1px solid #e9e9e9;
                border-bottom: none;
                font-size: 0.9rem;
                margin-right: 5px;
            }
                .aulaVirtual .cabecera .submenuCursos a.activo {
                    font-weight: bold;
                    border-bottom: 1px solid #f9f9f9;
                    background-color: #f9f9f9;
        }
                .aulaVirtual .cabecera .submenuCursos a[data-rel="disabled"] {
                    cursor: default;
                    pointer-events: none;
                    color: #cccccc;
                    background-color: #f9f9f9;
                }
    .aulaVirtual .lateralDerecha:empty {
        display: none;
    }
    .aulaVirtual .introFormacion {
        width: calc(100% - 20px);
        margin: 0 10px 20px;
        padding: 15px 10px;
        background-color: #ffffff;
    }
    .aulaVirtual .introFormacion p {
        margin:0 0 10px;
    }
    .aulaVirtual .introFormacion .separator.first {
        border-bottom: none;
        font-size: 1.8rem;
    }
        .aulaVirtual .introFormacion .fotoCurso {
            max-width: 90%;
            box-shadow: 0 0 10px #cccccc;
        }
        .aulaVirtual .introFormacion .txDescripcion {
            font-size: 16px;
            line-height: 1.2;
        }
    .aulaVirtual .lateralIzquierda {
        width: 320px;
        background-color: #fff;
        order: 2;
        margin: 10px;
        padding: 10px;
        min-width: 320px;
    }
    .aulaVirtual .lateralIzquierda .lnkVolver {
        float: left;
        display: inline-block;
        width: auto;
        line-height: 24px;
        margin-right: 3px;
    }
.tituloCurso .fielddata {
    font-size: 24px;
    text-transform: capitalize;
}
.lateralIzquierda .arbolTemas {
    margin-top: 0px;
}
.aulaVirtual .lateralIzquierda .arbolTemas h3 {
    font-size: 1.3rem;
    text-decoration: underline;
}
.contenidoTemas {
    background-color: #ffffff;
    order: 1;
    flex-grow: 1;
    padding: 10px;
    margin: 10px;
}
.lateralDerecha {
    position: relative;
    z-index: 1;
    width: calc(100% - 40px);
    margin-left: 1%;
    margin-top: 300px;
}
.lateralDerecha  .fotoCurso {
    max-width:90%;
    box-shadow:5px 5px 12px #cccccc;
    border: 1px solid #cccccc !important;
}
.contenidoTemas .fechasContenido {
    width: 50%;
    float: right;
}
.contenidoTemas .fechasContenido > span {
    float: right;
    width: auto;
}
.contenidoTemas .videoPrograma {
    margin-bottom: 20px;
}
    .contenidoTemas .videoPrograma iframe {
        min-height: 50vh;
    }
.contenidoTemas .videoPrograma .tituloVideo {
    font-size: 16px;
    display: block;
}
.contenidoTemas .contenidoTema {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: Tahoma, Arial, Verdana;
}
.contenidoTemas .fontTahoma {
    font-family: Tahoma, Arial, Verdana;
}
.contenidoTemas .tituloTemas {
    float: left;
    width: 80%;
}
.contenidoTemas .btnPracticas {
    float: right;
    width: auto;
}
.contenidoTemas .btnPracticas a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #cccccc;
}
.contenidoTemas a.btnVolver {
    background: url(/i/ico_volver.png) no-repeat 5px center;
    padding-left: 28px !important;
}
.contenidoTemas h3 .fielddata {
    font-size: 1.5rem;
}
.contenidoTemas .recuadroPracticas {
    border: 1px solid #eeeeee;
    padding: 10px;
    margin-bottom: 10px;
}
.contenidoTemas .practicaAsistente {
    box-shadow: 0 0 5px #999999;
    border-radius: 5px;
}
.contenidoTemas .contenedorTest {
    box-shadow: 0 0 5px #999999;
    border-radius: 5px;
    padding: 10px;
    margin-top: 30px;
}
    .contenidoTemas .contenedorTest .nombreTest {
        font-size:12px;
        margin-left:10px;
    }
    .contenidoTemas .contenedorTest .Aprobado, .contenidoTemas .contenedorTest .noAprobado {
        width: 18px;
        height: 18px;
        background-size: 18px 18px;
        vertical-align: text-bottom;
    }
        .contenidoTemas .contenedorTest .Aprobado {
            background-image: url('/Resources/32/button-green.png');
        }
        .contenidoTemas .contenedorTest .noAprobado {
            background-image: url('/Resources/32/button-red.png');
}
    .contenidoTemas .contenedorTest .btn {
        text-transform: uppercase;
        font-size: 12px;
        padding: 5px 10px;
        border-radius: 5px;
        text-shadow: none;
        color: #ffffff;
    }
        .contenidoTemas .contenedorTest .btn.btComenzar {
            background-color: #5dbd50;
        }
        .contenidoTemas .contenedorTest .btn.btContinuar {
            background-color: #ff7200;
        }
        .contenidoTemas .contenedorTest .btn.btComenzar:hover {
            background-color: #419037;
        }
        .contenidoTemas .contenedorTest .btn.btContinuar {
            background-color: #eb5a05;
        }
    .contenidoTemas .contenedorTest .resultadoTest {
        width:100%;
    }
        .contenidoTemas .contenedorTest .resultadoTest th {
            background-color: #eeeeee;
            font-weight: bold;
            padding: 3px;
            border: 1px solid #dddddd;
    }
        .contenidoTemas .contenedorTest .resultadoTest td {
            padding: 3px;
    }
        .contenidoTemas .contenedorTest .resultadoTest progress {
            width:100%;
            border-radius:3px;
        }
.pregunta {
    background-color: #e0e0e0;
    padding: 10px;
    display: flex;
    height: 80px;
    color: #000000;
    align-items: center;
    font-weight: bold;
    font-size: 15px;
    line-height: 2;
}
.frmTest {
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    padding: 0;
    border: 1px solid #cccccc;
}

    .lateralIzquierda .arbolTemas table {
        width:100%;
    }
    .lateralIzquierda .arbolTemas a.negrita {
        font-weight: bold;
    }
.lateralIzquierda .arbolTemas .pastillas {
    border-bottom:1px solid #dddddd;
    padding-left: 10px;
}
.lateralIzquierda .arbolTemas .pastillas > a {
    display: inline-block;
    padding: 3px 15px;
    background-color:#dddddd;
    border: 1px solid #dddddd;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-bottom:-1px;
}
.lateralIzquierda .arbolTemas .pastillas > a.activo {
    background-color:#ffffff;
    font-weight:bold;
    border-bottom: 1px solid #ffffff;
}
.lateralIzquierda .arbolTemas li {
    height: 24px;
    line-height: 24px;
    display:flex;
}
    .lateralIzquierda .arbolTemas li a {
        padding-left: 5px;
        display: inline-block;
        padding-right: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
.lateralIzquierda td.selected li a {
    background-color:#FF7200;
    color:#ffffff;
}
.lateralIzquierda .arbolTemas li a.btnConsultaUser {
    width:auto;
    flex-grow:1;
}
.lateralIzquierda .arbolTemas li a.btnConsultaDate {
    width: auto;
}
.contenidoTemas .contenidoTema,
.contenidoTemas .fontTahoma,
.modal-body a.btConsultas,
.modal-body a.btConsultasResp,
.modal-body a.btConsultasDelete {
    font-family: Quicksand, Arial, Helvetica, sans-serif, Arial !important;
}
.respuestasTest .btn.btCerrar {
    position: fixed;
    right: 15px;
    top: 5px;
    background: #FF7200 url(/i/ico-cerrar-bl.png) no-repeat center center / 20px;
    padding: 15px;
}

.respuestasTest {
    margin-left: -15px;
    margin-right: -15px;
}

    .respuestasTest .respuestaImagen:empty {
        background-color: #f6f6f6;
        min-height: 240px;
    }    
.pregunta .btn.btCerrar {
    position: absolute;
    right: 5px;
    top: 5px;
    background: #FF7200 url(/i/ico-cerrar-bl.png) no-repeat center center / 20px;
    padding: 15px;
}
.contenedorTest .totalIntentos {
    font-size: 12px;
}
.totalIntentos:after {
    content: ' intentos';
}
.totalIntentos:before {
    content: ' | De ';
}
.errorTest {
    font-size: 20px;
    margin: 10em 5em;
    text-align: center;
}
.contRespuesta {
    display:block;
    text-align:left;
    position:relative;
}
.respuestas .contRespuesta span {
    margin: 0px;
}
.contRespuesta img {
    width:auto;
    height:auto;
}
.contRespuesta .imgOK,
.contRespuesta .imgRespondida {
    width: 25px;
    display: inline-block;
    vertical-align: middle;
}
    .contRespuesta .imgOK + .imgRespondida img {
        border: 2px solid #2dc23e !important;
        border-radius: 50%;
    }
    .contRespuesta .imgOK:empty + .imgRespondida img {
        border: 2px solid #f00 !important;
        border-radius: 50%;
    }
.contRespuesta .txtRespuesta {
    font-size: 14px;
    font-family: "Open Sans";
}
    .continuarTest {
    text-align: center;
}
    .continuarTest .btn.btContinuar {
        background-color: #FF7200;
        text-transform: uppercase;
        font-size: 18px;
        padding: 8px 20px;
        border-radius: 5px;
        margin-top: 5px;
        text-shadow: none;
        color: #ffffff;
    }
    
        .footlabel.pendiente {
            background-color: #e4c57e;
        }
        .footlabel.correcta {
            background-color: #50ae28;
        }
        .footlabel.nocorrecta {
            background-color: #ae1414;
        }
        .respuesta .fielddata {
            display: none;
        }
        .respuesta .fieldcaption label {
            display: inline-block;
            line-height: 24px;
        }
.respuesta.fieldcontainer.r_ok, .respuesta.fieldcontainer.r_ko {
    width: 100%;
    border-radius: 5px;
        }
.respuesta.fieldcontainer.r_ok label, .respuesta.fieldcontainer.r_ko label {
    color:#ffffff;
}
        .respuesta.fieldcontainer.r_ko {
            background-color: #ae1414;
        }
        .respuesta.fieldcontainer.r_ok {
            background-color: #50ae28;
        }
.contenedorResp {
    display: flex;
    height: calc(100vh - 180px);
    align-items: center;
    text-align: center;
    overflow: auto;
        }
.respuestasTest .contenedorResp {
    height:auto;
    margin:20px;
}
.respuestaImagen {
    width:30%;
}
    .respuestaImagen img {
        max-height: 90%;
        max-width: 90%;
    }
.respuestas {
    width: 69%;
    flex-flow: column;
    display: flex;
    max-height: 100%;
}
    .respuestas .fieldcontainer.respuesta {
        cursor:pointer;
    }
        .respuestas .fieldcontainer.respuesta:hover {
            background-color: #eeeeee;
            box-shadow: 0 0 3px #999999;
    }
        .respuestas .fieldcontainer.respuesta.r_ko:hover {
            background-color: #ae1414;
    }
            .respuestas .fieldcontainer.respuesta.r_ok:hover {
                background-color: #50ae28;
            }
        .respuestas .fieldcontainer.respuesta:hover label {
            color:#000000;
        }
.respuesta .fieldcaption i {
    line-height: 36px;
    border-radius: 50%;
    background-color: #ff7200;
    width: 36px;
    height: 36px;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    margin-right: 20px;
    vertical-align: top;
}
.respuestas span {
    margin:10px;
}
.respuesta .fieldcaption label {
    display: inline-block;
    line-height: 24px;
    margin: 6px 0;
    max-width: calc(100% - 80px);
    cursor: pointer;
}
.contenedorResultados {
    width: 540px;
    margin: auto;
}
.contenidoTemas .practicaAsistente .histRespuesta {
    background-color: #eeeeee;
    padding: 10px;
    margin-top: 10px;
    position: relative;
    margin-left: 10px;
}
.btn.btCancelar,
.btn.btDescargar,
.btn.btRepetir {
    background-color: #ff7200;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 5px;
    text-shadow: none;
    color: #ffffff;
}
.btn.btDescargar {
    background-color: #50ae28;
}
.btn.btRepetir {
    background-color: #ff7200;
}
.contenidoTemas .practicaAsistente .histRespuesta:before {
    content: "";
    position: absolute;
    left: -10px;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    height: 20px;
    width: 10px;
    top: 0;
}
    .contenidoTemas .practicaAsistente .histRespuesta .histFecha {
        float: right;
        width: auto;
        font-weight: bold;
        font-size: 0.8rem;
    }
.contenedorResultados .fielddata.finalTest {
    max-width: 100%;
    text-align: center;
    font-size: 18px;
    float: none;
}
.contenedorResultados .width100pc.centrado {
    text-align: center;
}
.contenedorResultados .fieldcaption.finalTest {
    font-size: 18px;
    float: none;
    width: auto;
    display: inline-block;
}
.contenedorResultados .fielddata.finalTest.nomTest {
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
}
.contenedorTest h3 {
    background: #ff7200;
    color: #ffffff;
    padding: 10px;
    margin: -10px -10px 10px;
}
.contenidoTemas .fieldcaption.captionH3 {
    font-size: 14px;
    margin-left: 0;
}
.contenidoTemas .descargaPrograma {
    padding-top: 30px;
}
.contenidoTemas .height140px textarea {
    height: 140px;
}
.panelFormacion .RadUpload {
    margin-left: 110px;
}

.eventosFormacion {
    background-color: #ffffff;
    order: 1;
    flex-grow: 1;
    padding: 10px;
    margin: 10px;
}
    .eventosFormacion iframe {
        width: 100%;
        height: calc(100vh - 180px);
}
    .eventosFormacion h3 .fielddata span {
        font-size: 1.5rem;
    }
    .eventosFormacion .fieldcontainer.campoEvento {
        font-size: 1rem;
    }
    .eventosFormacion .fieldcontainer.campoEvento .fieldcaption {
        margin-left: 0;
    }
.consultasFormacion {
    background-color: #ffffff;
    order: 1;
    flex-grow: 1;
    padding: 10px;
    margin: 10px;
    position:relative;
    }
    .consultasFormacion:before {
        content: "Actualmente no hay consultas. Haz tú la primera pulsando el botón + de la derecha";
        text-align: center;
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
    }
    .consultasFormacion h3.tituloConsulta {
        font-size: 1.6rem;
    }
    .consultasFormacion .txConsulta {
        font-size: 0.9rem;
        line-height: 1.5;
    }
    .consultasFormacion .detalleConsulta {
        background-color: #ffffff;
        position: relative;
    }
.txConsulta .fieldcontainer {
    float: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
    margin-top: -2px;
}
.txtRight.txConsulta .fieldcontainer {
    text-align:right;
}
.fielddata.txConsulta {
    max-width:100%;
    font-size:17px;
    line-height:18px;
}
.respuestaConsultas .fielddata.txConsulta {
    font-size: 16px;
}
.modal-body a.btConsultas {
    color: #FF7200;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Tahoma, Helvetica;
}
.modal-body a.btn.alinea.btConsulta {
    font-weight:bold;
    font-size:18px;
}
.modal-body a.btConsultasResp,
.modal-body a.btConsultasDelete {
    font-weight: bold;
    padding-left: 22px;
    font-size: 13px;
    font-family: Arial, Tahoma, Helvetica;
    display: inline-block;
    padding-top: 3px;
    background: url(/i/ico_export.png) no-repeat left center;
    opacity:1;
    transition:all 0.5s;
}
.modal-body a.btConsultasDelete {
    background: url(/i/ico_delete.png) no-repeat left center;
}
.modal-body a.btConsultasResp:hover,
.modal-body a.btConsultasDelete:hover {
    opacity:0.6;
    transition:all 0.5s;
}
.modal-body .respuestaConsultas {
    position: relative;
    margin-top: 10px;
}
.modal-body .respuestaConsultas .respuestaTx {
    background-color:#eeeeee;
    margin-left: 10px;
    padding: 5px 14px;
}
.modal-body .respuestaConsultas .respuestaTx:before {
    content:"";
    position:absolute;
    left:0;
    border-left:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    height:20px;
    width:10px;
    top:0;
}
.paneledit.panelConsultas textarea {
    height:200px;
    width:600px;
}
.practicaAsistente {
    margin-top: 20px;
}
.practicaAsistente a.btnPracticas {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 8px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    margin-left:10px;
    margin-top:10px;
}
    .practicaAsistente a.btnPracticas.btArchivos {
        float: left;
        margin: 0;
        background: url(/i/ico_clip.png) no-repeat 5px center;
        display: inline-block;
        padding: 6px 5px 5px 30px;
}
    .practicaAsistente .historial:empty + a.btnPracticas.btArchivos {
        display:none;
    }
.practicaAsistente h3.fontTahoma {
    display: inline-block;
    width: auto;
    padding-bottom: 0;
}
.practicaAsistente .nomAsistente {
    display:block;
    clear:both;
}
.practicaAsistente .histFecha {
    font-size:10px;
    color:#666;
}
    .practicaAsistente .histComentario {
        padding: 10px;
    }
.practicaAsistente .histFichero {
    padding-left:25px;
    background:url(/i/ico_show.png) no-repeat left center;
    margin-bottom: 5px;
    height: 20px;
    line-height: 20px;
}
    .practicaAsistente .histFichero a:hover {
        color: #FF7200;
    }
.contenidoTemas .dg_fileinfo #ctl00_cphContent_addFiles_txFileDesc {
    display:none;
}