
img {border:0;}
html {    overflow-y: scroll;}

.nodisplay{ display: none; }
.pointer{ cursor: pointer; }

.shr{
    margin-top:2px;
    margin-bottom: 2px;
}


/*** FONT ICON **** MaterialDesignIcons.com */
@font-face {
    font-family: "Material Design Icons";
    src: url("fonts/materialdesignicons-webfont.eot?v=1.3.41");
    src: url("fonts/materialdesignicons-webfont.eot?#iefix&v=1.3.41") format("embedded-opentype"),
    url("fonts/materialdesignicons-webfont.woff2?v=1.3.41") format("woff2"),
    url("fonts/materialdesignicons-webfont.woff?v=1.3.41") format("woff"),
    url("fonts/materialdesignicons-webfont.ttf?v=1.3.41") format("truetype"),
    url("fonts/materialdesignicons-webfont.svg?v=1.3.41#materialdesigniconsregular") format("svg");
    font-weight: normal;
    font-style: normal;
}
.mdi {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.i10::before {     font-size: 10px; }
.i16::before {     font-size: 16px; }
.i17::before {     font-size: 17px; }
.i20::before {     font-size: 20px; }
.mdix::before {     font-size: 24px; }
.i24::before {     font-size: 24px; }
.i28::before {     font-size: 28px; }
.iii::before {     font-size: inherit;      }
.i32::before {     font-size: 32px;       }
.i40::before {     font-size: 40px; }
.i44::before {     font-size: 44px; }
.i48::before {     font-size: 48px; }
.i60::before {     font-size: 60px; }
.i100::before {     font-size: 100px; }
.i128::before {    font-size: 128px; }


.mdi-access-point:before { content: "\f101";}.mdi-access-point-network:before {content: "\f102";}.mdi-account:before {content: "\f103";}.mdi-account-box:before {content: "\f105";}.mdi-account-outline:before {content: "\f111";}.mdi-airplane:before {content: "\f11a";}.mdi-airplane-off:before { content: "\f11b";}.mdi-alarm:before {  content: "\f11c";}.mdi-alarm-check:before {content: "\f11d";}.mdi-alarm-multiple:before {  content: "\f11e";}
.mdi-alarm-off:before {content: "\f11f";}.mdi-alarm-plus:before {content: "\f120";}.mdi-album:before {content: "\f121";}.mdi-alert:before {content: "\f122";}.mdi-alert-box:before {content: "\f123";}.mdi-alert-circle:before {content: "\f124";}.mdi-alert-octagon:before {content: "\f125";}.mdi-alpha:before {content: "\f126";}.mdi-alphabetical:before {content: "\f127";}.mdi-ambulance:before {  content: "\f12a";}.mdi-android:before {  content: "\f12b";}
.mdi-android-debug-bridge:before {content: "\f12c";}.mdi-android-studio:before {content: "\f12d";}.mdi-apple:before {content: "\f12e";}.mdi-apple-safari:before {content: "\f132";}.mdi-appnet:before {content: "\f133";}.mdi-apps:before {content: "\f134";}.mdi-archive:before {content: "\f135";}.mdi-arrange-bring-forward:before {content: "\f136";}.mdi-arrange-bring-to-front:before {content: "\f137";}.mdi-arrange-send-backward:before {content: "\f138";}.mdi-arrange-send-to-back:before {content: "\f139";}
.mdi-arrow-all:before {content: "\f13a";}.mdi-arrow-bottom-left:before {content: "\f13b";}.mdi-arrow-bottom-right:before {content: "\f13c";}.mdi-arrow-collapse:before {content: "\f13d";}.mdi-arrow-down:before {content: "\f13e";}.mdi-arrow-down-bold:before {content: "\f13f";}.mdi-arrow-down-bold-circle:before {content: "\f140";}.mdi-arrow-down-bold-circle-outline:before {content: "\f141";}.mdi-arrow-down-bold-hexagon-outline:before {content: "\f142";}.mdi-arrow-expand:before {content: "\f143";}.mdi-arrow-left:before {content: "\f144";}
.mdi-arrow-left-bold:before {content: "\f145";}.mdi-arrow-left-bold-circle:before {content: "\f146";}.mdi-arrow-left-bold-circle-outline:before {content: "\f147";}.mdi-arrow-left-bold-hexagon-outline:before {content: "\f148";}.mdi-arrow-right:before {content: "\f149";}.mdi-arrow-right-bold:before {content: "\f14a";}.mdi-arrow-right-bold-circle:before {content: "\f14b";}.mdi-arrow-right-bold-circle-outline:before {content: "\f14c";}.mdi-arrow-right-bold-hexagon-outline:before {content: "\f14d";}.mdi-arrow-top-left:before {content: "\f14e";}.mdi-arrow-top-right:before {content: "\f14f";}
.mdi-arrow-up:before {content: "\f150";}.mdi-arrow-up-bold:before {content: "\f151";}.mdi-arrow-up-bold-circle:before {content: "\f152";}.mdi-arrow-up-bold-circle-outline:before {content: "\f153";}.mdi-arrow-up-bold-hexagon-outline:before {content: "\f154";}.mdi-at:before {content: "\f155";}.mdi-attachment:before {content: "\f156";}.mdi-audiobook:before {content: "\f157";}.mdi-auto-fix:before {content: "\f158";}.mdi-auto-upload:before {content: "\f159";}.mdi-backburger:before {content: "\f15b";}
.mdi-backup-restore:before {content: "\f15c";}.mdi-bank:before {content: "\f15d";}.mdi-barcode:before {content: "\f15e";}.mdi-beaker-empty:before {content: "\f17f";}.mdi-beaker-empty-outline:before {content: "\f180";}.mdi-beaker-outline:before {content: "\f181";}.mdi-bell:before {content: "\f185";}.mdi-bell-off:before {content: "\f186";}.mdi-bell-outline:before { content: "\f187";}.mdi-bell-ring:before {content: "\f188";}.mdi-bell-ring-outline:before {content: "\f189";}
.mdi-bell-sleep:before {content: "\f18a";}.mdi-beta:before {content: "\f18b";}.mdi-biohazard:before {content: "\f190";}.mdi-block-helper:before {content: "\f195";}.mdi-blogger:before {content: "\f196";}.mdi-bluetooth:before {content: "\f197";}.mdi-blur:before {content: "\f19c";}.mdi-blur-linear:before {content: "\f19d";}.mdi-blur-off:before {content: "\f19e";}.mdi-blur-radial:before {content: "\f19f";}.mdi-bone:before {content: "\f1a0";}.mdi-book:before {content: "\f1a1";}.mdi-book-open:before {content: "\f1a4";}
.mdi-briefcase:before {content: "\f1ba";}.mdi-brightness-1:before {content: "\f1be";}.mdi-brightness-2:before {content: "\f1bf";}.mdi-brightness-3:before {content: "\f1c0";}.mdi-brightness-4:before {content: "\f1c1";}.mdi-brightness-5:before {content: "\f1c2";}.mdi-brightness-6:before {content: "\f1c3";}.mdi-brightness-7:before {content: "\f1c4";}.mdi-brightness-auto:before {content: "\f1c5";}.mdi-broom:before {content: "\f1c6";}.mdi-brush:before {content: "\f1c7";}.mdi-bug:before {content: "\f1c8";}.mdi-bulletin-board:before {content: "\f1c9";}
.mdi-bullhorn:before {content: "\f1ca";}.mdi-bus:before {content: "\f1cb";}.mdi-calculator:before {content: "\f1ce";}.mdi-calendar:before {content: "\f1cf";}.mdi-calendar-blank:before {content: "\f1d0";}.mdi-calendar-check:before {content: "\f1d1";}.mdi-calendar-clock:before {content: "\f1d2";}.mdi-camcorder:before {content: "\f1d9";}.mdi-camcorder-box:before {content: "\f1da";}.mdi-camcorder-box-off:before {content: "\f1db";}.mdi-camcorder-off:before {content: "\f1dc";}
.mdi-camera:before {content: "\f1dd";}.mdi-camera-timer:before {content: "\f1e5";}.mdi-candycane:before {content: "\f1e6";}.mdi-car:before {content: "\f1e7";}.mdi-car-battery:before {content: "\f1e8";}.mdi-cart:before {content: "\f1eb";}.mdi-cart-outline:before {content: "\f1ec";}.mdi-cast:before {content: "\f1f2";}.mdi-cast-connected:before {content: "\f1f3";}.mdi-castle:before {content: "\f1f4";}.mdi-cat:before {content: "\f1f5";}.mdi-cellphone:before {content: "\f1f6";}.mdi-certificate:before {content: "\f1fe";}
.mdi-chart-arc:before {content: "\f200";}.mdi-chart-areaspline:before {content: "\f201";}.mdi-chart-bar:before {content: "\f202";}.mdi-chart-histogram:before {content: "\f203";}.mdi-chart-line:before {content: "\f204";}.mdi-chart-pie:before {content: "\f205";}.mdi-check:before {content: "\f206";}.mdi-check-all:before {content: "\f207";}.mdi-checkbox-blank:before {content: "\f208";}.mdi-checkbox-blank-circle:before {content: "\f209";}.mdi-checkbox-blank-circle-outline:before {content: "\f20a";}.mdi-checkbox-blank-outline:before {content: "\f20b";}
.mdi-checkbox-marked:before {content: "\f20c";}.mdi-checkbox-marked-circle:before {content: "\f20d";}.mdi-checkbox-marked-circle-outline:before {content: "\f20e";}.mdi-checkbox-marked-outline:before {content: "\f20f";}.mdi-checkerboard:before {content: "\f214";}.mdi-chevron-double-down:before {content: "\f215";}.mdi-chevron-double-left:before {content: "\f216";}.mdi-chevron-double-right:before {content: "\f217";}.mdi-chevron-double-up:before {content: "\f218";}.mdi-chevron-down:before {content: "\f219";}.mdi-chevron-left:before {content: "\f21a";}
.mdi-chevron-right:before {content: "\f21b";}.mdi-chevron-up:before {content: "\f21c";}.mdi-cisco-webex:before {content: "\f21e";}.mdi-city:before {content: "\f21f";}.mdi-clipboard:before {content: "\f220";}.mdi-clipboard-account:before {content: "\f221";}.mdi-clipboard-check:before {content: "\f225";}.mdi-clipboard-outline:before {content: "\f226";}.mdi-clipboard-text:before {content: "\f227";}.mdi-clippy:before {content: "\f228";}.mdi-clock:before {content: "\f229";}.mdi-clock-fast:before {content: "\f22a";}.mdi-close:before {content: "\f22b";}.mdi-close-box:before {content: "\f22c";}
.mdi-close-box-outline:before {content: "\f22d";}.mdi-close-circle:before {content: "\f22e";}.mdi-close-circle-outline:before {content: "\f22f";}.mdi-close-network:before {content: "\f230";}.mdi-cloud:before {content: "\f232";}.mdi-cloud-check:before {content: "\f233";}.mdi-cloud-circle:before {content: "\f234";}.mdi-cloud-download:before {content: "\f235";}.mdi-cloud-outline:before {content: "\f236";}.mdi-cloud-outline-off:before {content: "\f237";}.mdi-code-array:before {content: "\f23b";}.mdi-code-braces:before {content: "\f23c";}.mdi-code-brackets:before {content: "\f23d";}
.mdi-code-equal:before {content: "\f23e";}.mdi-code-greater-than:before {content: "\f23f";}.mdi-code-less-than:before {content: "\f240";}.mdi-code-less-than-or-equal:before {content: "\f241";}.mdi-code-not-equal:before {content: "\f242";}.mdi-code-not-equal-variant:before {content: "\f243";}.mdi-code-parentheses:before {content: "\f244";}.mdi-code-string:before {content: "\f245";}.mdi-code-tags:before {content: "\f246";}.mdi-codepen:before {content: "\f247";}.mdi-coffee:before {content: "\f248";}.mdi-comment:before {content: "\f24c";}.mdi-comment-alert:before {content: "\f24f";}
.mdi-comment-alert-outline:before {content: "\f250";}.mdi-comment-check:before {content: "\f251";}.mdi-comment-check-outline:before {content: "\f252";}.mdi-comment-outline:before {content: "\f254";}.mdi-compass:before {content: "\f25c";}.mdi-compass-outline:before {content: "\f25d";}.mdi-console:before {content: "\f25e";}.mdi-content-copy:before {content: "\f25f";}.mdi-content-cut:before {content: "\f260";}.mdi-content-duplicate:before {content: "\f261";}.mdi-content-paste:before {content: "\f262";}.mdi-content-save:before {content: "\f263";}.mdi-content-save-all:before {content: "\f264";}
.mdi-contrast:before {content: "\f265";}.mdi-contrast-box:before {content: "\f266";}.mdi-contrast-circle:before {content: "\f267";}.mdi-credit-card:before {content: "\f269";}.mdi-credit-card-scan:before {content: "\f26b";}.mdi-crop:before {content: "\f26c";}.mdi-crop-free:before {content: "\f26d";}.mdi-crosshairs:before {content: "\f271";}.mdi-crosshairs-gps:before {content: "\f272";}.mdi-crown:before {content: "\f273";}.mdi-cube:before {content: "\f274";}.mdi-cube-outline:before {content: "\f275";}.mdi-cube-unfolded:before {content: "\f276";}.mdi-cup:before {content: "\f277";}
.mdi-currency-eur:before {content: "\f27a";}.mdi-currency-gbp:before {content: "\f27b";}.mdi-cursor-default:before {content: "\f281";}.mdi-cursor-default-outline:before {content: "\f282";}.mdi-cursor-move:before {content: "\f283";}.mdi-cursor-pointer:before {content: "\f284";}.mdi-database:before {content: "\f285";}.mdi-delete:before {content: "\f28d";}.mdi-delete-variant:before {content: "\f28e";}.mdi-deskphone:before {content: "\f28f";}.mdi-desktop-mac:before {content: "\f290";}.mdi-desktop-tower:before {content: "\f291";}.mdi-details:before {content: "\f292";}
.mdi-deviantart:before {content: "\f293";}.mdi-diamond:before {content: "\f294";}.mdi-dice:before {content: "\f295";}.mdi-dice-1:before {content: "\f296";}.mdi-dice-2:before {content: "\f297";}.mdi-dice-3:before {content: "\f298";}.mdi-dice-4:before {content: "\f299";}.mdi-dice-5:before {content: "\f29a";}.mdi-dice-6:before {content: "\f29b";}.mdi-directions:before {content: "\f29c";}.mdi-disk-alert:before {content: "\f29d";}.mdi-disqus:before {content: "\f29e";}.mdi-disqus-outline:before {content: "\f29f";}.mdi-division:before {content: "\f2a0";}.mdi-division-box:before {content: "\f2a1";}
.mdi-dns:before {content: "\f2a2";}.mdi-domain:before {content: "\f2a3";}.mdi-dots-horizontal:before {content: "\f2a4";}.mdi-dots-vertical:before {content: "\f2a5";}.mdi-download:before {content: "\f2a6";}.mdi-drag:before {content: "\f2a7";}.mdi-drag-horizontal:before {content: "\f2a8";}.mdi-drag-vertical:before {content: "\f2a9";}.mdi-drawing:before {content: "\f2aa";}.mdi-drawing-box:before {content: "\f2ab";}.mdi-dribbble:before {content: "\f2ac";}.mdi-dribbble-box:before {content: "\f2ad";}.mdi-drone:before {content: "\f2ae";}.mdi-dropbox:before {content: "\f2af";}.mdi-earth:before {content: "\f2b3";}
.mdi-earth-off:before {content: "\f2b4";}.mdi-eject:before {content: "\f2b6";}.mdi-elevation-decline:before {content: "\f2b7";}.mdi-elevation-rise:before {content: "\f2b8";}.mdi-elevator:before {content: "\f2b9";}.mdi-email:before {content: "\f2ba";}.mdi-email-open:before {content: "\f2bb";}.mdi-email-outline:before {content: "\f2bc";}.mdi-email-secure:before {content: "\f2bd";}.mdi-emoticon:before {content: "\f2be";}.mdi-emoticon-cool:before {content: "\f2bf";}.mdi-emoticon-devil:before {content: "\f2c0";}.mdi-emoticon-happy:before {content: "\f2c1";}.mdi-engine:before {content: "\f2c6";}
.mdi-engine-outline:before {content: "\f2c7";}.mdi-equal:before {content: "\f2c8";}.mdi-equal-box:before {content: "\f2c9";}.mdi-eraser:before {content: "\f2ca";}.mdi-escalator:before {content: "\f2cb";}.mdi-exclamation:before {content: "\f2d1";}.mdi-exit-to-app:before {content: "\f2d2";}.mdi-export:before {content: "\f2d3";}.mdi-eye:before {content: "\f2d4";}.mdi-eye-off:before {content: "\f2d5";}.mdi-eyedropper:before {content: "\f2d6";}.mdi-eyedropper-variant:before {content: "\f2d7";}.mdi-facebook:before {content: "\f2d8";}.mdi-facebook-box:before {content: "\f2d9";}.mdi-facebook-messenger:before {content: "\f2da";}
.mdi-factory:before {content: "\f2db";}.mdi-fan:before {content: "\f2dc";}.mdi-fast-forward:before {content: "\f2dd";}.mdi-file:before {content: "\f2e0";}.mdi-file-pdf:before {content: "\f2f0";}.mdi-file-pdf-box:before {content: "\f2f1";}.mdi-film:before {content: "\f2fa";}.mdi-filmstrip:before {content: "\f2fb";}.mdi-filmstrip-off:before {content: "\f2fc";}.mdi-filter:before {content: "\f2fd";}.mdi-filter-outline:before {content: "\f2fe";}.mdi-fingerprint:before {content: "\f302";}.mdi-fire:before {content: "\f303";}.mdi-flag:before {content: "\f306";}.mdi-flag-checkered:before {content: "\f307";}
.mdi-flag-outline:before {content: "\f308";}.mdi-flash:before {content: "\f30c";}.mdi-floppy:before {content: "\f314";}.mdi-flower:before {content: "\f315";}.mdi-folder:before {content: "\f316";}.mdi-folder-outline:before {content: "\f321";}.mdi-folder-plus:before {content: "\f322";}.mdi-folder-remove:before {content: "\f323";}.mdi-forum:before {content: "\f357";}.mdi-forward:before {content: "\f358";}.mdi-fridge:before {content: "\f35a";}.mdi-fullscreen:before {content: "\f35b";}.mdi-fullscreen-exit:before {content: "\f35c";}.mdi-function:before {content: "\f35d";}.mdi-gamepad:before {content: "\f35e";}
.mdi-gamepad-variant:before {content: "\f35f";}.mdi-gas-station:before {content: "\f360";}.mdi-gauge:before {content: "\f361";}.mdi-gavel:before {content: "\f362";}.mdi-gender-female:before {content: "\f363";}.mdi-gender-male:before {content: "\f364";}.mdi-gender-male-female:before {content: "\f365";}.mdi-gender-transgender:before {content: "\f366";}.mdi-gift:before {content: "\f367";}.mdi-glasses:before {content: "\f36f";}.mdi-google-chrome:before {content: "\f372";}.mdi-google-circles:before {content: "\f373";}.mdi-google-circles-communities:before {content: "\f374";}.mdi-google-circles-extended:before {content: "\f375";}
.mdi-google-circles-group:before {content: "\f376";}.mdi-google-controller:before {content: "\f377";}.mdi-google-controller-off:before {content: "\f378";}.mdi-grid:before {content: "\f380";}.mdi-hand-pointing-right:before {content: "\f386";}.mdi-harddisk:before {content: "\f389";}.mdi-headphones:before {content: "\f38a";}.mdi-headphones-box:before {content: "\f38b";}.mdi-heart:before {content: "\f390";}.mdi-heart-box:before {content: "\f391";}.mdi-heart-box-outline:before {content: "\f392";}.mdi-heart-broken:before {content: "\f393";}.mdi-heart-outline:before {content: "\f394";}
.mdi-help:before {content: "\f395";}.mdi-help-circle:before {content: "\f396";}.mdi-hexagon:before {content: "\f397";}.mdi-hexagon-outline:before {content: "\f398";}.mdi-history:before {content: "\f399";}.mdi-hololens:before {content: "\f39a";}.mdi-home:before {content: "\f39b";}.mdi-hospital:before {content: "\f39f";}.mdi-hospital-marker:before {content: "\f3a1";}.mdi-human:before {content: "\f3a5";}.mdi-human-child:before {content: "\f3a6";}.mdi-human-male-female:before {content: "\f3a7";}.mdi-image-area:before {content: "\f3a9";}.mdi-image-filter-center-focus:before {content: "\f3ae";}
.mdi-image-filter-tilt-shift:before {content: "\f3b3";}.mdi-import:before {content: "\f3b5";}.mdi-inbox:before {content: "\f3b6";}.mdi-information:before {content: "\f3b7";}.mdi-information-outline:before {content: "\f3b8";}.mdi-instagram:before {content: "\f3b9";}.mdi-instapaper:before {content: "\f3ba";}.mdi-internet-explorer:before {content: "\f3bb";}.mdi-invert-colors:before {content: "\f3bc";}.mdi-key:before {content: "\f3c0";}.mdi-key-variant:before {content: "\f3c5";}.mdi-keyboard:before {content: "\f3c6";}.mdi-keyboard-variant:before {content: "\f3cd";}.mdi-label:before {content: "\f3ce";}
.mdi-label-outline:before {content: "\f3cf";}.mdi-lan:before {content: "\f3d0";}.mdi-laptop:before {content: "\f3da";}.mdi-launch:before {content: "\f3df";}.mdi-layers:before {content: "\f3e0";}.mdi-layers-off:before {content: "\f3e1";}.mdi-leaf:before {content: "\f3e2";}.mdi-led-off:before {content: "\f3e3";}.mdi-led-on:before {content: "\f3e4";}.mdi-led-outline:before {content: "\f3e5";}.mdi-led-variant-off:before {content: "\f3e6";}.mdi-led-variant-on:before {content: "\f3e7";}.mdi-led-variant-outline:before {content: "\f3e8";}.mdi-library:before {content: "\f3e9";}.mdi-lightbulb:before {content: "\f3ed";}
.mdi-lightbulb-outline:before {content: "\f3ee";}.mdi-link:before {content: "\f3ef";}.mdi-link-off:before {content: "\f3f0";}.mdi-link-variant:before {content: "\f3f1";}.mdi-link-variant-off:before {content: "\f3f2";}.mdi-lock:before {content: "\f3f6";}.mdi-lock-open:before {content: "\f3f7";}.mdi-lock-open-outline:before {content: "\f3f8";}.mdi-lock-outline:before {content: "\f3f9";}.mdi-login:before {content: "\f3fa";}.mdi-logout:before {content: "\f3fb";}.mdi-looks:before {content: "\f3fc";}.mdi-loupe:before {content: "\f3fd";}.mdi-lumx:before {content: "\f3fe";}.mdi-magnet:before {content: "\f3ff";}
.mdi-magnet-on:before {content: "\f400";}.mdi-magnify:before {content: "\f401";}.mdi-magnify-minus:before {content: "\f402";}.mdi-magnify-plus:before {content: "\f403";}.mdi-mail-ru:before {content: "\f404";}.mdi-map:before {content: "\f405";}.mdi-map-marker:before {content: "\f406";}.mdi-map-marker-circle:before {content: "\f407";}.mdi-map-marker-multiple:before {content: "\f408";}.mdi-map-marker-off:before {content: "\f409";}.mdi-map-marker-radius:before {content: "\f40a";}.mdi-margin:before {content: "\f40b";}.mdi-markdown:before {content: "\f40c";}.mdi-marker-check:before {content: "\f40d";}.mdi-martini:before {content: "\f40e";}
.mdi-material-ui:before {content: "\f40f";}.mdi-math-compass:before {content: "\f410";}.mdi-memory:before {content: "\f413";}.mdi-menu:before {content: "\f414";}.mdi-menu-down:before {content: "\f415";}.mdi-menu-left:before {content: "\f416";}.mdi-menu-right:before {content: "\f417";}.mdi-menu-up:before {content: "\f418";}.mdi-message:before {content: "\f419";}.mdi-message-alert:before {content: "\f41a";}.mdi-message-text:before {content: "\f41f";}.mdi-message-text-outline:before {content: "\f420";}.mdi-message-video:before {content: "\f421";}.mdi-microphone:before {content: "\f422";}.mdi-microphone-off:before {content: "\f423";}
.mdi-microphone-outline:before {content: "\f424";}.mdi-minus:before {content: "\f428";}.mdi-minus-box:before {content: "\f429";}.mdi-minus-circle:before {content: "\f42a";}.mdi-minus-circle-outline:before {content: "\f42b";}.mdi-minus-network:before {content: "\f42c";}.mdi-monitor:before {content: "\f42d";}.mdi-more:before {content: "\f42f";}.mdi-mouse:before {content: "\f431";}.mdi-movie:before {content: "\f435";}.mdi-multiplication:before {content: "\f436";}.mdi-multiplication-box:before {content: "\f437";}.mdi-music-box:before {content: "\f438";}.mdi-music-box-outline:before {content: "\f439";}
.mdi-music-circle:before {content: "\f43a";}.mdi-music-note:before {content: "\f43b";}.mdi-music-note-off:before {content: "\f43e";}.mdi-nature:before {content: "\f442";}.mdi-nature-people:before {content: "\f443";}.mdi-navigation:before {content: "\f444";}.mdi-needle:before {content: "\f445";}.mdi-nest-protect:before {content: "\f446";}.mdi-nest-thermostat:before {content: "\f447";}.mdi-newspaper:before {content: "\f448";}.mdi-nfc:before {content: "\f449";}.mdi-nfc-tap:before {content: "\f44a";}.mdi-nfc-variant:before {content: "\f44b";}.mdi-note:before {content: "\f44c";}.mdi-note-outline:before {content: "\f44d";}
.mdi-note-plus:before {content: "\f44e";}.mdi-note-plus-outline:before {content: "\f44f";}.mdi-note-text:before {content: "\f450";}.mdi-numeric:before {content: "\f451";}.mdi-nutriton:before {content: "\f473";}.mdi-odnoklassniki:before {content: "\f474";}.mdi-office:before {content: "\f475";}.mdi-oil:before {content: "\f476";}.mdi-oil-temperature:before {content: "\f477";}.mdi-omega:before {content: "\f478";}.mdi-onedrive:before {content: "\f479";}.mdi-open-in-app:before {content: "\f47a";}.mdi-open-in-new:before {content: "\f47b";}.mdi-palette:before {content: "\f486";}.mdi-paperclip:before {content: "\f490";}
.mdi-parking:before {content: "\f491";}.mdi-pause:before {content: "\f492";}.mdi-pause-circle:before {content: "\f493";}.mdi-pause-circle-outline:before {content: "\f494";}.mdi-pause-octagon:before {content: "\f495";}.mdi-pause-octagon-outline:before { content: "\f496";}.mdi-pen:before {content: "\f498";}.mdi-percent:before {content: "\f49e";}.mdi-pharmacy:before {content: "\f49f";}.mdi-phone:before {content: "\f4a0";}.mdi-phone-bluetooth:before {content: "\f4a1";}.mdi-phone-forward:before {content: "\f4a2";}.mdi-phone-hangup:before {content: "\f4a3";}.mdi-phone-in-talk:before {content: "\f4a4";}
.mdi-phone-incoming:before {content: "\f4a5";}.mdi-phone-locked:before {content: "\f4a6";}.mdi-phone-log:before {content: "\f4a7";}.mdi-phone-missed:before {content: "\f4a8";}.mdi-phone-outgoing:before {content: "\f4a9";}.mdi-phone-paused:before {content: "\f4aa";}.mdi-phone-settings:before {content: "\f4ab";}.mdi-phone-voip:before {content: "\f4ac";}.mdi-pig:before {content: "\f4ad";}.mdi-pill:before {content: "\f4ae";}.mdi-pin:before {content: "\f4af";}.mdi-pin-off:before {content: "\f4b0";}.mdi-pinterest:before {content: "\f4b3";}.mdi-play:before {content: "\f4b6";}.mdi-play-box-outline:before {content: "\f4b7";}
.mdi-play-circle:before {content: "\f4b8";}.mdi-play-circle-outline:before {content: "\f4b9";}.mdi-playlist-minus:before {content: "\f4ba";}.mdi-playlist-play:before {content: "\f4bb";}.mdi-playlist-plus:before {content: "\f4bc";}.mdi-playlist-remove:before {content: "\f4bd";}.mdi-playstation:before {content: "\f4be";}.mdi-plus:before {content: "\f4bf";}.mdi-plus-box:before {content: "\f4c0";}.mdi-plus-circle:before {content: "\f4c1";}.mdi-plus-circle-outline:before {content: "\f4c2";}.mdi-plus-network:before {content: "\f4c3";}.mdi-plus-one:before {content: "\f4c4";}.mdi-pocket:before {content: "\f4c5";}
.mdi-polaroid:before {content: "\f4c6";}.mdi-pound:before {content: "\f4cb";}.mdi-pound-box:before {content: "\f4cc";}.mdi-power:before {content: "\f4cd";}.mdi-power-settings:before {content: "\f4ce";}.mdi-power-socket:before {content: "\f4cf";}.mdi-presentation:before {content: "\f4d0";}.mdi-presentation-play:before {content: "\f4d1";}.mdi-printer:before {content: "\f4d2";}.mdi-printer-3d:before {content: "\f4d3";}.mdi-printer-alert:before {content: "\f4d4";}.mdi-professional-hexagon:before {content: "\f4d5";}.mdi-projector:before {content: "\f4d6";}.mdi-projector-screen:before {content: "\f4d7";}
.mdi-pulse:before {content: "\f4d8";}.mdi-puzzle:before {content: "\f4d9";}.mdi-qrcode:before {content: "\f4da";}.mdi-quadcopter:before {content: "\f4db";}.mdi-quality-high:before {content: "\f4dc";}.mdi-quicktime:before {content: "\f4dd";}.mdi-radar:before {content: "\f4de";}.mdi-radiator:before {content: "\f4df";}.mdi-radio:before {content: "\f4e0";}.mdi-radio-handheld:before {content: "\f4e1";}.mdi-radio-tower:before {content: "\f4e2";}.mdi-radioactive:before {content: "\f4e3";}.mdi-radiobox-blank:before {content: "\f4e4";}.mdi-radiobox-marked:before {content: "\f4e5";}.mdi-raspberrypi:before {content: "\f4e6";}
.mdi-rdio:before {content: "\f4e7";}.mdi-read:before {content: "\f4e8";}.mdi-readability:before {content: "\f4e9";}.mdi-receipt:before {content: "\f4ea";}.mdi-recycle:before {content: "\f4eb";}.mdi-reddit:before {content: "\f4ec";}.mdi-redo:before {content: "\f4ed";}.mdi-redo-variant:before {content: "\f4ee";}.mdi-refresh:before {content: "\f4ef";}.mdi-regex:before {content: "\f4f0";}.mdi-relative-scale:before {content: "\f4f1";}.mdi-reload:before {content: "\f4f2";}.mdi-remote:before {content: "\f4f3";}.mdi-rename-box:before {content: "\f4f4";}.mdi-repeat:before {content: "\f4f5";}.mdi-repeat-off:before {content: "\f4f6";}
.mdi-repeat-once:before {content: "\f4f7";}.mdi-replay:before {content: "\f4f8";}.mdi-reply:before {content: "\f4f9";}.mdi-reply-all:before {content: "\f4fa";}.mdi-reproduction:before {content: "\f4fb";}.mdi-resize-bottom-right:before {content: "\f4fc";}.mdi-responsive:before {content: "\f4fd";}.mdi-rewind:before {content: "\f4fe";}.mdi-ribbon:before {content: "\f4ff";}.mdi-road:before {content: "\f500";}.mdi-road-variant:before {content: "\f501";}.mdi-rocket:before {content: "\f502";}.mdi-rotate-3d:before {content: "\f503";}.mdi-rotate-left:before {content: "\f504";}.mdi-rotate-left-variant:before {content: "\f505";}
.mdi-rotate-right:before {content: "\f506";}.mdi-rotate-right-variant:before {content: "\f507";}.mdi-routes:before {content: "\f508";}.mdi-rss:before {content: "\f509";}.mdi-rss-box:before {content: "\f50a";}.mdi-ruler:before {content: "\f50b";}.mdi-run:before {content: "\f50c";}.mdi-sale:before {content: "\f50d";}.mdi-satellite:before {content: "\f50e";}.mdi-satellite-variant:before {content: "\f50f";}.mdi-scale:before {content: "\f510";}.mdi-scale-bathroom:before {content: "\f511";}.mdi-school:before {content: "\f512";}.mdi-screen-rotation:before {content: "\f513";}.mdi-screen-rotation-lock:before {content: "\f514";}
.mdi-screwdriver:before {content: "\f515";}.mdi-script:before {content: "\f516";}.mdi-sd:before {content: "\f517";}.mdi-seal:before {content: "\f518";}.mdi-security:before {content: "\f519";}.mdi-security-network:before {content: "\f51a";}.mdi-select:before {content: "\f51b";}.mdi-select-all:before {content: "\f51c";}.mdi-select-inverse:before {content: "\f51d";}.mdi-select-off:before {content: "\f51e";}.mdi-selection:before {content: "\f51f";}.mdi-send:before {content: "\f520";}.mdi-settings:before {content: "\f529";}.mdi-settings-box:before {content: "\f52a";}.mdi-shape-plus:before {content: "\f52b";}
.mdi-share:before {content: "\f52c";}.mdi-share-variant:before {content: "\f52d";}.mdi-shield:before {content: "\f52e";}.mdi-shield-outline:before {content: "\f52f";}.mdi-shredder:before {content: "\f532";}.mdi-shuffle:before {content: "\f533";}.mdi-sigma:before {content: "\f534";}.mdi-sign-caution:before {content: "\f535";}.mdi-signal:before {content: "\f536";}.mdi-sim:before {content: "\f53b";}.mdi-sim-alert:before {content: "\f53c";}.mdi-sim-off:before {content: "\f53d";}.mdi-sitemap:before {content: "\f53e";}.mdi-skip-next:before {content: "\f53f";}.mdi-skip-previous:before {content: "\f540";}.mdi-skype:before {content: "\f541";}
.mdi-skype-business:before {content: "\f542";}.mdi-sleep:before {content: "\f543";}.mdi-sleep-off:before {content: "\f544";}.mdi-soundcloud:before {content: "\f550";}.mdi-source-fork:before {content: "\f551";}.mdi-source-pull:before {content: "\f552";}.mdi-speaker:before {content: "\f553";}.mdi-speaker-off:before {content: "\f554";}.mdi-speedometer:before {content: "\f555";}.mdi-spellcheck:before {content: "\f556";}.mdi-spotify:before {content: "\f557";}.mdi-spotlight:before {content: "\f558";}.mdi-spotlight-beam:before {content: "\f559";}.mdi-square-inc:before {content: "\f55a";}.mdi-stairs:before {content: "\f55d";}
.mdi-star:before {content: "\f55e";}.mdi-star-circle:before {content: "\f55f";}.mdi-star-half:before {content: "\f560";}.mdi-star-outline:before {content: "\f561";}.mdi-stop:before {content: "\f566";}.mdi-sunglasses:before {content: "\f56b";}.mdi-swap-horizontal:before {content: "\f56c";}.mdi-swap-vertical:before {content: "\f56d";}.mdi-swim:before {content: "\f56e";}.mdi-sword:before {content: "\f56f";}.mdi-sync:before {content: "\f570";}.mdi-sync-alert:before {content: "\f571";}.mdi-sync-off:before {content: "\f572";}.mdi-tab:before {content: "\f573";}.mdi-tab-unselected:before {content: "\f574";}.mdi-table:before {content: "\f575";}
.mdi-tablet:before {content: "\f580";}.mdi-tablet-android:before {content: "\f581";}.mdi-tag:before {content: "\f583";}.mdi-tag-multiple:before {content: "\f585";}.mdi-tag-outline:before {content: "\f586";}.mdi-tag-text-outline:before {content: "\f587";}.mdi-target:before {content: "\f588";}.mdi-taxi:before {content: "\f589";}.mdi-teamviewer:before {content: "\f58a";}.mdi-telegram:before {content: "\f58b";}.mdi-television:before {content: "\f58c";}.mdi-television-guide:before {content: "\f58d";}.mdi-temperature-celsius:before {content: "\f58e";}.mdi-temperature-fahrenheit:before {content: "\f58f";}
.mdi-temperature-kelvin:before {content: "\f590";}.mdi-tennis:before {content: "\f591";}.mdi-tent:before {content: "\f592";}.mdi-texture:before {content: "\f596";}.mdi-theater:before {content: "\f597";}.mdi-theme-light-dark:before {content: "\f598";}.mdi-thermometer:before {content: "\f599";}.mdi-thermometer-lines:before {content: "\f59a";}.mdi-thumb-down:before {content: "\f59b";}.mdi-thumb-down-outline:before {content: "\f59c";}.mdi-thumb-up:before {content: "\f59d";}.mdi-thumb-up-outline:before {content: "\f59e";}.mdi-thumbs-up-down:before {content: "\f59f";}.mdi-timelapse:before {content: "\f5a3";}
.mdi-timer:before {content: "\f5a4";}.mdi-timer-off:before {content: "\f5a7";}.mdi-timer-sand:before {content: "\f5a8";}.mdi-timetable:before {content: "\f5a9";}.mdi-toggle-switch:before {content: "\f5aa";}.mdi-toggle-switch-off:before {content: "\f5ab";}.mdi-tooltip:before {content: "\f5ac";}.mdi-tooltip-outline:before {content: "\f5af";}.mdi-tooltip-outline-plus:before {content: "\f5b0";}.mdi-tooltip-text:before {content: "\f5b1";}.mdi-tor:before {content: "\f5b2";}.mdi-traffic-light:before {content: "\f5b3";}.mdi-train:before {content: "\f5b4";}.mdi-tram:before {content: "\f5b5";}.mdi-transfer:before {content: "\f5b8";}
.mdi-tree:before {content: "\f5b9";}.mdi-trending-down:before {content: "\f5bb";}.mdi-trending-neutral:before {content: "\f5bc";}.mdi-trending-up:before {content: "\f5bd";}.mdi-tumblr-reblog:before {content: "\f5c7";}.mdi-twitch:before {content: "\f5c8";}.mdi-twitter:before {content: "\f5c9";}.mdi-twitter-box:before {content: "\f5ca";}.mdi-twitter-circle:before {content: "\f5cb";}.mdi-twitter-retweet:before {content: "\f5cc";}.mdi-ubuntu:before {content: "\f5cd";}.mdi-umbrella:before {content: "\f5ce";}.mdi-umbrella-outline:before {content: "\f5cf";}.mdi-undo:before {content: "\f5d0";}.mdi-undo-variant:before {content: "\f5d1";}
.mdi-unfold-less:before {content: "\f5d2";}.mdi-unfold-more:before {content: "\f5d3";}.mdi-ungroup:before {content: "\f5d4";}.mdi-untappd:before {content: "\f5d5";}.mdi-upload:before {content: "\f5d6";}.mdi-usb:before {content: "\f5d7";}.mdi-vector-arrange-above:before {content: "\f5d8";}.mdi-vector-arrange-below:before {content: "\f5d9";}.mdi-vector-combine:before {content: "\f5da";}.mdi-vector-curve:before {content: "\f5db";}.mdi-vector-difference:before {content: "\f5dc";}.mdi-vector-difference-ab:before {content: "\f5dd";}.mdi-vector-difference-ba:before {content: "\f5de";}.mdi-vector-intersection:before {content: "\f5df";}
.mdi-vector-point:before {content: "\f5e0";}.mdi-vector-selection:before {content: "\f5e1";}.mdi-vector-square:before {content: "\f5e2";}.mdi-vector-union:before {content: "\f5e3";}.mdi-verified:before {content: "\f5e4";}.mdi-vibrate:before {content: "\f5e5";}.mdi-video:before {content: "\f5e6";}.mdi-video-off:before {content: "\f5e7";}.mdi-video-switch:before {content: "\f5e8";}.mdi-view-agenda:before {content: "\f5e9";}.mdi-view-array:before {content: "\f5ea";}.mdi-view-carousel:before {content: "\f5eb";}.mdi-view-column:before {content: "\f5ec";}.mdi-view-dashboard:before {content: "\f5ed";}.mdi-view-day:before {content: "\f5ee";}
.mdi-view-grid:before {content: "\f5ef";}.mdi-view-headline:before {content: "\f5f0";}.mdi-view-list:before {content: "\f5f1";}.mdi-view-module:before {content: "\f5f2";}.mdi-view-quilt:before {content: "\f5f3";}.mdi-view-stream:before {content: "\f5f4";}.mdi-view-week:before {content: "\f5f5";}.mdi-voicemail:before {content: "\f5fb";}.mdi-volume-high:before {content: "\f5fc";}.mdi-volume-low:before {content: "\f5fd";}.mdi-volume-medium:before {content: "\f5fe";}.mdi-volume-off:before {content: "\f5ff";}.mdi-vpn:before {content: "\f600";}.mdi-walk:before {content: "\f601";}.mdi-wallet:before {content: "\f602";}
.mdi-wan:before {content: "\f606";}.mdi-watch:before {content: "\f607";}.mdi-watch-export:before {content: "\f608";}.mdi-watch-import:before {content: "\f609";}.mdi-water:before {content: "\f60a";}.mdi-water-off:before {content: "\f60b";}.mdi-water-pump:before {content: "\f60c";}.mdi-weather-cloudy:before {content: "\f60d";}.mdi-weather-fog:before {content: "\f60e";}.mdi-weather-hail:before {content: "\f60f";}.mdi-weather-lightning:before {content: "\f610";}.mdi-weather-night:before {content: "\f611";}.mdi-weather-partlycloudy:before {content: "\f612";}.mdi-weather-pouring:before {content: "\f613";}.mdi-weather-rainy:before {content: "\f614";}
.mdi-weather-snowy:before {content: "\f615";}.mdi-weather-sunny:before {content: "\f616";}.mdi-weather-sunset:before {content: "\f617";}.mdi-weather-sunset-down:before {content: "\f618";}.mdi-weather-sunset-up:before {content: "\f619";}.mdi-weather-windy:before {content: "\f61a";}.mdi-weather-windy-variant:before {content: "\f61b";}.mdi-web:before {content: "\f61c";}.mdi-webcam:before {content: "\f61d";}.mdi-weight:before {content: "\f61e";}.mdi-weight-kilogram:before {content: "\f61f";}.mdi-whatsapp:before {content: "\f620";}.mdi-wheelchair-accessibility:before {content: "\f621";}.mdi-white-balance-auto:before {content: "\f622";}
.mdi-white-balance-incandescent:before {content: "\f623";}.mdi-white-balance-irradescent:before {content: "\f624";}.mdi-white-balance-sunny:before {content: "\f625";}.mdi-wifi:before {content: "\f626";}.mdi-window-close:before {content: "\f629";}.mdi-window-closed:before {content: "\f62a";}.mdi-window-maximize:before {content: "\f62b";}.mdi-window-minimize:before {content: "\f62c";}.mdi-window-open:before {content: "\f62d";}.mdi-window-restore:before {content: "\f62e";}.mdi-windows:before {content: "\f62f";}.mdi-youtube-play:before {content: "\f63c";} .mdi-wrench:before {   content: "\f633";}

/***  dodatki i modyfikacje w3 */
.p10{ padding:10px}
.add_rel{ position: relative}

.w4-bar {
    width: 100%;
    overflow: hidden;
}
.w4-bar .w4-bar-item {

    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0;
}

/***    cienie  */
.shadow-0 {  xborder: 1px solid #eee; }
.shadow-1 {  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
.shadow-2 {  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); }
.shadow-3 {  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24); }
.shadow-4 {  box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);}
.shadow-5 {  box-shadow: 0 40px 77px 0 rgba(0, 0, 0, 0.22), 0 27px 24px 0 rgba(0, 0, 0, 0.2); }

/***  Wizards */

.wizard_base_class{
    position:absolute;
    top:0px;
    left:0px;
    padding:0px;
    margin:0px;
}

.wizard_list_base_class{
    position: relative;
    padding:0px;
    margin:0px;
    width:100%;
}

/***  ScrollBox  */

.scrollbox_wrapper{
    overflow: hidden  ;
    position:relative;
    z-index:1;
}
.scrollbox{
    position: relative;

    /* Prevent native touch events on Windows */
    -ms-touch-action: none;
    /* Prevent the callout on tap-hold and text selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Prevent text resize on orientation change, useful for web-apps */
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
    /* Prevent elements to be highlighted on tap */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    /* Put the scroller into the HW Compositing layer right from the start */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}


.user_display {
    vertical-align: top;
    color: white;
    font-size: 12px;
    line-height: 14px;
    min-width: 140px;
    max-width: 140px;
    padding: 3px;
    padding-left: 10px;
    float: right;
}

.user_timer {

    background-color:red;
    border-radius: 95px;
    color: white;
    font-size: 11px;
    text-align: right;
    line-height: 14px;
    min-width: 70px;
    max-width: 70px;
    padding: 2px;
    padding-right: 10px;
    position: absolute;
    top:27px;
    right:3px;
}


/*** dataset TABLE */
table.dataset_0, table.dataset_1, table.dataset_2  {
    border-collapse: collapse;
    table-layout: fixed;
    border-spacing: 0;
    empty-cells: show;
    color:#34395e;

}
table.dataset_0  {
    color:#2C2C2C;
    background-color: #F9F9F9;
}

table.dataset_0 td, table.dataset_0 th {
    padding: 6px 4px;
    vertical-align: top;
    border: 1px solid #ccc ;
    word-break:break-word;
    line-height: 1;

}
table.dataset_0 th {
    background-color: #223540;
    color: white;
    text-align: left;
    font-weight:normal  ;

}
table.dataset_0 tr:nth-child(even) {
    background-color: #F2FFE6;
    color:#34395e;
}



table.dataset_1  {
    color:#FBFBFB;
    background-color: #2C2C2C;
}
table.dataset_1 td, table.dataset_1 th {
    padding: 6px 4px;
    vertical-align: top;
    border: 1px solid #9B9B9B ;
    word-break:break-word;
    line-height: 1;
}
table.dataset_1 th {
    background-color: whitesmoke;
    color: black;

    text-align: left;
    font-weight:normal  ;

}
table.dataset_1 tr:nth-child(even) {
    background-color:#4E4E4E;
    color:white;
}


table.dataset_2  {
    color:#F0FEFE;
    background-color: #2C2C2C;
}
table.dataset_2 td, table.dataset_2 th {
    padding: 6px 4px;
    vertical-align: top;
    border: 1px solid #57A2DB ;
    word-break:break-word;
    line-height: 1;
}
table.dataset_2 th {
    background-color: #00345C;
    color: #F0FEFE;
    text-align: left;
    font-weight:normal  ;

}
table.dataset_2 tr:nth-child(even) {
    background-color:#022038;
    color:white;
}

.dt_load{
    display: inline;
    margin-left: 0px;
    background-color: red;
    color:white;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-left:3px;
    animation: dtl_blinker 0.5s linear infinite;
}

.dt_sf {
    display: inline;
    font-size: 10px;
    padding: 0;
    margin: 0;
}

/***   button  */
.btn{
    display: inline-block;
    padding: 6px 8px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #0a1b0e;
    outline:none;
}
.btndisabled{
    display: inline-block;
    padding: 6px 8px;
    margin: 1px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #0a1b0e;
    outline:none;
    background-color: #ffffff;
    color:silver;
}
.btn:disabled
{
    background-color: #ffffff;
    color:silver;
}

.btn:disabled:hover
{
    background-color: #ffffff;
    color:silver;
}

.btn:hover{
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.btn-dlg{
    font-size: 22px;
    width: 90px;
    min-height: 50px;
    margin:10px;
}
.btn-dlg2{
    font-size: 12px;
    width: 40px;
    min-height: 50px;
    margin:5px;
}


.btn-dlgw{width:auto;}

.btn-bg{
    font-size: 22px;
    min-height: 50px;
    margin:10px;
}
.btn-bg2{
    min-height: 60px;
    margin:20px;
}
.btn-bg3{
    min-height: 60px;

}
.btn-big{
    font-size:22px;
}

.btn-kw{ max-width: 60px; }
.btn-mdl{ min-width: 240px;
    font-size: 18px;
}

.btn-red{  background-color: #ef553a;  color:#ffffff;     border: 1px solid #ed4122; }
.btn-red:hover{     background-color:#E43212; }

.btn-silver{ background-color: #EEEEEE;  color:#000000;  border: 1px solid #808080; }
.btn-silver:hover{     background-color:#E2E2E2; }

.btn-black{  background-color: #3b3b3b;  color:#ffffff;   border: 1px solid #000000; }
.btn-black:hover{ background-color:#000000; }

.btn-blue{
    background-color: #2196f3;
    color:#ffffff;
    border: 1px solid #1c94f3;
}
.btn-blue:hover{
    background-color:#0C7CD5;
}

.btn-yellow{
    background-color: #ffeb3b;
    color:#000000;
    border: 1px solid #ffea36;
}
.btn-yellow:hover{
    background-color:#FFE608;
}

.btn-green{
    background-color: #4caf50;
    color:#ffffff;
    border: 1px solid #4aab4e;
}
.btn-green:hover{
    background-color:#3D8B40;
}

.btn-teal{
    background-color: #1abc9c;
    color:#ffffff;
    border: 1px solid #17a689;
}
.btn-teal:hover{
    background-color:#15987E;
}


.btn-orange{
    background-color: #F57A12;
    color:#ffffff;
    border: 1px solid #F78324;
}
.btn-orange:hover{
    background-color:#E06A0A;
}



.wbr{
    border: 1px solid #F7F7F7;
}

.btnc{
    text-align: center;
}

.btn-zover{z-index: 80;  position: relative;}

.lbround{border-bottom-left-radius: 15px;}
.rbround{border-bottom-right-radius: 15px;}


.kit_button_top {
    position: fixed;
    display:none;
    bottom: 25px;
    right:20px;
    height: 50px;
    width: 50px;
    padding:0px;

}


.kit_form_label{

    font-size: 13px;
    padding: 0;
    vertical-align: bottom;
    line-height: 1;
    text-align: right;
}
.kit_form_label2{

    font-size: 14px;
    padding: 0;
    vertical-align: bottom;
    line-height: 1;

}


.kit_form_input{
    display: block;
    border-color: #0a1b0e;
    border-width: 1px;
    width:20px;

}





.smlc{
    font-size: 14px;

}
.smlm{
    font-size: 12px;
    display:inline;
    margin-left:20px;

}
.smlhr{
    margin: 4px 0;
}

/*******************************************    VIEW  */
.xyarea, .kit_status_bar {
    position: relative;
}
.kit_view_container{
    margin-left: auto;
    margin-right: auto;
    padding:0px;
    overflow:hidden;
}


/***   Header  */
.kit_view_header{
    min-height:30px;
    padding:0px;
}

.kit_view_header_0{
    background-color: #CF9;

}
.kit_view_header_1{
    background-color: #CF9 ;
    color:#000;
}


.kit_view_header_2{
    background-color:  #41FF00 ;
    color:#000000;
}

/*** toolbar   */

.nfw_toolbar_0{
    background-color: #D4D9D7;
    color:black;
}
.nfw_toolbar_1{
    background-color: #010101;
    color:white;
}
.nfw_toolbar_2{
    background-color: #003F5F;
    color:white;
}


/***   content  */
.kit_view_content_box{
    position: absolute;
    top: 0px;
    left: 0px;
    width:100%;

}

.kit_view_content{
    width: 100%;
    padding:0px;
    overflow:hidden;
    font-size: 14px;

}
.kit_view_content_0{
    background-color: #F1F3F8;
    color:#000000;

}
.kit_view_content_1{
    background-color: #292929;
    color:#fff;

}
.kit_view_content_2{

    color:#ffffff;
    border-left: 1px gray solid;
    border-right: 1px gray solid;
}



/***   footer  */
.kit_footer{  width:100%; }

.kit_view_footer {

    font-size: 13px;
    padding-left: 10px;
    background-color: #253138;
    color: #fff;
    height:20px;
}
.kit_view_footer_box{
    background-color: #0050ef;
    padding:2px;
    padding-right:4px;
    padding-left: 4px;
    font-size: 10px;
    margin-right: 10px;
}

/***   status bar  */
.kit_status_bar{
    padding:1px;
    padding-left: 4px;
    background-color: #4C4C4C;
    color: #ffffff ;
    height: 30px;
}


.kit_status_bar_btn{
    border: 1px solid #4C4C4C;
    margin-right: 5px;

}
.kit_status_bar_btn:hover{
    border: 1px solid #eee;
}



.kit_status_bar_ajax_status{
    font-size: 11px;
    padding-right: 10px;
    padding-left:5px;
    padding-top: 5px;
    width:90px;
    display:inline;
}


.info_box {
    background: #dd1100 no-repeat;
    font-size: 12px;
    padding:5px;
    color: #ffffff;
    width: 350px;
    height: 251px;
    position: absolute;
    display: none;
    z-index: 999;
}


/*theme elements*/

.th_div_0{
    background-color: #F9F9F9;
    border: 1px solid gray;

}
.th_div_1{
    background-color: #3E3E3E;
    border: 1px solid black;
}

.th_div_2{
    background-color: black;
    border: 1px solid white;
}

/*NUP*/













.kit_status_barX {
    background-color: #4C4C4C;
    font-size: 16px;
    color:#FFF;
    z-index: 99999;
    width: 100%;
    height:30px;
    margin:0px;
    padding:0px;
}

.kit_status_bar_rightc{
    float:right;
    height:100%;
}
.kit_status_bar_sl{
    float:left;
    height:100%;
}
.kit_status_bar_wrap{
    padding:3px;
}
.kit_status_bar_line{
    background-color: #010101;
    margin:0px;
    padding:0px;
}
.kit_status_bar_line_i{
    background-color: #A4A4A4;
    height:1px;
    margin:0px;
    padding:0px;
    width:30%;
}

.kit_status_bar_big_alarm{
    //background-color: #010101;
    margin:0px;
    padding:0px;
}


.kit_left_slide_box,.kit_right_slide_box{
    position:absolute;
    box-sizing: content-box ;
    top:0;
    z-index: 80;
}


.kit_left_slide_box{
    left:0;
    padding:5px;
}

.kit_left_slide_box_boff{
    position: absolute;
    cursor: pointer;
}

.kit_left_slide_box_head{
    padding:5px;
    width: 100%;
    background-color: #79C679;
    margin-top:-5px;
    margin-left:-5px;
}

.kit_left_slide_box_0{
    background-color: #F9F9F9;
    color: #000;;
    border: 1px silver solid;
    border-left:0;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.kit_left_slide_box_1{
    background-color: #424242;
    color:#ffffff;
    border: 1px gray solid;
    border-left:0px;
    box-shadow: 0 6px 20px 0 rgba(255, 255, 255, 0.16), 0 16px 28px 0 rgba(255, 255, 255, 0.26);
}
.kit_left_slide_box_2{
    background-color: #1E1E1E;
    color:#ffffff;
    border: 1px #385769 solid;
    border-left:0px;
    box-shadow: 0 25px 55px 0 rgba(255, 255, 255, 0.21), 0 16px 28px 0 rgba(255, 255, 255, 0.22);
}

.kit_right_slide_box{
    right:0px;
    padding:5px;
}


.kit_right_slide_box_0{
    background-color: #F9F9F9;
    color: #000;;
    border: 1px silver solid;
    border-left:0;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.kit_right_slide_box_1{
    background-color: #424242;
    color:#ffffff;
    border: 1px gray solid;
    border-right:0px;
    box-shadow: 0 6px 20px 0 rgba(255, 255, 255, 0.16), 0 16px 28px 0 rgba(255, 255, 255, 0.26);
}
.kit_right_slide_box_2{
    background-color: #1E1E1E;
    color:#ffffff;
    border: 1px #385769 solid;
    border-left:0px;
    box-shadow: 0 25px 55px 0 rgba(255, 255, 255, 0.21), 0 16px 28px 0 rgba(255, 255, 255, 0.22);
}



.kit_right_slide_box_btn{
    border: 1px solid #4C4C4C;
    margin-right: 5px;

}
.kit_right_slide_box_btn:hover{

    border: 1px solid #eee;
}









/********************************    dialogi  ********************************/


/****overlay  https://metroui.org.ua/metro/css/metro-all.css?ver=4.2.43 */
.ribbed-black {
    background: #000000 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important;
}
.ribbed-red {
    background: #ce352c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important;
}

.ribbed-white {
    background: #ffffff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 20px 20px !important;
}


.ribbed-amber {
    background: #f0a30a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 20px 20px !important;
}

.ribbed-steel {
    background: #647687 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
    background-size: 20px 20px !important;
}

.koverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
}

.kdialog_body_0,.kdialog_body_1,.kdialog_body_2{
    position:absolute;
}

.kdialog_body_0 {
    background-color: #FFFFFF;
    color: #000000;
    box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24);
}

.kdialog_body_1 {
    background-color: #F3F3F3;
    color: #000000;
    border: 1px solid #222230  ;
}

.kdialog_body_2 {
    background-color: #FFFFFF;
    color: #000000;
    opacity: 0.9;
    box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24);
}


.modal_dialog{
    position: absolute;
    z-index: 20000;
}

.inputtxt{
    color: #000000;
    background-color: #F3F3F3;
    border-style:solid; border-color:#000000; border-width: 1px;
    font-size: 18px;
}

.kdialog_header{
    padding:5px;
    margin:0;
    width: auto;
    min-height: 25px;
    font-size: 18px;
}

.kdialog_header_0{
    background-color: #363636;
    color: #ffffff;
}

.kdialog_header_1{
    background-color: #222230;
    color: #ffffff;
}

.kdialog_header_2{
    background-color:#134053;
    color: white;
    opacity: 0.9;
    border-top: 3px solid #AFF7F3  ;
    border-bottom: 1px solid #0C8A8D  ;
}

.kdialog_body_l{
    background-color: #FFF200;

}
.kdialog_body_li{
    position:absolute;
    left:150px;
}

.kdialog_buttonp{
    min-height: 10px;
    padding: 0px;
    position: absolute;
    bottom: -14px;
    left: 0;
}

.btn-calc{
    width:60px;
    min-height:50px;
    text-align: center;
    font-size: 30px;
    margin: 1px;
}

.btn-pin{
    width:80px;
    min-height:55px;
    text-align: center;
    font-size: 30px;
}

.calc_screen {
    width:246px;
    background-color: #4F4F4F;
    color: #fff;
    font-size: 30px;
    margin-bottom: 10px;
    padding: 5px;
    border: none;
    text-align: right;
    font-weight: 200;
    letter-spacing: 5px;
}

.blink_mef {
    animation: blinker 0.2s linear infinite;
}

.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% { opacity: 0.0; }
}

.blink_meon {
    animation: blinker 1s step-start infinite;
}



@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 2s linear infinite;
}


.giptd{
    max-width: 200px;
    min-width: 200px;
    padding: 5px;
    background-color: #800000
}
.giptdl{
    color: white;
    font-size: 11px
}
.giptr{
    max-height: 200px;
    min-height: 200px;
}
