#cerrar_ventana {
    float: right;
}
/* .user-data { */
/*     padding:0; */
/*     margin:0; */
/*     margin-top: -1em; */
/*     font-size: 0.5em; */
/* } */
#extra .preview p label {
  font-weight: bold;
}

#extra .preview {
  margin-bottom: 1em;
}

/* CSS informe de ventas */
.valid-days .enabled, .sale-report .enabled {
    background-color: #efe;
    position: initial;
}

.valid-days .disabled, .sale-report .disabled, .disabled {
    background-color: #ccc;
}

.valid-days .confirmed-closing-sale {
    background-color: #f8c66f;
}

#batch-help {
  float: left;
  width: 30%;
}

#batch-load textarea {
  width: 68%;
}

#batch-load #batch-help {
  margin: 0;
  padding: 0.4em;
}
.batch-options {
  text-align: center;
}

.rounded-corners {
  border: 1px solid #ccc;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;	
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.sale-report td, .sale-report th {
    border: 1px solid #ccc;
}
/* .sale-report select { */
/*     display: inline; */
/*     width: auto; */
/* } */
.sale-report td {
    color: #222;
}
.valid-days td {
    border: 1px solid #ccc;
    text-align: center;g
}
.valid-days td.enabled span {
    display: block;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0.5em;
    width: 4em;
    margin: 0 0 2em;
    text-align: center;
}
.valid-days .box16x16, #extra .box16x16 {
    display: block; 
    float: left;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    margin-right: 0.5em;
}
.gbox16x16, #extra .gbox16x16 {
    display: block; 
    float: left;
}
.valid-days .cday {
    background-color:#ffeb3b;
    color:#00bcd4;
}
.valid-days .left {
    text-align: left;
}
.valid-days .right {
    text-align: right;
}
.valid-days .arrow-left {
    display: block; 
    text-align: left;
    float: left;
}
.valid-days .arrow-right {
    display: block; 
    text-align: right;
    float: right;
}
.valid-days .next-year {
    margin-top: 1em;
    white-space: nowrap;
    background-color: #f8c66f;
    color: #111;
}
.fbox {
    float: left;
    margin-right: 0.5em;
}
.nowrap {
    white-space: nowrap;
}
#extra .width-auto {
    display: inline;
}
#menu_content ul ul {
    margin-left: 1em;
}

#edit_group_edit_dbprocesos_procesos_3, #edit_group_edit_dbprocesostest_procesos_3 {
    overflow: auto;
    width: 100%;
}

#extra .ul-nostyle {
    list-style: none;
    margin:0;
    padding:0;
}
#extra .approval-group td {
    vertical-align: middle;
}
#extra .approval-group li {
    margin: 0.5em 1px;
}
#extra .approval-group label {
    display: inline;
}

#extra .tableAsForm {
    texta-lign: center !important;
    width: 100%;
}

#extra .tableAsForm th {
  text-align: right;
  background-color: inherit;
}

#extra .editor-control-description {
  margin-left: 0;
}

#extra .accion input {
    width: 20em;
}

#extra table .calendar-text {
    display: inline;
    margin-right: 0.25em;
    width: auto;
}
.calendar td.button {
  display: table-cell;
}

#extra .fecha_aceptacion, #extra .fecha_vencimiento {
    white-space: nowrap;
}
#extra label.option-list-radio {
    position: relative;
    left: 0;
}

#extra .right-header th {
  text-align: right;
}

#extra .c4 td, #extra .c4 th {
  width: 25%;
}

#extra .c2 tr td, #extra .c2 tr th {
  width: 50%;
}

#extra .browse-actions a {
  margin: auto 1em;
}

.info,.success,.warning,.error{
    margin:1em;
    padding:.5em 2em
}
.info{
    color:#00529b;
    background-color:#bde5f8
}
.success{
    color:#4f8a10;
    background-color:#dff2bf
}
.warning{
    color:#9f6000;
    background-color:#feefb3
}
.error{
    color:#d8000c;
    background-color:#ffbaba;
    display:block
}

.mactions {
  text-align: center;
  white-space: nowrap;
}

/* Fin CSS informe de ventas */
.detail-inc .preview p {
}
.detail-inc {
  float: left;
  width: 50%;
  margin: 0 1em 0 0;
}
.form-inc {
  margin: 30% 0 0 0;
  background-color: #eee;
}

#test_picker {
    overflow-y: auto;
    min-height: 600px;
    width: 100%;
}

#process-graph {
    width: 1220px;
    height: 600px;
}

@media screen and (min-width: 737px) {
    #process-graph {
	width: 1120px;
    }
}
@media screen and (min-width: 737px) and (max-width: 1200px) {
    #process-graph {
	width: 886px;
    }
}
@media screen and (max-width: 736px) {
    #process-graph {
	width: 630px;
    }
}

/** Estilos de gráficos de informes */
.graph-detail {
  width: auto;
  float: left;
  margin-right: 2em;
  width: 400px;
}

.graph-data {
  line-height: 1.9em;
  font-size: 0.8em;  
  margin-left: 1.6em;
}

.graph-frame {
  float: left;
}

.incident-status-report {
}

.incident-status-report .incident-graphs {
  clear: both;
}
.incident-status-report .graph-body .graph-detail {
  width: 13%;
  margin: 0;
  margin-right: 1%;
}
#extra .incident-status-report .graph-body .graph-detail .gbox16x16 {
  margin: 0;
  font-size: 1.2em;
}
.incident-status-report .graph-body {
  float: left;
  width: 32%;
  margin: 1em 0.5% 0 auto;
}

canvas {
  background-color: #eee;
}
/* Estilos de gráficos de informes */

.TPL_POPUP .container {
  width: 100%;
}

/* Estilos para contratistas */
span.vigencia-poliza-r, span.empleado-deshabilitado, span.dias-vencido-r, span.color-red {
    background-color:#f44336; color:#fff;
    padding: 0.25em;
}
span.vigencia-poliza-v, span.empleado-habilitado, span.dias-vigente-v, span.color-green {
    background-color:#4caf50; color:#222;
    padding: 0.25em;
}
span.vigencia-poliza-n, span.color-undefined {
    background-color:#ff9800; color:#333;
    padding: 0.25em;
}
span.color-yellow {
    background-color:#ffff00; color:#333;
    padding: 0.25em;
}
span.color-orange {
    background-color:#FFA500; color:#fff;
    padding: 0.25em;
}
span.color-brown {
    background-color:#b06c30; color:#fff;
    padding: 0.25em;
}
span.color-white {
    background-color:#fff; color:#444;
    padding: 0.25em;
}

.colors{ border: 1px solid #ccc; }
.colors img.box { margin: 4px; width: 16px; height: 14px; padding: 0; vertical-align: middle;}
.colors .row-red { background-color:#f44336; color:#fff; }
.colors .row-red a {color:#fff}
.colors .row-green { background-color:#4caf50; color:#222; }
.colors .row-green a {color:#333}
.colors .row-orange { background-color:#ff9800; color:#333; }
.colors .row-orange a {color:#333}
/* Fin estilos para contratistas */


#menu_vertical ul.buttons.vertical li .button {
  padding:0.5em; min-width:15em; margin-bottom:0.5em
} 
#menu_vertical ul.buttons.vertical{
  text-align:center
}

.iluminalo {
    -webkit-animation-name: iluminame;
    -webkit-animation-duration: 6s;
    animation-name: iluminame;
    animation-duration: 6s;
}

.tasks .tacciones a {
  margin: 1em 1px;
  display: block;
}

#extra .tableAsForm td, #extra .tableAsForm th {
    font-size: 1em;
}

#extra .tableAsForm span.input-box, span.input-box {
  border: 1px dotted #888; 
  display: inline-block;
  min-width: 6em;
  padding: 0.3em;
  text-align: center;
}

.tableAsForm span.input-box-small, span.input-box-small {
  border: 1px dotted #888; 
  display: inline-block;
  text-align: center;
  min-width: 2em;
  /* color: #000; */
  padding: 0em;
  /* font-size: 0.8em; */
}


/* CSS para el form de dotación de personal */
#extra .tableAsForm span{
    display: inline;
}
/* Fin CSS */

/* CSS para los controles comentario y adjunto */
#extra #fcomentarios-log .control {
    display: block;
}
#extra #fadjuntos-log .control {
    display: block;
}
#extra #fadjunto_control {
    display: table-caption;
}
/* Fin CSS */

@-webkit-keyframes iluminame {from {box-shadow: 0 0 15px orange;} to {box-shadow: 0 0 0px yellow;}}
@keyframes iluminame {from {box-shadow: 0 0 15px orange;} to {box-shadow: 0 0 0px yellow;}} 

#menu_content ul li {
    margin: 0.25em 1px;
}

#menu_content ul {
    list-style: none;
    margin-bottom: auto;
}

#menu_content ul li a.group {
    font-size: 1.5em;
    margin: 0.25em 1px;
    padding: 0.5em 1px 0.25em 1px;
}

#id_multiple_area label {
  vertical-align: top;
}

.dias-adicionales p * {
  display: inline;
}

table .dias-adicionales input[type="text"] {
  width: auto;
  display: inline;
  text-align: right;
}

.edit td.dias_verde  input[type="text"],
.edit td.dias_naranja  input[type="text"],
.edit td.dias_rojo input[type="text"] {
    width: 3em;
}

.edit td.accion_virtual input[type="text"] {
    width: 10em;
}

/* Estilos de incidentes */
.i-par, fieldset.edit .i-par:hover {
  background-color: #feefb3;
}
.i-impar, fieldset.edit .i-impar:hover {
  background-color: #bde5f8;
}
.incidente-causa table, .incidente-causa label {
    margin-left: 1em;
}

fieldset.edit .i-par:hover, fieldset.edit .i-impar:hover {
    opacity: 0.8;
}

fieldset.edit .i-par label, fieldset.edit .i-par span.control,
fieldset.edit .i-impar label, fieldset.edit .i-impar span.control {
    display: inline;
}
fieldset.edit .i-par label, fieldset.edit .i-impar label {
    padding-left: 0;
}
/* Fin estilos de incidentes */

/* Estilos para dotación de personal */
.input-frame {
  padding: 0.5em;
}
/* Fin estilos para dotación de personal */

/* Eliminar registros en proceso */
.remove-document p {
    margin: 0;
}
.remove-document .title {
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    margin-top: 1em;
}

/* Para la presentación del dato contenido en informe de estado de
documento */
.browse td p {
    margin:0;
}


/* Estilos utilizados en dotación de personal */
.hide {
    /* Forzar a esconder */
    display: none !important;
}
.hideOnCreateMode {
    /* Forzar a esconder */
    display: none !important;
}

.flujo u {
    border-radius:0.5em;
    border:1px solid gray;
    background-color:rgba(240,240,240,0.5);
    display:block;
    /* padding:0.1em 1em; */
    text-decoration:none;
    text-align:center;
    /* margin-left: 4em; */
}

.red-text {
    color: #ef9a9a;
}

.green-text {
    color: #4caf50;
}

.on-text {
    color: #666;
    color: #F44336;
}

.off-text {
    color: #e0e0e0;
}
.dotted i:hover, .flow-options i:hover {
    color: #F44336;
}
.dotted {
    border-bottom:1px #ccc dotted;
    width:95%;
    margin-top:0.5em;
    display:block;
}

/* Estilos para vacaciones */    
.vac-detail span {
   color: #ada3a2;
   display: block;
}

.vac-summary .vac-icon {
    color: #F44336;
    font-size: 16em;
    opacity: 0.2;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1000;
}

.vac-saldo-dias {
    font-size: 1.95em;
    color: #F44336;
    vertical-align: middle;
}

.vac-detail span {
   color: #ada3a2;
   display: block;
}


.vac-approved-mark {
    color: #f44336;
    font-weight: bold;
}

.vac-disclaimer {
    text-align: center;
    color: #555;
    padding: 0 3em;
    border-top: 1px solid #eee;
    font-size: 0.8em;
    margin: 3em auto 0;
}

.vac-date {
    color: #555;
}

.vac-summary-card {
  height: 9em;
}

.vac-summary-card-btn {
  height: 12em;
}

#extra #otras_vacaciones .control {
    display: block;
}

.vac-select-turns {
    padding: 0.15em !important;
    height: auto !important;
    display: inline !important;
    width: auto;
    margin-left: 1em;
}

.vac-chip-select {
    font-size: 1em;
}

.edit .hideOnEdit {
    display: none;
}

#recurrent-claim {
    color: red;    
}

/* Esquema de seguridad del usuario */
.ss {
    line-height: 1em;
}
.ss .userRolGroup {
    margin-bottom: 0;
}
.ss p, .ss label {
    margin: 0;
}
/* Fin de esquema de seguridad del usuario */

/* Para el help */
#form-help li {
    text-align: left;
}
.crc-content {
    position: relative;
}

#product-frame .editor-control-description {
  display: none;
}
/* #product-frame .sublabel { */
/*     display: inline; */

/* } */
#product-frame .control {
    display: block;
}
#extra .product-code input {
    width: auto;
}
#extra .product-code .control {
    display: block;
    float: left;
}

#fcodi_produccion {
    display: none;
}
#fcodi_elaboracion {
    display: none;
}
/* Fin - Estilos del CRC */

/* Para el informe de consignación de movimientos diarios. */
.mov-consignacion {
    border:0;
    padding: 2%;
    color: #000;
}
.mov-consignacion strong {
    color: #000;
}
#extra .mov-consignacion p {
    text-align: justify;
    margin-bottom: 15px;
    margin-bottom: 1.70em;
}
@media print {
    .mov-consignacion {
	font-size: 1.25em;
    }
}
.mov-consignacion table tr td {
    width: 50%;
    text-align: center;
    background-color: #fff;
}
.mov-consignacion .line-large {
    width: 20em;
    border-bottom: 1px dotted black;
    margin: 0 0.25em;
    display: inline-block;
    text-align: center;
}

.mov-consignacion .line-small {
    width: 6em;
    border-bottom: 1px dotted black;
    margin: 0 0.25em;
    display: inline-block;
    text-align: center;
}

.mov-consignacion td.sign {
    width: 30%;
    text-align: center;
}
.mov-consignacion .sign-line {
    border: 0;
    border-top: 1px dotted #000;
    margin-left: 25%;
    margin-right: 25%;
    margin-top: 4em;
    margin-bottom: 0;
}
.mov-consignacion p.center {
    text-align: center;
}
    

/* Reclamos por servicio, caso recurrencia */
#idRecurrencia {
    display: none;
}
#recurrencia {
    display: none;
}
/* Fin - Reclamos por servicio, caso recurrencia */


/* Estilos - Mis tareas */
.black   { background-color: #aaa; color: #fff;}
.verde   { background-color: #3faf2c; color: #fff;}
.verde strong { color: #fff;}
.naranja { background-color: orange; color: #fff;}
.naranja strong { color: #fff;}
.rojo    { background-color: #F44336; color: #fff;}
.rojo strong { color: #fff;}
.amarillo { background-color: #d0c400; color: #444;}
.amarillo strong { color: #444;}

/* Rescate datos ATENTO */
#area-carga-datos-atento {
    min-width: 400px;
    text-align: center;
}
/* */

/* Estilos para los proveedores / SMM */
#map {
    height: 250px;
    width: 33%;
    margin: auto;
    float: right;
}
.provider-panel-title {
    background-color: #eee;
    padding: 0.5em;
}
.red-text {
    color: #C00;
}
.provider-quotes .red-text {
    background-color: #fff775;
    font-size: 0.9em;
}
.provider-quotes fieldset label, fieldset .provider-quotes label {
    display: inline;
    padding: 0;
}
.provider-quotes-box {
    background-color: #ddd;
}

.provider-quotes .photo {
    float: left;
    margin: 1em;
}
.provider-quotes .photo img {
    max-width: 400px;
}
/* Fin estilos */

#user-roles {
    width: 100%;
}

#extra .msg-sac-all-width .msg-sac {
    max-width: 98%;
}

#extra .dnmodal fieldset {
    margin: 0;
}
/* Fin - Estilos extra row y col */

/* Nuevos probados */
.tasks .card {
    min-height: 6em;    
}

.tasks .card-content {
    padding: 0.5em;
}

.tasks-frame .grouped-tasks {
    min-height: 20rem;
    max-height: 44.6rem;
    overflow-y: auto;
    font-size: 0.9rem;
}

.fixed-list label {
    float: left;
    margin-left: 1em;
}

.task-actions {
    padding: 1em 1.5em;
}

.task-icon {
    padding: 0.4em 0.25em;
    border-radius: 2px;
    position: relative;
}

.task-hashtags {
    position: absolute;
    bottom: -2px;
    right: 0.5em;
    font-size: 0.7em;
    opacity: 0.8;    
}

.task-icon img {
    height: 30px;
}

.task {
    height: 15rem;
    font-size: 0.9rem;
}

.tasks-frame .card .card-reveal .card-title {
    font-size: 1.1em;
    font-weight: bold;
}

.tasks-frame .task-days {
    position: absolute;
    top: 0;
    right: 0.25em;
    color: #9e9e9e;
}

/* :root { */
/*   /\* Not my favorite that line-height has to be united, but needed *\/ */
/*   --lh: 1.5em; */
/* } */

.tasks-frame .truncate-overflow {
  --max-lines: 10;
  position: relative;
  max-height: calc(var(--lh) * var(--max-lines));
  overflow: hidden;
  padding-right: 1rem; /* space for ellipsis */
}

/* Descuentos */
.dto-mrows, .dto-mrows label {
    display: inline;
    float: left;
}

.dto-mrows label {
    padding-left: 1em;
}

.dto-mframe {
    margin: 0.5em;
}

.crc-photo {
    max-width: 150px;
}

.overflowx {
    display: inline-block;
    overflow-x: auto;
}

.bold {
    font-weight: bold;
}

.editor-force-static-control .editor-static-control {
    height: auto !important;
    min-height: auto !important;
}

/* Para el CRC */
#fcliente-control, #fcliente, .crc-searcher-frame {
    border-radius: 6px;
    padding: 4px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.102751);
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

#extra .mtable input.datepicker {
    min-width: 5rem;
} 

/* Graficador de descuento ytd y límite */
#grafico_descuento .top-padding {
    padding-top: 1.5em;
}
#grafico_descuento .parent-discount {
    padding-top: 0.15em;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
#grafico_descuento .discount-ytd {
    width: 6em;
    height: 6em;
    border-radius: 50%;
    border: 5px solid #5cb85c;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
#grafico_descuento .discount-limit {
    width: 6em;
    height: 6em;
    border-radius: 50%;
    border: 5px solid red;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}