@font-face {
    font-family: 'icomoon';
    src: url('http://mosoda.skiparikft.net//res/skins/default/font/icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class*="icon-"] {
  
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
     font-family: 'icomoon';

    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";

  
    -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";
}
.icon-uni21:before {
    content: "\21";
}
.icon-uni22:before {
    content: "\22";
}
.icon-uni23:before {
    content: "\23";
}
.icon-uni24:before {
    content: "\24";
}
.icon-uni25:before {
    content: "\25";
}
.icon-uni26:before {
    content: "\26";
}
.icon-uni27:before {
    content: "\27";
}
.icon-uni28:before {
    content: "\28";
}
.icon-uni29:before {
    content: "\29";
}
.icon-uni2A:before {
    content: "\2a";
}
.icon-uni2B:before {
    content: "\2b";
}
.icon-uni2C:before {
    content: "\2c";
}
.icon-uni2D:before {
    content: "\2d";
}
.icon-uni2E:before {
    content: "\2e";
}
.icon-uni2F:before {
    content: "\2f";
}
.icon-uni30:before {
    content: "\30";
}
.icon-uni31:before {
    content: "\31";
}
.icon-uni32:before {
    content: "\32";
}
.icon-uni33:before {
    content: "\33";
}
.icon-uni34:before {
    content: "\34";
}
.icon-uni35:before {
    content: "\35";
}
.icon-uni36:before {
    content: "\36";
}
.icon-uni37:before {
    content: "\37";
}
.icon-uni38:before {
    content: "\38";
}
.icon-uni39:before {
    content: "\39";
}
.icon-uni3A:before {
    content: "\3a";
}
.icon-uni3B:before {
    content: "\3b";
}
.icon-uni3C:before {
    content: "\3c";
}
.icon-uni3D:before {
    content: "\3d";
}
.icon-uni3E:before {
    content: "\3e";
}
.icon-uni3F:before {
    content: "\3f";
}
.icon-uni40:before {
    content: "\40";
}
.icon-uni41:before {
    content: "\41";
}
.icon-uni42:before {
    content: "\42";
}
.icon-uni43:before {
    content: "\43";
}
.icon-uni44:before {
    content: "\44";
}
.icon-uni45:before {
    content: "\45";
}
.icon-uni46:before {
    content: "\46";
}
.icon-uni47:before {
    content: "\47";
}
.icon-uni48:before {
    content: "\48";
}
.icon-uni49:before {
    content: "\49";
}
.icon-uni4A:before {
    content: "\4a";
}
.icon-uni4B:before {
    content: "\4b";
}
.icon-uni4C:before {
    content: "\4c";
}
.icon-uni4D:before {
    content: "\4d";
}
.icon-uni4E:before {
    content: "\4e";
}
.icon-uni4F:before {
    content: "\4f";
}
.icon-uni50:before {
    content: "\50";
}
.icon-uni51:before {
    content: "\51";
}
.icon-uni52:before {
    content: "\52";
}
.icon-uni53:before {
    content: "\53";
}
.icon-uni54:before {
    content: "\54";
}
.icon-uni55:before {
    content: "\55";
}
.icon-uni56:before {
    content: "\56";
}
.icon-uni57:before {
    content: "\57";
}
.icon-uni58:before {
    content: "\58";
}
.icon-uni59:before {
    content: "\59";
}
.icon-uni5A:before {
    content: "\5a";
}
.icon-uni5B:before {
    content: "\5b";
}
.icon-uni5C:before {
    content: "\5c";
}
.icon-uni5D:before {
    content: "\5d";
}
.icon-uni5E:before {
    content: "\5e";
}
.icon-uni5F:before {
    content: "\5f";
}
.icon-uni60:before {
    content: "\60";
}
.icon-uni61:before {
    content: "\61";
}
.icon-uni62:before {
    content: "\62";
}
.icon-uni63:before {
    content: "\63";
}
.icon-uni64:before {
    content: "\64";
}
.icon-uni65:before {
    content: "\65";
}
.icon-uni66:before {
    content: "\66";
}
.icon-uni67:before {
    content: "\67";
}
.icon-uni68:before {
    content: "\68";
}
.icon-uni69:before {
    content: "\69";
}
.icon-uni6A:before {
    content: "\6a";
}
.icon-uni6B:before {
    content: "\6b";
}
.icon-uni6C:before {
    content: "\6c";
}
.icon-uni6D:before {
    content: "\6d";
}
.icon-uni6E:before {
    content: "\6e";
}
.icon-uni6F:before {
    content: "\6f";
}
.icon-uni70:before {
    content: "\70";
}
.icon-uni71:before {
    content: "\71";
}
.icon-uni72:before {
    content: "\72";
}
.icon-uni73:before {
    content: "\73";
}
.icon-uni74:before {
    content: "\74";
}
.icon-uni75:before {
    content: "\75";
}
.icon-uni76:before {
    content: "\76";
}
.icon-uni77:before {
    content: "\77";
}
.icon-uni78:before {
    content: "\78";
}
.icon-uni79:before {
    content: "\79";
}
.icon-uni7A:before {
    content: "\7a";
}
.icon-uni7B:before {
    content: "\7b";
}
.icon-uni7C:before {
    content: "\7c";
}
.icon-uni7D:before {
    content: "\7d";
}
.icon-uni7E:before {
    content: "\7e";
}
.icon-uniA9:before {
    content: "\a9";
}

@charset "UTF-8";
/*!
  Ionicons, v2.0.0
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face { font-family: "Ionicons"; src: url('http://mosoda.skiparikft.net//res/skins/default/font/ionicons.eot?v=2.0.0'); src: url('http://mosoda.skiparikft.net//res/skins/default/font/ionicons.eot?v=2.0.0#iefix') format("embedded-opentype"), url('http://mosoda.skiparikft.net//res/skins/default/font/ionicons.ttf?v=2.0.0') format("truetype"), url('http://mosoda.skiparikft.net//res/skins/default/font/ionicons.woff?v=2.0.0') format("woff"), url('http://mosoda.skiparikft.net//res/skins/default/font/ionicons.svg?v=2.0.0#Ionicons') format("svg"); font-weight: normal; font-style: normal; }
.ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ion-alert:before { content: "\f101"; }

.ion-alert-circled:before { content: "\f100"; }

.ion-android-add:before { content: "\f2c7"; }

.ion-android-add-circle:before { content: "\f359"; }

.ion-android-alarm-clock:before { content: "\f35a"; }

.ion-android-alert:before { content: "\f35b"; }

.ion-android-apps:before { content: "\f35c"; }

.ion-android-archive:before { content: "\f2c9"; }

.ion-android-arrow-back:before { content: "\f2ca"; }

.ion-android-arrow-down:before { content: "\f35d"; }

.ion-android-arrow-dropdown:before { content: "\f35f"; }

.ion-android-arrow-dropdown-circle:before { content: "\f35e"; }

.ion-android-arrow-dropleft:before { content: "\f361"; }

.ion-android-arrow-dropleft-circle:before { content: "\f360"; }

.ion-android-arrow-dropright:before { content: "\f363"; }

.ion-android-arrow-dropright-circle:before { content: "\f362"; }

.ion-android-arrow-dropup:before { content: "\f365"; }

.ion-android-arrow-dropup-circle:before { content: "\f364"; }

.ion-android-arrow-forward:before { content: "\f30f"; }

.ion-android-arrow-up:before { content: "\f366"; }

.ion-android-attach:before { content: "\f367"; }

.ion-android-bar:before { content: "\f368"; }

.ion-android-bicycle:before { content: "\f369"; }

.ion-android-boat:before { content: "\f36a"; }

.ion-android-bookmark:before { content: "\f36b"; }

.ion-android-bulb:before { content: "\f36c"; }

.ion-android-bus:before { content: "\f36d"; }

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

.ion-android-call:before { content: "\f2d2"; }

.ion-android-camera:before { content: "\f2d3"; }

.ion-android-cancel:before { content: "\f36e"; }

.ion-android-car:before { content: "\f36f"; }

.ion-android-cart:before { content: "\f370"; }

.ion-android-chat:before { content: "\f2d4"; }

.ion-android-checkbox:before { content: "\f374"; }

.ion-android-checkbox-blank:before { content: "\f371"; }

.ion-android-checkbox-outline:before { content: "\f373"; }

.ion-android-checkbox-outline-blank:before { content: "\f372"; }

.ion-android-checkmark-circle:before { content: "\f375"; }

.ion-android-clipboard:before { content: "\f376"; }

.ion-android-close:before { content: "\f2d7"; }

.ion-android-cloud:before { content: "\f37a"; }

.ion-android-cloud-circle:before { content: "\f377"; }

.ion-android-cloud-done:before { content: "\f378"; }

.ion-android-cloud-outline:before { content: "\f379"; }

.ion-android-color-palette:before { content: "\f37b"; }

.ion-android-compass:before { content: "\f37c"; }

.ion-android-contact:before { content: "\f2d8"; }

.ion-android-contacts:before { content: "\f2d9"; }

.ion-android-contract:before { content: "\f37d"; }

.ion-android-create:before { content: "\f37e"; }

.ion-android-delete:before { content: "\f37f"; }

.ion-android-desktop:before { content: "\f380"; }

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

.ion-android-done:before { content: "\f383"; }

.ion-android-done-all:before { content: "\f382"; }

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

.ion-android-drafts:before { content: "\f384"; }

.ion-android-exit:before { content: "\f385"; }

.ion-android-expand:before { content: "\f386"; }

.ion-android-favorite:before { content: "\f388"; }

.ion-android-favorite-outline:before { content: "\f387"; }

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

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

.ion-android-folder-open:before { content: "\f38a"; }

.ion-android-funnel:before { content: "\f38b"; }

.ion-android-globe:before { content: "\f38c"; }

.ion-android-hand:before { content: "\f2e3"; }

.ion-android-hangout:before { content: "\f38d"; }

.ion-android-happy:before { content: "\f38e"; }

.ion-android-home:before { content: "\f38f"; }

.ion-android-image:before { content: "\f2e4"; }

.ion-android-laptop:before { content: "\f390"; }

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

.ion-android-locate:before { content: "\f2e9"; }

.ion-android-lock:before { content: "\f392"; }

.ion-android-mail:before { content: "\f2eb"; }

.ion-android-map:before { content: "\f393"; }

.ion-android-menu:before { content: "\f394"; }

.ion-android-microphone:before { content: "\f2ec"; }

.ion-android-microphone-off:before { content: "\f395"; }

.ion-android-more-horizontal:before { content: "\f396"; }

.ion-android-more-vertical:before { content: "\f397"; }

.ion-android-navigate:before { content: "\f398"; }

.ion-android-notifications:before { content: "\f39b"; }

.ion-android-notifications-none:before { content: "\f399"; }

.ion-android-notifications-off:before { content: "\f39a"; }

.ion-android-open:before { content: "\f39c"; }

.ion-android-options:before { content: "\f39d"; }

.ion-android-people:before { content: "\f39e"; }

.ion-android-person:before { content: "\f3a0"; }

.ion-android-person-add:before { content: "\f39f"; }

.ion-android-phone-landscape:before { content: "\f3a1"; }

.ion-android-phone-portrait:before { content: "\f3a2"; }

.ion-android-pin:before { content: "\f3a3"; }

.ion-android-plane:before { content: "\f3a4"; }

.ion-android-playstore:before { content: "\f2f0"; }

.ion-android-print:before { content: "\f3a5"; }

.ion-android-radio-button-off:before { content: "\f3a6"; }

.ion-android-radio-button-on:before { content: "\f3a7"; }

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

.ion-android-remove:before { content: "\f2f4"; }

.ion-android-remove-circle:before { content: "\f3a9"; }

.ion-android-restaurant:before { content: "\f3aa"; }

.ion-android-sad:before { content: "\f3ab"; }

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

.ion-android-send:before { content: "\f2f6"; }

.ion-android-settings:before { content: "\f2f7"; }

.ion-android-share:before { content: "\f2f8"; }

.ion-android-share-alt:before { content: "\f3ac"; }

.ion-android-star:before { content: "\f2fc"; }

.ion-android-star-half:before { content: "\f3ad"; }

.ion-android-star-outline:before { content: "\f3ae"; }

.ion-android-stopwatch:before { content: "\f2fd"; }

.ion-android-subway:before { content: "\f3af"; }

.ion-android-sunny:before { content: "\f3b0"; }

.ion-android-sync:before { content: "\f3b1"; }

.ion-android-textsms:before { content: "\f3b2"; }

.ion-android-time:before { content: "\f3b3"; }

.ion-android-train:before { content: "\f3b4"; }

.ion-android-unlock:before { content: "\f3b5"; }

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

.ion-android-volume-down:before { content: "\f3b7"; }

.ion-android-volume-mute:before { content: "\f3b8"; }

.ion-android-volume-off:before { content: "\f3b9"; }

.ion-android-volume-up:before { content: "\f3ba"; }

.ion-android-walk:before { content: "\f3bb"; }

.ion-android-warning:before { content: "\f3bc"; }

.ion-android-watch:before { content: "\f3bd"; }

.ion-android-wifi:before { content: "\f305"; }

.ion-aperture:before { content: "\f313"; }

.ion-archive:before { content: "\f102"; }

.ion-arrow-down-a:before { content: "\f103"; }

.ion-arrow-down-b:before { content: "\f104"; }

.ion-arrow-down-c:before { content: "\f105"; }

.ion-arrow-expand:before { content: "\f25e"; }

.ion-arrow-graph-down-left:before { content: "\f25f"; }

.ion-arrow-graph-down-right:before { content: "\f260"; }

.ion-arrow-graph-up-left:before { content: "\f261"; }

.ion-arrow-graph-up-right:before { content: "\f262"; }

.ion-arrow-left-a:before { content: "\f106"; }

.ion-arrow-left-b:before { content: "\f107"; }

.ion-arrow-left-c:before { content: "\f108"; }

.ion-arrow-move:before { content: "\f263"; }

.ion-arrow-resize:before { content: "\f264"; }

.ion-arrow-return-left:before { content: "\f265"; }

.ion-arrow-return-right:before { content: "\f266"; }

.ion-arrow-right-a:before { content: "\f109"; }

.ion-arrow-right-b:before { content: "\f10a"; }

.ion-arrow-right-c:before { content: "\f10b"; }

.ion-arrow-shrink:before { content: "\f267"; }

.ion-arrow-swap:before { content: "\f268"; }

.ion-arrow-up-a:before { content: "\f10c"; }

.ion-arrow-up-b:before { content: "\f10d"; }

.ion-arrow-up-c:before { content: "\f10e"; }

.ion-asterisk:before { content: "\f314"; }

.ion-at:before { content: "\f10f"; }

.ion-backspace:before { content: "\f3bf"; }

.ion-backspace-outline:before { content: "\f3be"; }

.ion-bag:before { content: "\f110"; }

.ion-battery-charging:before { content: "\f111"; }

.ion-battery-empty:before { content: "\f112"; }

.ion-battery-full:before { content: "\f113"; }

.ion-battery-half:before { content: "\f114"; }

.ion-battery-low:before { content: "\f115"; }

.ion-beaker:before { content: "\f269"; }

.ion-beer:before { content: "\f26a"; }

.ion-bluetooth:before { content: "\f116"; }

.ion-bonfire:before { content: "\f315"; }

.ion-bookmark:before { content: "\f26b"; }

.ion-bowtie:before { content: "\f3c0"; }

.ion-briefcase:before { content: "\f26c"; }

.ion-bug:before { content: "\f2be"; }

.ion-calculator:before { content: "\f26d"; }

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

.ion-camera:before { content: "\f118"; }

.ion-card:before { content: "\f119"; }

.ion-cash:before { content: "\f316"; }

.ion-chatbox:before { content: "\f11b"; }

.ion-chatbox-working:before { content: "\f11a"; }

.ion-chatboxes:before { content: "\f11c"; }

.ion-chatbubble:before { content: "\f11e"; }

.ion-chatbubble-working:before { content: "\f11d"; }

.ion-chatbubbles:before { content: "\f11f"; }

.ion-checkmark:before { content: "\f122"; }

.ion-checkmark-circled:before { content: "\f120"; }

.ion-checkmark-round:before { content: "\f121"; }

.ion-chevron-down:before { content: "\f123"; }

.ion-chevron-left:before { content: "\f124"; }

.ion-chevron-right:before { content: "\f125"; }

.ion-chevron-up:before { content: "\f126"; }

.ion-clipboard:before { content: "\f127"; }

.ion-clock:before { content: "\f26e"; }

.ion-close:before { content: "\f12a"; }

.ion-close-circled:before { content: "\f128"; }

.ion-close-round:before { content: "\f129"; }

.ion-closed-captioning:before { content: "\f317"; }

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

.ion-code:before { content: "\f271"; }

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

.ion-code-working:before { content: "\f270"; }

.ion-coffee:before { content: "\f272"; }

.ion-compass:before { content: "\f273"; }

.ion-compose:before { content: "\f12c"; }

.ion-connection-bars:before { content: "\f274"; }

.ion-contrast:before { content: "\f275"; }

.ion-crop:before { content: "\f3c1"; }

.ion-cube:before { content: "\f318"; }

.ion-disc:before { content: "\f12d"; }

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

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

.ion-drag:before { content: "\f130"; }

.ion-earth:before { content: "\f276"; }

.ion-easel:before { content: "\f3c2"; }

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

.ion-egg:before { content: "\f277"; }

.ion-eject:before { content: "\f131"; }

.ion-email:before { content: "\f132"; }

.ion-email-unread:before { content: "\f3c3"; }

.ion-erlenmeyer-flask:before { content: "\f3c5"; }

.ion-erlenmeyer-flask-bubbles:before { content: "\f3c4"; }

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

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

.ion-female:before { content: "\f278"; }

.ion-filing:before { content: "\f134"; }

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

.ion-fireball:before { content: "\f319"; }

.ion-flag:before { content: "\f279"; }

.ion-flame:before { content: "\f31a"; }

.ion-flash:before { content: "\f137"; }

.ion-flash-off:before { content: "\f136"; }

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

.ion-fork:before { content: "\f27a"; }

.ion-fork-repo:before { content: "\f2c0"; }

.ion-forward:before { content: "\f13a"; }

.ion-funnel:before { content: "\f31b"; }

.ion-gear-a:before { content: "\f13d"; }

.ion-gear-b:before { content: "\f13e"; }

.ion-grid:before { content: "\f13f"; }

.ion-hammer:before { content: "\f27b"; }

.ion-happy:before { content: "\f31c"; }

.ion-happy-outline:before { content: "\f3c6"; }

.ion-headphone:before { content: "\f140"; }

.ion-heart:before { content: "\f141"; }

.ion-heart-broken:before { content: "\f31d"; }

.ion-help:before { content: "\f143"; }

.ion-help-buoy:before { content: "\f27c"; }

.ion-help-circled:before { content: "\f142"; }

.ion-home:before { content: "\f144"; }

.ion-icecream:before { content: "\f27d"; }

.ion-image:before { content: "\f147"; }

.ion-images:before { content: "\f148"; }

.ion-information:before { content: "\f14a"; }

.ion-information-circled:before { content: "\f149"; }

.ion-ionic:before { content: "\f14b"; }

.ion-ios-alarm:before { content: "\f3c8"; }

.ion-ios-alarm-outline:before { content: "\f3c7"; }

.ion-ios-albums:before { content: "\f3ca"; }

.ion-ios-albums-outline:before { content: "\f3c9"; }

.ion-ios-americanfootball:before { content: "\f3cc"; }

.ion-ios-americanfootball-outline:before { content: "\f3cb"; }

.ion-ios-analytics:before { content: "\f3ce"; }

.ion-ios-analytics-outline:before { content: "\f3cd"; }

.ion-ios-arrow-back:before { content: "\f3cf"; }

.ion-ios-arrow-down:before { content: "\f3d0"; }

.ion-ios-arrow-forward:before { content: "\f3d1"; }

.ion-ios-arrow-left:before { content: "\f3d2"; }

.ion-ios-arrow-right:before { content: "\f3d3"; }

.ion-ios-arrow-thin-down:before { content: "\f3d4"; }

.ion-ios-arrow-thin-left:before { content: "\f3d5"; }

.ion-ios-arrow-thin-right:before { content: "\f3d6"; }

.ion-ios-arrow-thin-up:before { content: "\f3d7"; }

.ion-ios-arrow-up:before { content: "\f3d8"; }

.ion-ios-at:before { content: "\f3da"; }

.ion-ios-at-outline:before { content: "\f3d9"; }

.ion-ios-barcode:before { content: "\f3dc"; }

.ion-ios-barcode-outline:before { content: "\f3db"; }

.ion-ios-baseball:before { content: "\f3de"; }

.ion-ios-baseball-outline:before { content: "\f3dd"; }

.ion-ios-basketball:before { content: "\f3e0"; }

.ion-ios-basketball-outline:before { content: "\f3df"; }

.ion-ios-bell:before { content: "\f3e2"; }

.ion-ios-bell-outline:before { content: "\f3e1"; }

.ion-ios-body:before { content: "\f3e4"; }

.ion-ios-body-outline:before { content: "\f3e3"; }

.ion-ios-bolt:before { content: "\f3e6"; }

.ion-ios-bolt-outline:before { content: "\f3e5"; }

.ion-ios-book:before { content: "\f3e8"; }

.ion-ios-book-outline:before { content: "\f3e7"; }

.ion-ios-bookmarks:before { content: "\f3ea"; }

.ion-ios-bookmarks-outline:before { content: "\f3e9"; }

.ion-ios-box:before { content: "\f3ec"; }

.ion-ios-box-outline:before { content: "\f3eb"; }

.ion-ios-briefcase:before { content: "\f3ee"; }

.ion-ios-briefcase-outline:before { content: "\f3ed"; }

.ion-ios-browsers:before { content: "\f3f0"; }

.ion-ios-browsers-outline:before { content: "\f3ef"; }

.ion-ios-calculator:before { content: "\f3f2"; }

.ion-ios-calculator-outline:before { content: "\f3f1"; }

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

.ion-ios-calendar-outline:before { content: "\f3f3"; }

.ion-ios-camera:before { content: "\f3f6"; }

.ion-ios-camera-outline:before { content: "\f3f5"; }

.ion-ios-cart:before { content: "\f3f8"; }

.ion-ios-cart-outline:before { content: "\f3f7"; }

.ion-ios-chatboxes:before { content: "\f3fa"; }

.ion-ios-chatboxes-outline:before { content: "\f3f9"; }

.ion-ios-chatbubble:before { content: "\f3fc"; }

.ion-ios-chatbubble-outline:before { content: "\f3fb"; }

.ion-ios-checkmark:before { content: "\f3ff"; }

.ion-ios-checkmark-empty:before { content: "\f3fd"; }

.ion-ios-checkmark-outline:before { content: "\f3fe"; }

.ion-ios-circle-filled:before { content: "\f400"; }

.ion-ios-circle-outline:before { content: "\f401"; }

.ion-ios-clock:before { content: "\f403"; }

.ion-ios-clock-outline:before { content: "\f402"; }

.ion-ios-close:before { content: "\f406"; }

.ion-ios-close-empty:before { content: "\f404"; }

.ion-ios-close-outline:before { content: "\f405"; }

.ion-ios-cloud:before { content: "\f40c"; }

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

.ion-ios-cloud-download-outline:before { content: "\f407"; }

.ion-ios-cloud-outline:before { content: "\f409"; }

.ion-ios-cloud-upload:before { content: "\f40b"; }

.ion-ios-cloud-upload-outline:before { content: "\f40a"; }

.ion-ios-cloudy:before { content: "\f410"; }

.ion-ios-cloudy-night:before { content: "\f40e"; }

.ion-ios-cloudy-night-outline:before { content: "\f40d"; }

.ion-ios-cloudy-outline:before { content: "\f40f"; }

.ion-ios-cog:before { content: "\f412"; }

.ion-ios-cog-outline:before { content: "\f411"; }

.ion-ios-color-filter:before { content: "\f414"; }

.ion-ios-color-filter-outline:before { content: "\f413"; }

.ion-ios-color-wand:before { content: "\f416"; }

.ion-ios-color-wand-outline:before { content: "\f415"; }

.ion-ios-compose:before { content: "\f418"; }

.ion-ios-compose-outline:before { content: "\f417"; }

.ion-ios-contact:before { content: "\f41a"; }

.ion-ios-contact-outline:before { content: "\f419"; }

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

.ion-ios-copy-outline:before { content: "\f41b"; }

.ion-ios-crop:before { content: "\f41e"; }

.ion-ios-crop-strong:before { content: "\f41d"; }

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

.ion-ios-download-outline:before { content: "\f41f"; }

.ion-ios-drag:before { content: "\f421"; }

.ion-ios-email:before { content: "\f423"; }

.ion-ios-email-outline:before { content: "\f422"; }

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

.ion-ios-eye-outline:before { content: "\f424"; }

.ion-ios-fastforward:before { content: "\f427"; }

.ion-ios-fastforward-outline:before { content: "\f426"; }

.ion-ios-filing:before { content: "\f429"; }

.ion-ios-filing-outline:before { content: "\f428"; }

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

.ion-ios-film-outline:before { content: "\f42a"; }

.ion-ios-flag:before { content: "\f42d"; }

.ion-ios-flag-outline:before { content: "\f42c"; }

.ion-ios-flame:before { content: "\f42f"; }

.ion-ios-flame-outline:before { content: "\f42e"; }

.ion-ios-flask:before { content: "\f431"; }

.ion-ios-flask-outline:before { content: "\f430"; }

.ion-ios-flower:before { content: "\f433"; }

.ion-ios-flower-outline:before { content: "\f432"; }

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

.ion-ios-folder-outline:before { content: "\f434"; }

.ion-ios-football:before { content: "\f437"; }

.ion-ios-football-outline:before { content: "\f436"; }

.ion-ios-game-controller-a:before { content: "\f439"; }

.ion-ios-game-controller-a-outline:before { content: "\f438"; }

.ion-ios-game-controller-b:before { content: "\f43b"; }

.ion-ios-game-controller-b-outline:before { content: "\f43a"; }

.ion-ios-gear:before { content: "\f43d"; }

.ion-ios-gear-outline:before { content: "\f43c"; }

.ion-ios-glasses:before { content: "\f43f"; }

.ion-ios-glasses-outline:before { content: "\f43e"; }

.ion-ios-grid-view:before { content: "\f441"; }

.ion-ios-grid-view-outline:before { content: "\f440"; }

.ion-ios-heart:before { content: "\f443"; }

.ion-ios-heart-outline:before { content: "\f442"; }

.ion-ios-help:before { content: "\f446"; }

.ion-ios-help-empty:before { content: "\f444"; }

.ion-ios-help-outline:before { content: "\f445"; }

.ion-ios-home:before { content: "\f448"; }

.ion-ios-home-outline:before { content: "\f447"; }

.ion-ios-infinite:before { content: "\f44a"; }

.ion-ios-infinite-outline:before { content: "\f449"; }

.ion-ios-information:before { content: "\f44d"; }

.ion-ios-information-empty:before { content: "\f44b"; }

.ion-ios-information-outline:before { content: "\f44c"; }

.ion-ios-ionic-outline:before { content: "\f44e"; }

.ion-ios-keypad:before { content: "\f450"; }

.ion-ios-keypad-outline:before { content: "\f44f"; }

.ion-ios-lightbulb:before { content: "\f452"; }

.ion-ios-lightbulb-outline:before { content: "\f451"; }

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

.ion-ios-list-outline:before { content: "\f453"; }

.ion-ios-location:before { content: "\f456"; }

.ion-ios-location-outline:before { content: "\f455"; }

.ion-ios-locked:before { content: "\f458"; }

.ion-ios-locked-outline:before { content: "\f457"; }

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

.ion-ios-loop-strong:before { content: "\f459"; }

.ion-ios-medical:before { content: "\f45c"; }

.ion-ios-medical-outline:before { content: "\f45b"; }

.ion-ios-medkit:before { content: "\f45e"; }

.ion-ios-medkit-outline:before { content: "\f45d"; }

.ion-ios-mic:before { content: "\f461"; }

.ion-ios-mic-off:before { content: "\f45f"; }

.ion-ios-mic-outline:before { content: "\f460"; }

.ion-ios-minus:before { content: "\f464"; }

.ion-ios-minus-empty:before { content: "\f462"; }

.ion-ios-minus-outline:before { content: "\f463"; }

.ion-ios-monitor:before { content: "\f466"; }

.ion-ios-monitor-outline:before { content: "\f465"; }

.ion-ios-moon:before { content: "\f468"; }

.ion-ios-moon-outline:before { content: "\f467"; }

.ion-ios-more:before { content: "\f46a"; }

.ion-ios-more-outline:before { content: "\f469"; }

.ion-ios-musical-note:before { content: "\f46b"; }

.ion-ios-musical-notes:before { content: "\f46c"; }

.ion-ios-navigate:before { content: "\f46e"; }

.ion-ios-navigate-outline:before { content: "\f46d"; }

.ion-ios-nutrition:before { content: "\f470"; }

.ion-ios-nutrition-outline:before { content: "\f46f"; }

.ion-ios-paper:before { content: "\f472"; }

.ion-ios-paper-outline:before { content: "\f471"; }

.ion-ios-paperplane:before { content: "\f474"; }

.ion-ios-paperplane-outline:before { content: "\f473"; }

.ion-ios-partlysunny:before { content: "\f476"; }

.ion-ios-partlysunny-outline:before { content: "\f475"; }

.ion-ios-pause:before { content: "\f478"; }

.ion-ios-pause-outline:before { content: "\f477"; }

.ion-ios-paw:before { content: "\f47a"; }

.ion-ios-paw-outline:before { content: "\f479"; }

.ion-ios-people:before { content: "\f47c"; }

.ion-ios-people-outline:before { content: "\f47b"; }

.ion-ios-person:before { content: "\f47e"; }

.ion-ios-person-outline:before { content: "\f47d"; }

.ion-ios-personadd:before { content: "\f480"; }

.ion-ios-personadd-outline:before { content: "\f47f"; }

.ion-ios-photos:before { content: "\f482"; }

.ion-ios-photos-outline:before { content: "\f481"; }

.ion-ios-pie:before { content: "\f484"; }

.ion-ios-pie-outline:before { content: "\f483"; }

.ion-ios-pint:before { content: "\f486"; }

.ion-ios-pint-outline:before { content: "\f485"; }

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

.ion-ios-play-outline:before { content: "\f487"; }

.ion-ios-plus:before { content: "\f48b"; }

.ion-ios-plus-empty:before { content: "\f489"; }

.ion-ios-plus-outline:before { content: "\f48a"; }

.ion-ios-pricetag:before { content: "\f48d"; }

.ion-ios-pricetag-outline:before { content: "\f48c"; }

.ion-ios-pricetags:before { content: "\f48f"; }

.ion-ios-pricetags-outline:before { content: "\f48e"; }

.ion-ios-printer:before { content: "\f491"; }

.ion-ios-printer-outline:before { content: "\f490"; }

.ion-ios-pulse:before { content: "\f493"; }

.ion-ios-pulse-strong:before { content: "\f492"; }

.ion-ios-rainy:before { content: "\f495"; }

.ion-ios-rainy-outline:before { content: "\f494"; }

.ion-ios-recording:before { content: "\f497"; }

.ion-ios-recording-outline:before { content: "\f496"; }

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

.ion-ios-redo-outline:before { content: "\f498"; }

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

.ion-ios-refresh-empty:before { content: "\f49a"; }

.ion-ios-refresh-outline:before { content: "\f49b"; }

.ion-ios-reload:before { content: "\f49d"; }

.ion-ios-reverse-camera:before { content: "\f49f"; }

.ion-ios-reverse-camera-outline:before { content: "\f49e"; }

.ion-ios-rewind:before { content: "\f4a1"; }

.ion-ios-rewind-outline:before { content: "\f4a0"; }

.ion-ios-rose:before { content: "\f4a3"; }

.ion-ios-rose-outline:before { content: "\f4a2"; }

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

.ion-ios-search-strong:before { content: "\f4a4"; }

.ion-ios-settings:before { content: "\f4a7"; }

.ion-ios-settings-strong:before { content: "\f4a6"; }

.ion-ios-shuffle:before { content: "\f4a9"; }

.ion-ios-shuffle-strong:before { content: "\f4a8"; }

.ion-ios-skipbackward:before { content: "\f4ab"; }

.ion-ios-skipbackward-outline:before { content: "\f4aa"; }

.ion-ios-skipforward:before { content: "\f4ad"; }

.ion-ios-skipforward-outline:before { content: "\f4ac"; }

.ion-ios-snowy:before { content: "\f4ae"; }

.ion-ios-speedometer:before { content: "\f4b0"; }

.ion-ios-speedometer-outline:before { content: "\f4af"; }

.ion-ios-star:before { content: "\f4b3"; }

.ion-ios-star-half:before { content: "\f4b1"; }

.ion-ios-star-outline:before { content: "\f4b2"; }

.ion-ios-stopwatch:before { content: "\f4b5"; }

.ion-ios-stopwatch-outline:before { content: "\f4b4"; }

.ion-ios-sunny:before { content: "\f4b7"; }

.ion-ios-sunny-outline:before { content: "\f4b6"; }

.ion-ios-telephone:before { content: "\f4b9"; }

.ion-ios-telephone-outline:before { content: "\f4b8"; }

.ion-ios-tennisball:before { content: "\f4bb"; }

.ion-ios-tennisball-outline:before { content: "\f4ba"; }

.ion-ios-thunderstorm:before { content: "\f4bd"; }

.ion-ios-thunderstorm-outline:before { content: "\f4bc"; }

.ion-ios-time:before { content: "\f4bf"; }

.ion-ios-time-outline:before { content: "\f4be"; }

.ion-ios-timer:before { content: "\f4c1"; }

.ion-ios-timer-outline:before { content: "\f4c0"; }

.ion-ios-toggle:before { content: "\f4c3"; }

.ion-ios-toggle-outline:before { content: "\f4c2"; }

.ion-ios-trash:before { content: "\f4c5"; }

.ion-ios-trash-outline:before { content: "\f4c4"; }

.ion-ios-undo:before { content: "\f4c7"; }

.ion-ios-undo-outline:before { content: "\f4c6"; }

.ion-ios-unlocked:before { content: "\f4c9"; }

.ion-ios-unlocked-outline:before { content: "\f4c8"; }

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

.ion-ios-upload-outline:before { content: "\f4ca"; }

.ion-ios-videocam:before { content: "\f4cd"; }

.ion-ios-videocam-outline:before { content: "\f4cc"; }

.ion-ios-volume-high:before { content: "\f4ce"; }

.ion-ios-volume-low:before { content: "\f4cf"; }

.ion-ios-wineglass:before { content: "\f4d1"; }

.ion-ios-wineglass-outline:before { content: "\f4d0"; }

.ion-ios-world:before { content: "\f4d3"; }

.ion-ios-world-outline:before { content: "\f4d2"; }

.ion-ipad:before { content: "\f1f9"; }

.ion-iphone:before { content: "\f1fa"; }

.ion-ipod:before { content: "\f1fb"; }

.ion-jet:before { content: "\f295"; }

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

.ion-knife:before { content: "\f297"; }

.ion-laptop:before { content: "\f1fc"; }

.ion-leaf:before { content: "\f1fd"; }

.ion-levels:before { content: "\f298"; }

.ion-lightbulb:before { content: "\f299"; }

.ion-link:before { content: "\f1fe"; }

.ion-load-a:before { content: "\f29a"; }

.ion-load-b:before { content: "\f29b"; }

.ion-load-c:before { content: "\f29c"; }

.ion-load-d:before { content: "\f29d"; }

.ion-location:before { content: "\f1ff"; }

.ion-lock-combination:before { content: "\f4d4"; }

.ion-locked:before { content: "\f200"; }

.ion-log-in:before { content: "\f29e"; }

.ion-log-out:before { content: "\f29f"; }

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

.ion-magnet:before { content: "\f2a0"; }

.ion-male:before { content: "\f2a1"; }

.ion-man:before { content: "\f202"; }

.ion-map:before { content: "\f203"; }

.ion-medkit:before { content: "\f2a2"; }

.ion-merge:before { content: "\f33f"; }

.ion-mic-a:before { content: "\f204"; }

.ion-mic-b:before { content: "\f205"; }

.ion-mic-c:before { content: "\f206"; }

.ion-minus:before { content: "\f209"; }

.ion-minus-circled:before { content: "\f207"; }

.ion-minus-round:before { content: "\f208"; }

.ion-model-s:before { content: "\f2c1"; }

.ion-monitor:before { content: "\f20a"; }

.ion-more:before { content: "\f20b"; }

.ion-mouse:before { content: "\f340"; }

.ion-music-note:before { content: "\f20c"; }

.ion-navicon:before { content: "\f20e"; }

.ion-navicon-round:before { content: "\f20d"; }

.ion-navigate:before { content: "\f2a3"; }

.ion-network:before { content: "\f341"; }

.ion-no-smoking:before { content: "\f2c2"; }

.ion-nuclear:before { content: "\f2a4"; }

.ion-outlet:before { content: "\f342"; }

.ion-paintbrush:before { content: "\f4d5"; }

.ion-paintbucket:before { content: "\f4d6"; }

.ion-paper-airplane:before { content: "\f2c3"; }

.ion-paperclip:before { content: "\f20f"; }

.ion-pause:before { content: "\f210"; }

.ion-person:before { content: "\f213"; }

.ion-person-add:before { content: "\f211"; }

.ion-person-stalker:before { content: "\f212"; }

.ion-pie-graph:before { content: "\f2a5"; }

.ion-pin:before { content: "\f2a6"; }

.ion-pinpoint:before { content: "\f2a7"; }

.ion-pizza:before { content: "\f2a8"; }

.ion-plane:before { content: "\f214"; }

.ion-planet:before { content: "\f343"; }

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

.ion-playstation:before { content: "\f30a"; }

.ion-plus:before { content: "\f218"; }

.ion-plus-circled:before { content: "\f216"; }

.ion-plus-round:before { content: "\f217"; }

.ion-podium:before { content: "\f344"; }

.ion-pound:before { content: "\f219"; }

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

.ion-pricetag:before { content: "\f2aa"; }

.ion-pricetags:before { content: "\f2ab"; }

.ion-printer:before { content: "\f21a"; }

.ion-pull-request:before { content: "\f345"; }

.ion-qr-scanner:before { content: "\f346"; }

.ion-quote:before { content: "\f347"; }

.ion-radio-waves:before { content: "\f2ac"; }

.ion-record:before { content: "\f21b"; }

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

.ion-reply:before { content: "\f21e"; }

.ion-reply-all:before { content: "\f21d"; }

.ion-ribbon-a:before { content: "\f348"; }

.ion-ribbon-b:before { content: "\f349"; }

.ion-sad:before { content: "\f34a"; }

.ion-sad-outline:before { content: "\f4d7"; }

.ion-scissors:before { content: "\f34b"; }

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

.ion-settings:before { content: "\f2ad"; }

.ion-share:before { content: "\f220"; }

.ion-shuffle:before { content: "\f221"; }

.ion-skip-backward:before { content: "\f222"; }

.ion-skip-forward:before { content: "\f223"; }

.ion-social-android:before { content: "\f225"; }

.ion-social-android-outline:before { content: "\f224"; }

.ion-social-angular:before { content: "\f4d9"; }

.ion-social-angular-outline:before { content: "\f4d8"; }

.ion-social-apple:before { content: "\f227"; }

.ion-social-apple-outline:before { content: "\f226"; }

.ion-social-bitcoin:before { content: "\f2af"; }

.ion-social-bitcoin-outline:before { content: "\f2ae"; }

.ion-social-buffer:before { content: "\f229"; }

.ion-social-buffer-outline:before { content: "\f228"; }

.ion-social-chrome:before { content: "\f4db"; }

.ion-social-chrome-outline:before { content: "\f4da"; }

.ion-social-codepen:before { content: "\f4dd"; }

.ion-social-codepen-outline:before { content: "\f4dc"; }

.ion-social-css3:before { content: "\f4df"; }

.ion-social-css3-outline:before { content: "\f4de"; }

.ion-social-designernews:before { content: "\f22b"; }

.ion-social-designernews-outline:before { content: "\f22a"; }

.ion-social-dribbble:before { content: "\f22d"; }

.ion-social-dribbble-outline:before { content: "\f22c"; }

.ion-social-dropbox:before { content: "\f22f"; }

.ion-social-dropbox-outline:before { content: "\f22e"; }

.ion-social-euro:before { content: "\f4e1"; }

.ion-social-euro-outline:before { content: "\f4e0"; }

.ion-social-facebook:before { content: "\f231"; }

.ion-social-facebook-outline:before { content: "\f230"; }

.ion-social-foursquare:before { content: "\f34d"; }

.ion-social-foursquare-outline:before { content: "\f34c"; }

.ion-social-freebsd-devil:before { content: "\f2c4"; }

.ion-social-github:before { content: "\f233"; }

.ion-social-github-outline:before { content: "\f232"; }

.ion-social-google:before { content: "\f34f"; }

.ion-social-google-outline:before { content: "\f34e"; }

.ion-social-googleplus:before { content: "\f235"; }

.ion-social-googleplus-outline:before { content: "\f234"; }

.ion-social-hackernews:before { content: "\f237"; }

.ion-social-hackernews-outline:before { content: "\f236"; }

.ion-social-html5:before { content: "\f4e3"; }

.ion-social-html5-outline:before { content: "\f4e2"; }

.ion-social-instagram:before { content: "\f351"; }

.ion-social-instagram-outline:before { content: "\f350"; }

.ion-social-javascript:before { content: "\f4e5"; }

.ion-social-javascript-outline:before { content: "\f4e4"; }

.ion-social-linkedin:before { content: "\f239"; }

.ion-social-linkedin-outline:before { content: "\f238"; }

.ion-social-markdown:before { content: "\f4e6"; }

.ion-social-nodejs:before { content: "\f4e7"; }

.ion-social-octocat:before { content: "\f4e8"; }

.ion-social-pinterest:before { content: "\f2b1"; }

.ion-social-pinterest-outline:before { content: "\f2b0"; }

.ion-social-python:before { content: "\f4e9"; }

.ion-social-reddit:before { content: "\f23b"; }

.ion-social-reddit-outline:before { content: "\f23a"; }

.ion-social-rss:before { content: "\f23d"; }

.ion-social-rss-outline:before { content: "\f23c"; }

.ion-social-sass:before { content: "\f4ea"; }

.ion-social-skype:before { content: "\f23f"; }

.ion-social-skype-outline:before { content: "\f23e"; }

.ion-social-snapchat:before { content: "\f4ec"; }

.ion-social-snapchat-outline:before { content: "\f4eb"; }

.ion-social-tumblr:before { content: "\f241"; }

.ion-social-tumblr-outline:before { content: "\f240"; }

.ion-social-tux:before { content: "\f2c5"; }

.ion-social-twitch:before { content: "\f4ee"; }

.ion-social-twitch-outline:before { content: "\f4ed"; }

.ion-social-twitter:before { content: "\f243"; }

.ion-social-twitter-outline:before { content: "\f242"; }

.ion-social-usd:before { content: "\f353"; }

.ion-social-usd-outline:before { content: "\f352"; }

.ion-social-vimeo:before { content: "\f245"; }

.ion-social-vimeo-outline:before { content: "\f244"; }

.ion-social-whatsapp:before { content: "\f4f0"; }

.ion-social-whatsapp-outline:before { content: "\f4ef"; }

.ion-social-windows:before { content: "\f247"; }

.ion-social-windows-outline:before { content: "\f246"; }

.ion-social-wordpress:before { content: "\f249"; }

.ion-social-wordpress-outline:before { content: "\f248"; }

.ion-social-yahoo:before { content: "\f24b"; }

.ion-social-yahoo-outline:before { content: "\f24a"; }

.ion-social-yen:before { content: "\f4f2"; }

.ion-social-yen-outline:before { content: "\f4f1"; }

.ion-social-youtube:before { content: "\f24d"; }

.ion-social-youtube-outline:before { content: "\f24c"; }

.ion-soup-can:before { content: "\f4f4"; }

.ion-soup-can-outline:before { content: "\f4f3"; }

.ion-speakerphone:before { content: "\f2b2"; }

.ion-speedometer:before { content: "\f2b3"; }

.ion-spoon:before { content: "\f2b4"; }

.ion-star:before { content: "\f24e"; }

.ion-stats-bars:before { content: "\f2b5"; }

.ion-steam:before { content: "\f30b"; }

.ion-stop:before { content: "\f24f"; }

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

.ion-thumbsdown:before { content: "\f250"; }

.ion-thumbsup:before { content: "\f251"; }

.ion-toggle:before { content: "\f355"; }

.ion-toggle-filled:before { content: "\f354"; }

.ion-transgender:before { content: "\f4f5"; }

.ion-trash-a:before { content: "\f252"; }

.ion-trash-b:before { content: "\f253"; }

.ion-trophy:before { content: "\f356"; }

.ion-tshirt:before { content: "\f4f7"; }

.ion-tshirt-outline:before { content: "\f4f6"; }

.ion-umbrella:before { content: "\f2b7"; }

.ion-university:before { content: "\f357"; }

.ion-unlocked:before { content: "\f254"; }

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

.ion-usb:before { content: "\f2b8"; }

.ion-videocamera:before { content: "\f256"; }

.ion-volume-high:before { content: "\f257"; }

.ion-volume-low:before { content: "\f258"; }

.ion-volume-medium:before { content: "\f259"; }

.ion-volume-mute:before { content: "\f25a"; }

.ion-wand:before { content: "\f358"; }

.ion-waterdrop:before { content: "\f25b"; }

.ion-wifi:before { content: "\f25c"; }

.ion-wineglass:before { content: "\f2b9"; }

.ion-woman:before { content: "\f25d"; }

.ion-wrench:before { content: "\f2ba"; }

.ion-xbox:before { content: "\f30c"; }
body.noscroll {
	overflow:hidden;
}

@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); } }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); } }
@-o-keyframes spin { 0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); } }
@-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(359deg); } }
@keyframes spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); } }

.spin {
	animation: 2s linear 0s normal none infinite running spin;
}
.v-panel-shadow {
	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

/*----------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------Animation-----------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------*/

.anim-slide-from-top {
	opacity:1;
	transform: translateY(0%);
	animation-name: slide-from-top;
	animation-duration: 1s;	
	animation-timing-function: ease;
	-webkit-transform: translateY(0%);
	-webkit-animation-name: slide-from-top;		
	-webkit-animation-duration: 1s;			
	-webkit-animation-timing-function: ease;		
}

@keyframes slide-from-top {
	0% {
		transform: translateY(-100%);
		opacity:0;
	}
	100%{
		transform: translateY(0%);
		opacity:1;
	}
}

@-webkit-keyframes slide-from-top {
	0% {
		transform: translateY(-100%);
		opacity:0;
	}
	100%{
		transform: translateY(0%);
		opacity:1;
	}
}

.anim-slide-to-top {
	opacity:0;
	transform: translateY(-100%);
	animation-name: slide-to-top;
	animation-duration: 1s;	
	animation-timing-function: ease;
	-webkit-transform: translateY(-100%);
	-webkit-animation-name: slide-to-top;		
	-webkit-animation-duration: 1s;			
	-webkit-animation-timing-function: ease;		
}

@keyframes slide-to-top {
	0% {
		transform: translateY(0%);
		opacity:1;
	}
	100%{
		transform: translateY(-100%);
		opacity:0;
	}
}

@-webkit-keyframes slide-to-top {
	0% {
		transform: translateY(0%);
		opacity:1;
	}
	100%{
		transform: translateY(-100%);
		opacity:0;
	}
}

.anim-slide-from-left {
	opacity:1;
	transform: translateX(0%);
	animation-name: slide-from-left;
	animation-duration: 1s;	
	animation-timing-function: ease;
	-webkit-transform: translateX(0%);
	-webkit-animation-name: slide-from-left;		
	-webkit-animation-duration: 1s;			
	-webkit-animation-timing-function: ease;		
}

@keyframes slide-from-left {
	0% {
		transform: translateX(-100%);
		opacity:0;
	}
	100%{
		transform: translateX(0%);
		opacity:1;
	}
}

@-webkit-keyframes slide-from-left {
	0% {
		transform: translateX(-100%);
		opacity:0;
	}
	100%{
		transform: translateX(0%);
		opacity:1;
	}
}

.anim-slide-to-left {
	opacity:0;
	transform: translateX(0%);
	animation-name: slide-to-left;
	animation-duration: 1s;	
	animation-timing-function: ease;
	-webkit-transform: translateX(0%);
	-webkit-animation-name: slide-to-left;		
	-webkit-animation-duration: 1s;			
	-webkit-animation-timing-function: ease;		
}

@keyframes slide-to-left {
	0% {
		transform: translateX(0%);
		opacity:1;
	}
	100%{
		transform: translateX(-100%);
		opacity:0;
	}
}

@-webkit-keyframes slide-from-left {
	0% {
		transform: translateX(0%);
		opacity:1;
	}
	100%{
		transform: translateX(-100%);
		opacity:0;
	}
}

.anim-slide-from-right {
	opacity:1;
	transform: translateX(0%);
	animation-name: slide-from-right;
	animation-duration: 1s;	
	animation-timing-function: ease;
	-webkit-transform: translateX(0%);
	-webkit-animation-name: slide-from-right;		
	-webkit-animation-duration: 1s;			
	-webkit-animation-timing-function: ease;		
}

@keyframes slide-from-right {
	0% {
		transform: translateX(100%);
		opacity:0;
	}
	100%{
		transform: translateX(0%);
		opacity:1;
	}
}

@-webkit-keyframes slide-from-right {
	0% {
		transform: translateX(100%);
		opacity:0;
	}
	100%{
		transform: translateX(0%);
		opacity:1;
	}
}

.anim-slide-to-right {
	opacity:0;
	transform: translateX(0%);
	animation-name: slide-to-right;
	animation-duration: 1s;	
	animation-timing-function: ease;
	-webkit-transform: translateX(0%);
	-webkit-animation-name: slide-to-right;		
	-webkit-animation-duration: 1s;			
	-webkit-animation-timing-function: ease;		
}

@keyframes slide-to-right {
	0% {
		transform: translateX(0%);
		opacity:1;
	}
	100%{
		transform: translateX(100%);
		opacity:0;
	}
}

@-webkit-keyframes slide-to-right {
	0% {
		transform: translateX(0%);
		opacity:1;
	}
	100%{
		transform: translateX(100%);
		opacity:0;
	}
}

.anim-slide-from-bottom {
	opacity:1;
	transform: translateY(0%);
	animation-name: slide-from-bottom;
	animation-duration: 1s;	
	animation-timing-function: ease;
	-webkit-transform: translateY(0%);
	-webkit-animation-name: slide-from-bottom;		
	-webkit-animation-duration: 1s;			
	-webkit-animation-timing-function: ease;		
}

@keyframes slide-from-bottom {
	0% {
		transform: translateY(100%);
		opacity:0;
	}
	100%{
		transform: translateY(0%);
		opacity:1;
	}
}

@-webkit-keyframes slide-from-bottom {
	0% {
		transform: translateY(100%);
		opacity:0;
	}
	100%{
		transform: translateY(0%);
		opacity:1;
	}
}

.anim-slide-to-bottom {
	opacity:0;
	transform: translateY(0%);
	animation-name: slide-to-bottom;
	animation-duration: 1s;	
	animation-timing-function: ease;
	-webkit-transform: translateY(0%);
	-webkit-animation-name: slide-to-bottom;		
	-webkit-animation-duration: 1s;			
	-webkit-animation-timing-function: ease;		
}

@keyframes slide-to-bottom {
	0% {
		transform: translateY(0%);
		opacity:1;
	}
	100%{
		transform: translateY(100%);
		opacity:0;
	}
}

@-webkit-keyframes slide-from-bottom {
	0% {
		transform: translateY(0%);
		opacity:1;
	}
	100%{
		transform: translateY(100%);
		opacity:0;
	}
}

/*----------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------Loader-----------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------*/
div.viwostatuspanel {
	width:100%;
	height:100%;
	position:fixed;
	z-index:1000;
	display:table;
}

div.viwostatuspanel .table {
	width:100%;
	height:100%;
	display: table-cell;
	text-align: center;
    vertical-align: middle;
    padding:30px;
}

div.viwostatuspanel.modal {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

div.viwostatuspanel.modal.full {
	background: rgba(0,0,0,0.65);
}

div.viwostatuspanel.center {
	text-align:center;
} 

div.viwostatuspanel .panel {
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

div.viwostatuspanel div.simpleloader {
	display: inline-table;
	position: relative;
	width:auto;
	border:#808080 1px solid;
	padding:5px;
	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

div.viwostatuspanel div.simpleloader i {
	font-size:26pt;
	float:left;
	margin-right:5px;
}

div.viwostatuspanel div.simpleloader span {
	line-height:30pt;
	float:left;
}

div.viwostatuspanel div.simpleloader.progress i {
	display:none;
}

div.viwostatuspanel div.simpleloader.progress .pgcontainer {
	clear:both;
	width:100%;
	position:relative;
    min-width: 300px;
}

div.viwostatuspanel div.simpleloader.progress .pgcontainer .pbar {
	width:100%;
	height:25px;
	overflow:hidden;
	border:#808080 1px solid;
}

div.viwostatuspanel div.simpleloader.progress .pgcontainer .pbar .pvalue {
	width:0%;
	height:25px;
	background: #9dd53a; /* Old browsers */
	background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
}

div.viwostatuspanel div.simpleloader.progress .pgcontainer .pstatus{
	position:static;
	height: 25px;
    margin-top: -26px;
    line-height: 25px;
}

div.viwostatuspanel div.simpleloader.progress .pgcontainer .status {
	line-height: 20px;
	clear:both;
	width:100%;
	text-align:left;
	font-size:10pt;
}

div.viwostatuspanel .panel-b {
	display: inline-table;
	position: relative;
	width:auto;
	border:#808080 1px solid;
	border-radius:3px;
	padding:0;
	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	background:#fff;
	text-align:left;
}

div.viwostatuspanel.iframe .panel-b {
	border: none;
}

div.viwostatuspanel .panel-b div.head {
	background:#f0f0f0;
	border-bottom:#c0c0c0 1px solid;
	overflow:auto;
}

div.viwostatuspanel .panel-b div.head.msg {
	min-width:250px;
}

div.viwostatuspanel .panel-b div.head i {
	font-size:20pt;
	margin-left:10px;
	float:left;
}
div.viwostatuspanel .panel-b div.head span.title {
	float:left;
	font-size:13pt;
	line-height:20pt;
	font-weight:bold;
	padding:5px;
	margin-left:10px;
}
div.viwostatuspanel .panel-b div.head span.close {
	cursor:pointer;
	line-height:20pt;
	font-size:13pt;
	float:right;
	margin-right:10px;
	margin-top:5px;
}
div.viwostatuspanel .panel-b div.body{
	padding:10px 5px 10px 5px;
	height: 94%;
	
}

div.viwostatuspanel .panel-b div.body.content {
	overflow:auto;
}

div.viwostatuspanel .panel-b div.body.iframe {
	position: absolute;
	width:100%;
}

div.viwostatuspanel .panel-b div.footer {
	border-top:#c0c0c0 1px solid;
	text-align:right;
	background:#f0f0f0;
	padding:3px;
}
div.viwostatuspanel.iframe .panel-b div.footer {
	position:absolute;
	bottom:0;
	width:100%;
}

div.viwostatuspanel .msgbox {
	

}

h1,h2,h3,h4,h5,h6,ul,li,body{
	margin: 0;
	list-style: none;
	padding: 0;
}
body{
	background-color: #f5f5f5;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
button {
  box-sizing: border-box;
}
/*----------------------------------GRID ELEMENTS----------------------------*/
section{
	display: block;
	float: left;
	width: 100%;
	height: auto;
}
.row{
	width: 100%;
	clear: both;
	height: auto;
	box-sizing:border-box;
	font-size: 14px;
	float: left;
	padding: 4px;
}

[class*="col-"] {
	display: inline-block;
	height: auto;
	box-sizing:border-box;
	float: left;
	padding: 4px 4px;
}
.logo{
	float: left;
	height: 35px;
	width: auto;
	padding: 0 10px;
	background-color: white;
}
.logo img{
	height: 100%;
	width: auto;
}
.col-a{
	width: auto;
}
.col-1{
	width: 10%;
}
.col-2{
	width: 20%;
}
.col-25{
	width: 25%;
}
.col-3{
	width: 30%;
}
.col-33{
	width: 33.33333333333333%;
}
.col-35{
	width: 35%;
}
.col-4{
	width: 40%;
}
.col-5{
	width: 50%;
}
.col-6{
	width: 60%;
}
.col-65{
	width: 65%;
}
.col-7{
	width: 70%;
}
.col-75{
	width: 75%;
}
.col-8{
	width: 80%;
}
.col-9{
	width: 90%;
}
.col-10{
	width: 100%;
}
.col-frame{
	display: block;
}


.site{
	margin: 0 auto;
}
.mw1200{
	max-width: 1200px;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.mw1300{
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
	height: auto;
}
.pad-0{
	padding: 0;
}
.pad-1{
	padding: 1px;
}
.pad-2{
	padding: 2px;
}
.pad-3{
	padding: 3px;
}
.pad-4{
	padding: 4px;
}

.pad-5{
	padding: 5px;
}
.pad-6{
	padding: 6px;
}
.pad-7{
	padding: 7px;
}
.pad-8{
	padding: 8px;
}
.pad-9{
	padding: 9px;
}
.pad-10{
	padding: 10px;
}
.pad-20{
	padding: 20px;
}
.pad-25{
	padding: 25px;
}
.pad-30{
	padding: 30px;
}
.pad-40{
	padding: 40px;
}
.pad-50{
	padding-right: 50px;
}

.pad-r-0{
	padding-right: 0;
}
.pad-r-5{
	padding-right: 5px;
}
.pad-r-10{
	padding-right: 10px;
}
.pad-r-20{
	padding-right: 20px;
}
.pad-r-30{
	padding-right: 30px;
}
.pad-r-40{
	padding-right: 40px;
}
.pad-r-50{
	padding-right: 50px;
}

.pad-l-0{
	padding-left: 0;
}
.pad-l-5{
	padding-left: 5px;
}
.pad-l-10{
	padding-left: 10px;
}
.pad-l-20{
	padding-left: 20px;
}
.pad-l-30{
	padding-left: 30px;
}
.pad-l-40{
	padding-left: 40px;
}
.pad-l-50{
	padding-left: 50px;
}

.pad-t-0{
	padding-top: 0;
}
.pad-t-10{
	padding-top: 10px;
}
.pad-t-20{
	padding-top: 20px;
}
.pad-t-30{
	padding-top: 30px;
}
.pad-t-40{
	padding-top: 40px;
}
.pad-t-50{
	padding-top: 50px;
}

.pad-b-0{
	padding-bottom: 0;
}
.pad-b-10{
	padding-bottom: 10px;
}
.pad-b-20{
	padding-bottom: 20px;
}
.pad-b-30{
	padding-bottom: 30px;
}
.pad-b-40{
	padding-bottom: 40px;
}
.pad-b-50{
	padding-bottom: 50px;
}


.mar-0{
	margin: 0;
}
.mar-1{
	margin: 1px;
}
.mar-2{
	margin: 2px;
}
.mar-3{
	margin: 3px;
}
.mar-4{
	margin: 4px;
}

.mar-5{
	margin: 5px;
}
.mar-10{
	margin: 10px;
}
.mar-20{
	margin: 20px;
}
.mar-25{
	margin: 25px;
}
.mar-30{
	margin: 30px;
}
.mar-40{
	margin: 40px;
}
.mar-50{
	margin-right: 50px;
}

.mar-r-0{
	margin-right: 0;
}
.mar-r-10{
	margin-right: 10px;
}
.mar-r-20{
	margin-right: 20px;
}
.mar-r-30{
	margin-right: 30px;
}
.mar-r-40{
	margin-right: 40px;
}
.mar-r-50{
	margin-right: 50px;
}

.mar-l-0{
	margin-left: 0;
}
.mar-l-10{
	margin-left: 10px;
}
.mar-l-20{
	margin-left: 20px;
}
.mar-l-30{
	margin-left: 30px;
}
.mar-l-40{
	margin-left: 40px;
}
.mar-l-50{
	margin-left: 50px;
}

.mar-t-0{
	margin-top: 0;
}
.mar-t-10{
	margin-top: 10px;
}
.mar-t-20{
	margin-top: 20px;
}
.mar-t-30{
	margin-top: 30px;
}
.mar-t-40{
	margin-top: 40px;
}
.mar-t-50{
	margin-top: 50px;
}

.mar-b-0{
	margin-bottom: 0;
}
.mar-b-10{
	margin-bottom: 10px;
}
.mar-b-20{
	margin-bottom: 20px;
}
.mar-b-30{
	margin-bottom: 30px;
}
.mar-b-40{
	margin-bottom: 40px;
}
.mar-b-50{
	margin-bottom: 50px;
}



.h-100p{
	height: 100%;
}
.h-a{
	height: auto;
}

.h-50p{
	height: 50%;
}
.h-40px{
	height: 40px;
}
.h-45px{
	height: 45px;
}
.h-90px{
	height: 90px;
}
.h-100px{
	height:100px;
}
.h-200px{
	height:200px;
}
.h-300px{
	height:300px;
}
.h-400px{
	height:400px;
}
.h-500px{
	height:500px;
}

.f-left {
	float:left;
}

.f-right {
	float:right;
}

.c-left {
	clear:left;
}

.c-right {
	clear:right;
}

.c-both {
	clear:both;
}

/*-------------------------------COL BASE STYLE-------------------------------*/

.column-frame{
	background-color: white;
	width: 100%;
	border-width: 3px 1px 1px 1px;
	border-style: solid;
	position: relative;
	border-color:  #ddd;
	float: left;
	box-sizing:border-box;
	display: block;
	padding:0;
}
.column-frame .column-content{
	width: 100%;
	height: auto;

	
	
	float: left;
	box-sizing:border-box;
	padding:8px 5px;
}

.column-head{
	width: 100%;
	height: auto;
	float: left;
	box-sizing:border-box;
	background-color:rgba(221, 221, 221, 0.28);
	padding: 10px;
}
.column-head .title{
	float: left;
	width: auto;
}

/*-----------------------------ROW COLORS ----------------------*/
.blue{
	/* #2196f3;
		Hover:
		background-color: #0c7cd5;
    	border-color: #0b76cc;

	*/
}
.red{
	/* #f44336;
		Hover:
		background-color: #ea1c0d;
    	border-color: #e11b0c;
	*/
}
.green{
	/* #4caf50;
		Hover:
		background-color: #3d8b40;
   		border-color: #39843c;;
	*/
}
.orange{
	/* #ff5722;
		hover:
		background-color: #ee3900;
    	border-color: #e43700;
	*/
}
.lightblue{
	/* #00bcd4;
		Hover:
		background-color: #008fa1;
    	border-color: #008697;
	*/
}
.brown{
	/* #795548;*/
}
.teal{
	/* #4db6ac;
		Hover:
		background-color: #00897b;
    	border-color: #00897b;
	*/
}

/*------------COL BORDER------*/
div[class*="col-"].blue div.column-frame{
	border-color:#2196f3 #ddd #ddd #ddd;
}
div[class*="col-"].red div.column-frame{
	border-color:#f44336 #ddd #ddd #ddd;
} 
div[class*="col-"].green div.column-frame{
	border-color:#4caf50 #ddd #ddd #ddd;
}
div[class*="col-"].orange div.column-frame{
	border-color: #ff5722 #ddd #ddd #ddd;
}
div[class*="col-"].lightblue div.column-frame{
	border-color: #00bcd4 #ddd #ddd #ddd;
}
div[class*="col-"].brown div.column-frame{
	border-color:#795548 #ddd #ddd #ddd;
}
div[class*="col-"].teal div.column-frame{
	border-color:#4db6ac #ddd #ddd #ddd;
}

/*------------COL HEADER------*/

div[class*="col-"].blue .column-head{
	background-color:rgba(33, 150, 243, 0.1);
}
div[class*="col-"].red .column-head{
	background-color:rgba(244, 67, 54, 0.11);
}
div[class*="col-"].green .column-head{
	background-color:rgba(76, 175, 80, 0.1);
}
div[class*="col-"].orange .column-head{
	background-color: rgba(255, 87, 34, 0.1);
}
div[class*="col-"].lightblue .column-head{
	background-color: rgba(0, 188, 212, 0.11);
}
div[class*="col-"].brown .column-head{
	background-color:rgba(121, 85, 72, 0.1);
}
div[class*="col-"].teal .column-head{
	background-color:rgba(77, 182, 172, 0.11);
}



/*------------COL SETTINGS------*/
div[class*="col-"].blue .ui-menu ul li:hover{
	background-color:rgba(33, 150, 243, 0.4);
}
div[class*="col-"].red .ui-menu ul li:hover{
	background-color:rgba(244, 67, 54, 0.41);
}
div[class*="col-"].green .ui-menu ul li:hover{
	background-color:rgba(76, 175, 80, 0.4);
}
div[class*="col-"].orange .ui-menu ul li:hover{
	background-color: rgba(255, 87, 34, 0.4);
}
div[class*="col-"].lightblue .ui-menu ul li:hover{
	background-color: rgba(0, 188, 212, 0.41);
}
div[class*="col-"].brown .ui-menu ul li:hover{
	background-color:rgba(121, 85, 72, 0.3);
}
div[class*="col-"].teal .ui-menu ul li:hover{
	background-color:rgba(77, 182, 172, 0.41);
}

background-color: rgba(77, 182, 172, 0.7);
/*------------COL TABLE EVEN------*/
div[class*="col-"].blue table.list > tbody > tr.even{
	background-color:rgba(33, 150, 243, 0.1);
}
div[class*="col-"].red table.list > tbody > tr.even{
	background-color:rgba(244, 67, 54, 0.11);
}
div[class*="col-"].green table.list > tbody > tr.even{
	background-color:rgba(76, 175, 80, 0.1);
}
div[class*="col-"].orange table.list > tbody > tr.even{
	background-color: rgba(255, 87, 34, 0.1);
}
div[class*="col-"].lightblue table.list > tbody > tr.even{
	background-color: rgba(0, 188, 212, 0.11);
}
div[class*="col-"].brown table.list > tbody > tr.even{
	background-color:rgba(121, 85, 72, 0.3);
}
div[class*="col-"].teal table.list > tbody > tr.even{
	background-color:rgba(77, 182, 172, 0.11);
}

/*------------COL TABLE THEAD------*/
div[class*="col-"].blue table.list > thead{
	background-color:rgba(33, 150, 243, 0.6);
}
div[class*="col-"].red table.list > thead{
	background-color:rgba(244, 67, 54, 0.61);
}
div[class*="col-"].green table.list > thead{
	background-color:rgba(76, 175, 80, 0.6);
}
div[class*="col-"].orange table.list > thead{
	background-color: rgba(255, 87, 34, 0.6);
}
div[class*="col-"].lightblue table.list > thead{
	background-color: rgba(0, 188, 212, 0.61);
}
div[class*="col-"].brown table.list > thead{
	background-color:rgba(121, 85, 72, 0.3);
}
div[class*="col-"].teal table.list > thead{
	background-color:rgba(77, 182, 172, 0.61);
}

button{
	padding: 6px;
    border: none;
    margin:2px;
    
    background-color: rgb(230, 229, 229);
    color: black;
    border: 1px solid silver;
}
button i{
	margin-right: 5px;
}

button.icon i {
	margin:0;
}

button.red i {
    color: #CF0000;
}

button:hover{
	cursor: pointer;
	background-color: rgb(195, 195, 195);
}
button.base:hover{
	background-color:rgb(202, 202, 202);

}
button.blue-fill{
	padding:6px;
	border: none;
	background-color:rgba(33, 150, 243, 1);
	color: white;
}
button.blue-fill:hover{
	background-color: #0b76cc;
	cursor: pointer;
	    box-shadow: 0 0px 7px rgba(0, 0, 0, 0.62);
}
button.red-fill{
	padding:6px;
	border: none;
	margin: 0 5px;
	background-color:rgba(244, 67, 54, 0.7);
	color: white;
}
button.red-fill:hover{
	background-color: #ea1c0d;
	cursor: pointer;
	box-shadow: 0 0px 7px rgba(0, 0, 0, 0.42);
}

button.green-fill{
	padding:6px;
	border: none;
	margin: 0 5px;
	background-color:rgb(111, 177, 114);
	color: white;
}
button.green-fill:hover{
	background-color: rgba(76, 175, 80, 1);
	cursor: pointer;
	box-shadow: 0 0px 7px rgba(0, 0, 0, 0.42);
}

button.input-btn {
	padding: 2.2px;
	margin-top: 1px;
	margin-left: -1px;
}
button.input-btn i { padding:0; margin:0; }
/*---------------------UI Elements ----------------------*/

.ui-menu{
	width: auto;
	height: 25px;
	float: right;

	position: static;
	z-index: 100;
	border-left: 1px solid #ddd;
	padding-left: 5px;
	padding-right: 5px;
	

}
div[class*="abs-"]{
	position: absolute;
}
.abs-top-right{
	top: 7px;
	z-index: 10;
	right: 5px;
}
.ui-menu div.relative span{
	float: left;
	line-height: 25px;
	margin: 0 5px;
}
.ui-menu div.relative{
	position: relative;
	display: block;
	width: auto;
	height: 25px;
	float: left;
	box-sizing:border-box;
}
.ui-menu:hover i.icon{
	opacity: 0.6;
}
.ui-menu i.icon{
	width: 20px;
	/*height: 25px;*/
	display: block;
	font-size: 20px;
	line-height: 25px;
	text-align: center;
	z-index: 10;
	opacity: 1;
	float: left;
}
.ui-menu i.ui-icon{
	position: static;
	right: 0;

	text-align: center;
	top: 0;
	float: left;
	width: 20px;
	height: 25px;
	line-height: 25px;
}
.ui-menu:hover ul{
	display: block;
}
.ui-menu.active i.icon{
	color: black;
}
.ui-menu:hover{
	cursor: pointer;
	z-index: 20;
}
.ui-menu ul{
	display: none;
	position: absolute;
	top: 25px;
	z-index: 11;
	right: 0;
	width: auto;
	height: auto;
	background-color: white;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    border: 1px solid #ccc;
    border-radius: 3px;
}
.ui-menu ul li:last-child{
	border:none;
}
.ui-menu ul li{
	float:left;
	width: 100%;
	height: auto;
	white-space: nowrap;
	min-height: 27px;
	box-sizing:border-box;
	
	padding: 5px 10px;
	margin: 2px 0;
}

.ui-menu ul li.icon{
	
	padding-left: 30px;
	position: relative;
}
.ui-menu ul li:hover{
	background-color:#f5f5f5 ;
}
.ui-menu ul li.icon:hover i{
	opacity: 1;
}
.ui-menu ul li.icon i{
	color: black;
	position: absolute;
	left: 0;
	opacity: 0.6;
	line-height: 27px;
	height: 27px;
	width: 30px;
	font-size: 16px;
	top: 0;
}
.ui-menu  a {
	color:#000;
}








/*------------------------MENU----------------------*/
nav.menu{
	width: 100%;
	float: left;
	height: auto;
	box-sizing:border-box;
	background-color: #37474f;
	z-index: 1000;
    border-color: #37474f;
    position: relative;
    font-size: 13px;
}

.menu ul.main{
	float: left;
	width: auto;
	height: auto;
	color: white;
}
.menu ul.main li.main{
	float: left;
	width: auto;
	position: relative;

	height: auto;
}
.menu ul.main li.main a{
	    padding: 10px 10px;
    float: left;
    box-sizing:border-box;
    width: 100%;
    white-space: nowrap;
}
.menu ul.main li.main:hover{
	cursor: pointer;
	background-color: #64808E;
}
.menu ul.main li.main ul.main-sub li a:hover{
	background-color: #f5f5f5;
	cursor: pointer;
}
.menu ul.main li.main a i.icon-left{
	margin-right: 10px;
}
.menu ul.main li.main a i.icon-right{
	margin-left: 10px;
}
.menu ul.main li.main ul.main-sub li a.icon-right{
	padding-right: 30px;
}
.menu ul.main li.main:hover ul.main-sub{
	display: block;
}
.menu ul.main li.main ul.main-sub{
	position: absolute;
	background-color: white;
	width: auto;
	color: black;
	float: left;
    min-width: 200px;
    display: none;
	top: 100%;
	    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
   
    border-radius: 3px;
}
.menu ul.main li.main ul.main-sub li{
	width: 100%;
	float: left;
	position: relative;
	height: 35px;
}
.menu ul.main li.main ul.main-sub li i.icon-right{
	position: absolute;
	width: 30px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	right: 0;
	top: 0;
}

.menu ul.main li.main ul.main-sub li ul.sub-sub{
	position: absolute;
	float: left;
	width: auto;
	min-width: 200px;
	display: none;
	top: 0;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	left: 100%;
	background-color: white;
}
.menu ul.main li.main ul.main-sub li:hover ul.sub-sub{
	display: block;
}


.menu ul.main.left{
	float: left;
}

.menu ul.main {
	float:right; 
}
.menu ul.main.right li.main ul.main-sub{
	right: 0;
	left: auto;
} 

.menu ul.main.right  li.main ul.main-sub li.{
	padding-left: 30px;
	padding-right: 0;
	left: 0;
	right: auto;
}


.menu ul.main.right li.main ul.main-sub li ul.sub-sub{
	right: 100%;
	left: auto;
}
.menu ul.main.right li.main ul.main-sub li a.icon-right{
	padding-right: 0;
	padding-left: 30px;
		transform: translateY(0%);
    -webkit-transform: translateY(0%);
    animation-name: menuSlideRight;
    animation-duration: 100ms;
    animation-timing-function: ease;
    -webkit-animation-name: menuSlideRight;
    -webkit-animation-duration: 100ms;
    -webkit-animation-timing-function: ease;
}
.menu ul.main.right li.main ul.main-sub li a.icon-right i.icon-right{
	left: 0px;
	margin-left: 0;

	right: auto;
}
.menu ul.main.right li.main ul.main-sub li a.icon-right i.icon-right:before{
	content:"\f3d2";
}
/*---------------------ANIMATIONS---------------------*/
.menu-animation-slidedown{
	transform: translateY(0%);
    -webkit-transform: translateY(0%);
    animation-name: menuSlideDown;
    animation-duration: 100ms;
    animation-timing-function: ease;
    -webkit-animation-name: menuSlideDown;
    -webkit-animation-duration: 100ms;
    -webkit-animation-timing-function: ease;
}

.menu-animation-slideleft{
	transform: translateY(0%);
    -webkit-transform: translateY(0%);
    animation-name: menuSlideLeft;
    animation-duration: 100ms;
    animation-timing-function: ease;
    -webkit-animation-name: menuSlideLeft;
    -webkit-animation-duration: 100ms;
    -webkit-animation-timing-function: ease;
}

.menu-animation-slideleft{
	transform: translateY(0%);
    -webkit-transform: translateY(0%);
    animation-name: menuSlideRight;
    animation-duration: 100ms;
    animation-timing-function: ease;
    -webkit-animation-name: menuSlideRight;
    -webkit-animation-duration: 100ms;
    -webkit-animation-timing-function: ease;
}



    
@keyframes menuSlideDown {
	0% {
		opacity: 0;
		transform: translateY(-10%);
	}
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}
@-webkit-keyframes menuSlideDown {
	0% {
		opacity: 0;
		transform: translateY(-10%);
	}
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}


    
@keyframes menuSlideLeft {
	0% {
		opacity: 0;
		transform: translateX(-10%);
	}
	100% {
		opacity: 1;
		transform: translateX(0%);
	}
}
@-webkit-keyframes menuSlideLeft {
	0% {
		opacity: 0;
		transform: translateX(-10%);
	}
	100% {
		opacity: 1;
		transform: translateX(0%);
	}
}

    
@keyframes menuSlideRight {
	0% {
		opacity: 0;
		transform: translateX(10%);
	}
	100% {
		opacity: 1;
		transform: translateX(0%);
	}
}
@-webkit-keyframes menuSlideRight {
	0% {
		opacity: 0;
		transform: translateX(10%);
	}
	100% {
		opacity: 1;
		transform: translateX(0%);
	}
}












/*----------------------------TABLE------------------------*/
div[class*="col-"].table .column-content{
	padding: 0;
}
table.list{
	width: 100%;
	border:1px solid #ddd;
}
table.list > thead{
	background-color:#CECDCD;
}
table.list > thead > tr > th{
	/*border-bottom: 1px solid black;*/
	font-weight: normal;
	padding: 7px;
	text-align: left;
}
table.list > tbody > tr.even{
	background-color:#f5f5f5;
}
table.list > tbody > tr > td{
	border-right: 1px dotted #ccc;
	border-bottom: 1px solid #ddd;
	padding: 7px;
	text-align: left;
}


/*----------------------------FILTERS------------------------*/

.filter-cnt{
	float: left;
	box-sizing:border-box;
	width: 100%;
	background:#CECDCD;
	border-top:1px solid #ddd;
}

.filter-element{
	width: 14.26%;
	box-sizing:border-box;
	float: left;
	padding: 10px;
}

.filter-element label{
	width: 100%;
	float: left;
	line-height: 20px;
	height: 20px;
	white-space: nowrap;
	font-size: 12px;
	overflow: hidden;
	text-overflow:ellipsis;
}
.filter-element .filter-element-inner{
	float: left;	
	width: 100%;
}
.filter-element input{
	float: left;	
	width: 100%;
	box-sizing:border-box;
}
.filter-content{
	float: left;
	box-sizing:border-box;
	width: 100%;
	height: auto;
}
.filter-bottom{
	float: left;
	width: 100%;
	box-sizing:border-box;
	padding: 3px 10px;
}

.filter-bottom button{
	float: right;
}
.filter-element input.range{
	width: 45%;
}
.filter-element span.sep{
	height: 21px;
	float: left;
	width: 10%;
	text-align: center;
}
.filter-element span.sep.date{
	width: 5%;
}
.filter-element input.date{
	width: 67.5%;
}
.filter-element input.time{
	width: 27.5%;
}

button:focus{
	/*outline:2px solid red !important;*/
}

/*---------------VW TABS--------------------*/
.tab-cnt{
	float: left;
	width: 100%;
	position: relative;
	min-height: 40px;
	box-sizing:border-box;
	padding-left: 30px;
	padding-right: 30px;
	background-color: #37474f;
	border-top: 1px dotted white !important;
	overflow: hidden;
	margin-top:36px;
}
.tab-el-cnt{
	float: left;
	width: 100%;
	height: 40px;
	box-sizing:border-box;
	padding-top: 10px;
}
.tab-el{
	float: left;
	border-radius: 5px 5px  0 0 ;
	color: white;
	position: relative;
	background-color: #3B7592;
	margin-right: 5px;
	height: 30px;
	box-sizing:border-box;
	width: auto;
	font-size: 14px;
	border-bottom: 2px solid  #37474f;
	padding: 5px;
}
.tab-el.closeable{
	padding-right: 30px;
}
.tab-el:hover{
	cursor: pointer;
	background-color: #4992B7;
}
.tab-el:hover i.close{
	display: block;
}
.tab-el.active,.tab-el.active:hover{
	color: black;
	border-bottom: 2px solid  #f5f5f5;
	background-color: #f5f5f5;
}
.tab-el .icon,.tab-el i{
	width: 20px;
	float: left;
	line-height: 17px;
	text-align: center;
	height: 17px;
	margin-right: 5px;
}
.tab-el i.close{
	float: right;
	opacity: 0.5;
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 33px;
	text-align: center;
	height: 30px;
	width: 30px;
	margin:0; 
}
.tab-el i.close:hover{
	opacity: 1;
}
.tab-el .icon.img img{
	width: 100%;
	height: auto;
}
.modul-menu{
	float: left;
	width: 100%;
	box-sizing:border-box;
	padding: 0 15px;
	height: 48px;
	/*border-bottom: 3px solid #37474F;*/
}
.modul-menu .title{
	float: left;
	width: auto;
	line-height:37px;
	padding-top: 7px;
	font-size: 17px;
}
.modul-menu .title img,.modul-menu .title i{
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin:4px 0;
	float: left;
	margin-right: 10px;
	color: black;
	text-align: center;
	font-size: 25px;
}
.tabs{
	float: right;
    width: auto;
    height: 47px;
    padding-right: 10px;
    box-sizing: border-box;
    padding-top: 15px;
}
a{
	text-decoration: none;
}
.tabs a{
	color: black;
	height: 30px;
	width: auto;
	float: left;
	background-color: #BFDBE8;
	margin-left: 10px;
	line-height: 30px;
	font-size: 12px;
	padding: 1px 10px;
	box-sizing:border-box;
	border-radius:5px;
}

.tabs a:hover{
	background-color:#9FC5D6;
}
.tabs a.active:hover,.tabs a.active{
	background-color: #37474f;
	color: white;
}
.tab-ctr{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: white;
	opacity: 1;
}
.tab-ctr:hover{
	cursor: pointer;
	opacity: 1;
	color: #8DD1F3;
}
.tab-ctr.right{
	left: auto;
	right: 0;
}
.modul-menu-cnt .column-head{
	position: relative;
	background-color: rgba(55, 71, 79, 0.38);
	/*color: white;*/
}

.modul-menu-cnt .column-head .ui-menu ul li{
	color: black;
}
.modul-menu-cnt .column-head .title{
	font-size: 16px;
	font-weight: normal;
}

/*------------ autocomplete ----------------*/

.ac_results {
	padding: 0px;
	border: #DBDAD9 1px solid;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}


.ac_odd {
	background-color: #f7f7f7;
}

.ac_over {
	background-color: #456970;
	color: white;
}
.ac_input {
	padding:3px;
}
.ac_loading {
	padding:3px;
	background: white url('../img/wait.gif') right center no-repeat;
}



/*---------------VW LOGIN--------------------*/

body.login{
	background-image: url('../img/loginbg.png');
	background-size: 10px 10px;
	background-color: #f0f0f0;
	max-height:100%;
	overflow: hidden;
	width:100%;
	height:100%;
	position:fixed;
}
div.login-container {
	width:100%;
	height:100%;
	display:table;
}

div.login-container .login-container-inner {
	width:100%;
	height:100%;
	display: table-cell;
	text-align: center;
    vertical-align: middle;
}

div.login-box{
	width: 420px;
	display: inline-table;
	height: auto;
	overflow: auto;
	background-color: white;
	margin: 0px auto 0px auto;
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 5px 3px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 5px 3px rgba(0, 0, 0, 0.2);
	
}

div.login-footer {
	width: 420px;
	height: auto;
	background:transparent;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align:right;
	color:#6A6A6A;
}

div.login-footer a {
	color:#6a6a6a;
}

div.login-box div.logo{
	float: left;
	width: 100%;
	height: 0px;
	background-position: top;
	border-bottom: #22afbf 4px solid;
	text-align:center;
	padding:0 0 0 0;
}
div.login-box form{
	float: left;
	width: 90%;
	height: auto;
	margin-left: 5%;
	margin-top: 0;
	height: auto;
	text-align: left;
}
div.login-box form .loadit {
	margin: 0 auto 10px;
	display: table;
}
div.login-box form input{
	text-align: left;
	padding: 14px 0px 14px 0px;
	border:1px solid #cccccc;
	background-repeat: no-repeat;
	background-size: 35px auto;
	background-position: 3% center;
	font-size:15pt;
}
div.login-box form input.email{
	background-image:url('../img/login_icon.png');
}
div.login-box form input.password{
	background-image:url('../img/pw_icon.png');
}
div.login-box form input:focus{
	box-shadow: 0 0 4px  #79a74a;
	outline: none;
}
div.login-box form input[type="text"],
div.login-box form input[type="password"]{
	width: 100%;
}
div.login-box form label{
	float: left;
	margin-top: 10px;
	font-size: 18px;
	width: 100%;
	text-align: left;
	padding: 10px 0 10px 0;
}
div.login-box form button{
	width: 40%;
	padding: 4px 12px;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333333;
	margin: 10px auto 20px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f5f5f5;
	background: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background: linear-gradient(to bottom, #ffffff, #e6e6e6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border: 1px solid #cccccc;
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	display: table;
}

div.login-box .check-el i {
	line-height:35px;
	color:#355E05;
}
div.login-box .check-el span {
	margin-left:30px;
	font-weight:normal;
	font-size:10pt;
	user-select: none; 
}

div.login-box div.login-info {
	border:#E4D500 1px solid;
	color:#000;
	background:#FFFAB3;
	padding:5px;
	margin-top:5px;
	overflow:auto;
	border-radius:2px;
	font-size:11pt;
}

div.login-box div.login-info i {
	line-height:26px;
	float:left;
	font-size:26px;
	color:#E4D500;
	margin-right:5px;
}

div.login-box div.login-error {
	border:1px solid;
	color:#ff0000;
	padding:5px;
	margin-top:5px;
	overflow:auto;
	border-radius:2px;
	background:#FFE9E9;
}
div.login-box div.login-error i {
	line-height:26px;
	float:left;
	font-size:26px;
}
div.login-box div.login-error span {
	float:left;
	line-height:26px;
	margin-left:10px;
	color:#CF0B0B;
}

div.login-box form button:hover{
	box-shadow: 0 0 4px  #f18729;
	cursor: pointer;
	background-color: #838383;
}

@media screen and (max-width: 800px){
	body.login {
		position:relative;
		margin:0;
		background-color: white;
	}
	
	div.login-box{
		width: 100%;
		box-shadow:none;
	}
	
	div.login-footer{
		width:100%;
		text-align:center;
	}
}
/*----------------------------------GRID ELEMENTS----------------------------*/
section{
	display: block;
	float: left;
	width: 100%;
	height: auto;
}
.row{
	width: 100%;
	clear: both;
	height: auto;
	box-sizing:border-box;
	padding: 4px;
}

div[class*="col-"] {
	display: inline-block;
	height: auto;
	box-sizing:border-box;
	padding: 4px 10px;
}

.notselectable {
  -webkit-touch-callout: none; 
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
}

.selectable {
  -webkit-touch-callout: all; 
	-webkit-user-select: all;
	 -khtml-user-select: all;
	   -moz-user-select: all;
		-ms-user-select: all;
			user-select: all;
}

.col-1{
	width: 10%;
}
.col-2{
	width: 20%;
}
.col-3{
	width: 30%;
}
.col-4{
	width: 40%;
}
.col-5{
	width: 50%;
}
.col-6{
	width: 60%;
}
.col-7{
	width: 70%;
}
.col-8{
	width: 80%;
}
.col-9{
	width: 90%;
}
.col-10{
	width: 100%;
}
.col-frame{
	display: block;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.fclear {
	clear:both;
}
.aright {
	text-align:right;
}
.aleft {
	text-align:right;
}
.acenter{
	text-align:center;
}


/*-------------------------------COL BASE STYLE-------------------------------*/

body.webclient {
  -webkit-touch-callout: none; 
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none;
            cursor:default;
}

/*-------------TABLE HEAD----------------*/
table.list thead tr th.sortable {
	user-select: none;
	cursor:pointer;
}
table.list thead tr th.sortable:hover {
	background:#f0f0f0;
}

table.list thead tr th.sortable.asc{
	font-weight:bold;
	background:#93CF96;
}

table.list thead tr th.sortable.asc::after,
table.list thead tr th.sortable:hover::after {
	float:right;
	display: inline-block;
	font-family: "Ionicons";
	font-weight:bold;
	content: "\f3d0";
}

table.list thead tr th.sortable.desc{
	font-weight:bold;
	background:#93CF96;
}

table.list thead tr th.sortable.desc::after {
	float:right;
	font-weight:bold;
	display: inline-block;
	font-family: "Ionicons";
	content: "\f3d8";
}

table.list tbody tr td.ordered {
	border-left:#2FFF00 1px solid !important;
	border-right:#2FFF00 1px solid !important;
}

/*-------------TABLE FILTER------------------*/
table.list tr.filters {
	background:#fff;
}
table.list tr.filters td {
	border-right:#D0D0D0 1px solid;
}
table.list tr.filters td:last-child{
	border-right: none;
}
table.list tr.filters td.first {
	border-left:none;
}
table.list tr.filters td.last {
	border-right:none;
}
table.list tr.filters input,table.list tr.filters select{
	width: 98%;
	padding: 1%;
	float: left;
	border:none;
}
table.list tr.filters input.range {
	width: 47%;
	float: left;
	text-align: left;
	padding: 1%;
}
table.list tr.filters input.range:first-child {
	border-right:#d0d0d0 1px solid;
}

table.list tr.filters input.fn-2  {
	float:left;
	border-right:#d0d0d0 1px solid;
	width:48%;
	box-sizing: border-box;
	width:50%;
	min-width:150px;
}

table.list tr.filters input.fn-last {
	border-right:none;
}






/*-------------FILTER RESULT------------------*/
.filter-result {
	padding:10px;
}
.filter-result .filter-obj {
	width:auto;
	display:inline;
	border:#DDDDDD 1px solid;
	border-radius:5px;
	font-size:10pt;
	padding:2px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor:default;
	margin-right:5px;
}
.filter-result .filter-obj:hover {
	background:#f0f0f0;
}
.filter-result .filter-obj span.title::after {
	content:": ";
}

.filter-result .filter-obj span.title {
	font-weight:bold;
}
.filter-result .filter-obj span.remove {
	cursor:pointer;
}
/*-------------VIEW MGM--------------------*/

.fields_col h3,
.actions_col h3 {
	color:#37474F;
	border-bottom:#37474F 1px solid;
}

#viewmgm_fields label {
	display:block;
	width:100%;
	border-bottom:#DDDDDD 1px solid;
	padding:2px;
	margin:5px 0px 5px 0px;
}


/*-------------TABLE BODY------------------*/

table.list tbody tr:hover td {
	background:#DFEEE0;
}

table.list tbody tr.selected td {
	border-bottom:#C3FF98 1px solid;
	background:#DEFFC7;
}

table.list tbody tr.selected:hover td {
	background:#C3FF98;
}

/*-------------TABLE VE-STYLE----------------*/
.ve-td-color-left .ve-color {
    width: 20px;
    height: 100%;
    background: #c0c0c0;
    border-right: #333 1px solid;
    position: absolute;
    top: 0;
    left: 0;
}
table.list .ve-td-color-left{
	position: relative;
	padding-left: 25px;
}
table.list td.ve-check{
	position: relative;
	padding-left: 30px;
}

table.list td.ve-check div.ve-check{
	position: absolute;
	left: 0;
	width: 25px;
	height: 100%;
	top: 0;
	background: #E4F6E4;
	display: table-cell;
}
table.list td.ve-check div.ve-check.checked{
	background-color: #64A636;
    color: #fff;
}
table.list td.ve-check div.ve-check.checked:hover{
	background-color: #487528;
}

table.list td.ve-check div.ve-check.checked button{
	color: white;
	opacity: 1;
}
table.list td.ve-check div.ve-check.checked button:hover{
	background: transparent;
}
table.list td.ve-check div.ve-check button{
	width: 25px;
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
table.list button.listbutton i{
	margin: 0;
}
table.list button.listbutton {
	padding: initial;
	margin: 0;
}
/*------table iedit----------------*/
table.list td{
	position: relative;
}
table.list td.editable div.edit:before {
        content: "\f416";
        font-family: "Ionicons";
        font-style: normal;
}
table.list td.editable{
	position: relative;
	
}
.ieditLoader{
	position: absolute;
	right: 5px;
	top: 7.5px;
	display: none;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}
table.list td.editable div.edit{
	position: absolute;
	right: 5px;
	opacity: 0.6;
	border:1px solid #ccc;
	background-color: white;
	top:0;
	vertical-align: middle;
	height: 25px;
	text-align: center;
	width: 25px;
	line-height: 25px;
	top: 7.5px;
}
table.list td.editable div.edit:hover{
	opacity: 1;
	cursor: pointer;
	background-color: #64A636;
}
table.list td.editable div.edit:hover:before{
	color: white;
}
/*--------------table othet style----------*/
table.list tr.odd.disabled, table.list tr.even.disabled {
    background-color: #C0C0C0 !important;
}
table.list tr.odd.red, table.list tr.even.red {
    background-color:rgba(255, 34, 34, 0.39) !important;
}

table.list tr.odd.blue, table.list tr.even.blue {
    background-color:rgba(33, 150, 243, 0.62) !important;
}
table.list tr.odd.green, table.list tr.even.green {
    background-color:rgba(76, 175, 80, 0.69) !important;
}

table.list tr.odd.light-green, table.list tr.even.light-green {
    background-color:rgba(76, 175, 80, 0.3) !important;
}


table.list button{
	background-color: none;
	border:none;
	background: none;
	opacity: 0.6;
	outline: none;
	width: 25px;
	height: 25px;
	float: left;
}
table.list button.red i{
	color:#CF0000 ;
}
table.list button:hover{
	opacity: 1;
	cursor: pointer;
	background-color: white;
	border:1px solid #ccc;
}
table.list td .ieditLine{
	width: 100%;
	height: auto;
	height: 25px;
	position: relative;
	float: left;
	box-sizing:border-box;
	padding-right: 56px;
}
table.list td .ieditLine input,table.list td .ieditLine select{
	width: 100%;
	height: auto;
	height: 20px;
	padding: 0;
	float: left;
}
table.list td .ieditLine select{
	height: 25px;
}
table.list td .ieditLine input.date{
	width: 80px;
}
table.list td .ieditLine input.time{
	width: 40px;
}
table.list td .ieditLine button{
	position: absolute;
	width: 25px;
	height: 24px;
	right: 0;
	float: none;
	top: 0;
}
table.list td .ieditLine button.submit{
	right: 25px;
}
table.list td .ieditLine button{
	box-sizing:border-box;
}
table.list td .ieditLine button.cancel i.icon:before{
	content: "\f128";
	font-family: "Ionicons";
	font-style: normal;
	width: 100%;
	text-align: center;
}
table.list td .ieditLine button.submit i.icon:before{
	content: "\e962";
	font-family: 'icomoon';
	font-style: normal;
	width: 100%;
	text-align: center;
}

/*spec select*/
.iedit-overlay.v-panel-shadow{
	min-width: 200px;
	z-index: 10;
	width: 100%;
	width: calc(100% - 25px);
	position: absolute;
	background-color: white;
	top: 24px;
	box-sizing:border-box;
	margin-bottom: 5px;
	left: 0px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    border: 1px solid #ccc;
    border-radius: 3px;
    padding:10px 10px 5px 10px;
}
table.list div.ieditLine div.iedit-overlay i input {
    background: #000;
    width: auto;
    height: auto;
    position: absolute;
    margin-left: -13px;
    margin-top: 3px;
    opacity: 0;
}
table.list div.ieditLine div.iedit-overlay i{
	margin-right: 10px;
}
table.list div.ieditLine div.iedit-overlay ul li{
	padding: 5px 0;
	float: left;
	width: 100%;
}
table.list div.ieditLine div.iedit-overlay ul li label{
	width: 100%;
	float: left;

}
table.list div.ieditLine div.iedit-overlay ul li label:hover{
	cursor: pointer;
}
table.list div.ieditLine div.iedit-overlay ul li:hover{
	font-weight: bold;
	font-style: underline;
}

table.list div.ieditLine div.iedit-overlay ul li.action{
	position: relative;
	border-top:1px solid #ddd;
	height: auto;
	padding: 5px 0 0 0;
	text-align: center;
}

table.list div.ieditLine div.iedit-overlay ul li.action button{
	display: inline-block;
	position: static;
}


/*---------quick menu------------*/
.quickmenu{
	float: left;
	padding: 5px;
	width: 100%;
	box-sizing:border-box;
	height: auto;
	   /* background-color: #f5f5f5;*/
	border-top:1px solid #DDDDDD;
}
.pager-cnt{
	width: auto;
	float: right;
	padding: 5px;
	padding-right: 0px;
}
.pager{
	width: auto;
	float: left;
	min-height: 40px;
	padding: 5px 8px 5px 5px;
	border-right: 1px solid #ccc;
}
.pager ul li.num.active,.pager ul li.num.active:hover{
	background-color: #93CF96;
}
.pager ul li.num:hover,.pager ul li.next:hover,.pager ul li.prev:hover{
	cursor: pointer;
	background-color: rgba(76, 175, 80, 0.1);
}
.pager ul li{
	float: left;
}
.pager ul li{
	min-width: 20px;
	padding:0px 3px 0px 3px;
	text-align: center;
	line-height: 27px;
	height: 27px;
	border:1px solid #ccc;
}
.pager.jump{
	border:none;
}
.pager.jump ul li{
	width: auto;
	border:none;
}
.pager.jump ul li.num{
	width: 27px;
	margin: 0 8px;
}
.pager.jump ul li.num input{
	width: 25px;
	height: 25px;
	padding: 0;
	margin: 0;
}
button{
	outline: none;
}
button.base{
	padding: 6px;
    border: none;
    margin:0;
    background-color: rgb(195, 195, 195);
    background-color: rgb(230, 229, 229);
    color: black;
        border: 1px solid silver;
    
}
button:hover{
	cursor: pointer;
}
button.base:hover{
	background-color:rgb(202, 202, 202);

}
.quickmenu button{
	margin: 0 5px;
}
button.group-act-button{
	background-color: transparent;
}
.group-edit{
	border:1px solid rgba(76, 175, 80, 0.6);
	background-color: #EDF7EE;
}
.group-edit.check-cnt{
	background-color: transparent;
	border-color: transparent;
}
.group-cnt .check-cnt button.select-btn {
	border:none;
	padding:0 0 0 0;
	margin: 0 0 0 0;
}

.pager span.text {
	font-size:10pt;
	background:#E6E5E5;
	line-height:17pt;
}

span.selected-count,
span.filtered-count {
	background:#37474F;
	color:white;
	padding:2px;
	font-weight:bold;
	border-radius:2px;
}



.quickmenu-left{
	width: auto;
	float: left;
	height: auto;
}

.quickmenu.tablefoot .right{
	float: right;
	width: auto;

}
.quickmenu.tablefoot .right button{
	float: right;
	margin: 5px 0px;
}.form-item{
	width: 100%;
	padding: 5px;
	box-sizing:border-box;
	float: left;
	border-bottom: 1px dotted #ccc;
}
.form-item:hover{
	/*background-color: #f0f0f0;*/
}
.form-item label.label{
	width: auto;
	width: 30%;
	overflow: hidden;
	line-height: 20px;
	min-height: 20px;
    float: left;
}
.form-item .form-item-inner{
	width: 70%;
	float: left;
}
.form-item .form-item-inner.item-button input {
	width:95%;
}
.form-item .form-item-inner.item-button.small input {
	width:100px;
}

.form-item .form-item-inner.item-button button,
.form-item .form-item-inner.item-button.small button {
	text-align:center;
	width:5%;
	margin:1px 0 0 0;
	height:25px;
	border-left:none;
	line-height:20px;
	overflow:hidden;
	padding:0;
}
.form-item .form-item-inner.item-button.small button {
	text-align:center;
	width:30px;
}

.form-item .form-item-inner.item-button button i {
	font-size:14pt;
	text-align:center;
	margin:0 0 0 0;
}

.form-section .form-item:last-child{
	border: none;
}
.form-item-inner.with-popup-btn{
	padding-right: 0px;
}
.form-section{
	
	/*background-color: #f4f4f4;*/
	float: left;
	width: 100%;
	box-sizing:border-box;
	padding:15px 10px;

	position: relative;
}
.form-section .section-title{
	width: 100%;
	padding:10px;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	float: left;
	margin-bottom: 5px;
	box-sizing:border-box;
}
.form-item span.after{
	line-height: 25px;
	float: left;
	width: 30px;
	text-align: center;
}
.form input,.form select,.form textarea{
	width: 100%;
	max-width: 100%;
	float: left;
	box-sizing:border-box;
	padding: 3px;
	margin: 1px 0;
}
.form input{
	box-shadow: none;
	box-sizing:border-box;
	border: 1px solid #A9A9A9;
	height: 25px;
}
.form input.col-3{
	width:30%;
}
.form input.col-4{
	width:40%;
}
.form input.col-6{
	width:60%;
}
.form input.col-7{
	width:70%;
}
.form input.col-5{
	width:50%;
}
.form .input {
	box-shadow: none;
	box-sizing:border-box;
	border: 1px solid #A9A9A9;
	padding:3px;
}


.form textarea {
	width: 100%;
	height: 300px;
	max-width: 100%;
}
.form  textarea.small{
	height: 100px;
}
.form  textarea.middle{
	height: 200px;
}
.form  textarea.big{
	height: 350px;
}
.form input.date{
	width: 100px;
}
.form input.time{
	width: 50px;
}

.form-item [class*="col-"]{
	padding: 0 3px;
}

.form-input-group .form-item label,
.form-input-group  .form-item input,
.form-input-group  .form-item select,
.form-input-group  .form-item textarea,
.form-input-group  .form-item .form-item-inner {
	clear:both;
	width:100%;
}
.form-input-group .form-item label {
	margin-top:5px;
}

.form-item.col-2{
	width: 20%;
}
/*
.form-item.col-2 label{
	width: 100%;
}
.form-item.col-2 input{
	width: 100%;
}
.form-item.col-2 .form-item-inner{
	width: 100%;
}
*/
.form-item.col-25{
	width: 25%;
}
/*
.form-item.col-25 label{
	width: 100%;
}
.form-item.col-25 input{
	width: 100%;
}
.form-item.col-25 .form-item-inner{
	width: 100%;
}*/

.form-item.col-3{
	width: 33%;
}
.form-item.col-4{
	width: 40%;
}
.form-item.col-5{
	width: 50%;
}
.form-item.col-6{
	width: 60%;
}
.form-item.col-7{
	width: 70%;
}
.form-item.col-8{
	width: 80%;
}

.form input.small,.form select.small{
	width: 120px !important;
}
.form input.middle,.form select.middle{
	width: 220px !important;
}
.form input.readonly{
	    background-color: #c0c0c0;
    color: #333;
    cursor: not-allowed;
}
.form span.info{

	font-size: 13px;
	box-sizing:border-box;
	height: 25px;
	background-color: #d0d0d0;
	float: left;
	margin: 1px 0;
	padding: 5px;
}
.title span.info{
	float: none;
	background-color: transparent;
}

/*-----------FORM SUB SECTIONS--------------*/
.form-sub-head{

}
.form-sub{
	padding: 4px;
	height: 300px;


}
.form-sub-title{
	float: left;	
	width: 100%;
	padding: 5px;
	background-color:#f5f5f5 ;
	box-sizing:border-box;
}
.form-sub-content{
	border:1px dotted black;
	float: left;
	width: 100%;
	margin: 3px 0;
	box-sizing:border-box;
	height: 100%;
}
.form-item-cnt{
	width: 100%;
	float: left;

	box-sizing:border-box;
	height: auto;
	padding: 15px 5px;
	background: #f5f5f5;
	margin-top: 15px;
	position: relative;
	border:1px dotted black;
}
.form-item-cnt-title{
	position: absolute;
	width: auto;
	padding: 5px;
	top: -13px;
	background-color: #f5f5f5;
	border-right: 1px dotted black;
	border-left: 1px dotted black;
}
/*--------CHECKBOX AND RADIO BUTTON-----------------*/

.check-el,.radio-el,.ship-el {
	box-sizing:border-box;
	padding-left: 30px;
	float: left;
	height: auto;
	position: relative;
}
.style1{
	background: #f5f5f5;
	border:1px solid #333038;
}
.check-el:hover,.radio-el:hover,.ship-el:hover{
	cursor: pointer;
}
.check-el:hover i,.radio-el:hover i,.ship-el:hover i,.check-el:hover span,.radio-el:hover span,.ship-el:hover span{
	text-decoration: underline;
}
.check-el span,.radio-el span,.ship-el span{
	float: left;
	line-height: 25px;
	padding: 0;
}
.ship-el{
	margin-bottom: 10px;
}
.radio-el{
	margin-bottom: 0;
}
.check-el{
	border:none;
	background-color: none;
}

.check-el input[type="checkbox"],.radio-el input[type="radio"],.ship-el input[type="radio"]{
	display: none;
}
.check-el i,.radio-el i,.ship-el i{
	position: absolute;
	left: 5px;
	top: 5px;
	color: #333038;
	font-size: 21px;
}
.check-el .title,.radio-el .title,.ship-el .title{
	border: none;
}
.check-el p,.radio-el p,.ship-el p{
	float: left;
	width: 100%;
	font-size: 13px;
	margin: 3px 0;
}
.radio-el input[type="radio"]:checked ~ i:before,.ship-el input[type="radio"]:checked ~ i:before{
	content:"\f400" ;
}
.check-el i{
	font-size: 16px;
    line-height: 23px;
}
.check-el input[type="checkbox"]:checked ~ i:before{
	content:"\ea52" ;
}
.check-el.active{
	/*background: rgba(230, 122, 50, 0.29);
	border-color:#e67a32;*/
	color: black;
}
/*-----------------btnuploader----------------*/
/*------------------buttonuploader------------------*/
.buttonuploader_progress_cnt{
	width: 100%;
	float: left;
	height: auto;
	min-height: 0;
	position: relative;
}
.btn_prog_el.animation-prog-remove{
	opacity: 0;
}
.buttonuploader_uploaded_cnt{
	float: left;
	width: 100%;
	height: auto;
	padding: 5px;
	margin: 0%;
	box-sizing:border-box;
}
.buttonuploader_progress_cnt{
	/*border-top:3px solid rgb(15, 173, 255);*/
}
.buttonuploader_uploaded_cnt button{
	padding: 6px;
	font-size: 15px;
	margin: 5px;
}
.btn_prog_el{

	box-sizing:border-box;
	width: 100%;
	opacity: 1;
	padding: 7px;
	margin: 0px;
	float: left;
	border-bottom: 1px solid #969191;
	min-height: 60px;
	position: relative;
	height: auto;
	background-color:#DDDDDD;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
.btn_prog_el i.icon.delete{
	width: 25px;
	height: 25px;
	position: absolute;
	right: 7px;
	line-height: 25px;
	text-align: center;
	font-size: 17px;
	top:2.5px;
}
.btn_prog_el i.icon.delete:hover{
	color: white;
	background-color:#B82121;
	cursor: pointer;
}
.btn_prog_el i.icon.delete:before{
	line-height: 25px;
}
.btn_prog_bar_inner{
	width: 0%;
	height: 100%;
	float: left;
	background-color: rgb(15, 173, 255);
}
.btn_prog_el span{
	font-size: 14px;
	float: left;
	box-sizing: border-box;
	line-height: 20px;
	float: left;
	padding-right: 20px;
	width: 100%;
	margin-bottom: 4px;
}
.btn_prog_bar_outter{
	width: 100%;
	box-sizing: border-box;
	height: 20px;
	float: left;
	background-color: white;
	padding: 3px;
}
.btn_prog_el.completed{
	background-color:rgba(100, 166, 54, 0.6); 
}
.btn_prog_el.completed.error{
	background-color:rgba(255, 0, 0, 0.6); 
}

.btn_prog_el.completed .btn_prog_bar_outter{
	height: auto;
}
.btn_prog_el.completed .btn_prog_bar_outter .btn_prog_bar_inner{
	padding: 5px;
	box-sizing:border-box;
}
.btn_prog_el.completed .btn_prog_bar_outter span.btn_complete_span{
	float: left;
	width: auto;
	margin: 0;
	line-height: 30px;
}
.btn_prog_el.completed .btn_prog_bar_outter .prog_el_buttons{
	float: right;
	width: auto;
	height: 30px;
}
.btn_prog_el.completed .btn_prog_bar_outter .prog_el_buttons button{
	float: right;
	min-width: 30px;
	width: auto;
	position: relative;
	height: 30px;
	box-sizing:border-box;
	margin: 0 5px;
	padding: 5px;
	line-height: 20px;
}
.btn_prog_el.completed .btn_prog_bar_outter .prog_el_buttons button i{
	float: left;
	width: 20px;
	height: 20px;	
}

/*------------TAB CTR----------------------*/
.tab-controll{
	float: left;
	width: 100%;
	padding: 0 5px;
	height: auto;
	border-bottom: 1px solid #4caf50;
	box-sizing:border-box;
}
.tab-element{
	width: auto;
	height: 30px;
	float: left;
	margin-bottom: -1px;
	position: relative;
	margin-right: 5px;
	padding-right: 5px;
	line-height: 30px;
	box-sizing:border-box;

	padding-left: 35px;
	border-width: 1px 1px 0 1px;

	border-style: dotted;
	border-color: #4caf50;
	
}
.tab-element.active{
	border-bottom: 1px solid #EDF7EE;
	background-color: rgba(76, 175, 80, 0.1);
	border-style: solid;
}
.tab-element:hover{
	background-color: rgba(76, 175, 80, 0.1);
	cursor: pointer;
}
.tab-element i{
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0px;
	top: 0;
	text-align: center;
	line-height: 30px;
}
.tab-element i.img{
	background-size:80% auto; 
	background-repeat: no-repeat;
	background-position: center;
}
.tab-container{
	width: 100%;
	height: auto;
	padding: 10px;
	box-sizing:border-box;
	float: left;

	border-top:none;
	
}


/*----------------image picker------------*/
.image_picker{
	float: left;
	width: 100%;
	box-sizing:border-box;
	height: auto;
}
.image_picker img{
	float: left;
	width: 100%;
	height: auto;
}


/*-------------form iedit-------------------*/
.form-iedit{
	float: left;
	width: 100%;
	height: 25px;
	line-height: 25px;
	position: relative;
	box-sizing:border-box;
	padding-right: 25px;
}
.form-iedit i{
	position: absolute;
	width: 25px;
	height: 25px;
	right: 0;
	top: 0;
	line-height: 25px;
	display: none;
}
.form-iedit:hover{
	cursor: pointer;
}
.form-iedit:hover i{
	display: block;
	cursor: pointer;
}

/*------------------SPECIAL FORMS------------------------*/

/*-------INVOICE FORM ---------*/
.inv-form .form-item.col-25{
	width: 25%;
}
.inv-form .form-item.col-25 label{
	width: 50%;
}
.inv-form .form-item.col-25 input{
	width: 100%;
}
.inv-form .form-item.col-25 .form-item-inner{
	width: 50%;
}
.invoice-items table{
	border-collapse: collapse;
}

.invoice-items table thead{
	background-color: #F3F3F3;
}
table.formtbl td{
	position: relative;
	padding: 4px;
}
.invoice-items .with-popup-btn{
	float: left;
	width: 100%;
	max-width: 300px;
	box-sizing:border-box;
	position: relative;
	padding-right: 20px;
	height: auto;
	margin-bottom: 3px;
}
.with-popup-btn{
	float: left;
	width: 100%;
	max-width: 300px;
	box-sizing:border-box;
	position: relative;
	padding-right: 25px;
	height: auto;
	margin-bottom: 0px;
}

.with-popup-btn button,.with-popup-btn input[type='button']{ 
	width: 24px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 1px 0;
    text-align: center;
    box-sizing:border-box;
    float: left;
    position: absolute;
    right: 0px;
    top: 0px;
}
.with-popup-btn button:hover,.with-popup-btn input[type='button']:hover{
	cursor:pointer;
	background-color: silver;
}
.with-popup-btn.double{
	padding-right: 52px;
}
.with-popup-btn.double .first{
	right: 0;
}
.with-popup-btn.double .sec{
	right: 26px;
}
.invoice-items .with-popup-btn input[type='text']{
	width: 100%;
	float: left;
}
.invoice-items .with-popup-btn input[type='button'],.invoice-items .with-popup-btn button{
	width: 24px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    text-align: center;
    box-sizing:border-box;
    float: left;
    position: absolute;
    right: 0px;
    top: 0px;
}
.invoice-items .with-popup-btn input[type='button']:hover,.invoice-items .with-popup-btn button:hover{
	cursor: pointer;
}
.invoice-items table tbody td{
	border: 1px solid #d0d0d0 ;
}
.invoice-items table thead td.invoice-tbl-afa{
	min-width: 120px;
}
.invoice-items table tr.tr_proto.summary td{
	border-bottom:1px solid black !important;
}

.invoice-items table tbody td select,.invoice-items table tbody td input{
	max-width: 300px;
}
.inv_custom_opts_popup{
	max-width: 200px;
    z-index: 10;
    width: 100%;
    display: none;
    position: absolute;
    background-color: white;
    top: 24px;
    box-sizing: border-box;
    margin-bottom: 5px;
    right: 0px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 10px 5px 10px;
}
.with-after{
	position: relative;
	width: 100%;
	box-sizing:border-box;
	padding-right: 20px;
}
.with-after select,.with-after input{
	width: 100%;
}
.with-after select{
	margin-bottom: 2px;
}
.with-after span.after{
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	text-align: center;
	height: 50px;
	line-height: 50px;
}
/*-----CMS FORM-----*/
.cms-form .form-item label.label{
	width: 15%;
}

.cms-form .form-item .form-item-inner{
	width: 85%;
}

.form .cms-form input,.form .cms-form textarea{
	width: 100%;
	max-width: 100%;
}
.cms_labels{
	float: left;
	width: 100%;
	height: auto;
}
.cms_labels .selected{
	width: 20%;
	float: left;
	box-sizing:border-box;
	padding: 4px;
}
.cms_labels .selected-inner{
	background-color: rgba(76, 175, 80, 0.5);
}

.cms_labels .selected .check-el,
.cms_labels .selected  .check-el .title{
	width: 100%;
}

/*--------formtbl----------*/
table.formtbl tbody td{
	border: 1px solid #d0d0d0 ;
	background-color: white;
}
table.formtbl thead td.invoice-tbl-afa{
	min-width: 120px;
}
table.formtbl tbody tr:hover td{
	background-color: rgb(237, 247, 238);
}
table.formtbl tbody td select,table.formtbl tbody td input{
	max-width: 300px;
}
table.formtbl{
	background-color:#F3F3F3;
}

/*--------ITEMLIST--------*/
.itemlist-ctr{
	float: left;
	width: 100%;
	box-sizing:border-box;
	height: auto;
	padding: 5px 5px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
}
.itemlist-count{
	float: left;
	width: auto;
	height: auto;
}
.itemlist-count div.label,.itemlist-count big{
	float: left;
	line-height: 30px;
}
.itemlist-count big{
	margin-left: 10px;
}
.itemlist-buttons{
	float: right;
	width: auto;
	height: auto;	
}
.itemlist-buttons input[type="button"],.itemlist-buttons button{
	float: left;
	width: 30px;
	height: 30px;
	box-sizing:border-box;
	line-height: 30px;
	padding: 0;
	text-align: center;
}
.itemlist-buttons button i{
	margin: 0;
}
/*---------------CKEDITOR INLINE ---------------*/
.cke_textarea_inline {
	border:1px solid #ccc;
	min-height: 300px;
	padding: 10px;
	
	box-sizing:border-box;
}
.cke_textarea_inline li{
	list-style: inherit;

}
.cke_textarea_inline ul{
	padding-left: 20px;	
	list-style: inherit;
}
.cke_textarea_inline ul li{
	list-style: circle;
}
.limited .cke_textarea_inline{
	max-height: 700px;
	overflow-y: scroll;
}
.cke_textarea_inline:hover{
	background-color: #FBFBFB;
}
.cke_editable.cke_editable_inline
{
	cursor: pointer;
}

/* Once an editable element gets focused, the "cke_focus" class is
   added to it, so we can style it differently. */
.cke_editable.cke_editable_inline.cke_focus
{
	box-shadow: inset 0px 0px 20px 3px #ddd, inset 0 0 1px #000;
	outline: none;
	
	cursor: text;
}

/* Avoid pre-formatted overflows inline editable. */
.cke_editable_inline pre
{
	white-space: pre-wrap;
	word-wrap: break-word;
}


/*------CUSTOMER DATA-------*/
.contact-add{
	float: left;
	width: 100%;
	height: auto;
	padding: 5px 0;
	box-sizing:border-box;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
}
.contact-add .submit{
	width: 30px;
	height: 30px;
	line-height: 30px;
	float: left;
	text-align: center;
	padding: 0;

}
.contact-list-el .remove-btn{
	padding: 5px;
	text-align: center;
	width: 25px;
	box-sizing:border-box;
	color: black;
	
	position: absolute;
	right: 0;
	top: 0;
}
.contact-list-el .remove-btn:hover{
	background-color: #ddd;
}
.contact-add span{
	float: left;
	padding: 7px;
}
.contact-list-el{
	padding-top: 30px;
	border:1px solid #ddd;	
	position: relative;
}
.contact-list-el .label{
	width: 30%;
	float: left;
}
.contact-list-el input{
	width: 70%;
	float: left;
}
.form-footer{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background-color:rgb(204, 204, 204);
	border: 1px solid #37474F;
	box-sizing:border-box;
}
.form-footer.solid {
	border:none;
	background:transparent;
}
.form-footer .form-footer-left{
	float: left;
}
.form-footer .form-footer-right{
	float: right;
}
.form-footer  button{
	padding: 10px;
}
.form-footer.fixed{
	position: fixed;
	bottom: 0;
	left: 0;
	margin: 0;
	width: 100%;
}



/*------------------------INVOICE DATA-----------------------------*/

.product{
	position: relative;
	padding-left: 160px;
}
.product .left-wizzard-cnt{
	left: 1px;
	z-index: 1;
	top: 0;
	padding-left: 0;
	padding-right: 0;
	position: absolute;
	width: 160px;

}
.left-wizzard-cnt .column-frame{
	border-right:1px dotted #ddd ;

}

.left-wizzard,.left-wizzard ul,.left-wizzard ul li,.left-wizzard ul li span{
	float: left;
	width: 100%;
	height: auto;	
	box-sizing:border-box;
}
.left-wizzard ul li{
	border-bottom: 1px dotted #ddd;
}
.left-wizzard ul li:hover{
	background-color: #f5f5f5;
	cursor: pointer;
}
.left-wizzard ul li.active,.left-wizzard ul li:hover.active{
	background-color: rgba(76, 175, 80, 0.5);
}
.left-wizzard ul li span{
	padding:10px;
	
}
.product .left-wizzard-cnt .column-content{
	padding: 0;
}
.product{
	min-height: 400px;
}

/*
	Regon
*/
nav.menu {
	position:fixed;
}

section#content {
	margin-top:35px;
}

/*---------------- CMS -------------------*/

.form-item.form-image-selector {
	width:200px;
	height:200px;
	margin-right:5px;
	border:#d0d0d0 1px solid;
	background-size: cover;
	cursor:pointer;
	background-position: center;
}
.form-item.form-image-selector.big{
	width:100%;
	min-height: 200px;
	height:auto;
	overflow:visible;
	position:relative;
	padding:0px;
}
.form-item.form-image-selector.big img{
	float:left;
	width:100%;
	height:auto;
}
.form-item.form-image-selector.big .form-item-inner i{
	margin-left: 0px;
	width:100%;
	text-align: center;
	position:absolute;
	left:0px;
	top:0px;
}
.form-item.form-image-selector.big label{
	left:5px;
	top:5px;
}

.form-item.form-image-selector label {
	position:absolute;
	font-size:10pt;
	width:auto;
	background:rgba(255,255,255,.5);
}
.form-item.form-image-selector .form-item-inner {
	width:100%;
	position:relative;
	float:none;
}
.form-item.form-image-selector .form-item-inner i {
	display:block;
	position:relative;
	font-size:90px;
	color:#d0d0d0;
	margin:45px 0px 0px 60px;
}
.form-item.form-image-selector:last-child {
	border:#d0d0d0 1px solid;
}
.form-item.form-image-selector:hover{
	box-shadow: 0 0 5px #ccc;
}
.form-item.form-image-selector:hover i{
	color:#4caf50 ;
}
.form-section .button-row {
	margin:5px 0px 0px 0px;
	clear:both;
	overflow:auto;
	float:none;
}
.selected-items {
	display:block;
	width:100% !important;
	clear:both;
	margin-top:10px;
	border-top:#d0d0d0 1px solid;
}
.selected-items .selected-item {
	cursor:pointer;
	width:auto;
	display:inline;
	float:left;
	border:#d0d0d0 1px solid;
	border-radius:3px;
	padding:6px;
	background-color: rgba(76, 175, 80, 0.1);
	margin:2px 5px 5px 0px;
	opacity:0.7;
}
.selected-items .selected-item:hover{
	background-color: rgba(244, 67, 54, 0.7);
	opacity:1;
}
.cke_editable.cke_editable_inline.cke_focus
{
	box-shadow: none !important;
	outline: none;
	cursor: text;
}

.error input,
.error select,
.error textarea,
.error checkbox {
	border:#ff0000 1px solid;
}
.error:after {
	font-family:Ionicons;
	content: "\f100";
	font-size:15pt;
	position:absolute;
	margin: 2px 0px 0px -20px;
	color:#ff0000;
}
.error.aright:after {
	left:0;
	margin-left:10px;
}
.with-popup-btn.error:after{
	right:30px;
}
.date.error:after {
	margin:2px 0 0 5px;
}
.select.error:after {
	margin: 2px 0px 0px -40px;
}

.overlay-fixed {
	position:fixed;
	left:0;
	top:0;
}

.form-footer.overlay-fixed {
	border:none;
	border-top:#37474F 1px solid;
	margin:0 0 0 0;
}



/*-----------SPECIALS ---------------*/
.buttonuploader{
	padding:5px;
}
.buttonuploader_progress_cnt{
	padding:5px;
}

.itemlist-video .itemlist-element{
	border:1px solid #ddd;
}

.itemlist-video .itemlist-element:hover{
	background-color: rgba(76, 175, 80, 0.1);
}
.itemlist-video .itemlist-element button.delbtn{
	margin:0px;
	position:absolute;
	right:0px;
	top:5px;
	padding:0px;
	height:30px;
	width:30px;

}
.itemlist-video .itemlist-element button.delbtn i{
	margin:0px;
	line-height: 30px;
}
.itemlist-video  .itemlist-head{
	position:relative;
	padding:0px 30px 0 5px;
	
	height:40px;
	line-height: 40px;
}



/*---CROP---*/
.crop-container{
	text-align: center;
	padding:0px 30px 30px 30px;
	
}
.crop-container .crop-item{
	display:inline-block;
	width:auto;
	height:auto;
	display:inline-block;
}
.crop-container .crop-item img{
	width:100%;
	height:auto;
}
.crop-preview{

}
.crop-preview .preview-item{
	float:left;
	margin:2.5px;
	overflow:hidden;
	background-color: white;
	clear:both;
}
.preview-big{
	width:200px;
	height:200px;
}
.preview-middle{
	width:100px;
	height:100px;
}
.preview-small{
	width:50px;
	height:50px;
}
.crop-main{
	position:relative;
	/*padding-right:500px;*/
	height:auto;
	float:left;
	/*width:100%;*/
}
.crop-main .crop-preview-cnt{
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	/*position:absolute;
	right:0px;
	top:0px;
	width:500px;
	height:auto;
	background-color: red;*/
}

.crop-preview .preview-item{
	position:relative;
	 -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;    
}
.crop-preview .preview-item .check-el{
	position:absolute;
	top:0;
	background-color: rgba(255,255,255,0.75);
	left:0;
	font-size: 12px;
	padding:0 5px 0 30px;
	z-index: 100;
}

.crop-preview .preview-item  .check-el i{
	top:0px;
}
.preview-item.error{
	border:2px solid red;
}
.preview-item .preview-error-msg{
	position:absolute;
	width:100%;
	height:100%;
	background-color: rgba(255, 0, 0, 0.11);
	color:white;
	top:0px;
	left:0px;
	display:none;
}
.preview-item:hover .preview-error-msg{
	background-color: rgba(255, 0, 0, 0.51);
	display:block;
}
.preview-item .table{
	float:left;
	display:table;
	text-align: center;
	width:100%;
	height:100%;
}
.preview-item .table .table-cell{
	vertical-align: middle;
	display:table-cell;
	float:none;
}
.crop-comtroll-panel{
	padding:5px 30px;
}
.crop-comtroll-panel button:first-child{
	margin-left: 0px;
}
/*.preview-error-size{
	position:absolute;
	top:0px;
	left:0px;
	padding:3px;
	background-color: white;
}*/

.site-section.disabled{
	background-color: rgba(255, 0, 0, 0.27) !important ;
}
.site-section{
	border:1px solid transparent !important;
}
.site-section:hover{
	background-color: rgba(76, 175, 80, 0.1) !important; 
	

	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;

	transition: border 0.2s linear;
	border:1px solid #4caf50 !important;
}

.site-section:hover .site-data{
		background-color:rgba(76, 175, 80, 0.3) !important; 
	

	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}
.form-section label,.site-section label{
	text-align: left;
}

ul.def-list{
	padding-left:20px;
	list-style: circle;
}
ul.def-list li{
	list-style: circle;
}/*! jQuery UI - v1.11.4 - 2016-01-13
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, datepicker.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #2b2b2b;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url('http://mosoda.skiparikft.net//res/skins/default/img/jqui/ui-icons_444444_256x240.png');
}
.ui-widget-header .ui-icon {
	background-image: url('http://mosoda.skiparikft.net//res/skins/default/img/jqui/ui-icons_444444_256x240.png');
}
.ui-state-default .ui-icon {
	background-image: url('http://mosoda.skiparikft.net//res/skins/default/img/jqui/ui-icons_777777_256x240.png');
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url('http://mosoda.skiparikft.net//res/skins/default/img/jqui/ui-icons_555555_256x240.png');
}
.ui-state-active .ui-icon {
	background-image: url('http://mosoda.skiparikft.net//res/skins/default/img/jqui/ui-icons_ffffff_256x240.png');
}
.ui-state-highlight .ui-icon {
	background-image: url('http://mosoda.skiparikft.net//res/skins/default/img/jqui/ui-icons_777620_256x240.png');
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url('http://mosoda.skiparikft.net//res/skins/default/img/jqui/ui-icons_cc0000_256x240.png');
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	margin: 0px 0 0 0px;
	padding: 5px;
	background: #666666;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
	border-radius: 8px;
}
/*left menu bar*/
body.left-menubar .tab-cnt {
	margin-top:0px;
	border-top:none !important;
}

body.left-menubar .tab-cnt .tab-ctr.left {
	margin-left:50px;
}

body.left-menubar .tab-cnt .tab-el-cnt {
	margin-left:50px;
}

body.left-menubar section.frames {
	margin-left:50px;
}

body.left-menubar nav.menu {
	width:50px;
	height:100%;
}

body.left-menubar nav.menu ul li.main {
	clear:both;
}

body.left-menubar nav.menu ul li.main a.main {
	width:50px !important;
	text-align:center;
	clear:both;
	padding:10px 0 10px 0;
}

body.left-menubar nav.menu ul li.main:hover a.main, 
body.left-menubar nav.menu ul li.main.opened a.main {
	width:250px !important;
	text-align:left;
	overflow:auto;
}


body.left-menubar nav.menu ul li.main:hover a.main span.label, 
body.left-menubar nav.menu ul li.main.opened a.main span.label {
	display:inline;
	line-height:21pt;
	font-weight:bold;
}

body.left-menubar nav.menu a.main i.icon-right {
	display:none;
}

body.left-menubar nav.menu a i.icon-left {
	margin:0px 0px 0px 10px;
}

body.left-menubar nav.menu a.main i.icon-left {
	font-size:20pt;
	margin:0 0 0 0 !important;
	float:left;
	width:50px;
	text-align:center;
}

body.left-menubar nav.menu a.main span.label {
	display:none;
}

body.left-menubar nav.menu ul li.main ul {
	margin-left:50px;
}

body.left-menubar nav.menu ul.main.right {
	position:absolute;
	bottom:0;
	left:0;
}

body.left-menubar nav.menu ul.main.right ul {
	top:auto;
	bottom:49px;
}

body.left-menubar nav.menu span.badge {
	background:#ab0909;
	border-radius:5px;
	font-size:9pt;
	color:white;
	position:absolute;
	margin:16px 0px 0px -10px;
	padding:3px;
	font-weight:bold;
}

.contextMenu {
	display:none;
	top:0;
	left:0;
	position:absolute;
	min-width:150px;
	width:auto;
	background:#E6E5E5;
	border:#808080 1px solid;
	box-shadow: 0px 0px 5px #888888;
}

.contextMenu hr {
	border-top:#c0c0c0 1px solid;
	border-bottom:#808080 1px solid;
	margin:0;
	padding:0;
}	

.contextMenu a {
	display:block;
	color:black;
	padding:5px;
	border-bottom:#c0c0c0 1px dashed;
	font-size:11pt;
	overflow:auto;
}
.contextMenu a:hover {
	background:#fff;
}

.contextMenu a i {
	margin-right:10px;
}

.contextMenu .group a:last-child {
	border-bottom:none;
}

.contextMenu a.red {
	background:#E6C7C7;
	color:#700000;
}

.contextMenu a.red:hover {
	background:#B80000;
	color:white;
}

.contextMenu a.green {
	background:#D3EFD5;
	color:#28B800;
}

.contextMenu a.green:hover {
	background:#28B800;
	color:white;
}

.contextMenu a.blue {
	background:#D3E4EF;
	color:#006EB8;
}

.contextMenu a.blue:hover {
	background:#006EB8;
	color:white;
}