@charset "UTF-8";
/**

 * @date Septiembre 2015
 * @version 0.1
 * 
 * Reseteamos los estilos predeterminados de los navegadores
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?q8hmjv");
  src: url("fonts/icomoon.eot?q8hmjv#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?q8hmjv") format("truetype"), url("fonts/icomoon.woff?q8hmjv") format("woff"), url("fonts/icomoon.svg?q8hmjv#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-home:before {
  content: "\e900"; }

.icon-home2:before {
  content: "\e901"; }

.icon-home3:before {
  content: "\e902"; }

.icon-office:before {
  content: "\e903"; }

.icon-newspaper:before {
  content: "\e904"; }

.icon-pencil:before {
  content: "\e905"; }

.icon-pencil2:before {
  content: "\e906"; }

.icon-quill:before {
  content: "\e907"; }

.icon-pen:before {
  content: "\e908"; }

.icon-blog:before {
  content: "\e909"; }

.icon-eyedropper:before {
  content: "\e90a"; }

.icon-droplet:before {
  content: "\e90b"; }

.icon-paint-format:before {
  content: "\e90c"; }

.icon-image:before {
  content: "\e90d"; }

.icon-images:before {
  content: "\e90e"; }

.icon-camera:before {
  content: "\e90f"; }

.icon-headphones:before {
  content: "\e910"; }

.icon-music:before {
  content: "\e911"; }

.icon-play:before {
  content: "\e912"; }

.icon-film:before {
  content: "\e913"; }

.icon-video-camera:before {
  content: "\e914"; }

.icon-dice:before {
  content: "\e915"; }

.icon-pacman:before {
  content: "\e916"; }

.icon-spades:before {
  content: "\e917"; }

.icon-clubs:before {
  content: "\e918"; }

.icon-diamonds:before {
  content: "\e919"; }

.icon-bullhorn:before {
  content: "\e91a"; }

.icon-connection:before {
  content: "\e91b"; }

.icon-podcast:before {
  content: "\e91c"; }

.icon-feed:before {
  content: "\e91d"; }

.icon-mic:before {
  content: "\e91e"; }

.icon-book:before {
  content: "\e91f"; }

.icon-books:before {
  content: "\e920"; }

.icon-library:before {
  content: "\e921"; }

.icon-file-text:before {
  content: "\e922"; }

.icon-profile:before {
  content: "\e923"; }

.icon-file-empty:before {
  content: "\e924"; }

.icon-files-empty:before {
  content: "\e925"; }

.icon-file-text2:before {
  content: "\e926"; }

.icon-file-picture:before {
  content: "\e927"; }

.icon-file-music:before {
  content: "\e928"; }

.icon-file-play:before {
  content: "\e929"; }

.icon-file-video:before {
  content: "\e92a"; }

.icon-file-zip:before {
  content: "\e92b"; }

.icon-copy:before {
  content: "\e92c"; }

.icon-paste:before {
  content: "\e92d"; }

.icon-stack:before {
  content: "\e92e"; }

.icon-folder:before {
  content: "\e92f"; }

.icon-folder-open:before {
  content: "\e930"; }

.icon-folder-plus:before {
  content: "\e931"; }

.icon-folder-minus:before {
  content: "\e932"; }

.icon-folder-download:before {
  content: "\e933"; }

.icon-folder-upload:before {
  content: "\e934"; }

.icon-price-tag:before {
  content: "\e935"; }

.icon-price-tags:before {
  content: "\e936"; }

.icon-barcode:before {
  content: "\e937"; }

.icon-qrcode:before {
  content: "\e938"; }

.icon-ticket:before {
  content: "\e939"; }

.icon-cart:before {
  content: "\e93a"; }

.icon-coin-dollar:before {
  content: "\e93b"; }

.icon-coin-euro:before {
  content: "\e93c"; }

.icon-coin-pound:before {
  content: "\e93d"; }

.icon-coin-yen:before {
  content: "\e93e"; }

.icon-credit-card:before {
  content: "\e93f"; }

.icon-calculator:before {
  content: "\e940"; }

.icon-lifebuoy:before {
  content: "\e941"; }

.icon-phone:before {
  content: "\e942"; }

.icon-phone-hang-up:before {
  content: "\e943"; }

.icon-address-book:before {
  content: "\e944"; }

.icon-envelop:before {
  content: "\e945"; }

.icon-pushpin:before {
  content: "\e946"; }

.icon-location:before {
  content: "\e947"; }

.icon-location2:before {
  content: "\e948"; }

.icon-compass:before {
  content: "\e949"; }

.icon-compass2:before {
  content: "\e94a"; }

.icon-map:before {
  content: "\e94b"; }

.icon-map2:before {
  content: "\e94c"; }

.icon-history:before {
  content: "\e94d"; }

.icon-clock:before {
  content: "\e94e"; }

.icon-clock2:before {
  content: "\e94f"; }

.icon-alarm:before {
  content: "\e950"; }

.icon-bell:before {
  content: "\e951"; }

.icon-stopwatch:before {
  content: "\e952"; }

.icon-calendar:before {
  content: "\e953"; }

.icon-printer:before {
  content: "\e954"; }

.icon-keyboard:before {
  content: "\e955"; }

.icon-display:before {
  content: "\e956"; }

.icon-laptop:before {
  content: "\e957"; }

.icon-mobile:before {
  content: "\e958"; }

.icon-mobile2:before {
  content: "\e959"; }

.icon-tablet:before {
  content: "\e95a"; }

.icon-tv:before {
  content: "\e95b"; }

.icon-drawer:before {
  content: "\e95c"; }

.icon-drawer2:before {
  content: "\e95d"; }

.icon-box-add:before {
  content: "\e95e"; }

.icon-box-remove:before {
  content: "\e95f"; }

.icon-download:before {
  content: "\e960"; }

.icon-upload:before {
  content: "\e961"; }

.icon-floppy-disk:before {
  content: "\e962"; }

.icon-drive:before {
  content: "\e963"; }

.icon-database:before {
  content: "\e964"; }

.icon-undo:before {
  content: "\e965"; }

.icon-redo:before {
  content: "\e966"; }

.icon-undo2:before {
  content: "\e967"; }

.icon-redo2:before {
  content: "\e968"; }

.icon-forward:before {
  content: "\e969"; }

.icon-reply:before {
  content: "\e96a"; }

.icon-bubble:before {
  content: "\e96b"; }

.icon-bubbles:before {
  content: "\e96c"; }

.icon-bubbles2:before {
  content: "\e96d"; }

.icon-bubble2:before {
  content: "\e96e"; }

.icon-bubbles3:before {
  content: "\e96f"; }

.icon-bubbles4:before {
  content: "\e970"; }

.icon-user:before {
  content: "\e971"; }

.icon-users:before {
  content: "\e972"; }

.icon-user-plus:before {
  content: "\e973"; }

.icon-user-minus:before {
  content: "\e974"; }

.icon-user-check:before {
  content: "\e975"; }

.icon-user-tie:before {
  content: "\e976"; }

.icon-quotes-left:before {
  content: "\e977"; }

.icon-quotes-right:before {
  content: "\e978"; }

.icon-hour-glass:before {
  content: "\e979"; }

.icon-spinner:before {
  content: "\e97a"; }

.icon-spinner2:before {
  content: "\e97b"; }

.icon-spinner3:before {
  content: "\e97c"; }

.icon-spinner4:before {
  content: "\e97d"; }

.icon-spinner5:before {
  content: "\e97e"; }

.icon-spinner6:before {
  content: "\e97f"; }

.icon-spinner7:before {
  content: "\e980"; }

.icon-spinner8:before {
  content: "\e981"; }

.icon-spinner9:before {
  content: "\e982"; }

.icon-spinner10:before {
  content: "\e983"; }

.icon-spinner11:before {
  content: "\e984"; }

.icon-binoculars:before {
  content: "\e985"; }

.icon-search:before {
  content: "\e986"; }

.icon-zoom-in:before {
  content: "\e987"; }

.icon-zoom-out:before {
  content: "\e988"; }

.icon-enlarge:before {
  content: "\e989"; }

.icon-shrink:before {
  content: "\e98a"; }

.icon-enlarge2:before {
  content: "\e98b"; }

.icon-shrink2:before {
  content: "\e98c"; }

.icon-key:before {
  content: "\e98d"; }

.icon-key2:before {
  content: "\e98e"; }

.icon-lock:before {
  content: "\e98f"; }

.icon-unlocked:before {
  content: "\e990"; }

.icon-wrench:before {
  content: "\e991"; }

.icon-equalizer:before {
  content: "\e992"; }

.icon-equalizer2:before {
  content: "\e993"; }

.icon-cog:before {
  content: "\e994"; }

.icon-cogs:before {
  content: "\e995"; }

.icon-hammer:before {
  content: "\e996"; }

.icon-magic-wand:before {
  content: "\e997"; }

.icon-aid-kit:before {
  content: "\e998"; }

.icon-bug:before {
  content: "\e999"; }

.icon-pie-chart:before {
  content: "\e99a"; }

.icon-stats-dots:before {
  content: "\e99b"; }

.icon-stats-bars:before {
  content: "\e99c"; }

.icon-stats-bars2:before {
  content: "\e99d"; }

.icon-trophy:before {
  content: "\e99e"; }

.icon-gift:before {
  content: "\e99f"; }

.icon-glass:before {
  content: "\e9a0"; }

.icon-glass2:before {
  content: "\e9a1"; }

.icon-mug:before {
  content: "\e9a2"; }

.icon-spoon-knife:before {
  content: "\e9a3"; }

.icon-leaf:before {
  content: "\e9a4"; }

.icon-rocket:before {
  content: "\e9a5"; }

.icon-meter:before {
  content: "\e9a6"; }

.icon-meter2:before {
  content: "\e9a7"; }

.icon-hammer2:before {
  content: "\e9a8"; }

.icon-fire:before {
  content: "\e9a9"; }

.icon-lab:before {
  content: "\e9aa"; }

.icon-magnet:before {
  content: "\e9ab"; }

.icon-bin:before {
  content: "\e9ac"; }

.icon-bin2:before {
  content: "\e9ad"; }

.icon-briefcase:before {
  content: "\e9ae"; }

.icon-airplane:before {
  content: "\e9af"; }

.icon-truck:before {
  content: "\e9b0"; }

.icon-road:before {
  content: "\e9b1"; }

.icon-accessibility:before {
  content: "\e9b2"; }

.icon-target:before {
  content: "\e9b3"; }

.icon-shield:before {
  content: "\e9b4"; }

.icon-power:before {
  content: "\e9b5"; }

.icon-switch:before {
  content: "\e9b6"; }

.icon-power-cord:before {
  content: "\e9b7"; }

.icon-clipboard:before {
  content: "\e9b8"; }

.icon-list-numbered:before {
  content: "\e9b9"; }

.icon-list:before {
  content: "\e9ba"; }

.icon-list2:before {
  content: "\e9bb"; }

.icon-tree:before {
  content: "\e9bc"; }

.icon-menu:before {
  content: "\e9bd"; }

.icon-menu2:before {
  content: "\e9be"; }

.icon-menu3:before {
  content: "\e9bf"; }

.icon-menu4:before {
  content: "\e9c0"; }

.icon-cloud:before {
  content: "\e9c1"; }

.icon-cloud-download:before {
  content: "\e9c2"; }

.icon-cloud-upload:before {
  content: "\e9c3"; }

.icon-cloud-check:before {
  content: "\e9c4"; }

.icon-download2:before {
  content: "\e9c5"; }

.icon-upload2:before {
  content: "\e9c6"; }

.icon-download3:before {
  content: "\e9c7"; }

.icon-upload3:before {
  content: "\e9c8"; }

.icon-sphere:before {
  content: "\e9c9"; }

.icon-earth:before {
  content: "\e9ca"; }

.icon-link:before {
  content: "\e9cb"; }

.icon-flag:before {
  content: "\e9cc"; }

.icon-attachment:before {
  content: "\e9cd"; }

.icon-eye:before {
  content: "\e9ce"; }

.icon-eye-plus:before {
  content: "\e9cf"; }

.icon-eye-minus:before {
  content: "\e9d0"; }

.icon-eye-blocked:before {
  content: "\e9d1"; }

.icon-bookmark:before {
  content: "\e9d2"; }

.icon-bookmarks:before {
  content: "\e9d3"; }

.icon-sun:before {
  content: "\e9d4"; }

.icon-contrast:before {
  content: "\e9d5"; }

.icon-brightness-contrast:before {
  content: "\e9d6"; }

.icon-star-empty:before {
  content: "\e9d7"; }

.icon-star-half:before {
  content: "\e9d8"; }

.icon-star-full:before {
  content: "\e9d9"; }

.icon-heart:before {
  content: "\e9da"; }

.icon-heart-broken:before {
  content: "\e9db"; }

.icon-man:before {
  content: "\e9dc"; }

.icon-woman:before {
  content: "\e9dd"; }

.icon-man-woman:before {
  content: "\e9de"; }

.icon-happy:before {
  content: "\e9df"; }

.icon-happy2:before {
  content: "\e9e0"; }

.icon-smile:before {
  content: "\e9e1"; }

.icon-smile2:before {
  content: "\e9e2"; }

.icon-tongue:before {
  content: "\e9e3"; }

.icon-tongue2:before {
  content: "\e9e4"; }

.icon-sad:before {
  content: "\e9e5"; }

.icon-sad2:before {
  content: "\e9e6"; }

.icon-wink:before {
  content: "\e9e7"; }

.icon-wink2:before {
  content: "\e9e8"; }

.icon-grin:before {
  content: "\e9e9"; }

.icon-grin2:before {
  content: "\e9ea"; }

.icon-cool:before {
  content: "\e9eb"; }

.icon-cool2:before {
  content: "\e9ec"; }

.icon-angry:before {
  content: "\e9ed"; }

.icon-angry2:before {
  content: "\e9ee"; }

.icon-evil:before {
  content: "\e9ef"; }

.icon-evil2:before {
  content: "\e9f0"; }

.icon-shocked:before {
  content: "\e9f1"; }

.icon-shocked2:before {
  content: "\e9f2"; }

.icon-baffled:before {
  content: "\e9f3"; }

.icon-baffled2:before {
  content: "\e9f4"; }

.icon-confused:before {
  content: "\e9f5"; }

.icon-confused2:before {
  content: "\e9f6"; }

.icon-neutral:before {
  content: "\e9f7"; }

.icon-neutral2:before {
  content: "\e9f8"; }

.icon-hipster:before {
  content: "\e9f9"; }

.icon-hipster2:before {
  content: "\e9fa"; }

.icon-wondering:before {
  content: "\e9fb"; }

.icon-wondering2:before {
  content: "\e9fc"; }

.icon-sleepy:before {
  content: "\e9fd"; }

.icon-sleepy2:before {
  content: "\e9fe"; }

.icon-frustrated:before {
  content: "\e9ff"; }

.icon-frustrated2:before {
  content: "\ea00"; }

.icon-crying:before {
  content: "\ea01"; }

.icon-crying2:before {
  content: "\ea02"; }

.icon-point-up:before {
  content: "\ea03"; }

.icon-point-right:before {
  content: "\ea04"; }

.icon-point-down:before {
  content: "\ea05"; }

.icon-point-left:before {
  content: "\ea06"; }

.icon-warning:before {
  content: "\ea07"; }

.icon-notification:before {
  content: "\ea08"; }

.icon-question:before {
  content: "\ea09"; }

.icon-plus:before {
  content: "\ea0a"; }

.icon-minus:before {
  content: "\ea0b"; }

.icon-info:before {
  content: "\ea0c"; }

.icon-cancel-circle:before {
  content: "\ea0d"; }

.icon-blocked:before {
  content: "\ea0e"; }

.icon-cross:before {
  content: "\ea0f"; }

.icon-checkmark:before {
  content: "\ea10"; }

.icon-checkmark2:before {
  content: "\ea11"; }

.icon-spell-check:before {
  content: "\ea12"; }

.icon-enter:before {
  content: "\ea13"; }

.icon-exit:before {
  content: "\ea14"; }

.icon-play2:before {
  content: "\ea15"; }

.icon-pause:before {
  content: "\ea16"; }

.icon-stop:before {
  content: "\ea17"; }

.icon-previous:before {
  content: "\ea18"; }

.icon-next:before {
  content: "\ea19"; }

.icon-backward:before {
  content: "\ea1a"; }

.icon-forward2:before {
  content: "\ea1b"; }

.icon-play3:before {
  content: "\ea1c"; }

.icon-pause2:before {
  content: "\ea1d"; }

.icon-stop2:before {
  content: "\ea1e"; }

.icon-backward2:before {
  content: "\ea1f"; }

.icon-forward3:before {
  content: "\ea20"; }

.icon-first:before {
  content: "\ea21"; }

.icon-last:before {
  content: "\ea22"; }

.icon-previous2:before {
  content: "\ea23"; }

.icon-next2:before {
  content: "\ea24"; }

.icon-eject:before {
  content: "\ea25"; }

.icon-volume-high:before {
  content: "\ea26"; }

.icon-volume-medium:before {
  content: "\ea27"; }

.icon-volume-low:before {
  content: "\ea28"; }

.icon-volume-mute:before {
  content: "\ea29"; }

.icon-volume-mute2:before {
  content: "\ea2a"; }

.icon-volume-increase:before {
  content: "\ea2b"; }

.icon-volume-decrease:before {
  content: "\ea2c"; }

.icon-loop:before {
  content: "\ea2d"; }

.icon-loop2:before {
  content: "\ea2e"; }

.icon-infinite:before {
  content: "\ea2f"; }

.icon-shuffle:before {
  content: "\ea30"; }

.icon-arrow-up-left:before {
  content: "\ea31"; }

.icon-arrow-up:before {
  content: "\ea32"; }

.icon-arrow-up-right:before {
  content: "\ea33"; }

.icon-arrow-right:before {
  content: "\ea34"; }

.icon-arrow-down-right:before {
  content: "\ea35"; }

.icon-arrow-down:before {
  content: "\ea36"; }

.icon-arrow-down-left:before {
  content: "\ea37"; }

.icon-arrow-left:before {
  content: "\ea38"; }

.icon-arrow-up-left2:before {
  content: "\ea39"; }

.icon-arrow-up2:before {
  content: "\ea3a"; }

.icon-arrow-up-right2:before {
  content: "\ea3b"; }

.icon-arrow-right2:before {
  content: "\ea3c"; }

.icon-arrow-down-right2:before {
  content: "\ea3d"; }

.icon-arrow-down2:before {
  content: "\ea3e"; }

.icon-arrow-down-left2:before {
  content: "\ea3f"; }

.icon-arrow-left2:before {
  content: "\ea40"; }

.icon-circle-up:before {
  content: "\ea41"; }

.icon-circle-right:before {
  content: "\ea42"; }

.icon-circle-down:before {
  content: "\ea43"; }

.icon-circle-left:before {
  content: "\ea44"; }

.icon-tab:before {
  content: "\ea45"; }

.icon-move-up:before {
  content: "\ea46"; }

.icon-move-down:before {
  content: "\ea47"; }

.icon-sort-alpha-asc:before {
  content: "\ea48"; }

.icon-sort-alpha-desc:before {
  content: "\ea49"; }

.icon-sort-numeric-asc:before {
  content: "\ea4a"; }

.icon-sort-numberic-desc:before {
  content: "\ea4b"; }

.icon-sort-amount-asc:before {
  content: "\ea4c"; }

.icon-sort-amount-desc:before {
  content: "\ea4d"; }

.icon-command:before {
  content: "\ea4e"; }

.icon-shift:before {
  content: "\ea4f"; }

.icon-ctrl:before {
  content: "\ea50"; }

.icon-opt:before {
  content: "\ea51"; }

.icon-checkbox-checked:before {
  content: "\ea52"; }

.icon-checkbox-unchecked:before {
  content: "\ea53"; }

.icon-radio-checked:before {
  content: "\ea54"; }

.icon-radio-checked2:before {
  content: "\ea55"; }

.icon-radio-unchecked:before {
  content: "\ea56"; }

.icon-crop:before {
  content: "\ea57"; }

.icon-make-group:before {
  content: "\ea58"; }

.icon-ungroup:before {
  content: "\ea59"; }

.icon-scissors:before {
  content: "\ea5a"; }

.icon-filter:before {
  content: "\ea5b"; }

.icon-font:before {
  content: "\ea5c"; }

.icon-ligature:before {
  content: "\ea5d"; }

.icon-ligature2:before {
  content: "\ea5e"; }

.icon-text-height:before {
  content: "\ea5f"; }

.icon-text-width:before {
  content: "\ea60"; }

.icon-font-size:before {
  content: "\ea61"; }

.icon-bold:before {
  content: "\ea62"; }

.icon-underline:before {
  content: "\ea63"; }

.icon-italic:before {
  content: "\ea64"; }

.icon-strikethrough:before {
  content: "\ea65"; }

.icon-omega:before {
  content: "\ea66"; }

.icon-sigma:before {
  content: "\ea67"; }

.icon-page-break:before {
  content: "\ea68"; }

.icon-superscript:before {
  content: "\ea69"; }

.icon-subscript:before {
  content: "\ea6a"; }

.icon-superscript2:before {
  content: "\ea6b"; }

.icon-subscript2:before {
  content: "\ea6c"; }

.icon-text-color:before {
  content: "\ea6d"; }

.icon-pagebreak:before {
  content: "\ea6e"; }

.icon-clear-formatting:before {
  content: "\ea6f"; }

.icon-table:before {
  content: "\ea70"; }

.icon-table2:before {
  content: "\ea71"; }

.icon-insert-template:before {
  content: "\ea72"; }

.icon-pilcrow:before {
  content: "\ea73"; }

.icon-ltr:before {
  content: "\ea74"; }

.icon-rtl:before {
  content: "\ea75"; }

.icon-section:before {
  content: "\ea76"; }

.icon-paragraph-left:before {
  content: "\ea77"; }

.icon-paragraph-center:before {
  content: "\ea78"; }

.icon-paragraph-right:before {
  content: "\ea79"; }

.icon-paragraph-justify:before {
  content: "\ea7a"; }

.icon-indent-increase:before {
  content: "\ea7b"; }

.icon-indent-decrease:before {
  content: "\ea7c"; }

.icon-share:before {
  content: "\ea7d"; }

.icon-new-tab:before {
  content: "\ea7e"; }

.icon-embed:before {
  content: "\ea7f"; }

.icon-embed2:before {
  content: "\ea80"; }

.icon-terminal:before {
  content: "\ea81"; }

.icon-share2:before {
  content: "\ea82"; }

.icon-mail:before {
  content: "\ea83"; }

.icon-mail2:before {
  content: "\ea84"; }

.icon-mail3:before {
  content: "\ea85"; }

.icon-mail4:before {
  content: "\ea86"; }

.icon-amazon:before {
  content: "\ea87"; }

.icon-google:before {
  content: "\ea88"; }

.icon-google2:before {
  content: "\ea89"; }

.icon-google3:before {
  content: "\ea8a"; }

.icon-google-plus:before {
  content: "\ea8b"; }

.icon-google-plus2:before {
  content: "\ea8c"; }

.icon-google-plus3:before {
  content: "\ea8d"; }

.icon-hangouts:before {
  content: "\ea8e"; }

.icon-google-drive:before {
  content: "\ea8f"; }

.icon-facebook:before {
  content: "\ea90"; }

.icon-facebook2:before {
  content: "\ea91"; }

.icon-instagram:before {
  content: "\ea92"; }

.icon-whatsapp:before {
  content: "\ea93"; }

.icon-spotify:before {
  content: "\ea94"; }

.icon-telegram:before {
  content: "\ea95"; }

.icon-twitter:before {
  content: "\ea96"; }

.icon-vine:before {
  content: "\ea97"; }

.icon-vk:before {
  content: "\ea98"; }

.icon-renren:before {
  content: "\ea99"; }

.icon-sina-weibo:before {
  content: "\ea9a"; }

.icon-rss:before {
  content: "\ea9b"; }

.icon-rss2:before {
  content: "\ea9c"; }

.icon-youtube:before {
  content: "\ea9d"; }

.icon-youtube2:before {
  content: "\ea9e"; }

.icon-twitch:before {
  content: "\ea9f"; }

.icon-vimeo:before {
  content: "\eaa0"; }

.icon-vimeo2:before {
  content: "\eaa1"; }

.icon-lanyrd:before {
  content: "\eaa2"; }

.icon-flickr:before {
  content: "\eaa3"; }

.icon-flickr2:before {
  content: "\eaa4"; }

.icon-flickr3:before {
  content: "\eaa5"; }

.icon-flickr4:before {
  content: "\eaa6"; }

.icon-dribbble:before {
  content: "\eaa7"; }

.icon-behance:before {
  content: "\eaa8"; }

.icon-behance2:before {
  content: "\eaa9"; }

.icon-deviantart:before {
  content: "\eaaa"; }

.icon-500px:before {
  content: "\eaab"; }

.icon-steam:before {
  content: "\eaac"; }

.icon-steam2:before {
  content: "\eaad"; }

.icon-dropbox:before {
  content: "\eaae"; }

.icon-onedrive:before {
  content: "\eaaf"; }

.icon-github:before {
  content: "\eab0"; }

.icon-npm:before {
  content: "\eab1"; }

.icon-basecamp:before {
  content: "\eab2"; }

.icon-trello:before {
  content: "\eab3"; }

.icon-wordpress:before {
  content: "\eab4"; }

.icon-joomla:before {
  content: "\eab5"; }

.icon-ello:before {
  content: "\eab6"; }

.icon-blogger:before {
  content: "\eab7"; }

.icon-blogger2:before {
  content: "\eab8"; }

.icon-tumblr:before {
  content: "\eab9"; }

.icon-tumblr2:before {
  content: "\eaba"; }

.icon-yahoo:before {
  content: "\eabb"; }

.icon-yahoo2:before {
  content: "\eabc"; }

.icon-tux:before {
  content: "\eabd"; }

.icon-appleinc:before {
  content: "\eabe"; }

.icon-finder:before {
  content: "\eabf"; }

.icon-android:before {
  content: "\eac0"; }

.icon-windows:before {
  content: "\eac1"; }

.icon-windows8:before {
  content: "\eac2"; }

.icon-soundcloud:before {
  content: "\eac3"; }

.icon-soundcloud2:before {
  content: "\eac4"; }

.icon-skype:before {
  content: "\eac5"; }

.icon-reddit:before {
  content: "\eac6"; }

.icon-hackernews:before {
  content: "\eac7"; }

.icon-wikipedia:before {
  content: "\eac8"; }

.icon-linkedin:before {
  content: "\eac9"; }

.icon-linkedin2:before {
  content: "\eaca"; }

.icon-lastfm:before {
  content: "\eacb"; }

.icon-lastfm2:before {
  content: "\eacc"; }

.icon-delicious:before {
  content: "\eacd"; }

.icon-stumbleupon:before {
  content: "\eace"; }

.icon-stumbleupon2:before {
  content: "\eacf"; }

.icon-stackoverflow:before {
  content: "\ead0"; }

.icon-pinterest:before {
  content: "\ead1"; }

.icon-pinterest2:before {
  content: "\ead2"; }

.icon-xing:before {
  content: "\ead3"; }

.icon-xing2:before {
  content: "\ead4"; }

.icon-flattr:before {
  content: "\ead5"; }

.icon-foursquare:before {
  content: "\ead6"; }

.icon-yelp:before {
  content: "\ead7"; }

.icon-paypal:before {
  content: "\ead8"; }

.icon-chrome:before {
  content: "\ead9"; }

.icon-firefox:before {
  content: "\eada"; }

.icon-IE:before {
  content: "\eadb"; }

.icon-edge:before {
  content: "\eadc"; }

.icon-safari:before {
  content: "\eadd"; }

.icon-opera:before {
  content: "\eade"; }

.icon-file-pdf:before {
  content: "\eadf"; }

.icon-file-openoffice:before {
  content: "\eae0"; }

.icon-file-word:before {
  content: "\eae1"; }

.icon-file-excel:before {
  content: "\eae2"; }

.icon-libreoffice:before {
  content: "\eae3"; }

.icon-html-five:before {
  content: "\eae4"; }

.icon-html-five2:before {
  content: "\eae5"; }

.icon-css3:before {
  content: "\eae6"; }

.icon-git:before {
  content: "\eae7"; }

.icon-codepen:before {
  content: "\eae8"; }

.icon-svg:before {
  content: "\eae9"; }

.icon-IcoMoon:before {
  content: "\eaea"; }

/*
    Created on : 28-sep-2017, 16:16:15
*/
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
@font-face {
  font-family: 'Titillium';
  src: url("fonts/Titilium/TitilliumWeb-Regular.otf");
  src: url("fonts/Titilium/TitilliumWeb-Regular.eot") format("embedded-opentype"), url("fonts/Titilium/TitilliumWeb-Regular.ttf") format("truetype"), url("fonts/Titilium/TitilliumWeb-Regular.woff") format("woff"), url("fonts/Titilium/TitilliumWeb-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Titillium-semiBold';
  src: url("fonts/Titilium/TitilliumWeb-SemiBold.otf");
  src: url("fonts/Titilium/TitilliumWeb-SemiBold.eot") format("embedded-opentype"), url("fonts/Titilium/TitilliumWeb-SemiBold.ttf") format("truetype"), url("fonts/Titilium/TitilliumWeb-SemiBold.woff") format("woff"), url("fonts/Titilium/TitilliumWeb-SemiBold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Titillium-Bold';
  src: url("fonts/Titilium/TitilliumWeb-Bold.otf");
  src: url("fonts/Titilium/TitilliumWeb-Bold.eot") format("embedded-opentype"), url("fonts/Titilium/TitilliumWeb-Bold.ttf") format("truetype"), url("fonts/Titilium/TitilliumWeb-Bold.woff") format("woff"), url("fonts/Titilium/TitilliumWeb-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  color: black;
  font-size: 10pt;
  font-family: "Titillium", sans-serif; }

h1, h2, h3, h4, h5, h6 {
  color: black;
  font-family: "Titillium-semiBold", sans-serif, "Verdana", sans-serif; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.7em; }

h3 {
  font-size: 1.3em; }

h4 {
  font-size: 1em; }

strong {
  font-weight: "Titillium-Bold", sans-serif; }

/*
    Created on : 28-sep-2017, 16:19:20
*/
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
html {
  height: 100%; }

body {
  display: block;
  position: relative;
  /*height: 100%;*/ }

main {
  display: block;
  position: relative;
  height: 100%; }

.line {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  order: 1;
  border-top: 3px solid #ff8300;
  border-bottom: 3px solid #ff8300;
  width: calc(100% - 2px);
  margin: 0; }

.linegroup {
  border-color: rgba(74, 92, 104, 0.3);
  border-bottom: 0px; }

.simpleLine {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  order: 0;
  border-bottom: 0px;
  border-top: 1px solid #aaa;
  width: 90%;
  margin-top: 10px;
  margin-bottom: 10px; }

strong {
  font-family: "Titillium-Bold", sans-serif; }

.separator {
  border-bottom: 1px solid rgba(74, 92, 104, 0.3);
  border-top: unset; }

/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
#content {
  display: block;
  position: relative; }

.wvMenu,
.whMenu {
  padding-left: 1%;
  padding-right: 1%;
  width: 98%;
  margin-top: 60px;
  height: calc(100% - 50px - 10px); }

.fieldForm {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 10px; }

.fieldForm > .select-simbol > .imageOptions {
  display: block;
  position: relative;
  float: right;
  width: 100%;
  padding: 0px;
  margin: 0px; }
  .fieldForm > .select-simbol > .imageOptions .imgItem {
    display: block;
    position: relative;
    float: right;
    width: 100px;
    height: 100px;
    border: 1px solid #ccc; }
    .fieldForm > .select-simbol > .imageOptions .imgItem > input[type="radio"] {
      display: block;
      position: relative;
      float: none;
      width: 30px;
      margin: 0px auto;
      height: unset; }
    .fieldForm > .select-simbol > .imageOptions .imgItem > label {
      display: block;
      position: relative;
      float: left;
      width: 100%;
      padding: 0px;
      margin: 0px 0px 10px 0px; }
      .fieldForm > .select-simbol > .imageOptions .imgItem > label > img {
        display: block;
        position: relative;
        float: none;
        width: 60px;
        height: 60px;
        margin: 5px auto 0px auto; }

/*canvas{
    width:780px !important;
    height:400px !important;
}*/
.singleForm {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px; }

.singleFromContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  padding: 1%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  background: rgba(74, 92, 104, 0.1); }
  .singleFromContainer > form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px; }
    .singleFromContainer > form > .horizontalForm {
      width: 100%;
      margin-bottom: 20px; }
    .singleFromContainer > form > .buttonsField {
      align-self: flex-end; }
    .singleFromContainer > form > .fieldForm {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      justify-content: flex-start; }
      .singleFromContainer > form > .fieldForm > label {
        width: 100px; }

.hSection {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 98%;
  padding: 1%; }

.vSection {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 98%;
  padding: 1%; }
  .vSection > label {
    margin-left: 5px;
    margin-bottom: 10px; }

.rightAlignment {
  justify-content: flex-end; }

#login,
#restore {
  display: block;
  position: relative;
  width: 95%;
  max-width: 300px;
  margin: 10px auto;
  background: rgba(74, 92, 104, 0.1);
  padding: 20px 0px 30px 0px; }
  #login #linktorestorepassword,
  #restore #linktorestorepassword {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 15px; }
  #login .language,
  #restore .language {
    display: block;
    position: relative;
    width: 90%;
    text-align: center;
    margin: 0px auto; }
    #login .language nav,
    #restore .language nav {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center; }
      #login .language nav a,
      #restore .language nav a {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        margin: 20px; }

#loginForm,
#restoreForm {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin: 0px auto;
  max-width: 350px; }
  #loginForm .fieldForm,
  #restoreForm .fieldForm {
    width: 75%; }
  #loginForm .send_form,
  #restoreForm .send_form {
    margin-top: 10px;
    justify-content: center; }

#manageBackupsContent #warningMsgContentBackup {
  color: green;
  border: 1px solid green;
  padding: 10px;
  margin-bottom: 10px; }
  #manageBackupsContent #warningMsgContentBackup h3 {
    color: green; }
  #manageBackupsContent #warningMsgContentBackup p {
    text-align: center;
    margin-bottom: 10px; }

#changeStatusAcquisitionSection #popup-overlay,
#changeStatusAcquisitionSection #popup-permissionDeny-overlay,
#permissionDenyPopup #popup-overlay,
#permissionDenyPopup #popup-permissionDeny-overlay,
#popUpRestorePasswConfirmation #popup-overlay,
#popUpRestorePasswConfirmation #popup-permissionDeny-overlay {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001; }
#changeStatusAcquisitionSection #popup-inner,
#changeStatusAcquisitionSection #popup-permissionDeny-inner,
#permissionDenyPopup #popup-inner,
#permissionDenyPopup #popup-permissionDeny-inner,
#popUpRestorePasswConfirmation #popup-inner,
#popUpRestorePasswConfirmation #popup-permissionDeny-inner {
  display: block;
  position: fixed;
  top: 25%;
  left: 20%;
  z-index: 1002;
  max-width: 100%;
  width: calc(60% - 30px);
  min-height: 150px;
  padding: 15px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.9);
  text-align: center; }
  #changeStatusAcquisitionSection #popup-inner #popup-content,
  #changeStatusAcquisitionSection #popup-inner #popup-contentBackup,
  #changeStatusAcquisitionSection #popup-inner #popup-permissionDeny-content,
  #changeStatusAcquisitionSection #popup-permissionDeny-inner #popup-content,
  #changeStatusAcquisitionSection #popup-permissionDeny-inner #popup-contentBackup,
  #changeStatusAcquisitionSection #popup-permissionDeny-inner #popup-permissionDeny-content,
  #permissionDenyPopup #popup-inner #popup-content,
  #permissionDenyPopup #popup-inner #popup-contentBackup,
  #permissionDenyPopup #popup-inner #popup-permissionDeny-content,
  #permissionDenyPopup #popup-permissionDeny-inner #popup-content,
  #permissionDenyPopup #popup-permissionDeny-inner #popup-contentBackup,
  #permissionDenyPopup #popup-permissionDeny-inner #popup-permissionDeny-content,
  #popUpRestorePasswConfirmation #popup-inner #popup-content,
  #popUpRestorePasswConfirmation #popup-inner #popup-contentBackup,
  #popUpRestorePasswConfirmation #popup-inner #popup-permissionDeny-content,
  #popUpRestorePasswConfirmation #popup-permissionDeny-inner #popup-content,
  #popUpRestorePasswConfirmation #popup-permissionDeny-inner #popup-contentBackup,
  #popUpRestorePasswConfirmation #popup-permissionDeny-inner #popup-permissionDeny-content {
    display: block;
    margin: 35px auto;
    font-size: 1.2em; }
    #changeStatusAcquisitionSection #popup-inner #popup-content p,
    #changeStatusAcquisitionSection #popup-inner #popup-contentBackup p,
    #changeStatusAcquisitionSection #popup-inner #popup-permissionDeny-content p,
    #changeStatusAcquisitionSection #popup-permissionDeny-inner #popup-content p,
    #changeStatusAcquisitionSection #popup-permissionDeny-inner #popup-contentBackup p,
    #changeStatusAcquisitionSection #popup-permissionDeny-inner #popup-permissionDeny-content p,
    #permissionDenyPopup #popup-inner #popup-content p,
    #permissionDenyPopup #popup-inner #popup-contentBackup p,
    #permissionDenyPopup #popup-inner #popup-permissionDeny-content p,
    #permissionDenyPopup #popup-permissionDeny-inner #popup-content p,
    #permissionDenyPopup #popup-permissionDeny-inner #popup-contentBackup p,
    #permissionDenyPopup #popup-permissionDeny-inner #popup-permissionDeny-content p,
    #popUpRestorePasswConfirmation #popup-inner #popup-content p,
    #popUpRestorePasswConfirmation #popup-inner #popup-contentBackup p,
    #popUpRestorePasswConfirmation #popup-inner #popup-permissionDeny-content p,
    #popUpRestorePasswConfirmation #popup-permissionDeny-inner #popup-content p,
    #popUpRestorePasswConfirmation #popup-permissionDeny-inner #popup-contentBackup p,
    #popUpRestorePasswConfirmation #popup-permissionDeny-inner #popup-permissionDeny-content p {
      margin-top: 15px; }
    #changeStatusAcquisitionSection #popup-inner #popup-content #popup-permissionDeny,
    #changeStatusAcquisitionSection #popup-inner #popup-contentBackup #popup-permissionDeny,
    #changeStatusAcquisitionSection #popup-inner #popup-permissionDeny-content #popup-permissionDeny,
    #changeStatusAcquisitionSection #popup-permissionDeny-inner #popup-content #popup-permissionDeny,
    #changeStatusAcquisitionSection #popup-permissionDeny-inner #popup-contentBackup #popup-permissionDeny,
    #changeStatusAcquisitionSection #popup-permissionDeny-inner #popup-permissionDeny-content #popup-permissionDeny,
    #permissionDenyPopup #popup-inner #popup-content #popup-permissionDeny,
    #permissionDenyPopup #popup-inner #popup-contentBackup #popup-permissionDeny,
    #permissionDenyPopup #popup-inner #popup-permissionDeny-content #popup-permissionDeny,
    #permissionDenyPopup #popup-permissionDeny-inner #popup-content #popup-permissionDeny,
    #permissionDenyPopup #popup-permissionDeny-inner #popup-contentBackup #popup-permissionDeny,
    #permissionDenyPopup #popup-permissionDeny-inner #popup-permissionDeny-content #popup-permissionDeny,
    #popUpRestorePasswConfirmation #popup-inner #popup-content #popup-permissionDeny,
    #popUpRestorePasswConfirmation #popup-inner #popup-contentBackup #popup-permissionDeny,
    #popUpRestorePasswConfirmation #popup-inner #popup-permissionDeny-content #popup-permissionDeny,
    #popUpRestorePasswConfirmation #popup-permissionDeny-inner #popup-content #popup-permissionDeny,
    #popUpRestorePasswConfirmation #popup-permissionDeny-inner #popup-contentBackup #popup-permissionDeny,
    #popUpRestorePasswConfirmation #popup-permissionDeny-inner #popup-permissionDeny-content #popup-permissionDeny {
      border: none;
      color: red; }
    #changeStatusAcquisitionSection #popup-inner #popup-content > .fieldForm,
    #changeStatusAcquisitionSection #popup-inner #popup-contentBackup > .fieldForm,
    #changeStatusAcquisitionSection #popup-inner #popup-permissionDeny-content > .fieldForm,
    #changeStatusAcquisitionSection #popup-permissionDeny-inner #popup-content > .fieldForm,
    #changeStatusAcquisitionSection #popup-permissionDeny-inner #popup-contentBackup > .fieldForm,
    #changeStatusAcquisitionSection #popup-permissionDeny-inner #popup-permissionDeny-content > .fieldForm,
    #permissionDenyPopup #popup-inner #popup-content > .fieldForm,
    #permissionDenyPopup #popup-inner #popup-contentBackup > .fieldForm,
    #permissionDenyPopup #popup-inner #popup-permissionDeny-content > .fieldForm,
    #permissionDenyPopup #popup-permissionDeny-inner #popup-content > .fieldForm,
    #permissionDenyPopup #popup-permissionDeny-inner #popup-contentBackup > .fieldForm,
    #permissionDenyPopup #popup-permissionDeny-inner #popup-permissionDeny-content > .fieldForm,
    #popUpRestorePasswConfirmation #popup-inner #popup-content > .fieldForm,
    #popUpRestorePasswConfirmation #popup-inner #popup-contentBackup > .fieldForm,
    #popUpRestorePasswConfirmation #popup-inner #popup-permissionDeny-content > .fieldForm,
    #popUpRestorePasswConfirmation #popup-permissionDeny-inner #popup-content > .fieldForm,
    #popUpRestorePasswConfirmation #popup-permissionDeny-inner #popup-contentBackup > .fieldForm,
    #popUpRestorePasswConfirmation #popup-permissionDeny-inner #popup-permissionDeny-content > .fieldForm {
      justify-content: center;
      margin: 20px auto;
      max-width: 60%; }

#popupWarning {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1001;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center; }
  #popupWarning #popupWarningBackground {
    display: blcok;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%; }
  #popupWarning #popupWarningInner {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: white;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    height: 230px;
    padding: 10px;
    position: fixed;
    top: calc(50% - 125px); }
    #popupWarning #popupWarningInner #popupWarningContent {
      display: flex;
      flex-direction: column;
      align-content: center;
      justify-content: center;
      align-items: center; }
      #popupWarning #popupWarningInner #popupWarningContent h3 {
        padding-left: 10px;
        padding-right: 10px; }
      #popupWarning #popupWarningInner #popupWarningContent div.fieldForm {
        margin-top: 15px; }

.columns-2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%; }
  .columns-2 aside.left {
    width: 98%;
    padding: 1%;
    margin-bottom: 15px;
    order: 1; }
  .columns-2 section.main {
    width: 98%;
    padding: 1%;
    order: 2; }
  .columns-2 aside.right {
    width: 98%;
    padding: 1%;
    margin-bottom: 15px;
    order: 1; }
  .columns-2 aside h3,
  .columns-2 aside h4 {
    margin-bottom: 15px; }

#systemAlarmsDelayContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 10px;
  background: rgba(74, 92, 104, 0.1); }
  #systemAlarmsDelayContainer #resultsContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    width: 50%;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px; }
    #systemAlarmsDelayContainer #resultsContainer .msgErrorParagraph,
    #systemAlarmsDelayContainer #resultsContainer .msgOkParagraph {
      padding: 10px;
      margin: 3px; }
    #systemAlarmsDelayContainer #resultsContainer .msgErrorParagraph {
      border: 1px solid red;
      color: red;
      text-align: center; }
    #systemAlarmsDelayContainer #resultsContainer .msgOkParagraph {
      border: 1px solid green;
      color: green;
      text-align: center; }
  #systemAlarmsDelayContainer #sysAlarmsDelaysForm {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    width: 95%;
    flex-direction: column;
    align-items: center; }
    #systemAlarmsDelayContainer #sysAlarmsDelaysForm #systemAlarmsDelayTable {
      width: 100%; }

#managePlantInformaitonFormContainer,
#manageClockFormContainer,
#manageEthernetFormContainer,
#manageAcquisitionOfDataFormContainer,
#manageEmailServer,
#manageUsers,
#manageCreateUser,
#manageMypassword,
#manageMyemail,
#showSystemInfo,
#manageScreen,
#manageInterfaces,
#manageSynopticsFiles,
#manageUpdateSystemFiles,
#manageBackups,
#actionsRegistered,
#resetOptions {
  display: none;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  background: rgba(74, 92, 104, 0.1); }
  #managePlantInformaitonFormContainer h3,
  #manageClockFormContainer h3,
  #manageEthernetFormContainer h3,
  #manageAcquisitionOfDataFormContainer h3,
  #manageEmailServer h3,
  #manageUsers h3,
  #manageCreateUser h3,
  #manageMypassword h3,
  #manageMyemail h3,
  #showSystemInfo h3,
  #manageScreen h3,
  #manageInterfaces h3,
  #manageSynopticsFiles h3,
  #manageUpdateSystemFiles h3,
  #manageBackups h3,
  #actionsRegistered h3,
  #resetOptions h3 {
    display: block;
    text-align: center;
    margin-bottom: 15px; }
  #managePlantInformaitonFormContainer .boxContainer .grid-cell,
  #manageClockFormContainer .boxContainer .grid-cell,
  #manageEthernetFormContainer .boxContainer .grid-cell,
  #manageAcquisitionOfDataFormContainer .boxContainer .grid-cell,
  #manageEmailServer .boxContainer .grid-cell,
  #manageUsers .boxContainer .grid-cell,
  #manageCreateUser .boxContainer .grid-cell,
  #manageMypassword .boxContainer .grid-cell,
  #manageMyemail .boxContainer .grid-cell,
  #showSystemInfo .boxContainer .grid-cell,
  #manageScreen .boxContainer .grid-cell,
  #manageInterfaces .boxContainer .grid-cell,
  #manageSynopticsFiles .boxContainer .grid-cell,
  #manageUpdateSystemFiles .boxContainer .grid-cell,
  #manageBackups .boxContainer .grid-cell,
  #actionsRegistered .boxContainer .grid-cell,
  #resetOptions .boxContainer .grid-cell {
    display: block;
    position: relative;
    float: left;
    border: 1px solid #ccc;
    margin: 1%;
    padding: 1%;
    width: 29%; }
    #managePlantInformaitonFormContainer .boxContainer .grid-cell > h3,
    #manageClockFormContainer .boxContainer .grid-cell > h3,
    #manageEthernetFormContainer .boxContainer .grid-cell > h3,
    #manageAcquisitionOfDataFormContainer .boxContainer .grid-cell > h3,
    #manageEmailServer .boxContainer .grid-cell > h3,
    #manageUsers .boxContainer .grid-cell > h3,
    #manageCreateUser .boxContainer .grid-cell > h3,
    #manageMypassword .boxContainer .grid-cell > h3,
    #manageMyemail .boxContainer .grid-cell > h3,
    #showSystemInfo .boxContainer .grid-cell > h3,
    #manageScreen .boxContainer .grid-cell > h3,
    #manageInterfaces .boxContainer .grid-cell > h3,
    #manageSynopticsFiles .boxContainer .grid-cell > h3,
    #manageUpdateSystemFiles .boxContainer .grid-cell > h3,
    #manageBackups .boxContainer .grid-cell > h3,
    #actionsRegistered .boxContainer .grid-cell > h3,
    #resetOptions .boxContainer .grid-cell > h3 {
      margin: 5px;
      border-bottom: 3px solid #ff8300; }
    #managePlantInformaitonFormContainer .boxContainer .grid-cell > ul,
    #manageClockFormContainer .boxContainer .grid-cell > ul,
    #manageEthernetFormContainer .boxContainer .grid-cell > ul,
    #manageAcquisitionOfDataFormContainer .boxContainer .grid-cell > ul,
    #manageEmailServer .boxContainer .grid-cell > ul,
    #manageUsers .boxContainer .grid-cell > ul,
    #manageCreateUser .boxContainer .grid-cell > ul,
    #manageMypassword .boxContainer .grid-cell > ul,
    #manageMyemail .boxContainer .grid-cell > ul,
    #showSystemInfo .boxContainer .grid-cell > ul,
    #manageScreen .boxContainer .grid-cell > ul,
    #manageInterfaces .boxContainer .grid-cell > ul,
    #manageSynopticsFiles .boxContainer .grid-cell > ul,
    #manageUpdateSystemFiles .boxContainer .grid-cell > ul,
    #manageBackups .boxContainer .grid-cell > ul,
    #actionsRegistered .boxContainer .grid-cell > ul,
    #resetOptions .boxContainer .grid-cell > ul {
      margin: 10px; }

div#actionsRegisteredContent {
  width: 100%; }

form#updateSystem {
  text-align: center; }
  form#updateSystem > div.fieldForm {
    justify-content: center; }

#showSystemInfo {
  display: flex; }
  #showSystemInfo > .boxContainer > .grid-cell {
    width: calc(98% - 2px);
    margin-bottom: 15px; }

#manageInterfaces #interfaceContent > .allOk, #manageInterfaces #interfaceContent > .msgerror {
  display: none;
  border-width: 1px;
  border-style: solid;
  padding: 15px;
  margin: 10px; }
#manageInterfaces #interfaceContent > .allOk {
  border-color: green;
  color: green; }
#manageInterfaces #interfaceContent > .msgerror {
  border-color: red;
  color: red; }

#testEmail {
  margin-top: 10px;
  width: 100%; }
  #testEmail > #container-btn-test {
    width: 100%;
    text-align: center;
    margin-top: 15px; }

.infoExtra {
  display: block;
  margin-top: 15px;
  margin-bottom: 15px; }
  .infoExtra #showDateTimeInfo {
    margin-top: 15px;
    padding: 10px;
    background: #fff; }

.advertisement {
  display: block;
  margin-top: 5px;
  margin-bottom: 15px;
  width: 90%;
  margin-left: auto;
  margin-right: auto; }

div#manageBackupsContent {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-content: flex-start; }
  div#manageBackupsContent > div#tabsOptions {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 39px; }
    div#manageBackupsContent > div#tabsOptions > button.tabOption {
      display: block;
      background: none;
      border: none;
      height: 40px;
      padding-left: 10px;
      padding-right: 10px; }
      div#manageBackupsContent > div#tabsOptions > button.tabOption > span {
        padding-right: 5px;
        color: #ff8300; }
    div#manageBackupsContent > div#tabsOptions > button.tabSelected {
      border-top: 3px solid #ff8300;
      border-left: 1px solid rgba(74, 92, 104, 0.3);
      border-right: 1px solid rgba(74, 92, 104, 0.3);
      /*            border-bottom: 1px solid $grayTewis10;*/
      border-bottom: 1px solid #edeff0;
      z-index: 9; }
  div#manageBackupsContent > div#backupMainContent {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 15px;
    border-top: 1px solid rgba(74, 92, 104, 0.3); }
    div#manageBackupsContent > div#backupMainContent div.backOptions > div#resultErrorMessage, div#manageBackupsContent > div#backupMainContent div.backOptions > div#resultOkMessage {
      display: block;
      padding: 10px;
      margin: 10px 0px; }
    div#manageBackupsContent > div#backupMainContent div.backOptions > div#resultErrorMessage {
      border: 1px solid red;
      color: red;
      text-align: center; }
    div#manageBackupsContent > div#backupMainContent div.backOptions > div#resultOkMessage {
      border: 1px solid green;
      color: green;
      text-align: center; }
    div#manageBackupsContent > div#backupMainContent ul#dataIncludedInBackup > li {
      width: 90%;
      margin-left: auto;
      margin-right: auto; }
      div#manageBackupsContent > div#backupMainContent ul#dataIncludedInBackup > li > div.fieldForm {
        justify-content: flex-start;
        line-height: 1.4em; }
    div#manageBackupsContent > div#backupMainContent ul#mOptionsBackup > li {
      margin-bottom: 10px; }
      div#manageBackupsContent > div#backupMainContent ul#mOptionsBackup > li > div.fieldForm {
        line-height: 1.4em;
        justify-content: flex-start; }
        div#manageBackupsContent > div#backupMainContent ul#mOptionsBackup > li > div.fieldForm > p {
          font-style: italic; }
      div#manageBackupsContent > div#backupMainContent ul#mOptionsBackup > li > div.btn-container {
        justify-content: center;
        margin-top: 25px;
        margin-bottom: 25px; }
    div#manageBackupsContent > div#backupMainContent div#restoreOptionsContent table#backupsFiles {
      margin-bottom: 20px;
      width: 95%;
      margin-left: auto;
      margin-right: auto; }
      div#manageBackupsContent > div#backupMainContent div#restoreOptionsContent table#backupsFiles tr {
        padding-bottom: 0px;
        padding-top: 0px; }
      div#manageBackupsContent > div#backupMainContent div#restoreOptionsContent table#backupsFiles th {
        background: #4b5c66;
        color: #fff;
        font-size: 1.2em;
        font-weight: 700; }
      div#manageBackupsContent > div#backupMainContent div#restoreOptionsContent table#backupsFiles td {
        width: 96%;
        margin: 0px;
        align-items: center; }
      div#manageBackupsContent > div#backupMainContent div#restoreOptionsContent table#backupsFiles td.subHeaderRow {
        background: #4b5c66;
        color: #fff;
        font-size: 1.1em;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        margin: 0px; }
      div#manageBackupsContent > div#backupMainContent div#restoreOptionsContent table#backupsFiles td.warningRow {
        font-style: italic;
        text-align: center; }
        div#manageBackupsContent > div#backupMainContent div#restoreOptionsContent table#backupsFiles td.warningRow div.tableCellWarning {
          color: #4330f5;
          text-align: center;
          width: 100%;
          line-height: 1.3em; }
          div#manageBackupsContent > div#backupMainContent div#restoreOptionsContent table#backupsFiles td.warningRow div.tableCellWarning > span {
            padding-right: 10px; }
      div#manageBackupsContent > div#backupMainContent div#restoreOptionsContent table#backupsFiles div.options > span.downloadOption {
        width: 24px;
        height: 24px;
        padding: 10px;
        color: blue; }
    div#manageBackupsContent > div#backupMainContent div#restoreOptionsContent div#uploadBackupFileForm {
      margin-top: 25px; }
      div#manageBackupsContent > div#backupMainContent div#restoreOptionsContent div#uploadBackupFileForm > form#uploadBackupFile > p {
        line-height: 1.4em;
        margin-top: 10px;
        margin-bottom: 10px; }
      div#manageBackupsContent > div#backupMainContent div#restoreOptionsContent div#uploadBackupFileForm > form#uploadBackupFile > div.fieldForm {
        width: 90%;
        margin-left: auto;
        margin-right: auto; }
        div#manageBackupsContent > div#backupMainContent div#restoreOptionsContent div#uploadBackupFileForm > form#uploadBackupFile > div.fieldForm > input#backupFileToUpload {
          max-width: 100%;
          width: 100%; }

span.note {
  display: block;
  margin: 10px;
  line-height: 1.2em;
  padding: 10px;
  border: 1px solid rgba(74, 92, 104, 0.3); }
  span.note > strong {
    padding-right: 10px; }

.errorContainer, .okContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: 0px auto 10px auto;
  padding: 5px;
  /*border: 1px solid $defaultErrorsColor;*/
  /*color: $defaultErrorsColor;*/
  text-align: center; }

.errorMsgItem {
  display: none;
  flex-direction: column;
  width: 60%;
  margin: 0px auto 10px auto;
  padding: 5px;
  border: 1px solid red;
  color: red;
  text-align: center; }
  .errorMsgItem #errorParagraph {
    display: block;
    padding: 5px;
    line-height: 1em; }

.okmsg {
  width: 80%;
  margin: 10px auto 10px auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 1px solid #0a0;
  padding: 5px; }
  .okmsg > p {
    color: #0a0;
    text-align: center; }

#graphContainer {
  display: block;
  width: 80%;
  min-width: 200px;
  margin: 20px auto 10px auto; }

.headerGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  align-items: center; }
  .headerGroup .title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;
    align-items: center; }
    .headerGroup .title img {
      width: 30px;
      height: 30px;
      margin-right: 10px; }

.resourcesBlockHeader {
  padding: 5px;
  width: calc(100% - 11px);
  background: whitesmoke; }

.boxContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  margin-bottom: 15px; }
  .boxContainer .itemBox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    border: 1px solid #ccc;
    margin-bottom: 3px; }
    .boxContainer .itemBox .headerItem {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-content: center;
      align-items: center;
      min-height: 30px;
      padding: 0px;
      background-color: #ff8300; }
      .boxContainer .itemBox .headerItem a.showInfodevice {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        color: #fff;
        max-width: 40px;
        padding-top: 8px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 8px;
        font-size: 15px; }
      .boxContainer .itemBox .headerItem .icon-warning {
        font-size: 15px;
        color: #fff;
        margin-right: 5px; }
      .boxContainer .itemBox .headerItem a.toggleDataContainer {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        width: calc(100% - 40px);
        padding-top: 6px;
        padding-left: 10px;
        padding-bottom: 6px;
        padding-right: 3px; }
        .boxContainer .itemBox .headerItem a.toggleDataContainer h3,
        .boxContainer .itemBox .headerItem a.toggleDataContainer span {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -moz-flex;
          display: -webkit-flex;
          display: flex;
          color: #fff; }
        .boxContainer .itemBox .headerItem a.toggleDataContainer h3 {
          order: 2; }
        .boxContainer .itemBox .headerItem a.toggleDataContainer span {
          order: 1;
          font-size: 1.3em;
          margin-right: 10px; }
    .boxContainer .itemBox .resources {
      display: none; }
      .boxContainer .itemBox .resources .item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        min-height: 2em;
        border-bottom: 1px solid rgba(74, 92, 104, 0.1);
        flex-flow: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center; }
        .boxContainer .itemBox .resources .item .resourceInfo {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -moz-flex;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          margin-right: 10px;
          margin-left: 10px;
          padding: 5px; }
          .boxContainer .itemBox .resources .item .resourceInfo span {
            margin-right: 10px; }
        .boxContainer .itemBox .resources .item .resourceData {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -moz-flex;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          min-width: 83px;
          justify-content: flex-end; }
          .boxContainer .itemBox .resources .item .resourceData .valueData {
            display: inline-block;
            padding: 0px 5px;
            color: rgba(74, 92, 104, 0.8); }
          .boxContainer .itemBox .resources .item .resourceData .units {
            margin-left: 2px;
            margin-right: 10px; }

.tooltipVarname {
  visibility: hidden;
  width: 120px;
  background: rgba(74, 92, 104, 0.9);
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s; }

.superior {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  margin-bottom: 15px; }

#filterRealtime,
#filterParameters {
  display: block;
  width: 100%;
  justify-content: flex-end; }
  #filterRealtime > .fieldForm, #filterRealtime > #filterByType > .fieldForm, #filterRealtime > #filterBtTags > .fielForm,
  #filterParameters > .fieldForm,
  #filterParameters > #filterByType > .fieldForm,
  #filterParameters > #filterBtTags > .fielForm {
    justify-content: center; }
  #filterRealtime #filterByType .filterByTypeLabel .btn-icon,
  #filterRealtime #filterByType #filterByTagsLabels .btn-icon,
  #filterRealtime #filterByTags .filterByTypeLabel .btn-icon,
  #filterRealtime #filterByTags #filterByTagsLabels .btn-icon,
  #filterParameters #filterByType .filterByTypeLabel .btn-icon,
  #filterParameters #filterByType #filterByTagsLabels .btn-icon,
  #filterParameters #filterByTags .filterByTypeLabel .btn-icon,
  #filterParameters #filterByTags #filterByTagsLabels .btn-icon {
    width: unset; }
  #filterRealtime #filterByType .filterByTypeLabel .btn-icon-link,
  #filterRealtime #filterByType #filterByTagsLabels .btn-icon-link,
  #filterRealtime #filterByTags .filterByTypeLabel .btn-icon-link,
  #filterRealtime #filterByTags #filterByTagsLabels .btn-icon-link,
  #filterParameters #filterByType .filterByTypeLabel .btn-icon-link,
  #filterParameters #filterByType #filterByTagsLabels .btn-icon-link,
  #filterParameters #filterByTags .filterByTypeLabel .btn-icon-link,
  #filterParameters #filterByTags #filterByTagsLabels .btn-icon-link {
    width: unset;
    height: unset; }
  #filterRealtime #filterByType .listSelectTypes,
  #filterRealtime #filterByType .listSelectTags,
  #filterRealtime #filterByTags .listSelectTypes,
  #filterRealtime #filterByTags .listSelectTags,
  #filterParameters #filterByType .listSelectTypes,
  #filterParameters #filterByType .listSelectTags,
  #filterParameters #filterByTags .listSelectTypes,
  #filterParameters #filterByTags .listSelectTags {
    position: absolute;
    background: #fff;
    padding: 10px 5px 10px 15px;
    border: 1px solid rgba(74, 92, 104, 0.1);
    -webkit-box-shadow: 0px 6px 20px -1px rgba(128, 128, 128, 0.3);
    -moz-box-shadow: 0px 6px 20px -1px rgba(128, 128, 128, 0.3);
    box-shadow: 0px 6px 20px -1px rgba(128, 128, 128, 0.3); }
    #filterRealtime #filterByType .listSelectTypes li > .fieldForm > label > span.iconspace,
    #filterRealtime #filterByType .listSelectTags li > .fieldForm > label > span.iconspace,
    #filterRealtime #filterByTags .listSelectTypes li > .fieldForm > label > span.iconspace,
    #filterRealtime #filterByTags .listSelectTags li > .fieldForm > label > span.iconspace,
    #filterParameters #filterByType .listSelectTypes li > .fieldForm > label > span.iconspace,
    #filterParameters #filterByType .listSelectTags li > .fieldForm > label > span.iconspace,
    #filterParameters #filterByTags .listSelectTypes li > .fieldForm > label > span.iconspace,
    #filterParameters #filterByTags .listSelectTags li > .fieldForm > label > span.iconspace {
      margin-right: 5px; }

#levelSelection {
  margin-left: 0px;
  border: 1px solid rgba(74, 92, 104, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 15px 5px 5px; }
  #levelSelection > .fieldForm {
    margin-bottom: 0px; }

.tooltipVarname::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(74, 92, 104, 0.9) transparent transparent transparent; }

.resourceLabel:hover .tooltipVarname {
  visibility: visible;
  opacity: 1; }

#periodicity {
  width: 110%; }

.asideSelect {
  width: 125px !important; }

.portionTime .fieldForm input {
  max-width: 115px; }

.deviceInfo {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-content: flex-end;
  align-items: flex-start;
  padding: 10px;
  border-bottom: 1px solid #ddd; }
  .deviceInfo > li {
    margin-bottom: 3px; }

.configuredatatosee {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column; }
  .configuredatatosee .superior {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 5% auto 5% auto;
    order: 2; }
    .configuredatatosee .superior .description {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center; }
    .configuredatatosee .superior .visualizationOptions {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      width: 100%; }
      .configuredatatosee .superior .visualizationOptions nav.btn-row {
        flex-wrap: wrap; }
    .configuredatatosee .superior .search {
      margin-top: 10px;
      justify-content: center;
      align-content: center; }
    .configuredatatosee .superior #filterByType .filterByTypeLabel .btn-icon {
      width: unset; }
    .configuredatatosee .superior #filterByType .filterByTypeLabel .btn-icon-link {
      width: unset;
      height: unset; }
    .configuredatatosee .superior #filterByType .listSelectTypes {
      position: absolute;
      background: #fff;
      padding: 10px 5px 10px 15px;
      border: 1px solid rgba(74, 92, 104, 0.1);
      -webkit-box-shadow: 0px 6px 20px -1px rgba(128, 128, 128, 0.3);
      -moz-box-shadow: 0px 6px 20px -1px rgba(128, 128, 128, 0.3);
      box-shadow: 0px 6px 20px -1px rgba(128, 128, 128, 0.3); }
      .configuredatatosee .superior #filterByType .listSelectTypes li > .fieldForm > label > span.iconspace {
        margin-right: 5px; }
  .configuredatatosee #resources {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    order: 1; }
    .configuredatatosee #resources .grid-cell {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      border: 1px solid #ccc;
      margin-bottom: 3px; }
      .configuredatatosee #resources .grid-cell .item-name {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        background-color: #ff8300;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        height: 30px;
        color: #fff;
        width: 100%; }
        .configuredatatosee #resources .grid-cell .item-name > .resourceBoxList {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -moz-flex;
          display: -webkit-flex;
          display: flex;
          width: calc(90% - 10px);
          height: 30px;
          justify-content: flex-start;
          align-content: center;
          align-items: center;
          padding-left: 10px; }
          .configuredatatosee #resources .grid-cell .item-name > .resourceBoxList span {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -moz-flex;
            display: -webkit-flex;
            display: flex;
            padding-right: 5px;
            order: 1; }
          .configuredatatosee #resources .grid-cell .item-name > .resourceBoxList abbr {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -moz-flex;
            display: -webkit-flex;
            display: flex;
            order: 2; }
        .configuredatatosee #resources .grid-cell .item-name > .showInfodevice {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -moz-flex;
          display: -webkit-flex;
          display: flex;
          justify-content: flex-end;
          width: calc(10% - 5px);
          padding-right: 5px;
          color: #fff; }
        .configuredatatosee #resources .grid-cell .item-name > .devWithNotes {
          color: #0064fa; }
      .configuredatatosee #resources .grid-cell .resourcesItems {
        display: none; }
        .configuredatatosee #resources .grid-cell .resourcesItems ul li {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -moz-flex;
          display: -webkit-flex;
          display: flex;
          align-content: center;
          justify-content: flex-start;
          align-items: center;
          min-height: 30px;
          border-bottom: 1px solid #ccc; }
          .configuredatatosee #resources .grid-cell .resourcesItems ul li div.resourcesBlock {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -moz-flex;
            display: -webkit-flex;
            display: flex;
            width: 100%;
            flex-direction: column; }
            .configuredatatosee #resources .grid-cell .resourcesItems ul li div.resourcesBlock > div.resourcesBlockHeader {
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -moz-flex;
              display: -webkit-flex;
              display: flex;
              justify-content: space-between;
              line-height: 1.4em; }
          .configuredatatosee #resources .grid-cell .resourcesItems ul li > span.iconspace {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -moz-flex;
            display: -webkit-flex;
            display: flex;
            justify-self: flex-end;
            margin-right: 0px;
            margin-left: auto;
            padding-right: 10px; }
        .configuredatatosee #resources .grid-cell .resourcesItems ul li:last-child {
          border-bottom: none; }
    .configuredatatosee #resources .devInactive .item-name {
      background-color: #999999; }

.changeItem {
  display: block;
  width: 90%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 3px;
  border-bottom: 1px solid rgba(74, 92, 104, 0.3);
  padding-left: 2.4%;
  padding-right: 2.4%;
  padding-top: 4px;
  padding-bottom: 4px; }

.commandSection {
  display: block;
  position: relative;
  width: calc(96% - 2px);
  border: 1px solid #ccc;
  padding: 1%;
  min-height: 425px;
  margin: 1% auto;
  z-index: 900; }
  .commandSection .commandsHeader {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }
    .commandSection .commandsHeader #toggleCommandsList {
      width: 40px;
      text-align: right; }
      .commandSection .commandsHeader #toggleCommandsList #commandsSpanToggle {
        font-size: 1.2em; }
  .commandSection .instrumentsHeader {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start; }
    .commandSection .instrumentsHeader .fieldForm.selectAll {
      align-items: center; }
    .commandSection .instrumentsHeader .fieldForm #searchInstrument {
      width: 120px; }
    .commandSection .instrumentsHeader #toggleInstrumentsList {
      width: 40px;
      text-align: right; }
      .commandSection .instrumentsHeader #toggleInstrumentsList #instrumentsSpanToggle {
        font-size: 1.2em; }
  .commandSection #instrumentsContainer .actionsInstrumentItem {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    line-height: 2em;
    border-bottom: 1px solid rgba(74, 92, 104, 0.3);
    padding: 3px; }
    .commandSection #instrumentsContainer .actionsInstrumentItem .fieldFormFirst,
    .commandSection #instrumentsContainer .actionsInstrumentItem .fieldFormSecond {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      align-content: center;
      align-items: center; }
    .commandSection #instrumentsContainer .actionsInstrumentItem .fieldFormSecond > span {
      margin-right: 3px; }
    .commandSection #instrumentsContainer .actionsInstrumentItem .resultWriteAction,
    .commandSection #instrumentsContainer .actionsInstrumentItem .address {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-content: center; }
    .commandSection #instrumentsContainer .actionsInstrumentItem .resultWriteAction {
      width: 14px;
      height: 14px; }
    .commandSection #instrumentsContainer .actionsInstrumentItem .address {
      color: rgba(74, 92, 104, 0.6); }
  .commandSection #commandsContainer .actionsCommandItem {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 3px;
    padding-bottom: 3px; }
    .commandSection #commandsContainer .actionsCommandItem > label {
      padding-top: 5px; }
  .commandSection #commandsContainer .actionsCommandItem:last-child {
    border-bottom: none;
    margin-bottom: 0px; }

.commandSection-left,
.commandSection-right {
  float: none; }

.controlsSection {
  margin-bottom: 20px;
  float: left;
  width: 100%; }

#blockOne #listActions > .horizontalForm,
#blockOne #listDestinations > .horizontalForm {
  justify-content: flex-end; }
#blockOne #listActions > .horizontalForm > .fieldForm,
#blockOne #listDestinations > .horizontalForm > .fieldForm {
  width: 100%; }

#blockTwo {
  display: none;
  padding: 10px; }
  #blockTwo #editDestinations,
  #blockTwo #editActions {
    display: block;
    position: relative; }
    #blockTwo #editDestinations h3,
    #blockTwo #editActions h3 {
      margin-bottom: 10px; }
  #blockTwo #editDestinations .horizontalForm {
    padding-bottom: 20px;
    /*border-bottom: 1px solid #ccc;*/
    margin-bottom: 10px; }
  #blockTwo #editDestinations .horizontalForm:last-child {
    border-bottom: unset; }
  #blockTwo .configurationAlarm {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column; }
    #blockTwo .configurationAlarm #errorContainerAlarmsConfig {
      border: 1px solid red;
      padding: 5px;
      color: red;
      margin-bottom: 10px;
      text-align: center; }
    #blockTwo .configurationAlarm .itemsForConfiguration {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      order: 3; }
      #blockTwo .configurationAlarm .itemsForConfiguration .gridList {
        margin-bottom: 10px;
        border: 1px solid #ccc;
        padding-bottom: 10px; }
        #blockTwo .configurationAlarm .itemsForConfiguration .gridList .header {
          background-color: #ff8300;
          padding: 10px;
          color: #fff;
          margin-bottom: 10px; }
          #blockTwo .configurationAlarm .itemsForConfiguration .gridList .header > h4 {
            color: #fff; }
        #blockTwo .configurationAlarm .itemsForConfiguration .gridList .elementItem {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -moz-flex;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          align-content: center;
          justify-content: flex-start;
          margin-bottom: 3px; }
          #blockTwo .configurationAlarm .itemsForConfiguration .gridList .elementItem > input {
            min-width: 35px; }
    #blockTwo .configurationAlarm > .horizontalForm {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      order: 1; }
      #blockTwo .configurationAlarm > .horizontalForm > .fieldForm {
        width: 100%; }
        #blockTwo .configurationAlarm > .horizontalForm > .fieldForm > input[type=text].notesInput {
          display: block;
          position: relative;
          margin: 10px auto;
          width: 90%;
          border: 1px solid rgba(74, 92, 104, 0.3);
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          border-radius: 5px;
          padding: 7px; }

#setParametersOfSearch {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 10px; }
  #setParametersOfSearch .line {
    order: 1;
    margin-bottom: 15px; }
  #setParametersOfSearch h4 {
    order: 2; }
  #setParametersOfSearch .list {
    order: 4; }
    #setParametersOfSearch .list .driversList {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      overflow: overlay;
      align-content: center;
      margin-top: 10px;
      margin-bottom: 15px;
      border: 1px solid #ccc;
      height: 470px; }
      #setParametersOfSearch .list .driversList .selectAll,
      #setParametersOfSearch .list .driversList .manufacturer {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        line-height: 1em;
        padding: 5px;
        justify-content: center; }
      #setParametersOfSearch .list .driversList .selectAll {
        background-color: rgba(74, 92, 104, 0.2);
        justify-content: flex-start;
        align-content: center;
        align-items: center; }
      #setParametersOfSearch .list .driversList .manufacturer {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        border-bottom: 1px solid #ccc; }
        #setParametersOfSearch .list .driversList .manufacturer .checkManufacturer {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -moz-flex;
          display: -webkit-flex;
          display: flex;
          justify-content: flex-start;
          align-content: center;
          align-items: center;
          min-height: 30px; }
          #setParametersOfSearch .list .driversList .manufacturer .checkManufacturer a {
            text-decoration: none;
            color: black; }
        #setParametersOfSearch .list .driversList .manufacturer label.manufacturerName {
          font-family: "Titillium-Bold", sans-serif; }
        #setParametersOfSearch .list .driversList .manufacturer .resourcesList {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -moz-flex;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-content: center;
          align-items: center;
          width: 90%;
          padding-left: 10%;
          margin-top: 5px;
          border-top: 1px solid #ccc; }
          #setParametersOfSearch .list .driversList .manufacturer .resourcesList li {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -moz-flex;
            display: -webkit-flex;
            display: flex;
            justify-content: flex-start;
            align-content: center;
            align-items: center;
            width: 100%;
            border-bottom: 1px solid #ccc;
            line-height: 1em;
            min-height: 30px; }
          #setParametersOfSearch .list .driversList .manufacturer .resourcesList li:hover {
            background-color: rgba(74, 92, 104, 0.2); }
          #setParametersOfSearch .list .driversList .manufacturer .resourcesList li:last-child {
            border-bottom: unset; }
      #setParametersOfSearch .list .driversList .manufacturer:hover {
        background: rgba(74, 92, 104, 0.1); }
      #setParametersOfSearch .list .driversList .manufacturer:last-child {
        border-bottom: unset; }
  #setParametersOfSearch .send_form {
    order: 3; }

.displayNetwork .infoExtra {
  margin-bottom: 10px; }
  .displayNetwork .infoExtra > b {
    font-weight: 700; }
.displayNetwork #centername {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column; }
  .displayNetwork #centername > .fieldForm {
    flex-direction: row; }
.displayNetwork span.icon-menu4,
.displayNetwork span.icon-menu3 {
  margin-right: 10px; }
.displayNetwork .identificationNetwork {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: stretch;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  background: rgba(74, 92, 104, 0.2); }
  .displayNetwork .identificationNetwork .headerDevice {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-grow: 0 !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    height: 25px; }
    .displayNetwork .identificationNetwork .headerDevice a {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center; }
      .displayNetwork .identificationNetwork .headerDevice a .interfaceNetwork {
        font-style: italic;
        font-size: 0.8em;
        color: #939393;
        padding-left: 15px; }
    .displayNetwork .identificationNetwork .headerDevice .enablefisicalinterface {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      align-items: start;
      margin-right: 20px; }
.displayNetwork .tablefieldLabels,
.displayNetwork .resourcesfields {
  display: none; }
.displayNetwork .networkDevices {
  display: none; }
  .displayNetwork .networkDevices .iconspace {
    padding-right: 15px; }
  .displayNetwork .networkDevices .devices {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #ccc; }
    .displayNetwork .networkDevices .devices > .fieldFormHorizontal {
      padding: 5px 10px; }
      .displayNetwork .networkDevices .devices > .fieldFormHorizontal .options {
        float: right; }
      .displayNetwork .networkDevices .devices > .fieldFormHorizontal .deviceDirection {
        margin-left: 15px;
        color: rgba(74, 92, 104, 0.6);
        font-style: italic; }
      .displayNetwork .networkDevices .devices > .fieldFormHorizontal .fieldForm {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
        .displayNetwork .networkDevices .devices > .fieldFormHorizontal .fieldForm > .fieldForm {
          width: 90%; }
          .displayNetwork .networkDevices .devices > .fieldFormHorizontal .fieldForm > .fieldForm input[type="text"] {
            min-width: 200px;
            max-width: 350px; }
    .displayNetwork .networkDevices .devices .unmodifiedDevice {
      background: #eaeaea; }
    .displayNetwork .networkDevices .devices .modifiedDevice {
      background: #ea3333; }
    .displayNetwork .networkDevices .devices .newDevice {
      background: #e8fce3; }
    .displayNetwork .networkDevices .devices .notfoundDevice {
      background: #f47a29; }
    .displayNetwork .networkDevices .devices .replacedDevice {
      background: #e7d6f9; }
      .displayNetwork .networkDevices .devices .replacedDevice .deviceModel {
        text-decoration: line-through; }
    .displayNetwork .networkDevices .devices .overflowContainer {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      overflow: auto;
      -webkit-overflow: scroll;
      -webkit-overflow-scrolling: touch;
      -ms-overflow: scroll;
      -o-overflow: scroll;
      max-height: 400px; }
      .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        width: 100%; }
        .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems li.resources {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -moz-flex;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          width: calc(100% - 10px);
          padding-left: 5px;
          padding-right: 5px;
          padding-top: 5px;
          border-bottom: 1px solid #ccc;
          min-height: 75px; }
          .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems li.resources .fieldFormHorizontal {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -moz-flex;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-content: center;
            align-items: flex-start;
            width: 100%;
            padding: 0px; }
            .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems li.resources .fieldFormHorizontal .field1 {
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -moz-flex;
              display: -webkit-flex;
              display: flex;
              flex-direction: row;
              justify-content: space-between;
              align-items: center;
              width: 100%;
              order: 1; }
              .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems li.resources .fieldFormHorizontal .field1 .options {
                margin-bottom: 5px; }
            .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems li.resources .fieldFormHorizontal .field2 {
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -moz-flex;
              display: -webkit-flex;
              display: flex;
              flex-direction: row;
              justify-content: space-between;
              align-items: center;
              width: 100%;
              order: 2; }
          .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems li.resources .unmodifiedResource {
            background: #ffffff; }
          .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems li.resources .modifiedResource {
            background: #ffffff; }
          .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems li.resources .newResource {
            background: #d1fff6; }
  .displayNetwork .networkDevices .devices:last-child {
    border-bottom: unset; }

.twoButtons {
  flex-wrap: nowrap; }
  .twoButtons #btnSelectAll,
  .twoButtons #btnSelectNone {
    margin: 5px;
    max-width: 50%; }

#optionalItems {
  padding: 5px;
  margin-top: 10px; }

#container-log-test #log {
  display: block;
  width: calc(100% - 20px - 20px);
  height: 200px;
  padding: 10px;
  margin: 10px;
  background: #fff;
  border: 1px solid #ccc; }

#linktolicenses {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  order: 99;
  line-height: 1.2em;
  margin-top: 15px;
  margin-left: 10px;
  width: calc(100% - 10px); }

.introduction {
  display: block;
  padding: 10px;
  width: calc(100% - 20px);
  line-height: 1em; }
  .introduction h2 {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc; }

#licensesList {
  padding: 10px;
  width: calc(100% - 20px); }
  #licensesList > li {
    margin-bottom: 15px; }
    #licensesList > li .softwarename {
      margin-left: 10px; }
    #licensesList > li .license {
      display: none;
      margin: 10px;
      padding: 10px;
      background: rgba(74, 92, 104, 0.1); }

.licenseItem {
  font-weight: 700;
  font-size: 1.1em;
  margin-bottom: 15px; }
  .licenseItem .softwarevers {
    font-weight: 400;
    font-style: italic; }

.errorStrMessage {
  display: block;
  font-size: 1.2em;
  width: calc(98% - 2px);
  padding: 1%;
  border: 1px solid red;
  color: red;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 10px; }

.columnStrech {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch; }

.columnContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px; }
  .columnContainer .fieldForm,
  .columnContainer input,
  .columnContainer label,
  .columnContainer p {
    margin-top: 10px;
    margin-bottom: 5px; }
  .columnContainer .fieldForm {
    justify-content: flex-start;
    align-items: center; }

.contentCentered {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px; }

#parametersControls {
  position: sticky;
  top: 50px; }

@media (min-width: 1024px) {
  .wvMenu {
    padding-right: 20px;
    padding-left: 5px;
    padding-top: 15px;
    margin-left: 60px;
    margin-top: 0;
    margin-right: 0;
    width: calc(100% - 50px - 50px);
    height: calc(100% - 15px); }

  .whMenu {
    padding-left: 1%;
    padding-right: 1%;
    width: 98%;
    margin-top: 60px;
    margin-left: 0;
    margin-right: 0; }

  .columns-2 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start; }
    .columns-2 aside.left {
      width: 19%;
      padding: 1%;
      order: 1; }
    .columns-2 section.main {
      width: 77%;
      padding: 1%;
      order: 2; }
    .columns-2 aside.right {
      width: 18%;
      padding: 1%;
      order: 3; }

  #systemAlarmsDelayContainer #sysAlarmsDelaysForm {
    width: 80%; }
    #systemAlarmsDelayContainer #sysAlarmsDelaysForm #systemAlarmsDelayTable {
      width: 100%; }

  #managePlantInformaitonFormContainer,
  #manageClockFormContainer,
  #manageEthernetFormContainer,
  #manageAcquisitionOfDataFormContainer,
  #manageEmailServer,
  #manageUsers,
  #manageCreateUser,
  #manageMypassword,
  #manageMyemail,
  #manageInterface {
    height: calc(100% - 30px);
    padding: 30px; }
    #managePlantInformaitonFormContainer h3,
    #manageClockFormContainer h3,
    #manageEthernetFormContainer h3,
    #manageAcquisitionOfDataFormContainer h3,
    #manageEmailServer h3,
    #manageUsers h3,
    #manageCreateUser h3,
    #manageMypassword h3,
    #manageMyemail h3,
    #manageInterface h3 {
      margin-bottom: 30px; }
    #managePlantInformaitonFormContainer form,
    #manageClockFormContainer form,
    #manageEthernetFormContainer form,
    #manageAcquisitionOfDataFormContainer form,
    #manageEmailServer form,
    #manageUsers form,
    #manageCreateUser form,
    #manageMypassword form,
    #manageMyemail form,
    #manageInterface form {
      align-self: center;
      width: 50%;
      max-width: 450px; }

  #showSystemInfo > .boxContainer > .grid-cell {
    width: 29%;
    margin-bottom: 1%; }

  #usereditioncontainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%; }

  #userslistcontainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%; }
    #userslistcontainer #formManageUsers {
      width: 100%;
      max-width: none; }

  .advertisement {
    text-align: center; }

  #testEmail {
    width: 50%; }

  div#manageBackupsContent > div#tabsOptions, div#manageBackupsContent > div#backupMainContent {
    max-width: 80%;
    margin-right: auto;
    margin-left: auto; }
  div#manageBackupsContent > div#backupMainContent > div#restoreOptionsContent table#backupsFiles td {
    width: unset; }

  .configuredatatosee .superior {
    flex-direction: row;
    justify-content: space-between;
    width: 98%;
    margin: 0px auto;
    order: 1; }
    .configuredatatosee .superior .description {
      justify-content: flex-start;
      align-items: center; }
    .configuredatatosee .superior .visualizationOptions {
      width: 300px; }
      .configuredatatosee .superior .visualizationOptions nav.btn-row {
        align-content: center;
        flex-wrap: nowrap;
        margin-top: 0px; }
    .configuredatatosee .superior .search {
      justify-content: flex-end;
      align-content: center;
      margin-top: 0px; }
  .configuredatatosee #resources {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 15px;
    height: 100%; }
    .configuredatatosee #resources .grid-cell {
      margin: 5px 10px 5px 0px;
      min-width: 260px; }
      .configuredatatosee #resources .grid-cell .resourcesItems {
        display: none; }
        .configuredatatosee #resources .grid-cell .resourcesItems ul li {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -moz-flex;
          display: -webkit-flex;
          display: flex;
          align-content: center;
          justify-content: flex-start;
          align-items: center;
          min-height: 30px;
          border-bottom: 1px solid #ccc; }
        .configuredatatosee #resources .grid-cell .resourcesItems ul li:last-child {
          border-bottom: none; }

  #filterRealtime,
  #filterParameters {
    display: flex; }
    #filterRealtime > .fieldForm,
    #filterParameters > .fieldForm {
      display: flex; }
    #filterRealtime #filterByType,
    #filterRealtime #filterByTags,
    #filterParameters #filterByType,
    #filterParameters #filterByTags {
      margin-left: 20px; }
    #filterRealtime #levelSelection,
    #filterParameters #levelSelection {
      margin-left: 20px; }
    #filterRealtime #searchFilter,
    #filterParameters #searchFilter {
      margin-left: 15px; }

  #mainDataContainerRealTime {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    width: 98%; }

  .boxContainer {
    /*        display:block;
                @include masonry-layout((calc(80%/250px)), 250, 15);*/
    flex-direction: row;
    flex-wrap: wrap;
    /*        height: 100vw;*/
    width: 100%;
    align-items: start; }
    .boxContainer .itemBox {
      flex-direction: column;
      flex-shrink: 0;
      min-width: 200px;
      margin: 0% 1% 1% 0%;
      max-width: 100%; }
      .boxContainer .itemBox .resources {
        display: block; }
    .boxContainer .alone,
    .boxContainer .fullwidth {
      width: 80%;
      margin: auto; }

  .commandSection {
    width: calc(46% - 2px); }

  .commandSection-left {
    float: left; }

  .commandSection-right {
    float: right; }

  #blockTwo {
    padding-top: 0px; }
    #blockTwo #editDestinations,
    #blockTwo #editActions {
      max-width: 50%;
      margin: 100px auto 0px auto; }

  .displayNetwork #centername {
    flex-direction: row;
    justify-content: space-between;
    line-height: 2.5em; }
  .displayNetwork .tablefieldLabels,
  .displayNetwork .resourcesfields {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    width: calc(100% - 20px);
    padding-left: 10px;
    padding-right: 10px;
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff;
    line-height: 1.6em; }
  .displayNetwork .resourcesfields > .fieldFormHorizontal {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    width: calc(100% - 20px); }
    .displayNetwork .resourcesfields > .fieldFormHorizontal .field1,
    .displayNetwork .resourcesfields > .fieldFormHorizontal .field2 {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-content: center; }
    .displayNetwork .resourcesfields > .fieldFormHorizontal .field1 {
      width: 40%; }
    .displayNetwork .resourcesfields > .fieldFormHorizontal .field2 {
      width: 59%; }
      .displayNetwork .resourcesfields > .fieldFormHorizontal .field2 .tUno,
      .displayNetwork .resourcesfields > .fieldFormHorizontal .field2 .tDos,
      .displayNetwork .resourcesfields > .fieldFormHorizontal .field2 .tTres,
      .displayNetwork .resourcesfields > .fieldFormHorizontal .field2 .tCuatro {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex; }
      .displayNetwork .resourcesfields > .fieldFormHorizontal .field2 .tUno {
        width: 58%;
        margin-left: 1%;
        margin-right: 1%;
        justify-content: flex-start; }
      .displayNetwork .resourcesfields > .fieldFormHorizontal .field2 .tDos {
        width: 19%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        justify-content: center; }
      .displayNetwork .resourcesfields > .fieldFormHorizontal .field2 .tTres {
        width: 19%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        justify-content: flex-end; }
      .displayNetwork .resourcesfields > .fieldFormHorizontal .field2 .tCuatro {
        width: 19%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        justify-content: flex-end; }
  .displayNetwork .resourcesfields {
    background-color: rgba(74, 92, 104, 0.8); }
  .displayNetwork .networkDevices .devices > .fieldFormHorizontal {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 5px 10px;
    width: calc(100% - 20px); }
    .displayNetwork .networkDevices .devices > .fieldFormHorizontal .options {
      margin-right: 10px; }
    .displayNetwork .networkDevices .devices > .fieldFormHorizontal .fieldForm {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 30%;
      margin-bottom: 0px; }
      .displayNetwork .networkDevices .devices > .fieldFormHorizontal .fieldForm > label {
        display: none; }
      .displayNetwork .networkDevices .devices > .fieldFormHorizontal .fieldForm > .fieldForm {
        width: unset;
        max-width: 290px; }
      .displayNetwork .networkDevices .devices > .fieldFormHorizontal .fieldForm > .fieldForm > label {
        display: none; }
    .displayNetwork .networkDevices .devices > .fieldFormHorizontal .configInstruments {
      max-width: 20%; }
  .displayNetwork .networkDevices .devices .overflowContainer {
    max-height: 100%; }
    .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems li.resources {
      min-height: unset;
      padding-top: 0px; }
      .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems li.resources .fieldFormHorizontal {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 5px 10px;
        width: calc(100% - 20px); }
        .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems li.resources .fieldFormHorizontal .options {
          margin-right: 5px; }
        .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems li.resources .fieldFormHorizontal .field1 {
          width: 40%; }
        .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems li.resources .fieldFormHorizontal .field2 {
          width: 59%;
          margin-bottom: 0px; }
          .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems li.resources .fieldFormHorizontal .field2 .fieldUserLabel {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -moz-flex;
            display: -webkit-flex;
            display: flex;
            width: 59%; }
            .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems li.resources .fieldFormHorizontal .field2 .fieldUserLabel > label {
              display: none; }
          .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems li.resources .fieldFormHorizontal .field2 .fieldDelay {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -moz-flex;
            display: -webkit-flex;
            display: flex;
            width: 20%;
            justify-content: center; }
            .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems li.resources .fieldFormHorizontal .field2 .fieldDelay > label {
              display: none; }
            .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems li.resources .fieldFormHorizontal .field2 .fieldDelay > input {
              max-width: 50px; }
          .displayNetwork .networkDevices .devices .overflowContainer > ul.resourcesItems li.resources .fieldFormHorizontal .field2 .options {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -moz-flex;
            display: -webkit-flex;
            display: flex;
            width: 20%;
            justify-content: flex-end; }

  #setParametersOfSearch > .list > .driversList .selectAll, #setParametersOfSearch > .list > .driversList .manufacturer {
    display: block; }

  .configurationAlarm .itemsForConfiguration {
    flex-direction: row !important;
    flex-wrap: wrap; }
    .configurationAlarm .itemsForConfiguration .gridList {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      margin-right: 10px;
      min-width: calc(16.5% - 10px);
      /*max-width: 200px;*/ }
      .configurationAlarm .itemsForConfiguration .gridList input[type=text].notesInput {
        margin-top: 20px; }
    .configurationAlarm .itemsForConfiguration .gridList:last-child {
      margin-right: 0px; }
    .configurationAlarm .itemsForConfiguration #alarms_0 {
      min-width: 250px; }
    .configurationAlarm .itemsForConfiguration #instruments_0,
    .configurationAlarm .itemsForConfiguration #scheduler_0,
    .configurationAlarm .itemsForConfiguration #startend,
    .configurationAlarm .itemsForConfiguration #actions_0 {
      min-width: unset;
      width: 15%; }

  .columnContainer {
    border-right: 1px solid rgba(74, 92, 104, 0.3); }

  .columnContainer:last-child {
    border-right: none; } }
#imageContainer {
  display: block;
  position: relative;
  width: 100%;
  height: 755px;
  padding: 0px;
  margin: 0px;
  background-image: url("../images/realtimedatascreenshot.jpg");
  background-repeat: no-repeat; }

.loadingRealTime {
  display: block;
  text-align: center;
  height: 40vh;
  font-size: 2em;
  color: #939393; }
  .loadingRealTime p {
    line-height: 40vh;
    /*display: block;*/ }
  .loadingRealTime div.loadDatagif {
    display: block !important;
    width: 100px;
    height: 100px;
    background-size: 100% 100%;
    margin: 0 auto; }

canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

#warningContainer {
  color: red;
  margin: 5px;
  border: 1px solid red;
  border-radius: 5;
  width: calc(100%-12px);
  padding: 10px;
  text-align: center; }

.successBackgroundColor {
  background-color: rgba(226, 255, 231, 0.9); }

.failBackgroundColor {
  background-color: rgba(255, 183, 183, 0.9); }

.licenseBlock {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  padding: 5px;
  border: solid 1px rgba(204, 204, 204, 0.7);
  border-radius: 8px; }
  .licenseBlock > .fieldForm {
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 5px; }

@media (width: 1024px) {
  #setParametersOfSearch > .list > .driversList {
    height: 300px; } }
/*
    Created on : 28-sep-2017, 16:15:39
*/
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
.lang {
  display: none; }

input[type="submit"] {
  width: 100px;
  height: 40px; }

input[type="button"] {
  padding-left: 15px;
  padding-right: 15px; }

.btn-simple {
  display: inline-block;
  min-width: 60px;
  text-align: center;
  vertical-align: middle; }

input[type="button"]:active, input[type="submit"]:active, .btn-simple:active {
  background-color: #ff8300; }

.btn-default {
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  line-height: 1.428;
  border-radius: 3px;
  text-shadow: 0 1px 0 #fff;
  margin: 5px !important; }

.button-options {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px; }
  .button-options input[type="button"] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    max-width: unset;
    width: 98%;
    margin: 5px;
    height: 30px; }

.btn-column {
  flex-direction: row;
  flex-wrap: wrap; }

.btn-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center; }
  .btn-row > input[type="button"] {
    margin: 3px; }
  .btn-row > input.btn-graphLeft {
    height: 30px; }

input[type="button"].warning {
  color: #fff;
  background: #e00808; }

#uploadParametersFile {
  margin: 0px 0px; }

.btn-icon {
  margin: 3px 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 140px; }
  .btn-icon #fileupload {
    width: 0px;
    height: 0px;
    opacity: 0;
    overflow: hidden;
    z-index: -1; }
  .btn-icon #fileupload + label {
    background: #8998a1;
    color: #fff;
    display: block;
    align-items: flex-end;
    width: 140px;
    padding: 10px;
    text-align: center;
    font-size: 1em;
    font-family: "Titillium-semiBold", sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid rgba(74, 92, 104, 0.3); }

.btn-icon-link {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  margin: 3px 0px;
  padding: 5px;
  text-align: center;
  width: 140px;
  height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgba(74, 92, 104, 0.3);
  background: #8998a1;
  color: #fff; }
  .btn-icon-link > span {
    margin-right: 4%;
    font-size: 1.2em; }

.btn-icon-autologin {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  margin: 3px 0px;
  padding: 5px;
  text-align: center;
  width: 100px;
  height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgba(74, 92, 104, 0.3);
  background: #dddddd;
  color: #000; }

.searchBtn {
  width: unset; }

.searchBtn > .btn-icon-link {
  width: unset;
  height: unset; }

.btns-side {
  width: 100px; }

#btnReloadContent {
  background: buttonsBackground;
  border: 1px solid rgba(74, 92, 104, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }

@media (min-width: 1024px) {
  .btn-column {
    flex-direction: column; }

  .btn-row {
    justify-content: flex-end !important; } }
.buttonsField {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: flex-end; }

.closeChart {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  align-self: flex-end;
  margin-top: 5px;
  width: 24px;
  height: 24px;
  font-size: 20px;
  color: #ccc; }

.btn-export {
  display: inline-block;
  font-weight: normal;
  vertical-align: middle;
  border: 1px solid transparent;
  padding: 6px 12px;
  line-height: 1.428;
  border-radius: 3px;
  text-shadow: 0 1px 0 #fff;
  margin: 5px !important;
  text-align: center;
  background-color: #dddddd; }

.csv:before {
  content: "";
  background: #00f url(/images/csv.svg) no-repeat center; }

.xls:before {
  content: "";
  background: #080 url(/images/xls.svg) no-repeat center; }

.csv:before, .xls:before {
  margin-right: 10px;
  padding: 11px 15px 12px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }

/*
    Created on : 28-sep-2017, 16:18:08
*/
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
input {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgba(74, 92, 104, 0.3);
  height: 25px;
  margin: 0 5px;
  padding-left: 1%;
  max-width: 90%;
  min-width: 50px; }

fieldset {
  border: 1px solid rgba(74, 92, 104, 0.3);
  padding: 10px;
  margin-bottom: 15px; }

.selectContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 10px;
  border: 1px solid rgba(74, 92, 104, 0.3);
  padding-left: 1%;
  width: 50%;
  height: 25px;
  margin: 0 5px;
  min-width: 50px;
  max-width: 90%;
  overflow: hidden;
  background: #fff url("../images/arrowdown.gif") no-repeat 98% center; }
  .selectContainer > select {
    background-color: transparent;
    background-image: none;
    width: 140%;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*        padding-top: 3px;*/
    padding: 0px;
    height: 100%; }

.horizontalForm {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }

.buttonsAndMsg {
  flex-direction: column; }

.fieldForm {
  align-items: baseline;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px; }

.fieldForm-vertical {
  align-items: baseline;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 10px; }

div.options,
div.layoutOption {
  display: block;
  position: relative;
  float: left;
  text-align: center; }
  div.options input[type="checkbox"],
  div.options input[type="radio"],
  div.options label,
  div.layoutOption input[type="checkbox"],
  div.layoutOption input[type="radio"],
  div.layoutOption label {
    display: inline-block;
    position: relative;
    max-width: 49%;
    float: left; }
  div.options input[type="checkbox"],
  div.options input[type="radio"],
  div.layoutOption input[type="checkbox"],
  div.layoutOption input[type="radio"] {
    max-width: unset;
    min-width: unset; }
  div.options label,
  div.layoutOption label {
    padding-top: 3px;
    padding-right: 5px; }

input.enablecheckbox + label > span {
  display: inline-block;
  font-size: 16px;
  margin: 3px;
  vertical-align: middle;
  cursor: pointer; }

span.icon-cross {
  color: #ea1919; }

span.icon-checkmark {
  color: #00a000; }

#toggleControlRealtime {
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  padding: 5px;
  background-color: #8998a1;
  color: #fff;
  border: 1px solid rgba(74, 92, 104, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  #toggleControlRealtime input#toggleContent {
    display: none !important; }
  #toggleControlRealtime label#labelForToggleContent > span {
    display: inline-block;
    font-size: 16px;
    margin: 3px;
    vertical-align: middle;
    cursor: pointer; }

/* Checkbox para "habilitar" recursos */
input.enablecheckbox {
  display: none !important; }

/* ----- fin checkbox para "habilitar" recursos ----- */
/* Checkbox para "eliminar" recursos */
input.removecheckbox,
input.removeLayoutCheckbox,
input.editcheckbox,
input.editLayoutCheckbox,
input.saveLayoutCheckbox {
  display: none !important; }

input.removecheckbox + label > span,
input.removeLayoutCheckbox + label > span,
input.editcheckbox + label > span,
input.editLayoutCheckbox + label > span,
input.saveLayoutCheckbox + label > span {
  display: inline-block;
  font-size: 16px;
  margin: 3px;
  vertical-align: middle;
  cursor: pointer;
  /* Color por defecto si no esta "checked"*/
  color: #2b2b2b; }

input.removeLayoutCheckbox:checked + label > span,
input.removecheckbox:checked + label > span {
  color: #ea1919; }

/* ----- fin checkbox para "eliminar" recursos ----- */
input.editcheckbox:checked + label > span,
input.editLayoutCheckbox:checked + label > span {
  color: #0275d8; }

/* ----- fin checkbox para "editar" acciones ----- */
.informationBlock li {
  line-height: 1.3em; }
  .informationBlock li .itemLabel {
    margin-right: 10px; }
  .informationBlock li .itemValue {
    color: rgba(74, 92, 104, 0.9); }
    .informationBlock li .itemValue .subItemsList {
      margin-left: 20px;
      width: calc(100% - 20px); }

.unitResources {
  margin-left: 5px;
  color: #aaa; }

#allOk,
#msgError,
.allOk,
.msgError {
  display: none;
  padding: 10px;
  width: calc(100% - 22px);
  border-width: 1px;
  border-style: solid;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center; }

#allOk,
.allOk {
  border-color: green;
  color: green; }

#msgError,
.msgError {
  border-color: red;
  color: red; }

.manageInterfaceForm > h4 {
  margin-top: 15px;
  margin-bottom: 15px; }
.manageInterfaceForm > .fieldForm .readOnlyData {
  margin: 5px; }
.manageInterfaceForm > .fieldForm > .selectContainer, .manageInterfaceForm > .fieldForm > input {
  width: 40%; }

.expl {
  font-style: italic;
  color: rgba(74, 92, 104, 0.6); }

.interfaceSeparator {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 50%; }

.showNotifications {
  color: #5c98f3; }

.valueItem {
  color: #2c75b4;
  font-weight: 700; }

.notificationsIcons {
  display: flex;
  flex-direction: row;
  border-top: 2px solid #fff; }

.leyendItem {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 5px; }

a.showGraf {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex; }

#updateUsbStatus {
  display: inline-block;
  margin: 12px;
  color: #070; }

.msgErrorDest,
.msgOkDest {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  width: 96%;
  margin: 1%;
  padding: 1%;
  align-items: center; }
  .msgErrorDest .msgOkParagraph,
  .msgErrorDest .msgErrorParagraph,
  .msgOkDest .msgOkParagraph,
  .msgOkDest .msgErrorParagraph {
    border: 1px solid rgba(74, 92, 104, 0.3);
    text-align: center;
    line-height: 45px; }
  .msgErrorDest .msgErrorParagraph,
  .msgOkDest .msgErrorParagraph {
    border-color: red;
    color: red; }
  .msgErrorDest .msgOkParagraph,
  .msgOkDest .msgOkParagraph {
    border-color: green;
    color: green; }

p#warning-stopped-acquisitions {
  margin-top: 30px;
  padding: 15px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 1px solid red;
  color: red;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  p#warning-stopped-acquisitions > .icon-warning {
    font-size: 1em;
    margin-right: 15px; }

/**
 * Sección de logs
 */
#logContent {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  padding: 0px;
  margin: 0px;
  flex-direction: column; }

#filesection {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  padding: 15px 5px;
  margin: 0px;
  width: calc(100% - 10px);
  background: #f3f3f3; }
  #filesection #headerSection {
    line-height: 1.3em;
    border: 1px solid rgba(74, 92, 104, 0.3);
    border-bottom: none;
    padding: 10px;
    height: 20px; }
    #filesection #headerSection strong.field {
      margin-right: 10px; }
  #filesection #bodySection {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(74, 92, 104, 0.3);
    margin-bottom: 15px; }
    #filesection #bodySection .logLine {
      line-height: 20px;
      padding-left: 10px;
      padding-right: 10px;
      width: calc(100% - 20px); }
      #filesection #bodySection .logLine .logDatetime {
        margin-right: 20px; }
      #filesection #bodySection .logLine .logSpecialField,
      #filesection #bodySection .logLine .logFuncorigin,
      #filesection #bodySection .logLine .logOriginMessage,
      #filesection #bodySection .logLine .logParamsUsed,
      #filesection #bodySection .logLine .logMsgType {
        padding-right: 20px; }
      #filesection #bodySection .logLine .logFuncorigin {
        color: #d46d00; }
      #filesection #bodySection .logLine .logOriginMessage > .logSimb {
        color: #d46d00; }
      #filesection #bodySection .logLine .logOriginMessage > .logClassName {
        color: #079200;
        font-weight: 700; }
      #filesection #bodySection .logLine .logOriginMessage > .logMethodName {
        color: #079200; }
      #filesection #bodySection .logLine .logParamsUsed {
        color: #777777;
        font-style: italic; }
      #filesection #bodySection .logLine .logMsgType {
        color: #9002e2; }
      #filesection #bodySection .logLine .logDesc .logDescField {
        color: #990000;
        font-style: italic; }
      #filesection #bodySection .logLine .logDescContent {
        color: #444444; }
    #filesection #bodySection .logStart {
      background: #5c98f3;
      color: #fff; }
      #filesection #bodySection .logStart > span.logDescContent {
        color: #fff; }
    #filesection #bodySection > h3 {
      margin: 15px 5px 5px 15px; }
  #filesection h3 {
    margin: 15px 5px 15px 15px; }
  #filesection #memoryRam {
    width: 50%; }
    #filesection #memoryRam #memContainer > table {
      margin-bottom: 40px; }
    #filesection #memoryRam #memContainer > p.consoleText {
      margin: 10px;
      padding: 10px;
      background: #e8e8e8;
      border: 1px solid rgba(74, 92, 104, 0.3);
      font-family: "Courier New", Courier, monospace; }

#filterWarnings > .horizontalForm {
  border: 1px solid rgba(74, 92, 104, 0.3);
  padding: 5px; }
  #filterWarnings > .horizontalForm > .fieldForm {
    flex-wrap: wrap; }
  #filterWarnings > .horizontalForm > .filteralarmsoptions {
    margin-left: 10px;
    margin-bottom: 0px; }
    #filterWarnings > .horizontalForm > .filteralarmsoptions > .fieldForm {
      width: 100%; }

#errorInEthernet {
  border: 1px solid red;
  padding: 5px;
  text-align: center; }
  #errorInEthernet > p {
    color: red;
    line-height: 1.2em; }

input.inLayoutParams {
  text-align: center; }

input.readonlyInput {
  color: #616161;
  background-color: #b7b7b7; }

@media (min-width: 1024px) {
  .buttonsAndMsg {
    flex-direction: row; } }
input[type="range"] {
  height: 34px;
  -webkit-appearance: none;
  margin: 10px 0;
  max-width: unset;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  border: 0px solid transparent; }

input[type="range"]:focus {
  outline: none; }

input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 11px;
  cursor: pointer;
  animate: 0.2s;
  background: #74a9d8;
  border-radius: 1px;
  border: 0px solid #010101; }

input[type="range"]::-webkit-slider-thumb {
  -webkit-box-shadow: 1.5px 2.598px 9px rgba(0, 0, 0, 0.25);
  -mox-box-shadow: 1.5px 2.598px 9px rgba(0, 0, 0, 0.25);
  box-shadow: 1.5px 2.598px 9px rgba(0, 0, 0, 0.25);
  border: 1px solid #00001e;
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px; }

input[type="range"]:focus::-webkit-slider-runnable-track {
  background: #74a9d8; }

input[type="range"]::-moz-range-track {
  width: 100%;
  height: 11px;
  cursor: pointer;
  animate: 0.2s;
  background: #74a9d8;
  border-radius: 1px;
  border: 0px solid #010101; }

input[type="range"]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000031;
  border: 1px solid #00001e;
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #ffffff;
  cursor: pointer; }

input[type="range"]::-ms-track {
  width: 100%;
  height: 11px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent; }

input[type="range"]::-ms-fill-lower {
  background: #74a9d8;
  border: 0px solid #010101;
  border-radius: 2px;
  box-shadow: 1px 1px 1px #000000; }

input[type="range"]::-ms-fill-upper {
  background: #74a9d8;
  border: 0px solid #010101;
  border-radius: 2px;
  box-shadow: 1px 1px 1px #000000; }

input[type="range"]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 1px 1px 1px #000031;
  border: 1px solid #00001e;
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #ffffff;
  cursor: pointer; }

input[type="range"]:focus::-ms-fill-lower {
  background: #74a9d8; }

input[type="range"]:focus::-ms-fill-upper {
  background: #74a9d8; }

fieldset#paramsFormBlock > div.selectContainer {
  width: unset; }

legend {
  padding-left: 5px;
  padding-right: 5px; }

legend.sectionLegend {
  font-size: 1.2em;
  font-weight: 600;
  padding-left: 10px;
  padding-right: 10px; }

#uploadCustomData label.fileInputLabel {
  cursor: pointer;
  background-color: #efefef;
  border: 1px solid rgba(74, 92, 104, 0.3);
  border-radius: 5px;
  padding: 5px 15px; }
#uploadCustomData #importInput {
  opacity: 0;
  position: absolute;
  z-index: -1; }

.spanlabel {
  color: rgba(74, 92, 104, 0.9);
  padding-right: 5px; }

.spanValue {
  padding-right: 5px; }

span#minValue, span#maxValue {
  display: inline-block;
  width: 20px;
  padding: 3px;
  text-align: center;
  border-radius: 3px;
  border: 1px solid rgba(74, 92, 104, 0.3);
  margin-left: 3px;
  margin-right: 3px; }

span#minValue {
  color: #f85353; }

span#maxValue {
  color: #1f97ff; }

td > a > span.icon-info,
div.options > a > span.icon-info {
  font-size: 20px; }

/*
    Created on : 28-sep-2017, 16:22:07
*/
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column; }

#header-noMenu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  order: 2;
  padding: 5px 0px 5px 0px;
  width: 100%; }
  #header-noMenu #logo {
    display: block;
    position: relative;
    max-width: 20%;
    margin: 10px auto 10px auto;
    min-width: 150px; }
    #header-noMenu #logo a {
      display: block;
      position: relative;
      width: 100%; }
      #header-noMenu #logo a img {
        display: block;
        position: relative;
        width: 100%; }
  #header-noMenu #tituloPagina {
    display: block;
    position: relative;
    width: 90%;
    margin: 5px auto;
    text-align: center; }

#header {
  display: flex;
  justify-content: space-between;
  top: 0px;
  left: 0px;
  z-index: 999;
  background: rgba(0, 0, 0, 0.9); }

.horizontalBar,
.verticalBar {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  position: fixed;
  width: 96%;
  padding: 0 2%;
  max-height: 50px;
  border-bottom: 3px solid #ff8300; }
  .horizontalBar #notifications,
  .verticalBar #notifications {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    order: 2; }
    .horizontalBar #notifications .notificationsItem,
    .verticalBar #notifications .notificationsItem {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      font-size: 2em;
      margin-left: 5px;
      margin-right: 5px;
      min-width: 40px;
      height: 40px; }
      .horizontalBar #notifications .notificationsItem a,
      .verticalBar #notifications .notificationsItem a {
        display: block;
        position: absolute;
        top: 0;
        width: 32px;
        padding: 9px 9px 30px 9px;
        text-decoration: none;
        color: #fff; }
      .horizontalBar #notifications .notificationsItem .statusItem,
      .verticalBar #notifications .notificationsItem .statusItem {
        font-size: 0.6em;
        color: #ccc;
        padding: 4px;
        margin-top: 5px; }
      .horizontalBar #notifications .notificationsItem .systemStatusItem,
      .verticalBar #notifications .notificationsItem .systemStatusItem {
        margin-top: 7px;
        color: #868686;
        font-size: 0.8em; }
    .horizontalBar #notifications #existAlarms,
    .verticalBar #notifications #existAlarms {
      color: #868686; }
    .horizontalBar #notifications .activeExistAlarms,
    .verticalBar #notifications .activeExistAlarms {
      color: red !important; }
    .horizontalBar #notifications #statusContainer a .acquisitionActive,
    .verticalBar #notifications #statusContainer a .acquisitionActive {
      color: #00f000;
      display: inline-block;
      transition-property: transform;
      transition-duration: 0.5s;
      transition-delay: 0s;
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg); }
    .horizontalBar #notifications #statusContainer a .acquisitionInactive,
    .verticalBar #notifications #statusContainer a .acquisitionInactive {
      display: inline-block;
      color: red;
      transition-property: transform;
      transition-duration: 0.5s;
      transition-delay: 0s;
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
  .horizontalBar #datetimeInfo,
  .verticalBar #datetimeInfo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    text-align: center;
    order: 3;
    color: #fff; }
  .horizontalBar #exitlink,
  .verticalBar #exitlink {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    font-size: 1.5em;
    padding: 7px 0px;
    order: 4;
    width: 50px;
    height: 35px; }
    .horizontalBar #exitlink a,
    .verticalBar #exitlink a {
      display: block;
      position: absolute;
      top: 0px;
      right: 0px;
      color: #fff;
      width: 35px;
      height: 35px;
      padding: 10px 10px 25px 15px;
      text-align: center;
      border-radius: 0px 0px 0px 40px; }

#resetkeyboardLogin {
  display: block;
  position: fixed;
  bottom: 5px;
  right: 5px;
  text-decoration: none;
  font-size: 2em;
  color: #aaa; }

@media (min-width: 1024px) {
  .verticalBar {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    position: fixed;
    max-height: none;
    height: 98%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 0;
    padding-right: 0;
    max-width: 50px;
    border-bottom: none; }
    .verticalBar #notifications {
      flex-direction: column;
      order: 2; }
    .verticalBar #datetimeInfo {
      order: 3;
      flex-direction: column;
      transition-property: transform;
      transition-duration: 0.5s;
      transition-delay: 0s;
      -ms-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg); }
    .verticalBar #exitlink {
      order: 4; }

  .horizontalBar {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    position: fixed;
    height: 47px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1%;
    padding-right: 1%;
    max-width: none;
    width: 98%;
    border-bottom: none;
    border-top: 3px solid #ff8300; } }
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
#loadingPage {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  display: none;
  overflow: auto;
  z-index: 10000;
  background: rgba(250, 250, 250, 0.9);
  padding-top: 3%; }
  #loadingPage > #loadHeader {
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center; }
    #loadingPage > #loadHeader > img {
      margin: 10px;
      max-height: 120px;
      max-width: 120px; }
    #loadingPage > #loadHeader h2 {
      font-weight: 700;
      font-style: italic; }
    #loadingPage > #loadHeader #loadPercent {
      font: "Titillium-Bold", sans-serif;
      font-weight: 700;
      font-size: 2em;
      font-style: italic;
      color: #4b5c66; }
  #loadingPage > #loadContent {
    margin-top: 15px;
    background: rgba(74, 92, 104, 0.4);
    width: 80%;
    min-height: 20%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-right: auto;
    margin-left: auto;
    padding: 20px;
    color: white; }
    #loadingPage > #loadContent #bloc {
      text-align: left;
      color: rgba(74, 92, 104, 0.8); }

/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
#menu {
  display: none; }

#mobilemenusection {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 50px;
  align-content: baseline;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 110px;
  margin-right: 10px;
  order: 1; }
  #mobilemenusection #mobile-menu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    width: 100%;
    min-height: 50px;
    justify-content: baseline;
    align-content: space-between;
    align-items: center; }
    #mobilemenusection #mobile-menu #mobiledropdown {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      text-decoration: none;
      margin: 3px;
      color: #ffffff;
      font-size: 1.3em; }
      #mobilemenusection #mobile-menu #mobiledropdown span {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        padding-right: 5px; }
      #mobilemenusection #mobile-menu #mobiledropdown #mobile-logo {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        width: 70px;
        padding-left: 5px; }
        #mobilemenusection #mobile-menu #mobiledropdown #mobile-logo img {
          width: 70px; }
  #mobilemenusection #mobileList {
    display: block;
    position: fixed;
    top: 43px;
    left: 0px;
    text-decoration: none;
    width: 100%;
    background: rgba(0, 0, 0, 0.9); }
    #mobilemenusection #mobileList .mobileItemmenu {
      display: block;
      border-bottom: 1px solid #ccc;
      min-height: 30px; }
      #mobilemenusection #mobileList .mobileItemmenu a {
        display: inline-block;
        position: relative;
        float: none;
        width: 98%;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 2%;
        text-decoration: none;
        vertical-align: middle;
        color: #fff;
        line-height: 20px; }
        #mobilemenusection #mobileList .mobileItemmenu a .iconMobileMenu {
          padding-right: 10px; }
      #mobilemenusection #mobileList .mobileItemmenu ul.children {
        display: none;
        width: 100%; }
        #mobilemenusection #mobileList .mobileItemmenu ul.children li {
          display: block;
          min-height: 30px;
          width: 96%;
          padding-left: 3%;
          padding-right: 1%;
          background: #787878;
          border-bottom: 1px solid #c8c8c8; }
          #mobilemenusection #mobileList .mobileItemmenu ul.children li .subchildren {
            display: none; }
            #mobilemenusection #mobileList .mobileItemmenu ul.children li .subchildren li {
              background: #8c8c8c; }
        #mobilemenusection #mobileList .mobileItemmenu ul.children li::last-child {
          border-bottom: none; }

/*.itemmenu > a:active, .subitemmenu > a:active, .subsubitemmenu > a:active {
    background: $lineaDestacada; //El mismo color que se usa en las líneas destacadas (verde Tewis o naranja Eliwell)
}*/
li.highLightMenu {
  color: #fff !important; }
  li.highLightMenu > a {
    background: #ff8300;
    color: #fff !important; }

a.highLightMenu {
  color: #fff !important;
  background: #ff8300; }

span.nextLevel {
  font-size: 1.4em;
  margin-left: 10px;
  color: rgba(150, 150, 150, 0.5); }

@media (min-width: 1024px) {
  #menu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    order: 1; }

  #mobilemenusection {
    display: none; }

  .verticalMenu {
    /*order: 1;*/
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    /*position: fixed;*/
    max-height: none;
    padding: 0;
    max-width: none;
    border-bottom: none; }
    .verticalMenu #iconMainbarMenu {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      order: 1;
      justify-content: center;
      align-content: center;
      align-items: center;
      width: 35px;
      margin: 2px; }
      .verticalMenu #iconMainbarMenu #showVerticalMenu {
        font-size: 1.3em;
        color: #fff;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .verticalMenu #iconMainbarMenu #showVerticalMenu span {
          order: 1;
          margin-bottom: 30px; }
        .verticalMenu #iconMainbarMenu #showVerticalMenu #mainbar-logo {
          order: 2;
          transition-property: transform;
          transition-duration: 0.5s;
          transition-delay: 0s;
          -ms-transform: rotate(-90deg);
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          width: 70px; }
          .verticalMenu #iconMainbarMenu #showVerticalMenu #mainbar-logo > img {
            width: 70px; }
    .verticalMenu #menu-bar {
      display: block;
      position: absolute;
      top: 10px;
      left: 50px;
      visibility: hidden; }
      .verticalMenu #menu-bar #mainmenu {
        display: block;
        background: rgba(0, 0, 0, 0.9);
        min-width: 240px;
        border-left: 3px solid #ff8300; }
        .verticalMenu #menu-bar #mainmenu .itemmenu {
          display: block;
          border-bottom: 1px solid #ccc;
          min-height: 40px; }
          .verticalMenu #menu-bar #mainmenu .itemmenu a {
            display: inline-block;
            position: relative;
            float: none;
            width: 96%;
            padding-top: 5px;
            padding-bottom: 5px;
            padding-left: 4%;
            text-decoration: none;
            vertical-align: middle;
            color: #fff;
            line-height: 30px; }
            .verticalMenu #menu-bar #mainmenu .itemmenu a span {
              padding-right: 10px; }
          .verticalMenu #menu-bar #mainmenu .itemmenu .children {
            background: #787878; }
            .verticalMenu #menu-bar #mainmenu .itemmenu .children .subitemmenu {
              width: 94%;
              padding-left: 6%; }
              .verticalMenu #menu-bar #mainmenu .itemmenu .children .subitemmenu > a.highLightMenu {
                background: #ff8300;
                color: #fff !important; }
              .verticalMenu #menu-bar #mainmenu .itemmenu .children .subitemmenu .subchildren {
                display: none;
                background: #8c8c8c; }
                .verticalMenu #menu-bar #mainmenu .itemmenu .children .subitemmenu .subchildren .subsubitemmenu {
                  width: 92%;
                  padding-left: 8%; }

  .horizontalMenu {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    /*position: fixed;*/
    max-height: none;
    padding: 0;
    max-width: none;
    min-width: 60%;
    border-bottom: none;
    order: 1; }
    .horizontalMenu #menu-bar {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      width: 100%; }
      .horizontalMenu #menu-bar #mainmenu {
        display: block;
        position: absolute;
        width: 700px;
        top: 0px;
        left: 5px; }
        .horizontalMenu #menu-bar #mainmenu .itemmenu {
          display: block;
          position: relative;
          float: left;
          margin-right: 0px;
          padding: 10px 10px 20px 10px;
          line-height: 33px;
          z-index: 1; }
          .horizontalMenu #menu-bar #mainmenu .itemmenu a {
            display: block;
            position: relative;
            color: #fff;
            text-decoration: none; }
            .horizontalMenu #menu-bar #mainmenu .itemmenu a span {
              display: block;
              position: relative;
              float: left;
              padding-right: 10px;
              font-size: 1.4em;
              padding-top: 7px; }
            .horizontalMenu #menu-bar #mainmenu .itemmenu a #menuButonLabel {
              margin-top: -9px; }
          .horizontalMenu #menu-bar #mainmenu .itemmenu .children {
            display: none;
            position: absolute;
            top: 74%;
            z-index: 2; }
            .horizontalMenu #menu-bar #mainmenu .itemmenu .children .subitemmenu {
              display: block;
              position: relative;
              min-width: 150px;
              height: 50px;
              padding-left: 10px;
              padding-right: 5px;
              background: #787878;
              border-bottom: 1px solid #c8c8c8;
              z-index: 2; }
              .horizontalMenu #menu-bar #mainmenu .itemmenu .children .subitemmenu > a.linkmenu,
              .horizontalMenu #menu-bar #mainmenu .itemmenu .children .subitemmenu a.subExist {
                padding: 8px 0px;
                z-index: 2;
                width: 190px; }
                .horizontalMenu #menu-bar #mainmenu .itemmenu .children .subitemmenu > a.linkmenu > span.nextLevel,
                .horizontalMenu #menu-bar #mainmenu .itemmenu .children .subitemmenu a.subExist > span.nextLevel {
                  float: right;
                  padding-top: 0px;
                  padding-bottom: 0px;
                  color: #c3c3c3; }
              .horizontalMenu #menu-bar #mainmenu .itemmenu .children .subitemmenu .subchildren {
                display: none;
                position: absolute;
                left: 205px;
                top: 0px;
                background: #8c8c8c;
                border-bottom: 1px solid #c8c8c8;
                width: 200px;
                padding-left: 10px;
                padding-right: 10px;
                z-index: inherit; }
                .horizontalMenu #menu-bar #mainmenu .itemmenu .children .subitemmenu .subchildren > li > a.linkmenu {
                  padding: 8px 0px;
                  z-index: 2; }
            .horizontalMenu #menu-bar #mainmenu .itemmenu .children .subitemmenu::last-child {
              border-bottom: none; }
        .horizontalMenu #menu-bar #mainmenu #start {
          width: 100px; }
          .horizontalMenu #menu-bar #mainmenu #start span {
            float: right;
            padding-right: 0px;
            padding-top: -2px;
            font-size: 1.4em; }
          .horizontalMenu #menu-bar #mainmenu #start #mainbar-logo {
            display: inline-block;
            position: absolute;
            margin-top: 0px;
            padding-top: 0px;
            padding-right: 10px;
            width: 70px;
            height: 28px; }
            .horizontalMenu #menu-bar #mainmenu #start #mainbar-logo img {
              width: 70px; } }
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
.nav-buttonsmenu {
  display: block;
  max-width: 90%;
  margin: 20px auto; }

.buttonMenu {
  display: block;
  position: relative;
  float: left;
  margin: 2%;
  width: 29%;
  min-width: 192px;
  padding: 0px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
  /*    -webkit-box-shadow: 0px 0px 16px 4px rgba(224,224,224,0.79);
        -moz-box-shadow: 0px 0px 16px 4px rgba(224,224,224,0.79);
        box-shadow: 0px 0px 16px 4px rgba(224,224,224,0.79);*/ }
  .buttonMenu > a {
    display: block;
    min-width: 98%;
    height: 98%;
    padding: 1%;
    margin: 0px;
    text-decoration: none; }
    .buttonMenu > a > .buttonContainer {
      display: block;
      position: relative;
      width: 190px;
      padding: 0;
      margin: 0 auto; }
      .buttonMenu > a > .buttonContainer img {
        display: block;
        position: relative;
        /*                width: 190px;
                                height: 190px;*/
        margin: 5px auto;
        width: 190px; }
      .buttonMenu > a > .buttonContainer label {
        display: block;
        position: relative;
        width: 90%;
        margin: 20px auto 5px;
        text-align: center;
        color: #4b5c66; }
      .buttonMenu > a > .buttonContainer .buttonLabel {
        display: block;
        position: absolute;
        width: 156px;
        font-size: 1.3em;
        font-weight: 700;
        color: #fff;
        text-align: center;
        top: 122px;
        left: 17px; }

.buttonMenu:hover {
  /*    -webkit-box-shadow: 0px 0px 16px 4px rgba(153,153,153,0.79);
        -moz-box-shadow: 0px 0px 16px 4px rgba(153,153,153,0.79);
        box-shadow: 0px 0px 16px 4px rgba(153,153,153,0.79);*/ }

/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
table,
thead,
tbody,
tr,
td,
th {
  display: block;
  padding: 0; }

td,
th {
  padding: 5px; }

thead {
  display: none; }

tr {
  padding-top: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(74, 92, 104, 0.3); }

/* Estilo zebra*/
tbody tbody tr td {
  background: rgba(0, 0, 0, 0.05) !important; }
tbody tbody tr:nth-child(2n) td {
  background: rgba(0, 0, 0, 0.1) !important; }

table.dataTable {
  padding-top: 10px !important; }
  table.dataTable tbody tr td {
    padding: 3px 10px;
    vertical-align: middle; }
  table.dataTable tbody tr td.sorting_1 {
    background-color: #eaeaea !important; }
  table.dataTable tbody tr:nth-child(2n) td {
    background: rgba(0, 0, 0, 0.1); }
  table.dataTable tbody tr:nth-child(2n) td.sorting_1 {
    background-color: #eaeaea !important; }

.dataTables_filter {
  float: none !important; }

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: normal !important; }

table.dataTable thead .sorting {
  vertical-align: middle; }

td {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-content: center;
  border-bottom: 1px solid #ccc;
  background: #f3f3f3;
  padding: 2%;
  margin: 1%;
  width: 94%; }

.tableContentLabels {
  display: inline-block;
  font-weight: 700; }

table.dataTable {
  padding-top: 10px !important; }
  table.dataTable > tbody > tr > td {
    padding: 3px 10px;
    vertical-align: middle; }

.dataTables_filter {
  float: none !important; }

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: normal !important; }

.dateCol {
  border-right: 1px solid #fff; }

.deviceCol {
  border-right: 1px solid #fff; }

.deviceCol:last-child {
  border-right: unset; }

.lastResource {
  border-right: 1px solid #fff; }

.lastResource:last-child {
  border-right: unset; }

tr.notificationsInfo {
  display: none; }

.notifInfo {
  width: 80%;
  margin-left: 10%; }
  .notifInfo > thead {
    background-color: #4b5c6699; }

.errorMsgCol {
  width: unset;
  word-break: normal; }

table#layoutsFiles > tbody > tr > td.editionActive {
  background: white; }

td > select.sysAlarmPriorityInput {
  width: 45px;
  height: 28px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff; }

@media (min-width: 1024px) {
  .tableContentLabels {
    display: none; }

  table {
    display: table;
    text-align: center;
    width: 100%;
    margin-bottom: 20px; }

  thead {
    display: table-header-group;
    background-color: #4b5c66;
    color: #ffffff;
    font-family: "Titillium-semiBold", sans-serif;
    font-weight: normal !important; }

  tbody {
    display: table-row-group; }

  tr {
    display: table-row; }

  /* Estilo zebra*/
  tbody > tr:nth-child(2n) {
    background: rgba(0, 0, 0, 0.1); }

  td,
  th {
    display: table-cell;
    padding: 5px;
    width: unset;
    vertical-align: middle;
    background: unset; }

  .resultCell {
    min-width: 85px; }
    .resultCell .parametersInput,
    .resultCell .resultWriteParam {
      margin-left: 5px;
      display: inline-block; }
    .resultCell .resultWriteParam {
      width: 10px;
      height: 10px; }

  td.optionActions {
    text-align: center; }
    td.optionActions > .options {
      display: inline-block;
      float: none; }

  #driversTable > tbody > tr > td > .options {
    display: inline-table;
    position: relative;
    float: none;
    text-align: center;
    margin: 0 auto; }

  table.drivertable {
    width: 98%;
    margin-left: auto;
    margin-right: auto; }

  .errorMsgCol {
    width: 200px; } }
tr.badParameterValue {
  background: #fd7979 !important; }

h3.tableHeader {
  margin-top: 20px;
  margin-bottom: 20px; }

/*
 * Creado el 31 de julio de 2019
 */
/**
 * @date Septiembre 2015
 * @version 0.1
 *
 * Contiene todas las variables para los estilos CSS que se usan en los
 * archivos *.scss
 */
/* CONFIGURACIONES POSIBLES SOLO UNA DE TODAS LAS OPCIONES DEBE ESTAR A TRUE*/
/* ---- FIN CONFIGURACIONES POSIBLES ---- */
/* Media querys */
/* Tamaño de las letras */
/* Fuente utilizada */
/* Colores */
/*
// Colores para  REFYSEVAL
$lineaDestacada: #393183;
$borderColor: #393183;
$backgroundForms: $grayTewis10;
$backgroundMenu: #999;
$backgroundMenuChildren: #888;
$backgroundMenuSubChildren: #777;
$borderMenuChildren: #ccc;
$menusFontColor: #fff;
$colorHeaderContainer: #393183;
*/
/* Colores del texto */
/* TAMAÑOS PREDEFINIDOS */
/* Hanchos */
/* Paddings */
/* Margins */
/* Colores corporativos Carrefour *\

/* Colores. Cajas de mensajes */
#sqlEditor {
  display: block;
  position: relative;
  padding: 0px;
  margin: 0px; }
  #sqlEditor p {
    margin-top: 5px;
    margin-left: 20px;
    display: block;
    line-height: 1.2em; }

.input-area {
  position: relative;
  outline: none;
  width: 95%;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  margin-bottom: 15px; }

.preview {
  position: absolute;
  display: inline-block;
  background: #fff;
  padding: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 150px;
  z-index: 3;
  border: 1px solid green; }

.textarea {
  position: absolute;
  display: inline-block;
  padding: 0;
  width: 100%;
  height: 150px;
  z-index: 3;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #fff; }

.cousor {
  position: absolute;
  display: inline-block;
  padding: 0;
  width: 100%;
  height: 150px;
  z-index: 1;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #fff; }

.preview,
.textarea,
.cousor {
  font-size: 17px;
  font-weight: 200;
  font-family: "Source Code Pro", monospace;
  padding: 5px; }

.pointer {
  color: #333; }

span.sqlSimbol {
  color: #017bd8; }

span.sqlKeyWord {
  color: blueviolet; }

span.sqlString {
  color: #47963a; }

span.sqlNum {
  color: #ff0000; }

span.sqlTaboo {
  background: red;
  padding: 3px;
  color: #fff; }

div.outputMsg {
  display: block;
  position: relative;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  width: calc(95% - 2px);
  border: 1px solid red;
  color: red;
  vertical-align: middle; }

div.horizontalForm {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  margin-top: 10px; }

/*# sourceMappingURL=cb-ct-style.css.map */