.observacionCambioEstado{
    margin: 2%;
    width: 95%;
    height: 80%;
}

.enviarObservacionCambioEstado{
    margin: 2%;
    width: 95%;
    height: 25px;
}

.observaciones .mensajes{
    border: 1px solid #afadad;
    width: 40%;
    margin-top: 3.5%;
    max-height: 200px;
    overflow: auto;
}

.observaciones .observacion .encabezado{
    background-color: #efefef;
    color: #afadad;
    padding: 2px;
    font-size: .8em;
    border-bottom: solid 1px #999;
}

.observaciones .observacion .mensaje{
    padding: 4px;
    background-color: #ffffff;
}

.observaciones label {
    float: left;
    margin-right: 1px;
}

.agregarObservacion{
    padding: 3px;
    margin : 5px;
}

.nuevaObservacion{
    /*width: 85%;*/
    /*height: 8%;*/
    margin: 2px;
}

.page-header .tools {
    float: right;
    margin: -2px 0;
}

.page-header .tools li {
    float: left;
    list-style: none;
    margin:0;
    padding: 0;
    border-left: 1px solid #bcbcbc;
    height: 40px;
}

.page-header {
    min-height: 36px;
    padding: 4px;
    margin: 0;
}

.page-header h4 {
    float: left;
    display: block;
    padding: 4px;
    margin-top: -1px;
}

.page .lista > header {
    height: auto;
}

.page .lista > header input[type="text"],
.page .lista > header input[type="file"],
.page .lista > header input[type="password"],
.page .lista > header select,
.page .lista > header textarea {
    margin-bottom: 5px;
}

.page .lista > header > div.filtro{
    padding: 5px;
}

.campania {
    text-align: center;
    min-height: 150px;
    margin: 6px;
}

.campania a {
    vertical-align: top;
}
#xls > a,
#xls-prov > a,
#import > a,
#send-certs > a,
#change-states > a{
    height: 30px;
    width: 30px;
    float: left;
    padding: 5px;
    text-align: center;
}

section .grid article .button.info {
    padding: 0;
}

section .grid header ul li.cuota .data,
section .grid ul li.fechaSolicitud .data{
    padding: 0 0 0 5px;
}


.grid .fechaSolicitud { width: 5% }
.grid .apellido { width: 12% }
.grid .nombre { width: 12% }
.grid .fechaNac { width: 10% }
.grid .email { width: 16% }
.grid .producto { width: 13% }
.grid .cuota { width: 5% }
.grid .precio { width: 8% }
.grid .estado { width: 7% }
.grid #articles .estado .data { padding: 0 10px; }
.grid .gridAccionesItem { width: 100%; display: none; }

.grid article .campaniaProdCanSuc,
.grid article .infoCliente {
     vertical-align: top;
}
.grid article .campaniaProdCanSuc .data { font-size: 0.7em }


.grid article:hover .gridAccionesItem,
.grid article.selected .gridAccionesItem{
    display: table-cell;
}

.grid article:hover div.gridAccionesItem,
.grid article.selected div.gridAccionesItem{
    display: block;
    margin-top: -25px;
}

.grid article.selected:hover,
section .grid article:NTH-CHILD(even).selected,
.grid article.selected {
    background-color: #0b93d5;
    color: white;
}


#dlgInfoSolicitud .container {
width: 1060px;
}

#dlgInfoSolicitud div.cliente {
    background-color: white;
    display: inline-table;
}

#dlgInfoSolicitud div.info-solicitud {
    background-color: #EEE;
    display: inline-table;
}

#dlgInfoSolicitud h2 {
    padding: 8px 0 8px 8px;
    background: #BCBCBC;
}

#dlgInfoSolicitud .cliente label,
#dlgInfoSolicitud .info-solicitud label,
#dlgInfoSolicitud .tarjeta label,
#dlgInfoSolicitud .cuenta-bancaria label{
    font-weight: bolder;

    margin-right: 30px;
}

#dlgInfoSolicitud .cliente > div,
#dlgInfoSolicitud .info-solicitud > div,
#dlgInfoSolicitud .tarjeta > div,
#dlgInfoSolicitud .cuenta-bancaria > div{
    width: 22%;
    float: left;
    padding: 13px;
}

#dlgInfoSolicitud .info-solicitud > div.observaciones,
#dlgInfoSolicitud .info-solicitud > div.consentimiento-firmado{
    width: 100%;
}
#dlgInfoSolicitud .info-solicitud .ultimo-link {
    width: 66%;
}


.editable span {
    cursor: pointer;
}

#ImportarSolicitudes table td {
    padding: 5px;
}

textarea[name=DNIs] {
    height: 120px;
}

#refreshList {
    margin-left: 5px;
}

#formFiltro input[name=filtroNombre] {
    width: 65px;
}

.grid header li div.data i.ui-icon {
    float:right;
}

.grid #articles select {
    width: auto;
}


.popover-header .col-2 .close-popover {
    margin-left: -15px;
}

.confirmar.oculto, .editar.oculto {
    display: none;
}

span.cke_button__obs_guardar_icon, span.cke_button__obs_editar_icon{
    background-image: url(../images/save-icon.png);
    background-size:16px;
}

#select-productos.oculto,
.certificado-consentimiento.oculto,
.msj-error.oculto,
#multiples-acciones.oculto{
    display: none;
}

#lista-productos{
    width: 205px;
}

.botonera-acciones-multiples{
    height: auto;
    width: 100%;
}

section .grid header ul li.checkbox,
section .grid article ul li.checkbox{
    width: 5.8%;
    text-align: center;
}

#multiples-acciones{
    padding: 5px;
}

.botonera-cambio-estados{
    margin-top: 20px;
}

#guardar-cambio-estados{
    margin-right: 10px;
}

.input-text-estado{
    text-align: center;
    margin-top: 10px;
}

textarea#motivo-cambio-estado-multiple{
    width: 70%;
    height: 50px;
}

#cke_motivo-cambio-estado-multiple{
    margin: auto;
}

#formFiltro .toggle-group .btn{
    font-size: .8rem;
    padding: 6px;
}

#contadorSelected{
    text-align: center;
    margin-bottom: -4px;
    margin-top: -2px;
    padding-bottom: 5px;
    padding-top: 10px;
}

.cantidad-total-solicitudes.oculto, .seleccionar-all-solicitudes.oculto, #contadorSelected.oculto{
    display: none;
}

a.selecionar-solicitudes-link{
    color: #007bff;
}

.seleccionar-all-solicitudes:hover{
    background-color: #B7B5B566;
    transition: linear .5s;
}

.seleccionar-all-solicitudes{
    padding: 10px;
}