/*clases para centrar y ajustar paneles */

.stretch {
    width:100%;
    height:100%;
}

.centered {
    margin-left: auto ;
    margin-right: auto ;
    border: 0 none;
    position: relative;
    overflow:hidden;
    top: 0;
    zoom:1;
    text-align: center;
}


/*icon con gif animados*/
.icon-loading {
    background-image:url(../images/ajax-loader.gif);
    background-repeat: no-repeat;
}

/*icons*/

.icon-ok {
    background-image:url(../images/ok.png);
    background-repeat: no-repeat;
}

.icon-no {
    background-image:url(../images/no.png);
    background-repeat: no-repeat;
}

.icon-accept {
    background-image:url(../images/dialog-apply.png);
    background-repeat: no-repeat;
}

.icon-cancel {
    background-image:url(../images/window-close.png);
    background-repeat: no-repeat;
}

.icon-r {
    background-image:url( ../images/acceso.png );
    background-repeat: no-repeat;
}

.icon-farmacia {
    background-image:url( ../images/cfu-s.png );
    background-repeat: no-repeat;
}

.icon-fcia-pendiente {
    background-image:url(../images/help.png);
    background-repeat: no-repeat;
}

.icon-fcia-habilitada {
    background-image:url(../images/accept.png);
    background-repeat: no-repeat;
}

.icon-fcia-inhabilitada {
    background-image:url(../images/delete.gif);
    background-repeat: no-repeat;
}

.icon-limpiar-filtro {
    background-image:url(../images/escoba-s.png);
    background-repeat: no-repeat;
}

.icon-exporta-txt {
    background-image:url(../images/downloads.png);
    background-repeat: no-repeat;
}

.icon-csv-txt {
    background-image:url( ../images/csv-text-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-excel {
    background-image:url( ../images/excel-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-upload {
    background-image:url(../images/uploads.png);
    background-repeat: no-repeat;
}

.icon-search {
    background-image:url(../images/search.gif);
    background-repeat: no-repeat;
}

.icon-edit {
    background-image:url(../images/edit-s.png);
    background-repeat: no-repeat;
}

.icon-nueva-receta {
    background-image:url(../images/receta-s.png);
    background-repeat: no-repeat;
}

.icon-reglas {
    background-image:url(../images/receta-s.png);
    background-repeat: no-repeat;
}

.icon-video {
    background-image: url(../images/gears.gif);
    background-repeat: no-repeat;
}

.icon-scanner {
    background-image: url(../images/xsane-s.png);
    background-repeat: no-repeat;
}

.icon-bogus {
    background-image: url( ../images/bogus.png ) !important;
    background-repeat: no-repeat;
}

.icon-notepad {
    background-image: url( ../images/bogus.png ) !important;
    background-repeat: no-repeat;
}

.icon-logout {
    background-image: url( ../images/salir.png ) !important;
    background-repeat: no-repeat;
}

.icon-settings {
    background-image: url( ../images/gears.gif ) !important;
    background-repeat: no-repeat;
}

.icon-grid {
    background-image:url( ../images/grid.png ) !important;
    background-repeat: no-repeat;
}

.icon-liquidacion {
    background-image:url( ../images/liq-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-farmacias {
    background-image:url( ../images/cfu-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-recetas {
    background-image:url( ../images/receta-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-vademecum {
    background-image:url( ../images/drog-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-drog {
    background-image:url( ../images/drog-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-validar {
    background-image:url( ../images/validar-receta-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-user {
    background-image:url( ../images/user-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-pedidos {
    background-image:url( ../images/pres-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-cupones {
    background-image:url( ../images/cupones-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-compra {
    background-image:url( ../images/carro-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-transfer {
    background-image:url( ../images/transfer-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-recepcion {
    background-image:url( ../images/recepcion-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-envio {
    background-image:url( ../images/envio-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-pres {
    background-image:url( ../images/pres-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-reposicion {
    background-image:url( ../images/reposicion-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-reintentar {
    background-image:url( ../images/reintentar.png ) !important;
    background-repeat: no-repeat;
}


.icon-subir {
    background-image:url( ../images/reposicion-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-callmgr {
    background-image:url( ../images/callmgr-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-planes {
    background-image:url( ../images/planes-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-estadisticas {
    background-image:url( ../images/estadisticas-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-consultas {
    background-image:url( ../images/consultas-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-plan {
    background-image:url( ../images/plan-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-producto {
    background-image:url( ../images/producto-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-print {
    background-image:url( ../images/printer.png ) !important;
    background-repeat: no-repeat;
}

.icon-calendar {
    background-image:url( ../images/calendar-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-representa {
    background-image:url( ../images/reposiciones-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-add {
    background-image:url(../images/add.gif) !important;
    background-repeat: no-repeat;
}

.icon-option {
    background-image:url(../images/plugin.gif) !important;
    background-repeat: no-repeat;
}

.icon-remove {
    background-image:url(../images/delete.gif) !important;
    background-repeat: no-repeat;
}

.icon-save {
    background-image:url(../images/save.gif) !important;
    background-repeat: no-repeat;
}

.icon-accordion {
    background-image:url(../images/accordian.gif) !important;
    background-repeat: no-repeat;
}

.icon-tabs {
    background-image:url(../images/tabs.gif) !important;
    background-repeat: no-repeat;
}
.icon-validar {
    background-image:url(../images/validar-receta-s.png) !important;
    background-repeat: no-repeat;
}

.icon-red-folder {
    background-image:url(../images/red-folder.png) !important;
    background-repeat: no-repeat;
}

.icon-green-folder {
    background-image:url(../images/darkgreen-folder.png) !important;
    background-repeat: no-repeat;
}

.icon-blue-folder {
    background-image:url(../images/blue-folder.png) !important;
    background-repeat: no-repeat;
}

.icon-white-folder {
    background-image:url(../images/white-folder.png) !important;
    background-repeat: no-repeat;
}

.icon-yellow-folder {
    background-image:url(../images/yellow-folder.png) !important;
    background-repeat: no-repeat;
}

.icon-pdf {
    background-image:url(../images/pdf-s.png ) !important;
    background-repeat: no-repeat;
}

.icon-accesorios {
    background-image: url( ../images/accesorios-16.png ) !important;
    background-repeat: no-repeat;
}

.icon-equipos {
    background-image: url( ../images/equipos-16.png ) !important;
    background-repeat: no-repeat;
}

.icon-services {
    background-image: url( ../images/services-16.png ) !important;
    background-repeat: no-repeat;
}

.icon-instalaciones {
    background-image: url( ../images/instalaciones-16.png ) !important;
    background-repeat: no-repeat;
}

/*ROWs colors para las grids*/
.baja-row .x-grid-cell {
/*
    background-color: #ffe2e2;
*/
    color: #900;
}
.alta-row .x-grid-cell {
/*
    background-color: #ffe2e2;
*/
    color: #0000ff;
}


.rojo-row {
    background-color: #F39C9C;
}
.x-grid-item-selected .rojo-row {
    background-color: #C37C7C;
}

.amarillo-row {
    background-color: #FBF8BF;
}
.x-grid-item-selected .amarillo-row {
    background-color: #CBC89F;
}

.verde-row {
    background-color: #99CC99;
}
.x-grid-item-selected .verde-row {
    background-color: #79AC79;
}

.verdeazul-row {
    background-color: #99CCCF;
}
.x-grid-item-selected .verdeazul-row {
    background-color: #79ACAF;
}

.azul-row {
    background-color: #7C9CCB;
}
.x-grid-item-selected .azul-row {
    background-color: #5C7CAB;
}

.gris-row {
    background-color: #C8C8C8;
}
.x-grid-item-selected .gris-row {
    background-color: #A8A8A8;
}


/*summary row style*/

.x-grid-row-summary {
    background-color: rgba(124, 156, 203, 0.5);
}

.x-grid-row-summary .x-grid-cell-inner {
    font-weight: bold;
    font-size: 11px;
}


/*action col icons*/

.x-action-col-cell img.anular-col {
    height: 16px;
    width: 16px;
    cursor: pointer;
    background-image: url(../images/delete.png);
}

.x-action-col-cell img.reintentar-col {
    height: 16px;
    width: 16px;
    cursor: pointer;
    background-image: url(../images/reintentar.png);
}

.x-action-col-cell img.download-col {
    height: 16px;
    width: 16px;
    cursor: pointer;
    background-image: url(../images/downloads.png);
}

.x-action-col-cell img.pdf-col {
    height: 16px;
    width: 16px;
    cursor: pointer;
    background-image: url(../images/pdf.png);
}

.x-action-col-cell img.errorinfo-col {
    height: 16px;
    width: 16px;
    cursor: pointer;
    background-image: url(../images/error.png);
}

/*columna con icon nulo*/
.x-action-col-cell img.nada-col {
}

/*separador de icons en columnas*/
.x-action-col-cell img.sep-col {
    height: 16px;
    width: 16px;
}

.x-action-col-cell img.ok-col {
    height: 16px;
    width: 16px;
    cursor: pointer;
    background-image:url(../images/ok.png);
}

.x-action-col-cell img.comprobante-col {
    height: 16px;
    width: 16px;
    cursor: pointer;
    background-image: url(../images/comprobante-s.png);
}

.x-action-col-cell img.cupon-col {
    height: 16px;
    width: 16px;
    cursor: pointer;
    background-image: url(../images/cupon-s.png);
}

.x-action-col-cell img.envio-col {
    height: 16px;
    width: 16px;
    cursor: pointer;
    background-image: url(../images/envio-s.png);
}

.x-action-col-cell img.recepcion-col {
    height: 16px;
    width: 16px;
    cursor: pointer;
    background-image: url(../images/recepcion-s.png);
}

.x-action-col-cell img.grid-col {
    height: 16px;
    width: 16px;
    cursor: pointer;
    background-image: url(../images/grid.png);
}


/*stilos para subgrid*/

.my-sub-grid table {
  width: 100%;
  text-align: left;
  font-size: 11px;
  font-family: arial;
  border-collapse: collapse;
}

.my-sub-grid  table th {
  padding: 4px 3px 4px 5px;
  border: 1px solid #d0d0d0;
  border-left-color: #eee;
  background-color: #ededed;
}

.my-sub-grid table td {
  padding: 4px 3px 4px 5px;
  border-style: none solid solid;
  border-width: 1px;
  border-color: #ededed;
}

.my-sub-grid table tfoot {
  font-weight: bold;
}


.rojo-bg{
    background-color: #F39C9C !important;
}

.amarillo-bg{
    background-color: #FBF8BF !important;
}

.verde-bg{
    background-color: #99CC99 !important;
}

.verdeazul-bg{
    background-color: #99CCCF !important;
}

.azul-bg{
    background-color: #7C9CCB !important;
}

.gris-bg{
    background-color: #C8C8C8 !important;
}


.psf-slide-msg .x-box-mc {
    font-size:14px;
}
#psf-slide-msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:300px;
    z-index:20000;
}
#psf-slide-msg-div .psf-slide-msg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    background: #F6F6F6;
    border: 2px solid #ccc;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
#psf-slide-msg-div .psf-slide-msg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
}
#psf-slide-msg-div .psf-slide-msg p {
    margin: 0;
}

#app-header {
    margin: 0 15px 0 15px;
    background-color: #F6F6F6;
}

.conveniousuario {
    color: #157fcf;
    font-size: 18px;
    font-weight: bold;
}

.conveniousuario-label {
    color: black;
    font-size: 18px;
    font-weight: bold;
}

#app-header-title {
    padding: 10px 0 10px 0;
    /*color: #00335f;*/
    color: #157fcc;
    font-size: 18px;
    font-weight: bold;
}

.error-msg{
    background-color: #F39C9C !important;
    font-weight: bold;
    font-size: 15px;
}

.info-msg{
    background-color: #FBF8BF !important;
    font-weight: bold;
    font-size: 15px;
}

.ok-msg{
    background-color: #99CC99 !important;
    font-weight: bold;
    font-size: 15px;
}

#app-header-logo {
    width: 120px;
    height: 48px;
    background: url(../images/sys-salud-s.png) no-repeat center;
}

/*#app-header-logo {*/
/*    padding: 15px 0 10px 0;*/
    /*color: #0033f;*/
/*    color: #157fcf;*/
/*    font-size: 18px;*/
/*    font-weight: bold;*/
/*}*/

.edit-trigger {
  background-image: url(../images/editar-trigger.png);
}