/**
 * @file icons.css
 * @brief Archivo de Estilos donde se asignan los Iconos/Logos
 * @author IoPLAY
 */

@font-face {
    font-family: 'ioplay_icons';
    src: url("/vistas/fonts/ioplay_icons.woff2?ksofyl") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

i {
    font-family: 'ioplay_icons' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ion-accelerators .path1:before {
    content: "\e900";
    color: rgb(107, 114, 121);
}

.ion-accelerators .path2:before {
    content: "\e901";
    margin-left: -1em;
    color: #3b9df9;
}

.ion-code .path1:before {
    content: "\e902";
    color: rgb(107, 114, 121);
}

.ion-code .path2:before {
    content: "\e903";
    margin-left: -1em;
    color: #3b9df9;
}

.ion-cpu:before {
    content: "\e904";
}

.bottom-bar .ion-cpu:before {
    color: #ffde0d;
}

.ion-gears .path1:before {
    content: "\e905";
    color: rgb(107, 114, 121);
}

.ion-gears .path2:before {
    content: "\e906";
    margin-left: -1em;
    color: #3b9df9;
}

.ion-home .path1:before {
    content: "\e907";
    color: rgb(107, 114, 121);
}

.ion-home .path2:before {
    content: "\e908";
    margin-left: -1em;
    color: #3b9df9;
}

.ion-licencia .path1:before {
    content: "\e909";
    color: rgb(107, 114, 121);
}

.ion-licencia .path2:before {
    content: "\e90a";
    margin-left: -1em;
    color: #3b9df9;
}

.ion-memory:before {
    content: "\e90b";
    color: #18f3bd;
}

.ion-modulator .path1:before {
    content: "\e90c";
    color: #3b9df9;
}

.ion-modulator .path2:before {
    content: "\e90d";
    margin-left: -1em;
    color: rgb(107, 114, 121);
}

.ion-plug .path1:before {
    content: "\e90e";
    color: #3b9df9;
}

.ion-plug .path2:before {
    content: "\e90f";
    margin-left: -1em;
    color: rgb(107, 114, 121);
}

.ion-terminal .path1:before {
    content: "\e910";
    color: rgb(107, 114, 121);
}

.ion-terminal .path2:before {
    content: "\e911";
    margin-left: -1em;
    color: #3b9df9;
}

.ion-thermometer:before {
    content: "\e912";
}

.ion-time .path1:before {
    content: "\e913";
    color: #3b9df9;
}

.ion-time .path2:before {
    content: "\e914";
    margin-left: -1em;
    color: #3b9df9;
}

.ion-transcoder .path1:before {
    content: "\e915";
    color: #3b9df9;
}

.ion-transcoder .path2:before {
    content: "\e916";
    margin-left: -1em;
    color: rgb(107, 114, 121);
}

.ion-vlan .path1:before {
    content: "\e917";
    color: rgb(107, 114, 121);
}

.ion-vlan .path2:before {
    content: "\e918";
    margin-left: -1em;
    color: #3b9df9;
}

.ion-x-iomux .path1:before {
    content: "\e919";
    color: #ffffff;
}

.ion-x-iomux .path2:before {
    content: "\e91a";
    margin-left: -1.1em;
    color: #3b9df9;
}

.ion-o-iomux .path1:before {
    content: "\e91b";
    color: #ffffff;
}

.ion-o-iomux .path2:before {
    content: "\e91c";
    margin-left: -1em;
    color: #3b9df9;
}

.lightmode .ion-o-iomux .path1:before,
.lightmode .ion-x-iomux .path1:before {
    color: rgb(41, 50, 57);
}

.ion-hexagon .path1:before {
    content: "\e91d";
    color: rgb(255, 255, 255);
}

.ion-hexagon .path2:before {
    content: "\e91e";
    margin-left: -1em;
    color: #3b9df9;
}

.ion-transmission .path1:before {
    content: "\e91f";
    color: rgb(107, 114, 121);
}

.ion-transmission .path2:before {
    content: "\e920";
    margin-left: -1em;
    color: rgb(255, 165, 0);
}

.ion-check:before {
    content: "\e921";
}

.ion-contracts:before {
    content: "\e922";
}

.ion-copy:before {
    content: "\e923";
}

:is(.ion-debug, .ion-bug):before {
    content: "\e924";
}

:is(.ion-app, .ion-application):before {
    content: "\e925";
}

:is(.ion-ban, .ion-no, .ion-cancel):before {
    content: "\e926";
}

.ion-calendar:before {
    content: "\e927";
}

.ion-angle-down:before {
    content: "\e928";
}

:is(.ion-down, .ion-arrow-down, .ion-caret-down):before {
    content: "\e929";
}

:is(.ion-left, .ion-arrow-left, .ion-caret-left):before {
    content: "\e92a";
}

:is(.ion-right, .ion-arrow-right, .ion-caret-right):before {
    content: "\e92b";
}

:is(.ion-up, .ion-arrow-up, .ion-caret-up):before {
    content: "\e92c";
}

.ion-demi-arrow-left-down:before {
    content: "\e92d";
}

.ion-demi-arrow-left-up:before {
    content: "\e92e";
}

.ion-demi-arrow-right-down:before {
    content: "\e92f";
}

.ion-demi-arrow-right-up:before {
    content: "\e930";
}

.ion-download:before {
    content: "\e931";
}

.ion-edit:before {
    content: "\e932";
}

.ion-eth:before {
    content: "\e933";
}

.ion-eye:before {
    content: "\e934";
}

:is(.ion-eye-no, .ion-eye-blocked, .ion-eye-off):before {
    content: "\e935";
}

.ion-ffmpeg:before {
    content: "\e936";
}

.ion-file-contract:before {
    content: "\e937";
}

.ion-file-dollar:before {
    content: "\e938";
}

:is(.ion-gear, .ion-cog):before {
    content: "\e939";
}

.ion-hard-drive:before {
    content: "\e93a";
}

.ion-key:before {
    content: "\e93b";
}

.ion-list:before {
    content: "\e93c";
}

.ion-logout:before {
    content: "\e93d";
}

.ion-loop:before {
    content: "\e93e";
}

:is(.ion-menu, .ion-burger):before {
    content: "\e93f";
}

:is(.ion-mobile, .ion-cellphone):before {
    content: "\e940";
}

.ion-monitorable:before {
    content: "\e941";
}

.ion-node-js:before {
    content: "\e942";
}

:is(.ion-paper-plane, .ion-send):before {
    content: "\e943";
}

.ion-plans:before {
    content: "\e944";
}

.ion-play:before {
    content: "\e945";
}

:is(.ion-add, .ion-plus, .ion-sum):before {
    content: "\e946";
}

.ion-power-off:before {
    content: "\e947";
}

.ion-redo:before {
    content: "\e948";
}

.ion-refresh:before {
    content: "\e949";
}

:is(.ion-save, .ion-floppy-disk):before {
    content: "\e94a";
}

.ion-search:before {
    content: "\e94b";
}

.ion-signal:before {
    content: "\e94c";
}

.ion-sitemap:before {
    content: "\e94d";
}

:is(.ion-pie-chart, .ion-storage):before {
    content: "\e94e";
}

:is(.ion-day, .ion-sun):before {
    content: "\e94f";
}

:is(.ion-night, .ion-moon):before {
    content: "\e950";
}

:is(.ion-tm, .ion-trademark):before {
    content: "\e951";
}

.ion-frecuencia2:before {
    content: "\e952";
}

:is(.ion-trash, .ion-delete, .ion-remove, .ion-trash-can):before {
    content: "\e953";
}

:is(.ion-tv, .ion-screen, .ion-desktop):before {
    content: "\e954";
}

.ion-upload:before {
    content: "\e955";
}

.ion-users:before {
    content: "\e956";
}

.ion-warning-triangle:before {
    content: "\e957";
}

:is(.ion-wifi-off, .ion-wifi-no, .ion-wifi-blocked):before {
    content: "\e958";
}

:is(.ion-x, .ion-times):before {
    content: "\e959";
}

:is(.ion-x-circle, .ion-times-circle):before {
    content: "\e95a";
}

.ion-document:before {
    content: "\e95b";
}

.ion-unlink:before {
    content: "\e95c";
}

.ion-folder:before {
    content: "\e95d";
}

.ion-repositorio:before {
    content: "\e95e";
}

.ion-film:before {
    content: "\e95f";
}

.ion-syslog:before {
    content: "\e960";
}

.ion-cv:before {
    content: "\e961";
}

.ion-bitrate:before {
    content: "\e962";
}

.ion-ca:before {
    content: "\e963";
}

.ion-interface:before {
    content: "\e964";
    font-size: 20px;
}

.ion-interface.on:before {
    color: var(--success) !important;
}

.ion-interface:is(.off, .no):before {
    color: var(--warning);
    animation: infinite blinkIO 0.5s ease-in-out alternate;
}

[disabled].ion-interface:is(.off, .no) {
    filter: none !important;
    opacity: 1 !important;
}

.lightmode [disabled].ion-interface:is(.off, .no) {
    filter: grayscale(0.6) !important;
    opacity: 0.9 !important;
}

.ion-frecuencia:before {
    content: "\e965";
}

.ion-signal2:before {
    content: "\e966";
}

.ion-snr:before {
    content: "\e967";
}

.ion-modulation .path1:before {
    content: "\e968";
    color: rgb(129, 129, 129);
}

.ion-modulation .path2:before {
    content: "\e969";
    margin-left: -1em;
    color: rgb(190, 190, 190);
}

.ion-modulation .path3:before {
    content: "\e96a";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.lightmode .ion-modulation span:is(.path1):before {
    color: rgb(108, 108, 108);
}

.lightmode .ion-modulation span:is(.path2):before {
    color: rgb(58, 58, 58);
}

.lightmode .ion-modulation .path3:before {
    color: rgb(0, 0, 0);
}

.ion-4k:before {
    content: "\e96b";
}

.ion-sd:before {
    content: "\e96c";
}

.ion-hd:before {
    content: "\e96d";
}

:is(.ion-full-hd, .ion-fhd):before {
    content: "\e96e";
}

:is(.ion-ultra-hd, .ion-uhd):before {
    content: "\e96f";
}

.ion-file:before {
    content: "\e970";
}

.ion-hls:before {
    content: "\e971";
}

.ion-http:before,
.ion-url:before {
    content: "\e972";
}

.ion-rtmp:before {
    content: "\e973";
}

.ion-rtsp:before {
    content: "\e974";
}

:is(.ion-udp, .ion-ts-udp):before {
    content: "\e975";
}

:is(.ion-rtp, .ion-ts-rtp):before {
    content: "\e976";
}

.ion-srt:before {
    content: "\e977";
}

.ion-rist:before {
    content: "\e978";
}

:is(.ion-proxy, .ion-http-proxy, .ion-udpxy):before {
    content: "\e979";
}

:is(.ion-vlc, .ion-video-lan):before {
    content: "\e97a";
}

.ion-dvbt:before {
    content: "\e97b";
}

.ion-dvbt2:before {
    content: "\e97c";
}

.ion-isdbt:before {
    content: "\e97d";
}

.ion-atsc:before {
    content: "\e97e";
}

.ion-dvbs:before {
    content: "\e97f";
}

.ion-dvbs2:before {
    content: "\e980";
}

.ion-dmidecode:before {
    content: "\e981";
}

.ion-mtr:before {
    content: "\e982";
}

.ion-sistema:before {
    content: "\e983";
}

.ion-tbs:before {
    content: "\e984";
}

.ion-v4:before {
    content: "\e985";
}

.ion-v6:before {
    content: "\e986";
}

.ion-version:before {
    content: "\e987";
}

.ion-cloud-download:before {
    content: "\e988";
}

.ion-door-logout:before {
    content: "\e989";
}

.ion-mtr2 span:is(.path1):before {
    content: "\e98a";
}

.ion-mtr2 span:is(.path2):before {
    content: "\e98b";
    margin-left: -1em;
    color: #E9000D;
}

.ion-mtr2 span:is(.path3):before {
    content: "\e98c";
    margin-left: -1em;
    color: #FFD100;
}

.ion-mtr2 span:is(.path4):before {
    content: "\e98d";
    margin-left: -1em;
    color: #00A434;
}