.settings {
    background-image: url(images/folder_wrench.png);
}

.services {
    background-image: url(images/bl.png);
}

.nav {
    background-image: url(images/folder_go.png);
}

.info {
    background-image: url(images/information.png);
}

.salir {
    background-image: url(images/salir.png);
}

.usage {
    background-image: url(images/agentes.png);
}

.cdr {
    background-image: url(images/cdr.png);
}

.cdr_sms {
    background-image: url(images/mobile.png);
}

.provider {
    background-image: url(images/proveedores.png);
}

.whatsapp {
    background-image: url(images/whatsapp.png);
}

.rates {
    background-image: url(images/rate.png);
}

.provider_rates {
    background-image: url(images/provider_rate.png);
}

.resources {
    background-image: url(images/stat.png);
}

.wblist {
    background-image: url(images/blacklist.png);
}

.customer {
    background-image: url(images/customer.png);
}

.register {
    background-image: url(images/user_register.png);
}

.update {
    background-image: url(images/ocultar.png);
}

.save {
    background-image: url(images/save.png);
}

.mail {
    background-image: url(images/mail.png);
}

.record {
    background-image: url(images/usage.png);
}

.paper {
    background-image: url(images/paper.png);
}

.excel {
    background-image: url(images/excel.png);
}

.csv {
    background-image: url(images/csv.png);
}

.xml {
    background-image: url(images/xml.png);
}

.json {
    background-image: url(images/json.png);
}

.txt {
    background-image: url(images/txt.png);
}

.c2c {
    background-image: url(images/folder_phone.png);
}

.queue {
    background-image: url(images/queue.png);
}

.queue2 {
    background-image: url(images/queue2.png);
}

.whistleblowling {
    background-image: url(images/whistleblowling.png);
}

.exit {
    background-image: url(images/exit.png);
}

.euro {
    background-image: url(images/cog.png);
}

.invoices {
    background-image: url(images/facturas.png);
}

.historico {
    background-image: url(images/log.png);
}

.tarifas {
    background-image: url(images/tarifas.png);
}

.estadisticas {
    background-image: url(images/estadisticas.png);
}

.fax {
    background-image: url(images/faxmail.png);
}

.voicemail {
    background-image: url(images/voicemail.png);
}

.horarios {
    background-image: url(images/clock.png);
}

.extensiones {
    background-image: url(images/extensiones.png);
}

.ivr {
    background-image: url(images/extensiones.png);
}

.endpoints {
    background-image: url(images/endpoints.png);
}

.trunks {
    background-image: url(images/trunk.png);
}

.faxsnd {
    background-image: url(images/faxmail.png);
}

.sndfax {
    background-image: url(images/faxsend.png);
}

.faxrec {
    background-image: url(images/faxrec.png);
}

.incoming {
    background-image: url(images/numeracion.png);
}

.didstock {
    background-image: url(images/didstock.png);
}

.bridge {
    background-image: url(images/pasarela.png);
}

.callback {
    background-image: url(images/callback.png);
}

.meeting {
    background-image: url(images/salas.png);
}

.blacklist {
    background-image: url(images/blacklist.png);
}

.reload {
    background-image: url(images/reload.png);
}

.routes {
    background-image: url(images/rutas.png);
}

.destinations {
    background-image: url(images/connect.png);
}

.configcli {
    background-image: url(images/connect2.png);
}

.new {
    background-image: url(images/mas.png);
}

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

.edit2 {
    background-image: url(images/edit2.png);
}

.back {
    background-image: url(images/back.png);
}

.contact {
    background-image: url(images/contactar.png);
}

.faq {
    background-image: url(images/incidencias.png);
}

.resource {
    background-image: url(images/resources.png);
}

.c2c {
    background-image: url(images/c2c.png);
}

.attacks {
    background-image: url(images/attacks.png);
}

.products {
    background-image: url(images/productos.png);
}

.recharge {
    background-image: url(images/recargas.png);
}

.recharge_sms {
    background-image: url(images/sms.png);
}

.systemregistry {
    background-image: url(images/book.png);
}

.packs {
    background-image: url(images/packs.png);
}

.cpacks {
    background-image: url(images/cpacks.png);
}

.reseller {
    background-image: url(images/reseller.png);
}

.help {
    background-image: url(images/help.png);
}

.helpfaq {
    background-image: url(images/helpfaq.png);
}

.tariffop {
    background-image: url(images/tariffop.png);
}

.sms {
    background-image: url(images/smss.png);
}

.ov {
    background-image: url(images/ov.png);
}

.password {
    background-image: url(images/password.png);
}

.config {
    background-image: url(images/config.png);
}

.crm {
    background-image: url(images/crm.png);
}

.calidad {
    background-image: url(images/calidad.png);
}

.dialer {
    background-image: url(images/dialer.png);
}

.www {
    background-image: url(images/www.png);
}

.send {
    background-image: url(images/send.png);
}

.traductor {
    background-image: url(images/traductor.png);
}

.icon-play {
    background-image: url(images/iplay.png);
}

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

.icon-pause {
    background-image: url(images/ipause.png);
}

.icon-undo {
    background-image: url(images/undo.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.icon-redo {
    background-image: url(images/redo.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.icon-face-positive {
    background-image: url(images/positive.png);
    background-repeat: no-repeat;
    background-size: 38px 38px;
    margin: 0 auto;
    width: 38px !important;
    height: 38px !important;
}

.icon-face-negative {
    background-image: url(images/negative.png);
    background-repeat: no-repeat;
    background-size: 38px 38px;
    margin: 0 auto;
    width: 38px !important;
    height: 38px !important;
}

.icon-face-neutral {
    background-image: url(images/neutral.png);
    background-repeat: no-repeat;
    background-size: 38px 38px;
    margin: 0 auto;
    width: 38px !important;
    height: 38px !important;
}

.helpbutton {
    background-image: url(images/ayuda.png);
}

.download {
    background-image: url(images/download.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.bell1 {
    background-image: url(images/bell1.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.bell2 {
    background-image: url(images/bell2.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.mobile {
    background-image: url(images/mobile.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.static_routes {
    background-image: url(images/rutas.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.dialogflow {
    background-image: url(images/dialogflow.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.voicebot {
    background-image: url(images/voicebot.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.storage {
    background-image: url(images/storage.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}


.notifications {
    background-image: url(images/notifications.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.integrations {
    background-image: url(images/integration.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}


/* Documentos */

.documents {
    background-image: url(images/documentos.png);
}

.news {
    background-image: url(images/news.png);
}

.info_doc {
    background-image: url(images/info_doc.png);
}

.video_doc {
    background-image: url(images/video_doc.png);
}


/* Gestión */

.project {
    background-image: url(images/calidad.png);
}

.stock {
    background-image: url(images/stock.png);
}

.portability {
    background-image: url(images/portability.png);
}

.products {
    background-image: url(images/products.png);
}

.management {
    background-image: url(images/management.png);
}

.iafuturo {
    background-image: url(images/iafuturo_01.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.iafon {
    background-image: url(images/logo_iafon_lila_37px-26px.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.tecnic_closed {
    background-image: url(images/tecnic_closed.png);
}

.working {
    background-image: url(images/working.png);
}

.finished {
    background-image: url(images/finished.png);
}

.closed {
    background-image: url(images/closed.png);
}

.none {
    background-image: url(images/none.png);
}

.viewbutton {
    background-image: url(images/eye.png);
}

.blocked {
    background-image: url(images/blocked.png);
}

.history {
    background-image: url(images/history.png);
}

.tariff {
    background-image: url(images/tariff.png);
}

.calfon {
    background-image: url(images/calfon.png);
}

.agent {
    background-image: url(images/agent.png);
}

/*Parpadear*/

.parpadea {
    animation-name: parpadeo;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

/* Iconos globales */

.info {
    background-image: url(images/info.png);
    background-repeat: no-repeat;
    background-size: 32px 32px;
    width: 32px !important;
    height: 32px !important;
}

.derecha {
    background-image: url(images/derecha.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.izquierda {
    background-image: url(images/izquierda.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.precaucion {
    background-image: url(images/precaucion.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.rating {
    background-image: url(images/rating.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.like {
    background-image: url(images/like.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.dislike {
    background-image: url(images/dislike.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.both_call {
    background-image: url(images/both_call.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.add {
    background-image: url(images/add.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.add:hover {
    opacity: .5;
}

.add24 {
    background-image: url(images/add.png);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px !important;
    height: 24px !important;
}

.add24:hover {
    opacity: .5;
}

.quit {
    background-image: url(images/failure_window.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.quit:hover {
    opacity: .5;
}

.quit24 {
    background-image: url(images/failure_window.png);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px !important;
    height: 24px !important;
}

.quit24:hover {
    opacity: .5;
}

.play16 {
    background-image: url(images/play2.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.play24 {
    background-image: url(images/play2.png);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px !important;
    height: 24px !important;
}

.play32 {
    background-image: url(images/play2.png);
    background-repeat: no-repeat;
    background-size: 32px 32px;
    width: 32px !important;
    height: 32px !important;
}

.play40 {
    background-image: url(images/play2.png);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    width: 40px !important;
    height: 40px !important;
}

.pause16 {
    background-image: url(images/pause2.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}

.pause24 {
    background-image: url(images/pause2.png);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px !important;
    height: 24px !important;
}

.pause32 {
    background-image: url(images/pause2.png);
    background-repeat: no-repeat;
    background-size: 32px 32px;
    width: 32px !important;
    height: 32px !important;
}

.pause40 {
    background-image: url(images/pause2.png);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    width: 40px !important;
    height: 40px !important;
}

.bcopy {
    background-image: url(images/bcopy.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px !important;
    height: 16px !important;
}


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


/* Botones barra superior */


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

.topbutton:hover {
    opacity: .5;
    cursor: pointer;
}

.balert1 {
    background-image: url(images/alert1.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px !important;
    height: 20px !important;
}

.balert2 {
    background-image: url(images/alert2.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px !important;
    height: 20px !important;
}

.bnews {
    background-image: url(images/bnews.png);
    background-repeat: no-repeat;
    background-size: 40px 20px;
    width: 40px !important;
    height: 20px !important;
}

.bproduct {
    background-image: url(images/bproduct.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px !important;
    height: 20px !important;
}

.bmanual {
    background-image: url(images/bmanual.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px !important;
    height: 20px !important;
}

.bsalir {
    background-image: url(images/bsalir.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px !important;
    height: 20px !important;
}


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

@-moz-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}


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

.grafico {
    background-image: url("images/grafico.png");
}


/* Paneles */

.x-tab.x-unselectable.x-tab-active.x-box-item.x-tab-default.x-top.x-tab-top.x-tab-default-top {
    border-color: #cfcfcf;
    background-color: #cfcfcf;
}

.x-tab-bar-body.x-tab-bar-body-default.x-box-layout-ct {
    padding: 2px;
}


/* Botones */

.x-btn.x-unselectable.x-btn-default-small {
    border-color: #666666;
    background-color: #666666;
}

.x-btn-inner.x-btn-inner-default-small {
    color: #ffffff;
}

.x-btn.x-unselectable.x-btn-default-large {
    border-color: #666666;
    background-color: #666666;
}


/***** Grids *****/


/* Cabecera título */

.x-column-header-text-inner {
    font-size: 0.8em;
}


/* Cabeceta columnas */

.x-column-header-inner.x-leaf-column-header {
    color: #000000;
    background-color: #f5f5f5;
}

/* Cabecera checkcolumn */
.headerCheckbox {
    margin-top: -20px !important;
}

.x-column-header-checkbox {
    top: 0px !important;
}


/**********/

.x-form-item-label-inner.x-form-item-label-inner-default {
    font-weight: normal;
    font-size: 16px;
}

.x-grid-row .custom-column {
    font-weight: bold;
}

.gray-row .x-grid-cell {
    background-color: #e2eff8;
    color: #000000;
}

.alert-red-row .x-grid-cell {
    background-color: #e19393;
    color: #ffffff;
}

.alert-yellow-row .x-grid-cell {
    background-color: #ffffe2;
    color: #000000;
}

.alert-cyan-row .x-grid-cell {
    background-color: cyan;
    color: #000000;
}

.alert-green-row .x-grid-cell {
    background-color: #e2ffe2;
}

.red-row .x-grid-cell {
    background-color: #ffe2e2;
}

.green-row .x-grid-cell {
    background-color: #e2ffe2;
}

.blue-row .x-grid-cell {
    background-color: #e2e2ff;
    color: #000000;
}

.yellow-row .x-grid-cell {
    background-color: #ffffe2;
    color: #000000;
}

.coral-row .x-grid-cell {
    background-color: #FF9270;
    color: white;
}

.gold-row .x-grid-cell {
    background-color: rgba(255, 215, 0, 0.2);
    /* Color dorado con opacidad */
    color: #000000;
}

.silver-row .x-grid-cell {
    background-color: rgba(192, 192, 192, 0.2);
    /* Color plata con opacidad */
    color: #000000;
}

.bronze-row .x-grid-cell {
    background-color: rgba(205, 127, 50, 0.2);
    /* Color bronce con opacidad */
    color: #000000;
}

.x-grid-item-alt {
    background-color: #e2eff8;
    color: #000000;
}

/* AUTO HEIGHT COLUMNS*/

.autoHeight .x-toolbar {
    margin-top: -6px;
}

.autoHeight .x-grid-item-container {
    height: 100% !important;
}

.autoHeight .x-grid-with-row-lines .x-grid-item {
    height: 6.6% !important;
}

.autoHeight .x-grid-cell-inner,
.autoHeight .gray-row .x-grid-cell-inner {
    white-space: normal !important;
}

.autoHeight .x-grid-cell,
.autoHeight .gray-row .x-grid-cell {
    vertical-align: middle !important;
}

.texto {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #000000;
    text-decoration: none;
}

.textorojo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #ff0012;
    text-decoration: none;
    font-weight: bold;
}

.textoblanco {
    font-size: 0.9em;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
}

.textogris2 {
    font-size: 0.9em;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #cccccc;
}

.textonegro {
    font-size: 0.7em;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}

.textonegro:hover {
    font-size: 0.7em;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #00aaff;
    font-weight: bold;
}

.textonegro2 {
    font-size: 0.7em;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}

.textoazul {
    font-size: 0.8em;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #4484b2;
}

.textoenlaces {
    font-size: 0.8em;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}

.textoenlaces:hover {
    font-size: 0.8em;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #00aaff;
}

.textonegro {
    font-size: 0.7em;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    font-weight: none;
}

.textonegro:hover {
    font-size: 0.7em;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #0000ff;
    font-weight: bold;
}

.rotulo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.rotuloblanco {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.rotulonegro {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.rotulogris {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #888888;
    text-decoration: none;
    font-weight: bold;
}

.rotulogris2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #666666;
    text-decoration: none;
    font-weight: bold;
}

.rotulogrande {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 2.2em;
    color: #ffffff;
    text-decoration: none;
}

.rotulogrande:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 2.2em;
    color: #ffcc00;
    text-decoration: none;
}

.botonmenu {
    font-weight: normal;
    color: #ffffff;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
}

a.botonmenu {
    color: #ffffff;
    text-decoration: none;
}

a.botonmenu:hover {
    color: #ffcc00;
    text-decoration: none;
}

.textogris {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #666666;
    text-decoration: none;
}

.linkgris {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #666666;
    text-decoration: none;
}

.linkgris:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #ff6600;
    text-decoration: none;
}

.linkrojo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #ff0000;
    text-decoration: none;
}

.linkrojo:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #ff6600;
    text-decoration: none;
}

.linkazul {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #4454b2;
    text-decoration: none;
}

.linkazul:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #ff6600;
    text-decoration: none;
}

.background00 {
    background-color: transparent !important;
}

.background01 {
    background-color: #EDEDED !important;
}

.background02 {
    background-color: white;
}

.background03 {
    background-color: #FCFCFC;
}


/* MULTI-LINE ROWS */

.multiline-row .x-grid-cell-inner {
    white-space: normal !important;
}

.multiline-row .x-grid-cell {
    vertical-align: middle;
    height: 140px;
}

.gray-multiline-row .x-grid-cell-inner {
    white-space: normal !important;
}

.gray-multiline-row .x-grid-cell {
    vertical-align: middle;
    background-color: #e2eff8;
}


/* Ventanas*/

.x-message-box .ext-failure-window {
    background: url("images/failure_window.png") no-repeat scroll 6px 6px transparent;
    height: 45px !important;
    width: 40px !important;
}

.x-message-box .ext-success-window {
    background: url("images/success_window.png") no-repeat scroll 6px 6px transparent;
    height: 45px !important;
    width: 40px !important;
}

.x-message-box .ext-info-window {
    background: url("images/info_window.png") no-repeat scroll 6px 6px transparent;
    height: 45px !important;
    width: 40px !important;
}

.x-message-box .ext-help-window {
    /* background: url("images/help_window.png") no-repeat scroll 6px 6px transparent; */
    background-image: url(images/help_window.png);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    width: 40px !important;
    height: 40px !important;
}

.x-message-box .ext-alert-window {
    background: url("images/alert_window.png") no-repeat scroll 6px 6px transparent;
    height: 45px !important;
    width: 40px !important;
}

.x-message-box .ext-wait-delete {
    background: url("images/wait_delete.png") no-repeat scroll 6px 6px transparent;
    height: 45px !important;
    width: 40px !important;
}

.x-message-box .ext-wait-edit {
    background: url("images/wait_edit.png") no-repeat scroll 6px 6px transparent;
    height: 45px !important;
    width: 40px !important;
}

.x-message-box .ext-wait-new {
    background: url("images/wait_new.png") no-repeat scroll 6px 6px transparent;
    height: 45px !important;
    width: 40px !important;
}

.x-message-box .ext-wait-load {
    background: url("images/wait_load.png") no-repeat scroll 6px 6px transparent;
    height: 45px !important;
    width: 40px !important;
}

.link:hover {
    opacity: .5;
    cursor: pointer;
}

.x-grid-checkcolumnT {
    width: 15px;
    height: 15px;
    background: url(images/checkbox.png) 0 0 no-repeat;
}

.x-item-disabled .x-grid-checkcolumnT {
    opacity: 0.3;
}

.x-grid-checkcolumn-checked {
    background-position: 0 -15px;
}

.x-fieldset-header,
.x-fieldset-header-default>.x-fieldset-header-text {
    position: initial;
}

.x-fieldset-header,
.x-fieldset-header-default .x-tool-tool-el {
    overflow: initial;
}

.botonLlamarC2C {
    width: 22px !important;
    background: 0 center #fff url(images/tfno.png) no-repeat !important;
}

.botonLlamarC2C_unable {
    filter: grayscale(100%);
    width: 22px !important;
    background: 0 center #fff url(images/tfno.png) no-repeat !important;
}

.opacity5 {
    opacity: .5;
}

.justify-space-between {
    display: flex;
    justify-content: space-between;
}

.bcalendar {
    background-image: url(images/bcalendar.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px !important;
    height: 20px !important;
}

.bcalendar2 {
    background-image: url(images/bcalendar2.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px !important;
    height: 20px !important;
}

.internal_projects_documents {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal !important;
    gap: 5px;
    cursor: pointer;
}

.no-close-icon .x-tagfield-item-close {
    display: none;
}

.no-close-icon .x-form-text-default .x-tagfield-item {
    padding: 0 5px 0 5px;
}

/* Clase para esconder botón de expandir tabla embebida */
.hide-expander .x-grid-row-expander {
    display: none !important;
}

.hide-expander.x-grid-item-focused .x-grid-cell-inner:before {
    display: none !important;
}

/* Flexbox para ajustar automáticamente el tamaño de las etiquetas */
.flex-label-field .x-form-item {
    display: flex;
}

.flex-label-field .x-form-item-label {
    width: auto !important;
}

.flex-label-field .x-form-item-label-inner {
    width: auto !important;
}

.flex-label-field .x-form-item-body {
    flex: 1;
    min-width: auto !important;
    max-width: none !important;
}

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