/* -------------------- */
/* top-nav */
.topnav-icons {
    position: relative;
    display: inline-block;
    opacity: 0.65;
    overflow: hidden;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    margin: 0 2px 0 0;
}
.topnav-icons:before {
    content: '';
    margin: auto;
    width: 30px;
    height: 30px;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.topnav-icons.additem:before {
    background: url('../images/topnav/add.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.topnav-icons.goback:before {
    background: url('../images/topnav/back.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.topnav-icons.upload:before {
    background: url('../images/topnav/upload.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.topnav-icons.contact:before {
    background: url('../images/topnav/contact.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.topnav-icons.dnd:before {
    background: url('../images/topnav/dnd_red.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.topnav-icons.diagram:before {
    background: url('../images/topnav/diagram.png') no-repeat 0 0;
    background-size: 30px 30px;
}
/* -------------------- */
/* debug */
.debug-icons {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 15px;
    height: 15px;
    text-align: center;
    vertical-align: middle;
}
.debug-icons:before {
    content: '';
    margin: auto;
    width: 15px;
    height: 15px;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}
.debug-icons.inchat-on:before {
    background: url('../images/check.png') no-repeat 0 0;
    background-size: 15px 15px;
}
.debug-icons.inchat-off:before {
    background: url('../images/cross.png') no-repeat 0 0;
    background-size: 15px 15px;
}

/* -------------------- */
/* lmc */
.lmc-icons {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    margin: 0 2px 0 0;
}
.lmc-icons:before {
    content: '';
    margin: auto;
    width: 20px;
    height: 20px;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.lmc-icons.time-line {
    width: 20px;
    height: 20px;
    margin: 0;
}
.lmc-icons.time-line:before {
    width: 20px;
    height: 20px;
    background: url('../images/time-line.png') no-repeat 0 0;
    background-size: 20px 20px;
    opacity: 0.8;
}
#btn-pap-history .lmc-icons.time-line {
    margin: 0 0 0 -1px;
}

.lmc-icons.pap-arrow {
    width: 20px;
    height: 20px;
    margin: 0;
}
.lmc-icons.pap-arrow:before {
    width: 20px;
    height: 20px;
    background: url('../images/pap.png') no-repeat 0 0;
    background-size: 20px 20px;
    opacity: 0.8;
}
#btn-papelement_ {
    padding: 1px;
}
#btn-papelement_, .btn-pap {
    border: 1px solid #f9812a;
}
#btn-papelement .lmc-icons.pap-arrow {
    margin: 0 0 0 -1px;
}

.lmc-icons.delete-all:before {
    background: url('../images/lmc/delete-all.png') no-repeat 0 0;
    background-size: 20px 20px;
}
.lmc-icons.delete-queue:before {
    background: url('../images/lmc/delete-queue.png') no-repeat 0 0;
    background-size: 20px 20px;
}
.lmc-icons.delete-connected:before {
    background: url('../images/lmc/delete-connected.png') no-repeat 0 0;
    background-size: 20px 20px;
}
.lmc-icons.move-all:before {
    background: url('../images/lmc/move-all.png') no-repeat 0 0;
    background-size: 20px 20px;
}
.lmc-icons.send-all:before {
    background: url('../images/lmc/send-all.png') no-repeat 0 0;
    background-size: 20px 20px;
}
.lmc-icons.admin-queue:before {
    background: url('../images/lmc/admin-queue.png') no-repeat 0 0;
    background-size: 20px 20px;
}

.lmc-icons.call-monitor:before {
    background: url('../images/lmc/call-monitor.png') no-repeat 0 0;
    background-size: 20px 20px;
}
.lmc-icons.start-monitor:before {
    background: url('../images/lmc/start-monitor.png') no-repeat 0 0;
    background-size: 20px 20px;
}
.lmc-icons.end-monitor:before {
    background: url('../images/lmc/end-monitor.png') no-repeat 0 0;
    background-size: 20px 20px;
}
.lmc-icons.call-take:before {
    background: url('../images/lmc/call-take.png') no-repeat 0 0;
    background-size: 20px 20px;
}
.lmc-icons.call-transfer:before {
    background: url('../images/lmc/call-transfer.png') no-repeat 0 0;
    background-size: 20px 20px;
}
.lmc-icons.call-end:before {
    background: url('../images/lmc/call-end.png') no-repeat 0 0;
    background-size: 20px 20px;
}
.lmc-icons.monitoring-proposed:before {
    background: url('../images/lmc/flame.png') no-repeat 0 0;
    background-size: 20px 20px;
}

.lmc-icons.size-sm {
    width: 15px;
    height: 15px;
}
.lmc-icons.size-sm:before {
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
}

a:hover > .lmc-icons {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
/*
.lmc-icons.delete-all.size-sm:before,
.lmc-icons.delete-queue.size-sm:before,
.lmc-icons.delete-connected.size-sm:before,
.lmc-icons.move-all.size-sm:before,
.lmc-icons.send-all.size-sm:before,
.lmc-icons.admin-queue.size-sm:before {
    background-size: 15px 15px;
}
.lmc-icons.call-monitor.size-sm:before,
.lmc-icons.start-monitor.size-sm:before,
.lmc-icons.end-monitor.size-sm:before,
.lmc-icons.call-take.size-sm:before,
.lmc-icons.call-transfer.size-sm:before,
.lmc-icons.call-end.size-sm:before,
.lmc-icons.monitoring-proposed.size-sm:before {
    background-size: 15px 15px;
}
*/

/* -------------------- */
/* Entity list pap icon */
.pap-entity.pap-entity-style {
    border: 1px solid #f9812a;
    border-radius: 3px;
}
/* contexto */
.context {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    margin: 0 2px 0 0;
}
.context:before {
    content: '';
    margin: auto;
    width: 20px;
    height: 20px;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.context.context-0 {
    width: 23px;
    height: 20px;
}
.context.context-0:before {
    width: 23px;
    height: 20px;
    background: url('../images/context/default.png') no-repeat 0 0;
    background-size: 23px 20px;
}
.context.context-1 {
    width: 46px;
    height: 20px;
}
.context.context-1:before {
    width: 46px;
    height: 20px;
    background: url('../images/context/IBMWatson.png') no-repeat 0 0;
    background-size: 46px 20px;
}
.context.context-2 {
    width: 20px;
    height: 20px;
}
.context.context-2:before {
    width: 20px;
    height: 20px;
    background: url('../images/context/MicrosoftLuis.png') no-repeat 0 0;
    background-size: 20px 20px;
}
.context.context-3 {
    width: 20px;
    height: 20px;
}
.context.context-3:before {
    width: 20px;
    height: 20px;
    background: url('../images/context/GoogleIA.png') no-repeat 0 0;
    background-size: 20px 20px;
}
.context.context-4 {
    width: 41px;
    height: 20px;
}
.context.context-4:before {
    width: 41px;
    height: 20px;
    background: url('../images/context/LynnNLU.png') no-repeat 0 0;
    background-size: 41px 20px;
}
.context.context-5 {
    width: 20px;
    height: 20px;
}

.context.context-5:before {
    width: 20px;
    height: 20px;
    background: url('../images/context/dialogflow.png') no-repeat 0 0;
    background-size: 20px 20px;
}
.context.context-0.size-sm {
    width: 14px;
    height: 12px;
}
.context.context-0.size-sm:before {
    width: 14px;
    height: 12px;
    background-size: 14px 12px;
}
.context.context-1.size-sm {
    width: 28px;
    height: 12px;
}
.context.context-1.size-sm:before {
    width: 28px;
    height: 12px;
    background-size: 28px 12px;
}
.context.context-2.size-sm {
    width: 12px;
    height: 12px;
}
.context.context-2.size-sm:before {
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
}
.context.context-3.size-sm {
    width: 12px;
    height: 12px;
}
.context.context-3.size-sm:before {
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
}
.context.context-4.size-sm {
    width: 25px;
    height: 12px;
}
.context.context-4.size-sm:before {
    width: 25px;
    height: 12px;
    background-size: 25px 12px;
}

.context.context-0.size-lg {
    width: 35px;
    height: 30px;
}
.context.context-0.size-lg:before {
    width: 35px;
    height: 30px;
    background-size: 35px 30px;
}
.context.context-1.size-lg {
    width: 69px;
    height: 30px;
}
.context.context-1.size-lg:before {
    width: 69px;
    height: 30px;
    background-size: 69px 30px;
}
.context.context-2.size-lg {
    width: 30px;
    height: 30px;
}
.context.context-2.size-lg:before {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
}
.context.context-3.size-lg {
    width: 30px;
    height: 30px;
}
.context.context-3.size-lg:before {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
}
.context.context-4.size-lg {
    width: 62px;
    height: 30px;
}
.context.context-4.size-lg:before {
    width: 62px;
    height: 30px;
    background-size: 62px 30px;
}
/* -------------------- */
/* canales */
/*
MESSAGES_BROKER_BOT_CORE_V5\BROKER\Deflection\DeflectionMethod.cs
*/
.channel {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    margin: 0 2px 0 0;
}
.channel:before {
    content: '';
    margin: auto;
    width: 30px;
    height: 30px;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.not-disturb-all .channel:after {
    content: '';
    margin: auto;
    width: 30px;
    height: 30px;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url('channels/whatsapp.png') no-repeat 0 0;
    background-size: 30px;
}

.not-disturb .channel:after {
    content: '';
    margin: auto;
    width: 20px;
    height: 20px;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 18px;
    left: 13px;
    right: 0;
    background: url('../images/topnav/dnd_card.png') no-repeat 0 0;
    background-size: 20px;
}

.channel.simulated:before {
    filter: grayscale(100%);
}
.channel.channel-whatsapp:before, 
.channel.channel-WhatsApp:before, 
.channel.channel-1:before {
    background: url('channels/whatsapp.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-facebookmessenger:before,
.channel.channel-FacebookMessenger:before,
.channel.channel-2:before {
    background: url('channels/facebook-messenger.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-teams:before, 
.channel.channel-Teams:before, 
.channel.channel-3:before {
    background: url('channels/ms-teams.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-skype:before, 
.channel.channel-Skype:before, 
.channel.channel-4:before {
    background: url('channels/skype.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-sms:before, 
.channel.channel-Sms:before, 
.channel.channel-5:before {
    background: url('channels/sms.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-slack:before, 
.channel.channel-Slack:before, 
.channel.channel-6:before {
    background: url('channels/slack.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-directlyne:before, 
.channel.channel-DirectLyne:before, 
.channel.channel-7:before {
    background: url('channels/directline.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-twitterdirect:before, 
.channel.channel-TwitterDirect:before, 
.channel.channel-8:before {
    background: url('channels/twitter-md.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-twittermention:before, 
.channel.channel-TwitterMention:before, 
.channel.channel-9:before {
    background: url('channels/twitter.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-facebookmention:before,
.channel.channel-FacebookMention:before,
.channel.channel-10:before {
    background: url('channels/facebook-mention.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-facebookcomments:before,
.channel.channel-FacebookComments:before,
.channel.channel-10:before {
    background: url('channels/facebook-mention.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-directlinespeech:before, 
.channel.channel-DirectLineSpeech:before, 
.channel.channel-11:before {
    background: url('channels/directline_speeach.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-email:before, 
.channel.channel-Email:before, 
.channel.channel-12:before {
    background: url('channels/mail.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-groupme:before, 
.channel.channel-GroupMe:before, 
.channel.channel-13:before {
    background: url('channels/groupme.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-kik:before, 
.channel.channel-Kik:before, 
.channel.channel-14:before {
    background: url('channels/kik.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-line:before, 
.channel.channel-Line:before, 
.channel.channel-15:before {
    background: url('channels/line.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-telegram:before, 
.channel.channel-Telegram:before, 
.channel.channel-16:before {
    background: url('channels/telegram.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-cortana:before, 
.channel.channel-Cortana:before, 
.channel.channel-17:before {
    background: url('channels/cortana.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-skype:before, 
.channel.channel-SkypeVoice:before, 
.channel.channel-18:before {
    background: url('channels/skype.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-emulator:before, 
.channel.channel-Emulator:before, 
.channel.channel-19:before {
    background: url('channels/emulator.png') no-repeat 0 0;
    background-size: 30px;
    filter: none !important;
}
.channel.channel-chat:before, 
.channel.channel-Chat:before, 
.channel.channel-20:before {
    background: url('channels/chat.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-unknown:before, 
.channel.channel-UNKNOWN:before, 
.channel.channel-21:before {
    background: url('channels/unknown.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-instagramcomments:before, 
.channel.channel-InstagramComments:before, 
.channel.channel-22:before {
    background: url('channels/instagram.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-instagramdirect:before,
.channel.channel-InstagramDirect:before,
.channel.channel-23:before {
    /*background: url('channels/instagram.png') no-repeat 0 0;*/
    background: url('channels/instagram-messenger.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-facebookworkplacecomments:before,
.channel.channel-FacebookWorkplaceComments:before,
.channel.channel-24:before {
    background: url('channels/fecebookworkplace.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-voiceexternalprovider:before,
.channel.channel-VoiceExternalProvider:before,
.channel.channel-25:before {
    background: url('channels/voice.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-voiceinternalprovider:before,
.channel.channel-VoiceInternalProvider:before,
.channel.channel-26:before {
    background: url('channels/voice.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.internal:after {
    content: '';
    margin: auto;
    width: 15px;
    height: 15px;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: -10px;
    bottom: 0;
    left: 0;
    right: -10px;
    background: url('channels/internal.png') no-repeat 0 0;
    background-size: 15px;
}

.channel.channel.channel.size-sm {
    width: 25px;
    height: 25px;
}
.channel.channel.channel.size-sm:before {
    width: 25px;
    height: 25px;
    background-size: 25px;
}
.channel.channel.channel.size-lg {
    width: 60px;
    height: 60px;
}
.channel.channel.channel.size-lg:before {
    width: 60px;
    height: 60px;
    background-size: 60px;
}

/* -------------------- */
/* menu canales */
.menu-channel span.k-menu-link {
    position: relative;
    line-height: 20px!important;
    height: 20px!important;
    padding-left: 25px!important;
}
.menu-channel span.k-menu-link:before {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 0;
    left: 2px;
    right: 0;
    width: 20px;
    height: 20px;
}

.menu-channel.channel-1 span.k-menu-link:before {
    background: url('channels/whatsapp.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-2 span.k-menu-link:before {
    background: url('channels/facebook-mention.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-3 span.k-menu-link:before {
    background: url('channels/ms-teams.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-4 span.k-menu-link:before {
    background: url('channels/skype.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-5 span.k-menu-link:before {
    background: url('channels/sms.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-6 span.k-menu-link:before {
    background: url('channels/slack.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-7 span.k-menu-link:before {
    background: url('channels/directline.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-8 span.k-menu-link:before {
    background: url('channels/twitter-md.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-9 span.k-menu-link:before {
    background: url('channels/twitter.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-10 span.k-menu-link:before {
    background: url('channels/facebook.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-11 span.k-menu-link:before {
    background: url('channels/directline_speeach.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-12 span.k-menu-link:before {
    background: url('channels/mail.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-13 span.k-menu-link:before {
    background: url('channels/groupme.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-14 span.k-menu-link:before {
    background: url('channels/kik.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-15 span.k-menu-link:before {
    background: url('channels/line.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-16 span.k-menu-link:before {
    background: url('channels/telegram.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-17 span.k-menu-link:before {
    background: url('channels/cortana.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-18 span.k-menu-link:before {
    background: url('channels/skype.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-19 span.k-menu-link:before {
    background: url('channels/emulator.png') no-repeat 0 0;
    background-size: 20px;
    filter: none !important;
}
.menu-channel.channel-20 span.k-menu-link:before {
    background: url('channels/chat.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-21 span.k-menu-link:before {
    background: url('channels/unknown.png') no-repeat 0 0;
    background-size: 30px;
}
.menu-channel.channel-22 span.k-menu-link:before {
    background: url('channels/instagram.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-23 span.k-menu-link:before {
    background: url('channels/instagram.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-24 span.k-menu-link:before {
    background: url('channels/fecebookworkplace.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-25 span.k-menu-link:before {
    background: url('channels/voice.png') no-repeat 0 0;
    background-size: 20px;
}
.menu-channel.channel-26 span.k-menu-link:before {
    background: url('channels/voice.png') no-repeat 0 0;
    background-size: 20px;
}

/* -------------------- */
/* sub categoria canales */
.channel.channel-1-TWILIO:before {
    background: url('channels/twilio.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-1-NEXMO:before {
    background: url('channels/vonage_1.png') no-repeat 0 0;
    background-size: 29px;
}
.channel.channel-1-INFOBIP:before {
    background: url('channels/infobip.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-1-WABIZ:before {
    background: url('channels/wabiz.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-1-ONEMARKETER:before {
    background: url('channels/masivian.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-1-GUPSHUP:before {
    background: url('channels/gupshup.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-1-MASIVIAN:before {
    background: url('channels/masivian.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-1-SINCH:before {
    background: url('channels/sinch.png') no-repeat 0 0;
    background-size: 30px;
}
.channel.channel-1-META:before {
    background: url('channels/meta.svg') no-repeat 0 0;
    background-size: 30px;
}

.channel.channel-2-LYNN:before,
.channel.channel-3-LYNN:before,
.channel.channel-4-LYNN:before,
.channel.channel-8-LYNN:before,
.channel.channel-9-LYNN:before,
.channel.channel-10-LYNN:before,
.channel.channel-16-LYNN:before,
.channel.channel-18-LYNN:before,
.channel.channel-19-LYNN:before,
.channel.channel-20-LYNN:before,
.channel.channel-22-LYNN:before,
.channel.channel-23-LYNN:before,
.channel.channel-24-LYNN:before,
.channel.channel-25-LYNN:before {
    display: none;
}

/* -------------------- */
/* home */
.home-icon {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 17px;
    height: 17px;
    text-align: center;
    vertical-align: middle;
}
.home-icon:before {
    content: '';
    margin: auto;
    width: 17px;
    height: 17px;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}
.home-icon.maintenance:before {
    background: url('../images/maintenance.png') no-repeat 0 0;
    background-size: 17px 17px;
}
.setup .home-icon.maintenance {
    -webkit-animation: flicker 1s infinite;
    -moz-animation: flicker 1s infinite;
    -o-animation: flicker 1s infinite;
    animation: flicker 1s infinite;
}
.home-icon.context:before {
    background: url('../images/cognitive.png') no-repeat 0 0;
    background-size: 17px 17px;
    opacity: 0.7;
}

/* -------------------- */
/* diagrama */
.diagram-icon {
    position: relative;
    display: inline-block;
    line-height: 1;
    overflow: hidden;
    width: 20px;
    height: 20px;
}
.diagram-icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    width: 20px;
    height: 20px;
}
.diagram-icon.intent:before {
    background: url(../images/intent.png) no-repeat -5px -6px;
    background-size: 27px 28px;
}
.diagram-icon.case:before {
    background: url(../images/caso.png) no-repeat -4px -4px;
    background-size: 28px 28px;
}
.diagram-icon.dialog:before {
    background: url('../images/dialog.png') no-repeat -5px -5px;
    background-size: 28px 28px;
}
.diagram-icon.contextchange:before {
    background: url(../images/contextchange.png) no-repeat -5px -5px;
    background-size: 28px 28px;
}
.diagram-icon.jsonrequest:before {
    background: url(../images/jsonrequest.png) no-repeat -2px -2px;
    background-size: 23px 23px;
}
.diagram-icon.webredirect:before {
    background: url(../images/webredirect.png) no-repeat -4px -5px;
    background-size: 28px 31px;
}
.diagram-icon.backend:before {
    background: url(../images/backend.png) no-repeat -3px -2px;
    background-size: 25px 25px;
}
.diagram-icon.forceintent:before {
    background: url(../images/forceintent.png) no-repeat -4px -5px;
    background-size: 28px 28px;
}
.diagram-icon.sessionend:before {
    background: url(../images/sessionend.png) no-repeat -2px -4px;
    background-size: 25px 28px;
}